/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; padding: 0 1rem; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }/* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }/* Document : reset Created on : Sep 10, 2011, 9:03:47 PM Author : Alexander M Description: Purpose of the stylesheet follows. */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } 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, table, caption, tbody, tfoot, thead, tr, th, td, 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-family: inherit; /*vertical-align: baseline;*/ } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* body { line-height: 1; } */ ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } input { margin: 0; } /* for chrome */ *:focus {outline: none;}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}/* Plupload ------------------------------------------------------------------- */ .plupload_wrapper * { box-sizing: content-box; } .plupload_button { cursor: pointer; outline: none; } .plupload_wrapper { font: normal 11px Verdana,sans-serif; width: 100%; min-width: 520px; line-height: 12px; } .plupload_container { _height: 300px; min-height: 300px; position: relative; } .plupload_filelist_footer {border-width: 1px 0 0 0} .plupload_file {border-width: 0 0 1px 0} .plupload_container .plupload_header {border-width: 0 0 1px 0; position: relative;} .plupload_delete .ui-icon, .plupload_done .ui-icon, .plupload_failed .ui-icon { cursor:pointer; } .plupload_header_content { height: 56px; padding: 0 160px 0 60px; position: relative; } .plupload_logo { width: 40px; height: 40px; background: url('../img/plupload.png') no-repeat 0 0; position: absolute; top: 8px; left: 8px; } .plupload_header_content_bw .plupload_logo { background-position: -40px 0; } .plupload_header_title { font: normal 18px sans-serif; line-height: 19px; padding: 6px 0 3px; } .plupload_header_text { font: normal 12px sans-serif; } .plupload_view_switch { position: absolute; right: 16px; bottom: 8px; margin: 0; display: none; } .plupload_view_switch .ui-button { margin-right: -0.31em; } .plupload_content { position: absolute; top: 86px; bottom: 44px; left: 0; right: 0; overflow-y: auto; width: 100%; } .plupload_filelist { border-collapse: collapse; border-left: none; border-right: none; margin: 0; padding: 0; width: 100%; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .plupload_filelist_content { padding: 0; margin: 0; } .plupload_cell {padding: 8px 6px;} .plupload_file { list-style: none; display: block; position: relative; overflow: hidden; line-height: 12px; } .plupload_file_thumb { position: relative; background-image: none; background-color: #eee; } .plupload_thumb_loading { background: #eee url(../img/loading.gif) center no-repeat; } .plupload_thumb_loading .plupload_file_dummy, .plupload_thumb_embedded .plupload_file_dummy { display: none; } .plupload_file_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .plupload_filelist_header { border-top: none; } .plupload_filelist_footer { position: absolute; bottom: 0; left: 0; right: 0; } .plupload_buttons { position: relative; } /* list view */ .plupload_view_list .plupload_file { border-left: none; border-right: none; border-top: none; height: 29px; width: 100% !important; /* fix IE6 vertical white-space bug */ _float: left; _clear: left; } .plupload_view_list div.plupload_file_size, .plupload_view_list div.plupload_file_status, .plupload_view_list div.plupload_file_action { padding: 8px 6px; position: absolute; top: 0; right: 0; } .plupload_view_list div.plupload_file_name { margin-right: 156px; padding: 8px 6px; _width: 75%; } .plupload_view_list div.plupload_file_size { right: 28px; } .plupload_view_list div.plupload_file_status { right: 82px; } .plupload_view_list .plupload_file_rename { margin-left: -2px; } .plupload_view_list .plupload_file_size, .plupload_view_list .plupload_file_status, .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status { text-align: right; width: 52px; } .plupload_view_list .plupload_file_thumb { position: absolute; top: -999px; } .plupload_view_list .plupload_file_progress { display: none; } /* thumbs view */ .plupload_view_thumbs .plupload_content { top: 57px; } .plupload_view_thumbs .plupload_filelist_header { display: none; } .plupload_view_thumbs .plupload_file { padding: 6px; margin: 10px; border: 1px solid #fff; float: left; } .plupload_view_thumbs .plupload_file_thumb, .plupload_view_thumbs .plupload_file_dummy { text-align: center; overflow: hidden; } .plupload_view_thumbs .plupload_file_dummy { font-size: 21px; font-weight: bold; text-transform: lowercase; overflow: hidden; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .plupload_view_thumbs div.plupload_file_action { position: absolute; top: 0; right: 0; } .plupload_view_thumbs div.plupload_file_name { padding: 0; font-weight: bold; } .plupload_view_thumbs .plupload_file_rename { padding: 1px 0; width: 100% !important; } .plupload_view_thumbs div.plupload_file_size { font-size: 0.8em; font-weight: normal; } .plupload_view_thumbs div.plupload_file_status { position: relative; height: 3px; overflow: hidden; text-indent: -999px; margin-bottom: 3px; } .plupload_view_thumbs div.plupload_file_progress { border: none; height: 100%; } .plupload .ui-sortable-helper, .plupload .ui-sortable .plupload_file { cursor:move; } .plupload_file_action {width: 16px;} .plupload_file_name { overflow: hidden; padding-left: 10px; } .plupload_file_rename { border: none; font: normal 11px Verdana, sans-serif; padding: 1px 2px; line-height: 11px; height: 11px; } .plupload_progress {width: 60px;} .plupload_progress_container {padding: 1px;} /* Floats */ .plupload_right {float: right;} .plupload_left {float: left;} .plupload_clear,.plupload_clearer {clear: both;} .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; } .plupload_clearer {height: 0;} /* Misc */ .plupload_hidden {display: none !important;} .plupload_droptext { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; text-align: center; vertical-align: middle; border: 0; line-height: 160px; display: none; } .plupload_dropbox .plupload_droptext { display: block; } .plupload_files_queued .plupload_droptext { display: none; } .plupload_buttons, .plupload_upload_status {float: left} .plupload_message { position: absolute; top: -1px; left: -1px; height: 100%; width: 100%; } .plupload_message p { padding:0.7em; margin:0; } .plupload_message strong { font-weight: bold; } .plupload_message i { font-style: italic; } .plupload_message p span.ui-icon { float: left; margin-right: 0.3em; } .plupload_header_content .ui-state-error, .plupload_header_content .ui-state-highlight { border:none; } .plupload_message_close { position:absolute; top:5px; right:5px; cursor:pointer; } .plupload .ui-sortable-placeholder { height:35px; } /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease; -ms-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { background: inherit; display: block; overflow: hidden; width: 100%; height: 100%; padding: 0; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; } .mm-menu > .mm-panel.mm-opened { left: 0%; } .mm-menu > .mm-panel.mm-subopened { left: -40%; } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding: 20px 0 40px 0; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-ismenu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page, .mm-fixed-top, .mm-fixed-bottom { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } html.mm-opened .mm-page, html.mm-opened #mm-blocker { margin: 0; top: 0; right: 0; bottom: 0; left: 0; border: 0px solid rgba(0, 0, 0, 0); } html.mm-opening .mm-page { border: 0px solid #010101; } .mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0; } .mm-fixed-top { top: 0; } .mm-fixed-bottom { bottom: 0; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-opened .mm-page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; display: none; width: 100%; height: 100%; position: fixed; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 80%; } .mm-menu { width: 80%; } @media all and (max-width: 175px) { .mm-menu { width: 140px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 550px) { .mm-menu { width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 440px; } } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu header addon CSS */ .mm-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; width: 100%; height: 60px; padding: 30px 40px 0 40px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; z-index: 1; } .mm-header .mm-prev, .mm-header .mm-next { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; width: 40px; height: 100%; position: absolute; bottom: 0; } .mm-header .mm-prev:before, .mm-header .mm-next:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -15px; } .mm-header .mm-prev { left: 0; } .mm-header .mm-prev:before { border-right: none; border-bottom: none; left: 22px; } .mm-header .mm-next { right: 0; } .mm-header .mm-next:before { border-top: none; border-left: none; right: 18px; } .mm-menu.mm-hassearch .mm-header { height: 50px; padding-top: 20px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before { margin-bottom: -10px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-ismenu > .mm-panel { padding-top: 60px; } .mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-menu.mm-fixedlabels .mm-list { background: inherit; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label { background: inherit !important; opacity: 0.97; height: 25px; overflow: visible; position: relative; z-index: 1; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { background: inherit; width: 100%; position: absolute; left: 0; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { padding-top: 25px; } .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-search { background: inherit; width: 100%; padding: 10px; position: relative; top: 0; z-index: 2; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu .mm-noresults { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresults:after { border: none; } .mm-menu.mm-noresults .mm-noresults { display: block; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 80px; } .mm-menu.mm-hassearch.mm-ismenu > .mm-panel { padding-top: 60px; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresults { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(40%); -moz-transform: translateX(40%); -ms-transform: translateX(40%); -o-transform: translateX(40%); transform: translateX(40%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-40%); -moz-transform: scale(0.7, 0.7) translateX(-40%); -ms-transform: scale(0.7, 0.7) translateX(-40%); -o-transform: scale(0.7, 0.7) translateX(-40%); transform: scale(0.7, 0.7) translateX(-40%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(40%); -moz-transform: scale(0.7, 0.7) translateX(40%); -ms-transform: scale(0.7, 0.7) translateX(40%); -o-transform: scale(0.7, 0.7) translateX(40%); transform: scale(0.7, 0.7) translateX(40%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-40%); -moz-transform: scale(0.7, 0.7) translateY(-40%); -ms-transform: scale(0.7, 0.7) translateY(-40%); -o-transform: scale(0.7, 0.7) translateY(-40%); transform: scale(0.7, 0.7) translateY(-40%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(40%); -moz-transform: scale(0.7, 0.7) translateY(40%); -ms-transform: scale(0.7, 0.7) translateY(40%); -o-transform: scale(0.7, 0.7) translateY(40%); transform: scale(0.7, 0.7) translateY(40%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-page .mm-page { -webkit-transition-property: -webkit-transform, top, right, bottom, left, border; -moz-transition-property: -moz-transform, top, right, bottom, left, border; -ms-transition-property: -ms-transform, top, right, bottom, left, border; -o-transition-property: -o-transform, top, right, bottom, left, border; transition-property: transform, top, right, bottom, left, border; } html.mm-zoom-page.mm-opened .mm-page { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-page.mm-opening .mm-page { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } html.mm-zoom-page.mm-right.mm-opened .mm-page { -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-page.mm-top.mm-opened .mm-page { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-page.mm-bottom.mm-opened .mm-page { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } /* jQuery.mmenu fullscreen extension CSS */ html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 100%; } .mm-menu.mm-fullscreen { width: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen { width: 140px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen { width: 10000px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 10000px; } } .mm-menu.mm-top.mm-fullscreen { height: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen { height: 140px; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 140px; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen { height: 10000px; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 10000px; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -10000px; } } .mm-menu.mm-right.mm-fullscreen { width: 100%; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen { width: 140px; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen { width: 10000px; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 10000px; } } .mm-menu.mm-bottom.mm-fullscreen { height: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen { height: 140px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen { height: 10000px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 10000px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -10000px; } } .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -10000px; } } .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -10000px; } } .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -10000px; } } .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -10000px; } } html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top { width: 100%; } html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { top: 0%; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { left: 0; } .mm-menu.mm-right { left: auto; right: 0; } html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom { left: auto; right: 0%; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { left: auto; } .mm-menu.mm-bottom { width: 100%; top: auto; bottom: 0; } html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { bottom: 0%; top: auto; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { top: auto; left: 0; } .mm-menu.mm-top { height: 80%; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 80%; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top { height: 140px; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 140px; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top { height: 880px; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 880px; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -880px; } } .mm-menu.mm-right { width: 80%; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 80%; } @media all and (max-width: 175px) { .mm-menu.mm-right { width: 140px; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right { width: 440px; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 440px; } } .mm-menu.mm-bottom { height: 80%; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 80%; } html.mm-bottom.mm-opening .mm-fixed-top { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom { height: 140px; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opening .mm-fixed-top { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom { height: 880px; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 880px; } html.mm-bottom.mm-opening .mm-fixed-top { top: -880px; } } /* jQuery.mmenu z-position extension CSS */ html.mm-front.mm-opened .mm-page { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, -webkit-transform; -moz-transition-property: top, right, bottom, left, -moz-transform; -ms-transition-property: top, right, bottom, left, -o-transform; -o-transition-property: top, right, bottom, left, -o-transform; transition-property: top, right, bottom, left, transform; } html.mm-front .mm-page, html.mm-front #mm-blocker { z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0%; } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { left: 0; } html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { left: 0; top: 0%; } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto; } html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { left: auto; right: 0%; } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; left: 0; } html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { left: 0; bottom: 0%; } .mm-menu.mm-front, .mm-menu.mm-next { left: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -440px; } } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -880px; } } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -440px; } } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -880px; } } html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresults { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle div { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresults { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle div { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-ismenu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresults { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle div { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } :root { --main-color: #252D27; --blue-color: #6ce0bf; --grey-color: #f8f8f8; --main-link-color: #ff7900; --main-background-color: #ff7900; --secondary-background-color: #4F0C81; --header-background-color: #fff; --header-color: #252D27; --body-font: "Poppins", Arial, sans-serif; --heading-font: "Lustria", Arial, sans-serif; } #mobileNavButton { background-color: var(--main-background-color); display: none; padding: 0.6rem 0.5rem; position: absolute; right: 0; top: 0; } #mobileNavButton img { vertical-align: middle; } /* Document : branding Created on : Nov 16, 2011, 3:25:55 PM Author : Alexander Description: Purpose of the stylesheet follows. */ @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(1.0);} 50% {-webkit-transform: scale(0.7);} 100% {-webkit-transform: scale(1.0);} } @keyframes pulsate { 0% {transform: scale(1.0);} 50% {transform: scale(0.7);} 100% {transform: scale(1.0);} } @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @-webkit-keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} } @keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} } @font-face { font-family: 'marker_feltregular'; src: url('../fonts/webfontkit/marker_felt-webfont.eot'); src: url('../fonts/webfontkit/marker_felt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/webfontkit/marker_felt-webfont.woff2') format('woff2'), url('../fonts/webfontkit/marker_felt-webfont.woff') format('woff'), url('../fonts/webfontkit/marker_felt-webfont.ttf') format('truetype'), url('../fonts/webfontkit/marker_felt-webfont.svg#marker_feltregular') format('svg'); font-weight: normal; font-style: normal; } /*PrettyPhoto css*/ #pp_full_res { background-color: black; text-align: center; } html, body { height: 100%; position: relative; } html { font-size: 10px; } body { background-color: white; -webkit-text-size-adjust: none; } body, input, textarea { color: var(--main-color); font-family: var(--body-font); font-size: 1.6rem; font-weight: 300; line-height: 1.5; } a { color: var(--main-link-color); cursor: pointer; text-decoration: none; } a:hover { text-decoration: underline; } a.orangeButton { padding: 2px 10px; } h1,h2,h3,h4,h5 { font-family: var(--heading-font); font-weight: 300; line-height: 1; } form { margin: 0px; } input[type="radio"] { height: 1.7rem; width: 1.7rem; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select { border-color: #9E9E9E #C3C3C3 #D9D9D9; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; -o-border-radius: 0.2em; border-radius: 0.2em; border-width: 1px; border-style: solid; font-size: 100%; padding: 0.584em 1em; position: relative; } textarea { resize: none; } select { padding: 0.8rem 0.5rem 0.8rem 1.3rem; } progress { border-radius: 1rem; color: var(--main-background-color); height: 2rem; overflow: hidden; } progress::-moz-progress-bar { background: var(--main-background-color); } progress::-webkit-progress-value { background: var(--main-background-color); } .topShadowBorder::before { border-radius: 3rem 3rem 0 0; box-shadow: 0 -7px 13px -12px #999; content: ''; display: block; height: 3rem; left: -2rem; position: absolute; width: calc(100% + 4rem); } button.stickkButton01, input[type="submit"].stickkButton01, input[type="button"].stickkButton01 { -webkit-appearance: none; } #iptSearch { background-color: #E4E4E4; border: 0 none; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; -o-border-radius: 0.2em; border-radius: 0.2em; height: 36px; vertical-align: top; } textarea { overflow: hidden; } h2 { font-size: 24px; } h3 { font-size: 18px; } .mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-4 { margin-top: 4rem; } .mt-5 { margin-top: 5rem; } .ml-1 { margin-left: 1rem; } .ml-2 { margin-left: 2rem; } .ml-3 { margin-left: 3rem; } .ml-4 { margin-left: 4rem; } .ml-5 { margin-left: 5rem; } .ml-6 { margin-left: 6rem; } .ml-7 { margin-left: 7rem; } .ml-8 { margin-left: 8rem; } .ml-9 { margin-left: 9rem; } .ml-10 { margin-left: 10rem; } .pt-1 { padding-top: 1rem; } .pt-2 { padding-top: 2rem; } .pt-3 { padding-top: 3rem; } .pt-4 { padding-top: 4rem; } .pt-5 { padding-top: 5rem; } .pt-6 { padding-top: 6rem; } .pt-7 { padding-top: 7rem; } .pt-8 { padding-top: 8rem; } .pt-9 { padding-top: 9rem; } .pt-10 { padding-top: 10rem; } .p-1 { padding: 1rem; } .p-2 { padding: 2rem; } .p-3 { padding: 3rem; } .p-4 { padding: 4rem; } .p-5 { padding: 5rem; } .p-6 { padding: 6rem; } .p-7 { padding: 7rem; } .p-8 { padding: 8rem; } .p-9 { padding: 9rem; } .p-10 { padding: 10rem; } .flexColumn { display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; } .flexRow { display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; } .stickkLoading { -moz-animation: 3s ease-in-out 0s infinite running pulsate; -webkit-animation: 3s ease-in-out 0s infinite running pulsate; animation: 3s ease-in-out 0s infinite running pulsate; background-image: url("/images/layouts/main/icon_loading.png"); height: 7.9rem; left: 50%; margin-left: -3.7rem; margin-top: -3.95rem; position: absolute; top: 50%; width: 7.4rem; } body.loading::before, body.loading::after { position: fixed; } .loading::before { background-color: rgba(255,255,255,0.4); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .loadingWhite::before { background-color: rgba(0,0,0,0.4); } .loading::after { -moz-animation: 3s ease-in-out 0s infinite running pulsate; -webkit-animation: 3s ease-in-out 0s infinite running pulsate; animation: 3s ease-in-out 0s infinite running pulsate; content: url("/images/layouts/main/icon_loading_grey.svg"); display: block; height: 7.9rem; left: 50%; margin-left: -3.7rem; margin-top: -3.95rem; position: absolute; top: 50%; width: 7.4rem; z-index: 1001; } .loadingWhite::after { content: url("/images/layouts/main/icon_loading.svg"); } .loadingSmall::after { content: url("/images/layouts/main/icon_loading_grey.svg"); height: 3.45rem; margin-left: -1.65rem; margin-top: -1.475rem; width: 3.45rem; } .loadingWhiteSmall::after { content: url("/images/layouts/main/icon_loading.png"); } .formContainer { margin: 0 auto; position: relative; width: 56rem; } .formRow { line-height: 3.6rem; padding-top: 0.8rem; } .formRow::after { clear: both; content: ''; display: block; height: 0; width: 0; } .formButtonRow { padding-top: 3.2rem; } .formLabelContainer { float: left; font-weight: 700; text-align: left; width: 13rem; } .formInputContainer { display: inline-block; float: left; position: relative; width: 30.4rem; } .formInput { width: 100%; } .creditCardIcon { height: 3.2rem; vertical-align: middle; } .header, .heading { color: #727272; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; } .heading { border-bottom: 1px dotted #727272; padding-bottom: 1rem; } .middleColumn .header { color: #444444; } div.notice { background: white; -moz-border-radius: 1em; -webkit-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; border: 1px solid #E1E1E1; text-align: center; } .whatsthis:hover { text-decoration: none; } .checkmarkList li:before { display: inline-block; content: "✔\FE0E"; padding-right: 1rem; } ul.yiiPager li.next a, ul.yiiPager li.previous a{ color: transparent !important; background-repeat: no-repeat; background-position: center center; width: 14px; height: 14px; } ul.yiiPager li.next a { background-image: url("/images/common/pager/icon_arrow_paging_right.png"); } ul.yiiPager li.previous a { background-image: url("/images/common/pager/icon_arrow_paging_left.png"); } .avatarContainer { -webkit-align-items: center; align-items: center; border-radius: 100%; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; overflow: hidden; vertical-align: middle; } .avatarContainerSmall, .avatarContainerTiny { height: 5rem; width: 5rem; } .avatarContainerMain { height: 14.4rem; width: 14.4rem; } .avatarContainer img { max-height: 100%; max-width: 100%; } .clear { clear: both; float: none !important; } .clearLeft { clear: left; } .section { width: 100%; } .container { padding: 2rem; } .ui-dialog .ui-dialog-content { padding: 1.5rem; } .list-view div.listHeader { font-weight: bold; position: relative; } .list-view div.listHeader .summary { float: left; margin: 0; } .list-view div.listHeader .pager { float: right; margin: 0; } .pipeDelimeter { padding: 0 5px; } div.notice, .emptyWall { padding: 25px; margin: 10px 0; position: relative; text-align: center; } .stickkContainer01, .stickkContainer02, .stickkContainer03, .stickkContainer04, .stickkContainer05 { position: relative; } .stickkContainer01Point { width: 690px; } .stickkContainer01 { } .stickkContainer02 { background: white; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .stickkContainer01 > .stickkContainer02 { border: 1px solid #d0d0d0; } .stickkContainer03 { /*background-color: #999999; background-image: -ms-linear-gradient(top, #FFFFFF 75%, #999999 100%); background-image: -moz-linear-gradient(top, #FFFFFF 75%, #999999 100%); background-image: -o-linear-gradient(top, #FFFFFF 75%, #999999 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.75, #FFFFFF), color-stop(1, #999999)); background-image: -webkit-linear-gradient(top, #FFFFFF 75%, #999999 100%); background-image: linear-gradient(top, #FFFFFF 75%, #999999 100%); -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; -o-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;*/ } .stickkContainer04 { background: #F1F1F1; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .stickkContainer05 { border: 1px solid #d1d1d1; background: white; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } div.errorMessage { color: red; } .mainContentContainer { background: transparent; margin: 0 auto; position: relative; width: 70%; } div.notice.error b { font-size: 16px; font-weight: bold; color: #aa0000; text-decoration: underline; } div.notice.error { font-size: 15px; font-weight: bold; color: black; } div.membersMainContainer .sliderTabs.ui-tabs > ul { background: #FFFFFF; display: inline-block; position: relative; } .sliderTabs.ui-tabs .ui-helper-clearfix:after { content: none; } div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li { background: none; border: none; display: inline-block; float: none; margin: 0; padding: 0; top: 0; } div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-selected { } div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li a { display: block; float: none; position: relative; } div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-state-default a { font-size: 2rem; padding: 0.5rem 2rem; } div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-state-active a { border-bottom: 3px solid var(--main-link-color); color: var(--main-link-color); } div.membersMainContainer .verticalTabs.ui-tabs > ul, div.membersMainContainer .verticalTabs.ui-tabs > div { float: left; } div.membersMainContainer .verticalTabs.ui-tabs > ul { border: 0; padding: 0; } div.membersMainContainer .verticalTabs.ui-tabs .ui-corner-bottom { border-radius: 0; } .verticalMenu { } .verticalMenu .menuItem, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li { background: white; color: var(--main-color); float: none; font-size: 1.4rem; font-weight: bold; height: auto; line-height: inherit; margin: 0; position: relative; top: 0; white-space: normal; } .verticalMenu .messagesMenuItem { font-size: 1.6rem; } div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li { border: 0 none; border-radius: 0; position: relative; } .verticalMenu .menuItem:first-child { } .verticalMenu .menuItem.active, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-active { color: white; background-color: var(--main-background-color); border-color: var(--main-background-color); } div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-active { border-bottom-color: var(--main-background-color); } .verticalMenu .menuItem a, .verticalTabs .ui-tabs-nav .menuItem .ui-tabs-anchor { -webkit-align-items: center; align-items: center; background-position: 10px center; background-repeat: no-repeat; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; float: none; padding: 1.6rem 3rem 1.6rem 3rem; width: 100%; } .verticalMenu .menuItemNoIcon a, .verticalTabs .ui-tabs-nav .menuItemNoIcon .ui-tabs-anchor { padding: 1.6rem 1.4rem; } .verticalMenu .menuItem a, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li.ui-state-default a { color: var(--main-color); } .verticalMenu .menuItem.active a, .verticalMenu .menuItem:hover a, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-active a { color: white; text-decoration: none; } .verticalMenu a > span { -webkit-flex: 20 1 auto; flex: 20 1 auto; } .verticalMenu a > span:last-child { -webkit-flex: 1 1 auto; flex: 1 1 auto; } .verticalMenu .menuItem span.stickkCircle01, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li span.stickkCircle01 { } a.roundButton, input.roundButton { -moz-border-radius: 2em; -webkit-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: inline-block; position: relative; } .infoButton { color: var(--main-background-color); font-size: 2.4rem; font-weigt: bold; } a.stickkButton01, .stickkButton01 { background-color: var(--main-background-color); border: 0 none; -moz-border-radius: 5rem; -webkit-border-radius: 5rem; -o-border-radius: 5rem; border-radius: 5rem; color: #fff !important; cursor: pointer; display: inline-block; font-family: var(--body-font); font-size: 1.6rem; font-weight: 300; line-height: normal; padding: 1.2rem 3.6rem; position: relative; text-align: center; text-decoration: none; } a.stickkButton01.secondaryButton, .stickkButton01.secondaryButton { color: var(--main-background-color) !important; } .stickkButton01.small { font-size: 10px; } .stickkButton01.big { font-size: 18px; } a.stickkButton01.reportNow { padding: 0.567em; } #homeWidgetContainer .stickkButton01 { font-size: 15px; font-weight: normal; width: 100%; } .stickkButton02, div.pendingFriendRequest { background: #8AA64E; border: 2px solid #7C9546; -moz-border-radius: 5rem; -webkit-border-radius: 5rem; -o-border-radius: 5rem; border-radius: 5rem; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 1.4rem; font-weight: bold; line-height: normal; padding: 1.2rem 3.6rem; position: relative; text-align: center; text-decoration: none !important; } .stickkButton03 { background: var(--main-background-color); -moz-border-radius: 5rem; -webkit-border-radius: 5rem; -o-border-radius: 5rem; border-radius: 5rem; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: var(--body-font); font-size: 1.4rem; font-weight: bold; line-height: normal; padding: 1.2rem 3.6rem; position: relative; text-align: center; text-decoration: none !important; } .stickkButton01.disabled, .stickkButton02.disabled, .stickkButton03.disabled { opacity: 0.5; } a.secondaryButton, .secondaryButton { background-color: #ffffff; border: 1px solid var(--main-background-color); color: var(--main-background-color); font-weight: normal; } .roundXButton, a.roundXButton { background-color: var(--main-background-color); border-radius: 1rem; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; height: 2rem; line-height: 2rem; text-align: center; text-decoration: none; width: 2rem; } .stickkCircle01 { border: 2px solid white; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: white; display: inline-block; background-color: #DE5C00; background-image: -ms-linear-gradient(top, #FE6A00 0%, #CF5600 100%); background-image: -moz-linear-gradient(top, #FE6A00 0%, #CF5600 100%); background-image: -o-linear-gradient(top, #FE6A00 0%, #CF5600 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FE6A00), color-stop(1, #CF5600)); background-image: -webkit-linear-gradient(top, #FE6A00 0%, #CF5600 100%); background-image: linear-gradient(top, #FE6A00 0%, #CF5600 100%); height: 2.4rem; line-height: 2rem; position: relative; text-align: center; width: 2.4rem; } .stikethroughDelimiter { display: table; margin: 16px 0; margin: 1.6rem 0; position: relative; text-align: center; width: 100%; } .stikethroughDelimiter > span { display: table-row; padding: 8px; padding: 0.8rem; } .stikethroughDelimiter > span:before, .stikethroughDelimiter > span:after { border-top: 1px solid rgba(0, 0, 0, 0.25); content: ""; display: table-cell; position: relative; top: 10px; top: 1rem; width: 46%; } span.loadingWheel { background: url("/images/common/animation_loading_wheel.gif"); display: inline-block; height: 32px; width: 32px; } div.mediumAvatarContainer { height: 144px; line-height: 144px; margin: 0 auto; position: relative; text-align: center; width: 144px; } div.mediumAvatarContainer a { display: inline-block; height: 100%; width: 100%; } div.mediumAvatarContainer img { display: block; } div.mediumAvatarContainer #changeAvatarLink { bottom: -1rem; display: none; font-size: 1rem; height: 1.5rem; padding: 0.5rem; position: absolute !important; background: none; padding-right: 1rem; width: 100%; } div.mediumAvatarContainer a.stickkButton01 { padding: 0px; font-size: 10px; } div.mediumAvatarContainer:hover #changeAvatarLink { display: block; } span.itsFreeIcon { background: url("/images/site/login/icon_its_free.png"); display: inline-block; height: 85px; width: 87px; } .friendActionIcon { background: url('/images/friends/sprite_friend_action_icons.png'); cursor: pointer; height: 26px; width: 42px; display: inline-block; vertical-align: middle; } .friendActionIcon.addFriend { background-position: 0 0; } .friendActionIcon.viewProfile { background-position: -42px 0; } .friendActionIcon.removeFriend { background-position: -84px 0; } .friendActionIcon.sendMessage { background-position: -126px 0; } .friendActionIcon.deleteFriend { background-position: -168px 0; } .friendActionIcon.small { background-size: auto 20px; height: 20px; width: 32px; } .friendActionIcon.addFriend.small { background-position: 0 0; } .friendActionIcon.viewProfile.small { background-position: -32px 0; } .friendActionIcon.removeFriend.small { background-position: -64px 0; } .friendActionIcon.sendMessage.small { background-position: -96px 0; } .friendActionIcon.deleteFriend.small { background-position: -128px 0; } a.messageStatusIcon, span.messageStatusIcon { background: url("/images/messages/sprite_message_status_icons.png"); background-size: auto 20px; cursor: pointer; height: 20px; width: 18px; display: inline-block; vertical-align: middle; } a.messageStatusIcon.new, span.messageStatusIcon.new { background-position: 0 0; } a.messageStatusIcon.opened, span.messageStatusIcon.opened { background-position: -19px 0; } a.messageStatusIcon.replied, span.messageStatusIcon.replied { background-position: -37px 0; } .pt #logo { } .es #logo { } #logo { background-size: 12rem; background-repeat: no-repeat; display: inline-block; height: 7.2rem; vertical-align: middle; width: 12rem; } #verisignLogo { background: url("/images/layouts/main/logo_norton.png"); display: inline-block; height: 72px; width: 100px; } #trusteLogo { background: url("/images/layouts/main/logo_truste.png"); display: inline-block; height: 51px; width: 187px; } #page, #loggedInPage { display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; min-height: 100%; position: relative; width: 100%; } #headerSection, #loggedInHeaderSection { height: 7.2rem; min-height: 7.2rem; min-width: 980px; width: 100%; } #headerContent { -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; margin: 0 auto; padding: 0 2rem; position: relative; width: 70%; } #topMenuContainer, #topMenu { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; text-transform: uppercase; } #topMenu a { color: var(--header-color); display: inline-block; line-height: 1.3; margin: 0 2rem; text-align: center; text-decoration: none; vertical-align: middle; } #topMenu .stickkButton01 { padding: 1.2rem 1.5rem; } #topMenu .stickkButton01.secondaryButton { border: 1px var(--main-background-color) solid; color: var(--main-background-color); padding: 1.2rem 1.5rem; } span.topMenuDelimiter { background: #bababa; display: inline-block; height: 30px; vertical-align: middle; width: 1px; } a#textLogin { padding: 0.9rem 15px; text-align: center; } a#signupButton { margin-left: 1rem; margin-right: 0px; padding: 0.9rem 15px; } #topMenu a.ssoLoginButton { margin: 0 0 0 1rem; padding: 0.9rem 15px; } #userTopMenu { bottom: 11px; font-size: 13px; position: absolute; right: 0; } #userTopMenu a, #userTopMenu span.topMenuDelimiter { margin: 0 0 0 5px; } #topMenuDelimiter { background: #bababa; } #mainSection { position: relative; } #mainSection, #loggedInMainSection { background-color: #FFFFFF; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-grow: 1; flex-grow: 1; } #mainContent { } #footerSection { -webkit-align-items: center; align-items: center; background-color: var(--secondary-background-color); color: #fff; display: -webkit-flex; display: flex; -webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-flow: column; flex-flow: column; font-size: 1.4rem; position: relative; text-decoration: none; } #communitiesBox { background-color: #fff7ee; -webkit-justify-content: center; justify-content: center; padding: 2rem 0; white-space: nowrap; width: 100%; } #communitiesBox a { color: #4f0c81; } #communitiesTitle { display: inline-block; float: left; font-size: 1.6rem; } #communitiesTitle div { text-align: center; } #communitiesLinks { display: inline-block; margin-left: 50px; } #communitiesLinks td { padding: 1px 40px 1px 0; white-space: nowrap; } .footerCoporateButtonContainer { margin-top: 4rem; } a.footerCorporateButton { background-color: transparent; border: 1px #fff solid; color: #fff; font-weight: normal; } .footerMiddleContent { padding: 4rem 0; width: 98rem; -webkit-justify-content: space-around; justify-content: space-around; } .footerLogo { width: 18rem; } .footerCopyright { margin-top: 1rem; } .footerSnsContainer { margin-left: -0.6rem; margin-top: 1rem; } .footerSnsLink + .footerSnsLink { margin-left: 1rem; } .footerSnsLink:hover { font-style: none; } .footerSnsIcon { height: 3rem; } .footerSecurityContainer { margin-top: 2rem; } .footerSymantecContainer { margin-left: 1rem; } .footerSymantecLink { color: #fff; } .footerMenuSection { line-height: 2.4rem; padding: 0 2rem; position: relative; } .footerMenuContainer { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .footerMenuRightColumn { padding-left: 8rem; } .footerMenuItem { color: #fff; } #languageLink { color: var(--main-background-color); } .footerMenuHeading { height: 2.4rem; line-height: 2.4rem; width: 100%; } .footerAppIcon { width: 16rem; } #rightBannerContainer { display: inline-block; float: right; } span.rightBanner { background: url("/images/banners/en/banner_money_ads.jpg") no-repeat scroll right bottom transparent; display: inline-block; height: 600px; width: 160px; } span.rightBanner.es { background: url("/images/banners/es/banner_money_ads.jpg") no-repeat scroll right bottom transparent; height: 600px; width: 160px; } #alertEl { display: block; margin: 10px; } .ui-corner-top { position: relative; border-radius: 4px 4px 0px 0px; } div.tou ul { list-style: disc; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Begin Wall <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .wallPosts { margin-top: 1.6rem; } .floatRight { float: right; } .wallPostsList .userBox, div.wallItem .userBox { margin-right: 10px; vertical-align: middle; } div.wall-posts div.pager { float: right; margin: 20px 5px 5px; } .wallPostsList div.items + div.pager { float: right; } div.wallItem tr.header { color: #555555; font-size: inherit; font-weight: inherit; } div.wallItem tr.header td { padding-bottom: 0.8rem; } div.wallItem div.headerText { display: inline-block; vertical-align: middle; } div.wallItem div.username { } div.wallItem div.postTime, .reportingPeriodPost div.postTime { margin-top: 0.4rem; } div.wallItem td.text { padding-top: 0.8rem; } .post_form_div_buttons { margin-top: 5px; margin-bottom: 5px; } .wallItem { margin: 2rem 0; position: relative; } tr.wallItem { position: inherit; } tr.wallItem > td { padding: 1.7rem 1rem 1.7rem 0; } .wallItemTime { margin-top: 0.4rem; } .wallItem table { width: 100%; } .wallItem table > tr:first-child td:first-child, .wallItem tbody > tr:first-child td:first-child { width: 65px; } #messageContent td.avatar { vertical-align: top; } #wallPostsListView .wallItem table td:first-child { width: auto; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End wall >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start AdminWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #adminToolbarSection { padding: 1.5rem 1rem 1.5rem 2rem; position: fixed; } #adminToolbarSection a { margin: 0.5rem 1rem 0.5rem 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end AdminWidget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start layout/loggedInMain >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #headerSection, #loggedInHeaderSection { background-color: var(--header-background-color); } #logoContainer, #loggedInTopMenuContainer { -webkit-flex-grow: 1; flex-grow: 1; } #topMenuMobileBtn { display: none; } #shortcutTopMenu { position: relative; z-index: 2; } a.topMenuIcon, span.topMenuIcon { /*background: url("/images/layouts/loggedInMain/sprite_top_icons.png") no-repeat scroll left top transparent;*/ background-attachment: scroll; background-color: transparent; background-position: center; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 7.2rem; position: relative; vertical-align: middle; width: 6rem; } a.topMenuIcon:hover, span.topMenuIcon:hover, a.topMenuIcon.selected, span.topMenuIcon.selected { background-color: #FFFFFF; } a.topMenuIcon.commitments, span.topMenuIcon.commitments { background-image: url("/images/layouts/loggedInMain/home_selected.png"); /*background-position: 0 0;*/ } a.topMenuIcon.commitments:hover, span.topMenuIcon.commitments:hover, a.topMenuIcon.commitments.selected, span.topMenuIcon.commitments.selected { background-image: url("/images/layouts/loggedInMain/home_selected.png"), linear-gradient(var(--main-background-color) 0 5%, rgba(0,0,0,0) 5% 100%); } a.topMenuIcon.messages, span.topMenuIcon.messages { background-image: url("/images/layouts/loggedInMain/messages_selected.png"); } a.topMenuIcon.messages:hover, span.topMenuIcon.messages:hover, a.topMenuIcon.messages.selected, span.topMenuIcon.messages.selected { background-image: url("/images/layouts/loggedInMain/messages_selected.png"), linear-gradient(var(--main-background-color) 0 5%, rgba(0,0,0,0) 5% 100%); } #topMenuInboxMessageCount { left: 50%; margin-left: 0.4rem; margin-top: -3.2rem; position: absolute; top: 50%; } a.topMenuIcon.friends, span.topMenuIcon.friends { background-image: url("/images/layouts/loggedInMain/friends_selected.png"); /*background-position: -52px 0;*/ } a.topMenuIcon.friends:hover, span.topMenuIcon.friends:hover, a.topMenuIcon.friends.selected, span.topMenuIcon.friends.selected { background-image: url("/images/layouts/loggedInMain/friends_selected.png"), linear-gradient(var(--main-background-color) 0 5%, rgba(0,0,0,0) 5% 100%); } a.topMenuIcon.store, span.topMenuIcon.store { /*background-position: -78px 0;*/ background-image: url("/images/layouts/loggedInMain/gift_selected.png"); } a.topMenuIcon.store:hover, span.topMenuIcon.store:hover, a.topMenuIcon.store.selected, span.topMenuIcon.store.selected { background-image: url("/images/layouts/loggedInMain/gift_selected.png"), linear-gradient(var(--main-background-color) 0 5%, rgba(0,0,0,0) 5% 100%); } a.topMenuIcon.help, span.topMenuIcon.help { /*background-position: -104px 0;*/ } a.topMenuIcon.makeCommitment, span.topMenuIcon.makeCommitment { background-image: url("/images/layouts/loggedInMain/newcommitment_selected.png"); /*background-position: -52px 0;*/ } a.topMenuIcon.makeCommitment:hover, span.topMenuIcon.makeCommitment:hover, a.topMenuIcon.makeCommitment.selected, span.topMenuIcon.makeCommitment.selected { background-image: url("/images/layouts/loggedInMain/newcommitment_selected.png"), linear-gradient(var(--main-background-color) 0 5%, rgba(0,0,0,0) 5% 100%); } a.topMenuIconBig, span.topMenuIconBig { background: url("/images/layouts/loggedInMain/sprite_top_icons_big.png") no-repeat scroll left top transparent; display: inline-block; height: 37px; height: 3.7rem; vertical-align: middle; width: 5.2rem; } a.topMenuIconBig.home, span.topMenuIconBig.home { background-position: 0 0; } a.topMenuIconBig.messages, span.topMenuIconBig.messages { background-position: -52px 0; } a.topMenuIconBig.friends, span.topMenuIconBig.friends { background-position: -104px 0; } a.topMenuIconBig.store, span.topMenuIconBig.store { background-position: -156px 0; } #accountSettingsContainer { -webkit-justify-content: center; justify-content: center; position: relative; } span.settingsIcon { cursor: pointer; display: inline-block; margin-left: 1rem; width: 1.6rem; } span.settingsIcon::after { border-color: var(--main-color) transparent transparent; border-style: solid; border-width: 8px; content: ""; cursor: pointer; display: block; height: 0; position: relative; top: 8px; width: 0; } #accountSettingsContainer div.topSubMenu { left: auto; right: -6px; top: 44px; } div.topSubMenu { border: 0px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 6px 0 #B0B0B0; -webkit-box-shadow: 0px 0px 6px 0 #B0B0B0; box-shadow: 0px 0px 6px 0 #B0B0B0; background: #e5e5e5; display: none; left: 0; line-height: 2; margin-top: 5px; position: absolute; top: 40px; z-index: 10; } div.topSubMenu ul { border: 4px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 6px 0 #B0B0B0; -webkit-box-shadow: 0px 0px 6px 0 #B0B0B0; box-shadow: 0px 0px 6px 0 #B0B0B0; background: #e5e5e5; } #accountSettingsContainer li.topSubmenuArrow { left: auto; right: 2px; } div.topSubMenu li.divider { border-top: 1px solid #cecece; margin-top: 4px; margin-top: 0.4rem; padding-top: 4px; padding-top: 0.4rem; } div.topSubMenu li { color: #646464; padding: 0 14px; padding: 0 1.4rem; position: relative; white-space: nowrap; } div.topSubMenu li:hover { background: #EFEFEF; } div.topSubMenu li a { display: block; font-weight: bold; padding-right: 15px; padding-left: 15px; } div.topSubMenu li.topSubmenuArrow { background: url("/images/layouts/loggedInMain/arrow_top_dropdown.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; height: 23px; left: 0; padding: 0; top: -13px; width: 26px; } div.topSubMenu li:first-child { position: absolute; } div.topSubMenu li.first { border-top: 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } div.topSubMenu li.last { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } div.topSubMenu a { color: #555555; text-decoration: none; } #topMenu li.topSubMenuItem { position: relative; } #generalTopMenu > li, #shortcutTopMenu > li { cursor: pointer; font-weight: bold; } #poweredByStickkFooterContainer { float: right; } #poweredByStickkHeaderContainer, #poweredByStickkFooterContainer { color: #FFFFFF; font-size: 11px; font-weight: bold; } #poweredByStickkHeaderContainer span, #poweredByStickkFooterContainer span { color: var(--main-background-color); text-decoration: underline; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end layout/loggedInMain <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start memebers/tabs >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #tabSection { background-color: var(--main-background-color); margin: 0 auto; max-width: 102.4rem; position: relative; text-align: center; width: 100%; z-index: 1; } #tabContentContainer { position: absolute; right: 0; top: 2rem; } #tabContentContainer > a:first-child { margin: 0 0.5rem 0 0; } #tabContentContainer > a:last-child { margin: 0 0 0 0.5rem; } #tabContentContainer > a { margin: 0 0.5rem; } #returnToCommitmentsButton { bottom: 46px; display: none; } .returnToProfile { margin-top: -45px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end members/tabs <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start site/_home_widgets >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .corporateSolutionsContentContainer, .corporateSolutionsTextContainer { display: -webkit-flex; display: flex; } .corporateSolutionsContentContainer { -webkit-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 1.8rem; margin-top: 1rem; } .corporateSolutionsTextContainer { -webkit-flex-flow: column nowrap; flex-flow: column nowrap; font-weight: bold; padding-left: 1rem; } .corporateSolutionsTextContainer strong { color: var(--main-background-color); } .corporateSolutionsTextContainer .stickkButton01 { -webkit-align-self: flex-end; align-self: flex-end; margin-top: 2rem; } .inTheNewsTextContainer { display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } .inTheNewsMoreButton { -webkit-align-self: flex-end; align-self: flex-end; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end site/_home_widgets >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /site/index >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #homeMobileLoginBtns { display: none; } #homeWidgetContainer { margin-top: 4rem; width: 102.4rem; } #homeWidgetContainer.loggedIn { margin: 4rem auto; } .homeWidgetContainerColumns { -webkit-justify-content: space-between; justify-content: space-between; } #homeWidgetLeftContainer > div, #homeWidgetRightContainer > div, #homeWidgetLeftLeftContainer > div, #homeWidgetLeftRightContainer > div, #homeWidgetLeftContainer > section, #homeWidgetRightContainer > section, #homeWidgetLeftLeftContainer > section, #homeWidgetLeftRightContainer > section { border: 1px solid #e4e4e4; border-radius: 3rem; margin-top: 2rem; padding: 2rem; } #homeWidgetLeftContainer > div:first-child, > div:first-child, #homeWidgetRightContainer > div:first-child, #homeWidgetLeftLeftContainer > div:first-child, #homeWidgetLeftRightContainer > div:first-child, #homeWidgetLeftContainer > section:first-child, #homeWidgetRightContainer > section:first-child, #homeWidgetLeftLeftContainer > section:first-child, #homeWidgetLeftRightContainer > section:first-child { margin-top: 0px; } #homeWidgetLeftLeftContainer { max-width: 33rem; } .whosFlickkingHeading { position: relative; } li.homeStickkBlogListItem { margin-top: 10px; padding: 15px; } li.homeStickkBlogListItem div.content { margin-top: 10px; } li.homeStickkBlogListItem span.title { font-size: 14px; font-weight: bold; } li.homeStickkBlogListItem span.date, li.homeStickkBlogListItem span.author, li.homeStickkBlogListItem div.content a { color: var(--main-color); font-size: 11px; font-weight: bold; } li.homeStickkBlogListItem span.author { color: var(--main-background-color); } li.homeStickkBlogListItem a.avatarContainer, #carrotsAndSticksContainer img { float: left; margin-right: 10px; } li.homeStickkBlogListItem div.blogText { text-align: left; vertical-align: top; } li.homeStickkBlogListItem a.stickkButton01, #carrotsAndSticksContainer a.stickkButton01 { margin-top: 10px; } #carrotsAndSticksContainer { padding: 15px; } #carrotsAndSticksContainer div.title { font-size: 13px; font-weight: bold; } #homeWidgetLeftRightContainer { max-width: 33rem; } #corporateSolutions { margin-top: 10px; } #corporateSolutions#homeTestimonialContainer { margin-top: 20px; } #corporateSolution { background: url("/images/site/index/banner_corporate_solutions.jpg") no-repeat scroll 7px top transparent; display: inline-block; height: 124px; width: 271px; } #corporateSolutions.es { background: url("/images/site/index/es/banner_corporate_solutions.jpg") no-repeat scroll center top transparent; } #corporateSolutions.pt { background: url("/images/site/index/pt/banner_corporate_solutions.png") no-repeat scroll center top transparent; } #homeWidgetRightContainer { max-width: 33rem; } #homeTheNumbersContainer { padding-bottom: 20px; } #homeTheNumbersContainer div.theNumbersRow { margin-top: 20px; white-space: nowrap; } span.theNumbersIcon { /*background: url("/images/site/index/sprite_the_numbers_icons.png") no-repeat scroll left top transparent;*/ display: inline-block; height: 44px; width: 61px; } span.theNumbersIcon.workouts { background: url("/images/site/index/theNumbersPurpleColor/workout-completed.svg") no-repeat scroll left -5px transparent; } span.theNumbersIcon.commitments { background: url("/images/site/index/theNumbersPurpleColor/commitments-created.svg") no-repeat scroll left -5px transparent; } span.theNumbersIcon.stakes { background: url("/images/site/index/theNumbersPurpleColor/dollars-line.svg") no-repeat scroll left -5px transparent; } span.theNumbersIcon.cigarettes { background: url("/images/site/index/theNumbersPurpleColor/cigarettes.svg") no-repeat scroll left -5px transparent; } span.theNumbersIcon.weight { /*background-position: -244px 0;*/ } #homeTheNumbersContainer div.theNumbersStats { margin-left: 20px; } #homeTheNumbersContainer div.number { color: var(--main-color); font-size: 18px; font-weight: bold; } #homeTheNumbersContainer div.caption { color: var(--main-background-color); font-weight: bold; } #homeExpertWordBlogContainer h1 { font-size: 18px; font-weight: bold; } #homeExpertWordBlogContainer .expertBlogs_articleTitle { font-size: 12px; font-weight: bold; } #homeExpertWordBlogContainer .expertBlogs_articleTitle a { text-decoration: none; } #homeSearchContainer .stickkContainer01 { padding: 16px 0; padding: 1.6rem 0; } #homeSearchContainer h1 { font-size: inherit; font-weight: normal; margin-bottom: 0; } #homeSearchForm { margin-top: 10px; } #homeSearchForm .searchbar { width: 100%; } #homeSearchInputContainer { padding-right: 1.6rem; width: 100%; } #iptSearch { width: 100%; } #homeTwitterBanner { background: url("/images/site/index/icon_follow_twitter.png") no-repeat scroll left top transparent; color: #5da9dd; display: inline-block; font-size: 1.6rem; font-weight: bold; height: 5.1rem; line-height: 5.1rem; padding-left: 6.4rem; text-decoration: none; width: 100%; } #homeHomeFacebookLikeContainer { font-size: 8px; padding: 8px 0 10px 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end site/index <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /site/changePassword and /site/unsubscribe >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #unsubscribeContainer { padding: 40px; } #unsubscribeHeader { font-size: 14px; font-weight: bold; } #unsubscribeHeader span.orange { color: var(--main-background-color); } #unsubscribeInstructions { border-bottom: 1px dotted #727272; color: var(--main-background-color); font-weight: bold; margin: 35px 0 0 0; padding: 0 0 10px 0; width: 595px; } #unsubscribeFormContainer { margin: 35px 0 0 0; width: 400px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /site/changePassword and /site/unsubscribe <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /site/changePassword and /site/unsubscribe >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #changePasswordContainer { padding: 3.2rem 1.6rem; text-align: center; } #changePasswordHeader { font-size: 2.6rem; font-weight: 700; text-align: center; } #changePasswordHeader span.orange { color: var(--main-background-color); } #changePasswordInstructions { color: var(--main-background-color); font-weight: bold; margin-top: 3.2rem; } #changePasswordFormContainer { padding: 3.2rem 1.6rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /site/changePassword and /site/unsubscribe <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start login >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #loginMainContent { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding: 7.5rem 2.5rem 7.5rem; } #loginMainContent a.stickkButton01, #loginMainContent input.stickkButton01 { border: 0 none; min-width: 10.5rem; } #registrationContainer, #loginContainer { -webkit-justify-content: space-between; justify-content: space-between; width: 38rem; } #registrationContent, #loginContent { width: 100%; } #loginHeader, #registrationHeader { color: var(--main-background-color); font-weight: bold; } #loginMainContent .stickkButton01 { margin-top: 2rem; } #registrationContainer { padding: 2rem; } #registrationDescription { padding-top: 1rem; } #loginContainer { background: #f1f1f1; margin-left: 4rem; padding: 2rem; } #loginDescription { padding-top: 1rem; } #loginContainer input[type=text], #loginContainer input[type=password] { width: 21rem; } #loginContainer div.errorMessage { color: red; } #loginContainer td:last-child { padding-left: 1rem; } .stickkButton01.facebookRegister { background-color: #4464A2; padding: 0.567em 1em; } .stickkButton01.facebookRegister img { margin-right: 2.4rem; vertical-align: middle; } #loginMainContent .buttonContainer { text-align: center; width: 100%; } #facebookWelcomeBack { font-size: 1rem; font-weight: bold; } #facebookLoggedButtonContainer .notice { font-size: 0.9rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end login <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start site/_forgot_password >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #placeholder-table-getpassword div { margin: 10px; } #placeholder-table-getpassword label { margin: 10px; display: block; float: left; } #placeholder-table-getpassword input { width: 250px; margin: 10px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end site/_forgot_password <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /blogs >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #blogsContainer { padding: 40px } #blogsLeftContainer { float: left; width: 640px; } #articleBreakcrumb, #articleBreakcrumb a { font-weight: bold; text-decoration: none; } #articleBreakcrumb, #articleBreakcrumb a.breadCrumbs { color: #ACACAC; } #blogsHeading { background: var(--main-background-color); margin-top: 10px; padding: 10px 20px; position: relative; } #blogsHeading span { color: #FFFFFF; font-size: 36px; font-weight: bold; } #blogsTopNav { color: #E66F1F; font-size: 24px; font-weight: bold; padding: 10px 20px; } .fullArticle_articleTitle, .fullArticle_articleTitle_lnk { color: #68745C; font-size: 22px; font-weight: bold; text-decoration: none; } .fullArticle_authorName { font-size: 13px; font-weight: bold; text-transform: uppercase; } .authorProfile_authorName { color: #68745C; font-size: 22px; font-weight: bold; } .fullArticle_moreLink, .authorIndex_moreLink { color: #989898; font-size: 12px; font-weight: normal; } a.fullArticle_moreLink, .authorIndex_moreLink { text-decoration: underline; } .authorProfile_authorName { color: #68745C; font-size: 22px; font-weight: bold; } .authorProfile_bio { color: var(--main-background-color); font-size: 13px; font-weight: bold; } .authorProfile_subscribeRSS { color: #989898; font-size: 14px; font-weight: normal; text-decoration: none; } .fullArticle_icons { color: #000000; text-decoration: none; } .fullArticle_dateAdded { color: #68745C; font-style: italic; font-weight: normal; margin-top: 5px; } #blog-article-comment-form { margin-top: 20px; } #blog-article-comment-form textarea { width: 100%; } #blog-article-comment-form div.row.buttons { margin-top: 10px; text-align: right; } #blogCommentsListView { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 20px; } #blogsRightContainer { float: left; margin-left: 20px; width: 240px; } #blogsRightContainer .stickkButton03 { font-size: 11px; margin-top: 25px; padding: 0.283em 1.125em; } #blogsRightContainer .blogs_box2_pale { margin-top: 10px; } .blogs_box2_pale h2 { color: #000000; font-size: 12px; font-weight: bold; height: 27px; line-height: 27px; padding-left: 10px; position: relative; } .blog_communitiesMenu { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px dashed #CFD5C9; color: #52683C; cursor: pointer; font-size: 12px; font-weight: normal; padding: 3px; text-decoration: none; } .blog_communitiesMenu:hover, .blog_communitiesMenu_active { background: none repeat scroll 0 0 #FFFFFF; color: #EE8823; cursor: pointer; font-size: 12px; font-weight: bold; padding: 3px; text-decoration: none; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /blogs <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start common css when the user is logged in >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.membersMainContainer { background: transparent; display: flex; flex-flow: row nowrap; padding: 3rem 0; position: relative; } .membersMainContainer .middleColumn { flex-grow: 1; } div.membersMainContainer > div:first-child, div.membersMainContainer div.middleColumn, #commitmentListContainerOut { margin: 0; } .commitmentListRightContainer .commitmentPointWidgetContainer, .commitmentListRightContainer .commitmentLeadboardContainer { margin-left: 4rem; } div.membersMainContainer > div { background: transparent; position: relative; } #userProfileWidgetUsername { font-family: "Raleway", Arial, sans-serif; font-size: 1.6rem; } #userProfileWidgetFullName { color: #999999; } .leftColumn, div.membersMainContainer .verticalTabs.ui-tabs > ul { max-width: 28.5rem; width: 100%; } div.middleColumn > div, #commitmentListContainerOut div.middleColumn > div { padding: 0 0 0 4.5rem; } #commitmentListContainerOut div.middleColumn > div { min-height: 215px } .membersCommitmentsList.empty { display: flex; flex-flow: column; flex-grow: 1; justify-content: center; } .membersCommitmentsList .summary { text-align: left; } .membersCommitmentsList .pager { float: right; margin-top: 0px; } div.middleColumnStore { width: 480px; } div.singleColumn { float: none; width: auto; } div.membersMainContainer div.singleColumn { float: none; margin: 0 auto; width: 744px; } div.membersMainContainer .ui-widget { font-family: inherit; font-size: inherit; } div.membersMainContainer .ui-widget-content { color: var(--main-color); border: 0; padding: 0; } div.membersMainContainer .mainContent { border: 1px solid #AAAAAA; border-top: 0; } div.membersMainContainer .ui-widget-content a { } div.membersMainContainer .emptyWall a { color: var(--main-background-color); } .commitmentListEmptyTopText { color: #9f9f9f; margin-bottom: 7rem; margin-top: -4.5rem; } .commitmentListEmptyBigText { color: #c7c7c7; font-family: "Raleway", sans-serif; font-size: 3.5rem; font-weight: bold; line-height: 3.5rem; margin-top: 2rem; } a.commitmentListEmptyButton { margin-top: 5rem; } div.membersMainContainer .ui-tabs .ui-tabs-nav { background: none; border-radius: 0; border-width: 0; padding: 0; } div.membersMainContainer .ui-tabs .ui-tabs-nav li { margin: 0 1rem 0 0; line-height: 1.5rem; } div.membersMainContainer .ui-tabs .ui-tabs-nav li a { } div.membersMainContainer .ui-tabs .ui-tabs-nav li.ui-state-default a { } div.membersSidebarContainer { padding: 10px; position: relative; } div.inviteFriends label { display: block; margin: 10px 0px; } div.inviteFriends div.note { margin: 10px 0px; } .membersSidebarSubContainer { position: relative; } div.sidebarTitle { color: #4b4b4b; display: table; font-size: 15px; font-weight: bold; width: 100%; } div.sidebarTitle > span { display: inline-block; padding: 1.8rem 0 1.8rem 5.8rem; } div.sidebarTitle span { font-size: 18px; } div.sidebarTitle span.buttons { text-align: right; } div.sidebarSection a.stickkButton01, div.sidebarTitle a.stickkButton01 { } .sidebarSection a.stickkButton01 { display: block; } div.financialColumn div.recipientTitle .title { background: url("/images/commitment/details/sidebar_right_recipient.png") no-repeat scroll 0 center transparent; } div.supporterColumn div.refereeTitle .title { background: url("/images/commitment/details/sidebar_right_referee.png") no-repeat scroll 0 center transparent; } div.supporterColumn div.supportersTitle .title { background: url("/images/commitment/details/sidebar_right_supporters.png") no-repeat scroll 0 center transparent; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end common css when the user is logged in <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start profile common css >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .profileHeader { border-bottom: 1px dotted #727272; padding: 20px 0 10px 0; } #header01 .profileHeader { padding: 0 0 10px 0; } #placeholder-table-profileForm_tbl { margin: 0 auto; } #profileContent { } #profileContent div.messages { margin-bottom: 10px; } #profileForm td.profileLabel, #profileForm td.inputContainer { padding: 5px 0 0 0; } td.profileLabel { font-weight: bold; line-height: 1.8em; } #submitFormButton { margin: 0 0 0 10px; } #profileLinkContainer { position: relative; width: 530px; } #profileLinkContainer a.stickkButton01 { float: right; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end profile common css <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start profile/picture >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #avatarUploadForm input, #avatarUploadForm label, #avatarUploadForm span { vertical-align: middle; } #avatarUploadForm label { font-weight: bold; } #avatarUploadForm td.avatarUploadNotice { color: #006600; display: none; font-size: 11px; padding: 0 0 20px 0; text-align: center; } #avatarUploadArrow { border-color: transparent; border-right-color: #F07620; border-style: solid; border-width: 13px 15px; display: inline-block; height: 0; margin: 0 15px; position: relative; top: -5px; width: 0; } #avatarUploadDescription { border-bottom: 1px dotted black; padding: 0 0 10px 0; text-align: justify; } #avatarFileInputContainer, #avatarTermsContainer, #avatarSubmitContainer { padding: 10px 0 0 0; } #avatarTermsContainer { font-size: 11px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end profile/picture <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /profile/changePassword >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #profileResetPasswordByEmail { margin: 0 auto; width: 530px; width: 53rem; } #profileResetPasswordByEmail .stikethroughDelimiter { margin: 4.8rem 0; font-size: 2rem; font-weight: bold; } #profileResetPasswordByEmail .stikethroughDelimiter > span::before, #profileResetPasswordByEmail .stikethroughDelimiter > span::after { top: 1.6rem; } #profileResetPasswordByEmail form { text-align: right; } #profileResetPasswordByEmail > p, #profileResetPasswordByEmail form { margin-top: 1.6rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /profile/changePassword <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /addresses >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #addAddressLink { font-size: 12px; font-weight: bold; text-decoration: underline; } div.addressContainer { padding: 15px 0 0 0; } #primaryAddressContainer div:first-child { font-weight: bold; } tr.addressRow td { vertical-align: top; width: 50%; } div.addressContainer div { padding: 0 15px 0 0; } tr.addressRow td:first-child > div.addressContainer { padding: 15px 0 0 20px; } tr.addressRow td:first-child > div.addressesActionLinks { padding: 0 0 0 20px; } div.addressesActionLinks { color: blue; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /addresses <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /paymentOptions/create and /paymentOptions/update >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /paymentOptions/create and /paymentOptions/update <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /paymentOptions and /paymentOptions/contractCard >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #paymentOptionsSubtitle { margin: 10px 0 0 0; } #addCreditCardButton { margin: 20px 0 0 0; } #currentPaymentOption { border-bottom: 2px solid black; margin: 10px 0 0 0; } #paymentOptionList div.associatedContract { margin: 0 0 5px 0; } div.paymentOptionListItemContainer:first-child { border-top: 1px solid rgba(0, 0, 0, 0.2); } div.paymentOptionListItemContainer { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 16px 0 0 0; margin: 1.6rem 0 0 0; padding: 16px 0; padding: 1.6rem 0; } #currentPaymentOption div.title, div.paymentOptionListItemContainer div.title { color: var(--main-background-color); font-weight: bold; } #backToPaymentOptionsLink { margin: 10px 0 0 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /paymentOptions and /paymentOptions/contractCard <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /commitments >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.mainContentContainer.commitmentsMainContainer { min-height: 0; } #welcomeDialog a { text-decoration: underline; } #commitmentListContainerOut { display: flex; flex-flow: row nowrap; position: relative; width: 100%; } .commitmentListsContainer { flex-grow: 1; } .commitmentListsButtonContainer { margin-bottom: 2vh; display: flex; flex-direction: row; margin-left: 4.5rem; } .commitmentListsButtonContainer a:nth-child(1) { margin-left: 0; } .commitmentListsButtonContainer a:nth-child(2) { margin-left: 2rem; } #commitmentListContainerOut #refereeingMenuTab div.membersCommitmentsList, #commitmentListContainerOut #arbitrajeMenuTab div.membersCommitmentsList, #commitmentListContainerOut #supportingMenuTab div.membersCommitmentsList, #commitmentListContainerOut #apoyoMenuTab div.membersCommitmentsList, #commitmentListContainerOut #watchingMenuTab div.membersCommitmentsList, #commitmentListContainerOut #mirandoMenuTab div.membersCommitmentsList, #commitmentListContainerOut #recipientMenuTab div.membersCommitmentsList { padding-top: 32px; } #commitmentListContainerOut .menuItem a::before { display: inline-block; height: 4rem; margin-right: 1rem; width: 4rem; } #commitmentmyCommitmentsMenuTab a:before { content: url('/images/commitment/mycommitments_02.png'); } #commitmentmyCommitmentsMenuTab.ui-state-active a:before { content: url('/images/commitment/mycommitments_selected.png'); } #commitmentrefereeingMenuTab a:before { content: url('/images/commitment/refereeing_02.png'); } #commitmentrefereeingMenuTab.ui-state-active a:before { content: url('/images/commitment/refereeing_selected.png'); } #commitmentsupportingMenuTab a:before { content: url('/images/commitment/supporting_02.png'); } #commitmentsupportingMenuTab.ui-state-active a:before { content: url('/images/commitment/supporting_selected.png'); } #commitmentwatchingMenuTab a:before { content: url('/images/commitment/bookmarks_02.png'); } #commitmentwatchingMenuTab.ui-state-active a:before { content: url('/images/commitment/bookmarks_selected.png'); } #commitmentrecipientMenuTab a:before { content: url('/images/commitment/recipient_of_stakes_02.png'); } #commitmentrecipientMenuTab.ui-state-active a:before { content: url('/images/commitment/recipient_of_stakes_selected.png'); } #othersProfileSideContainer { margin-right: 20px; width: 158px; } #othersProfileSideContainer > div { padding: 3px; text-align: center; } #membersCommitmentsMiddleContainer { flex-grow: 1; } #membersCommitmentsMiddleContainer.notOwner { margin: 0; } #commitmentListContainerOut div.spacer { width: 1px; height: 1px; } #commitmentListContainerOut #commitmentListContainer > div { border: 0px; } #membersCommitmentsMiddleContainer div.greenSquareContainer { width: 100%; } #myCommitmentsMenuTab > div { } /*#commitmentListContainerOut_tab_0 .ui-tabs-panel*/ #myCommitmentsMenuTab .ui-tabs-panel { display: flex; flex-flow: column nowrap; flex-grow: 1; margin-top: 4.5rem; } #commitmentNoticeContainer { width: 100%; } #commitmentNoticeContainer div.notice { margin: 0; } #commitmentListContainer { display: flex; flex-flow: column nowrap; } #commitmentListContainer.notOwner { margin: 0; min-height: 480px; padding-left: 20px; width: 739px; } div.membersCommitmentsList { } .commitmentRow:first-child { margin-top: 0; } .commitmentRow { margin-left: auto; margin-right: auto; border-radius: 1rem; border: 1px solid #E1E1E1; margin: 2rem 0; position: relative; } div.othersCommitmentRow { margin: 0; } .commitmentItemLeftContainer { -webkit-flex-grow: 1; flex-grow: 1; min-width: 1%; word-wrap: break-word; } div.items a.othersCommitmentUsername { color: var(--main-background-color); font-size: 1.3rem; } .commitmentRow .container { padding: 1rem; } .commitmentRow hr { border: 1px solid #CCCCCC; border-width: 1px 0 0; height: 0; margin: 10px 0; } .commitmentRowContent { -webkit-align-items: center; align-items: center; background: #fbfbfb; border-radius: 1rem; font-weight: normal; position: relative; width: 100%; } .commitmentRow .commitmentTitle, .commitmentRow .commitmentStatus { font-size: 2.5rem; } .commitmentRow .commitmentTitle a { text-decoration: none; } .commitmentRow .commitmentNextReport, #commitmentSummaryContainer .commitmentDetails { position: relative; text-align: left; vertical-align: top; } .commitmentRow .commitmentNextReport { padding-right: 0; vertical-align: bottom; } .commitmentRow .nextReportDueText, .commitmentRow .nextReportDueDate, .commitmentRow .nextReportDueTime { display: inline-block; font-size: 1.4rem; } .commitmentRow .nextReportDueText { color: var(--main-color); font-weight: bold; margin-right: 1.6rem; } .commitmentRow .nextReportDueDateTime { display: inline-block; } .commitmentRow .nextReportDueDate { color: #131313; font-weight: bold; margin-right: 1.6rem; } .commitmentRow .nextReportDueTime { } .commitmentActions { padding: 0 1rem; } .commitmentRow div.commitmentPortalLogo { margin: 0 0 0 10px; width: 110px; } .commitmentRow td.commitmentActions, .commitmentRow td.commitmentReporting, .commitmentRow td.commitmentReportingForm { border-radius: 0 20px 20px 0; } .commitmentRow td.commitmentActions { padding: 0 1rem; width: 1px; } .commitmentRow .reportNow { margin-right: 0.6rem; white-space: nowrap; } .commitmentRow td.commitmentReportingForm { padding: 40px; text-align: left; } .commitmentRow .commitmentTitle { color: var(--main-background-color); } .commitmentRow .commitmentCampaignName { color: var(--main-background-color); display: block; font-size: 1.4rem; font-weight: bold; } #commitmentSummaryContainer .commitmentTitle { color: #444444; } .commitmentRow td.commitmentAvatar { padding-left: 0; padding-right: 10px; width: 150px; } .commitmentRow td.commitmentAvatar > div.avatar { height: 14.6rem; line-height: 14.4rem; text-align: center; width: 14.6rem; } .commitmentRow td.commitmentAvatar > div.avatar > img { display: block; max-height: 14.4rem; vertical-align: middle; text-align: center; } .commitmentRow td.commitmentAvatar > div > div { display: block; width: 144px; height: 144px; background-position: center center; background-repeat: no-repeat; } .commitmentAvatar .avatar, #commitmentSummaryContainer td.commitmentAvatar .avatar a, #othersProfileSideContainer .avatar a { border: 1px solid #E1E1E1; border-radius: 10rem; overflow: hidden; } #othersProfileBasicInfoContainer { border: none; border-radius: 0; width: 150px; width: 15rem; } #othersProfileBasicInfoContainer > div { height: auto; width: auto; } .commitmentRow td.commitmentAvatar .label, #othersProfileSideContainer .label { margin-top: 5px; } .commitmentRow td.commitmentAvatar > div > div { } .commitmentRow a.viewCommitmentButton { background: url('/images/commitment/Arrow-Orange.svg') left top scroll no-repeat; background-size: 5rem 5rem; display: inline-block; height: 5rem; width: 5rem; } .commitmentRow a.viewCommitmentButton.completed { background: url('/images/commitment/Arrow-Grey.svg') left top scroll no-repeat; background-size: 5rem 5rem; display: inline-block; height: 5rem; } .commitmentRow .progressBarContainer { width: 80%; } .commitmentRow .progressbar { background-color: #EAEAEA; border: 0 none; height: 1.5rem; position: relative; } .commitmentRow .progressbar .progress { background-color: #4F0C81; border: none; position: relative; height: 1.5rem; } div.items .avatarAndUsernameBox { top: 1rem; margin: 1.6rem 0 0 2rem; position: relative; z-index: 1; } .commitmentAvatarLink { display: inline-block; } div.items .othersCommitmentUsername { display: inline-block; margin: 16px 0 0 5px; vertical-align: top; } .commitmentDetailsDetailsContainer { -webkit-align-items: center; align-items: center; margin-top: 2rem; } .commitmentDetailsDetailsSuccessContainer { white-space: nowrap; } .commitmentDetailsDetailsContainer .failedPeriods { margin-top: 0.5rem; } .commitmentRow td.commitmentDetails div.successfulPeriods, .commitmentRow td.commitmentDetails div.failedPeriods { font-weight: bold; } .commitmentRow td.commitmentDetails div.successfulPeriods { color: #131313; } .commitmentRow td.commitmentDetails div.successfulPeriods label, .commitmentRow td.commitmentDetails div.failedPeriods label { display: inline-block; width: 175px; } .commitmentDetails .progressBarContainer { width: 100%; } #welcomeAcceptTermsText { margin-top: 20px; } #welcomeAcceptTermsForm { margin-top: 40px; vertical-align: middle; } #welcomeAcceptTermsForm > span { float: left; } #welcomeAcceptTermsForm > a { float: right; margin: -8px 49px 0 0; } .commitmentLeadboardContainer { width: 21.2rem; text-align: center; } .commitmentLeadboardImage { display: block; margin: 0 auto; } .commitmentLeadboardText { font-size: 1.8rem; font-weight: bold; margin-top: 1rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /commitments <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /commitment/details >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .commitmentDetailsNoticeButtons .stickkButton01:first-child { margin-left: 0; } .commitmentDetailsNoticeButtons .stickkButton01 { margin: 1rem 0 0 2rem; } .commitmentPage .ie7shim { /* This shim is an IE7- workaround */ height: 10px; display: none; *display: block; } .commitmentPage .floatRight { float: right; } .commitmentPage .floatLeft { float: left; } .commitmentPage .clearBoth { clear: both; } .commitmentPage .clearLeft { clear: left; } .commitmentPage .clearRight { clear: right; } .commitmentPage .withings { padding: 10px; } .commitmentPage .withings img { float: left; margin-right: 10px; } .commitmentPage a.btn { display: block; } .commitmentPage .stickkContainer01 { } .commitmentPage .stickkContainer01 .titleContainer { padding: 1rem 0; } .commitmentPage .stickkContainer01 .titleContainer span.title { color: var(--main-background-color); font-size: 17px; font-weight: bold; line-height: 33px; } .commitmentPage .stickkContainer01 .titleContainer .stickkButton01 { margin-left: 20px; } .commitmentPage .stickkContainer01 label { float: left; font-weight: bold; width: 35%; } .commitmentPage .stickkContainer01 .content { margin-top: 10px; padding: 6px; *padding-top: 20px !important; /* IE7 only */ } .commitmentPage .stickkContainer01 .content > div { margin-top: 5px; margin-bottom: 5px; } .commitmentPage .withings .info { font-size: 10px; } .commitmentPage div.supportersContainer, .commitmentPage div.refereeContainer { font-weight: bold; } .commitmentPage div.refereeContainer { text-align: center; width: 150px; *padding-top: 5px; /* ie7- */ } .commitmentPage div.supportersContainer { float: right; width: 350px; } .commitmentPage div.supportersContainer .userBox { margin-right: 5px; } .commitmentPage div.awaitingRefResponeText, .commitmentPage div.noSupporterText, .commitmentPage div.waitingSupporters { margin-top: 10px; padding: 0 5px 10px; } .commitmentPage div.refereeContainer .userBox .username { display: block; margin-top: 10px; } .commitmentPage div.commitmentDetails, .commitmentPage div.supporters, .commitmentPage div.periods, .commitmentPage div.journal { margin-top: 15px !important; } .dropMenu { list-style:none; } /* submenu, it's hidden by default */ .dropMenu ul { background:#eee; border: 1px solid #c0c0c0; color: black; display: none; font-weight: normal; left: 0; list-style: none; margin: 0 0 0 -1px; padding: 0; position: absolute; z-index: 500; } .dropMenu ul li { border-top: 1px solid #fff; width: 150px; float: left; } /* display block will make the link fill the whole area of LI */ .dropMenu ul a { color:#666; display: block; height: 15px; padding: 8px 5px; } .dropMenu ul a:hover { text-decoration:underline; } .sns_connect_container { /*background: url(/images/commitment/invite_btn_bg.gif) no-repeat;*/ -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; cursor: pointer; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; font-size: 1.1rem; font-weight: bold; height: 4.4rem; margin: 3rem 40px; padding: 1.6rem; width: 20rem; } .sns_connect_container img { display: block; } .sns_connect_container .label { -webkit-flex-grow: 1; flex-grow: 1; font-size: 13px; margin-left: 1.6rem; } #i_vfFriendInvite, #inviteMessage { font-family: Arial, sans-serif; font-size: 12px; padding-left: 5px; padding-top: 3px; } #inputBoxContainer { min-height: 200px; } #supportTable { width: 62.5rem; overflow-x: hidden; } #supportTable .title { color: #131313; font-size: 1.6rem; font-weight: bold; margin-bottom: 2rem; padding-bottom: 0; } #inviteSupportersForm { margin-top: 20px; } #commitment-form #supportTable #inputBoxContainer .label { float: left; width: 180px; } #commitment-form #supportTable #inputBoxContainer .input { float:left; width:310px; } .reportingPeriods .period div.first { border-bottom: 1px dotted #404040; font-size: 12px; } .reportingPeriods .period { -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-size: 12px; padding: 10px; margin: 10px 10px 20px 10px; position: relative; } .reportingPeriods .period .periodSuccess { color: green; font-weight: bold; } .reportingPeriods .period .periodCurrent { font-weight: bold; } .reportingPeriods .period .periodFailure, .reportingPeriods .period .periodDue { color: red; font-weight: bold; } .reportingPeriodPost { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; margin-top: 10px; padding: 1.7rem 0; position: relative; } .reportingPeriodPost .headerText { display: inline-block; vertical-align: top; } .reportingPeriodPost .userBox { /*float: right;*/ margin-right: 10px; } .reportingPeriodPost label { font-weight: bold; } .reportingPeriodPost span { color: #404040; display: block; font-size: 11px; padding: 10px; } #reportPostConfirmContainer form { position: relative; } #reportPostConfirmContainer > table, #reportPostConfirmContainer form > table { width: 100%; } #reportPostConfirmContainer #journalMessage { height: 50px; width: 100%; } #socialNetworkPostContainer #snsIcons { height: 16px; padding: 5px; vertical-align: center; width: 330px; } #socialNetworkPostContainer a { color: var(--main-background-color); } .inviteFriends label { font-weight: bold; } div.supporterColumn .sidebarSection { padding: 0 0 10px 0; } #friendsListView li, div.supporterColumn a.username, .commitmentPage div.waitingSup li { font-weight: bold; } .commitmentPage div.waitingSup li > div { text-overflow: ellipsis; } .supportRequestIcon { border: 0 none; } .supportRequestIcon:hover { border: 0 none; } #supportRequestButton { font-weight: bold; text-decoration: none; } div.title_search { font-size: 14px; font-weight: bold; } .friendWallItem:hover { background-color: #fffff8; } .friendWallItemActionContainer { white-space: nowrap; width: 31rem; text-align: right; } body.es .friendWallItemActionContainer { width: 33.6rem; } .friendWallItemAction { margin-left: 20px; } a.pendingFriendLink { margin-left: 20px; height: 26px; width: 42px; display: inline-block; vertical-align: middle; text-decoration: none ; color:gray ; pointer: none ; } #commitmentSummaryContainer { border: 0 none; margin-top: 0; } #commitmentSummaryContainer > table { width: 100%; } #commitmentSummaryContainer td { vertical-align: top; } #commitmentSummaryContainer .commitmentSubContainer { display: inline-block; float: left; font-size: 14px; } #commitmentSummaryContainer td.commitmentAvatar, #commitmentSummaryContainer td.commitmentDetails, #commitmentSummaryContainer td.commitmentReportingForm { padding-bottom: 70px; } #commitmentSummaryContainer td.commitmentDetails { padding-right: 0; width: auto; } #commitmentSummaryContainer td.commitmentDetails div.progressBarContainer, #commitmentSummaryContainer td.commitmentDetails div.iCommitTo, #commitmentSummaryContainer div.nextReportDueDate { margin: 5px 0; } #commitmentSummaryContainer #commitmentTitleHolder { display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; line-height: 1.2; vertical-align: top; } #commitmentSummaryContainer .commitmentTitleCampaignLink { display: inline-block; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } #commitmentSummaryContainer #commitmentWatchButtonContainer { display: inline-block; line-height: 1; margin-top: -2.7rem; text-align: center; vertical-align: bottom; width: 8.7rem; } #commitmentWatchButtonContainer .watchButton, #commitmentWatchButtonContainer .watchButtonEnabled:hover { background: transparent url("/images/commitment/details/bookmark_disabled.png") no-repeat scroll center top; } #commitmentWatchButtonContainer .watchButton:hover, #commitmentWatchButtonContainer .watchButtonEnabled { background: transparent url("/images/commitment/details/bookmark_enabled.png") no-repeat scroll center top; } #commitmentWatchButtonContainer .watchButton, #commitmentWatchButtonContainer .watchButtonEnabled { padding-top: 8.7rem; } #commitmentWatchButtonContainer a { color: #999999; display: inline-block; font-size: 12px; width: 80px; } #commitmentSummaryContainer div.progressbar { width: 100%; } #commitmentICommitToContainer { width: 57%; } #iCommitToTitleText, #commitmentSummaryICommitToText { color: #131313; } #commitmentSummaryICommitToText { max-width: 301px; word-wrap: break-word; } #commitmentReportingContainer { margin-left: 5%; margin-top: 9px; width: 38%; } #commitmentReportingContainer .commitmentDetailsButton { width: 100%; } #commitmentReportingForm { padding: 4rem; } .refereeReportingFormContainer .versaGrid, .refereeReportingFormContainer .versaGrid table, .refereeReportingFormContainer .versaGrid tbody, .refereeReportingFormContainer .versaGrid tr, .refereeReportingFormContainer .versaGrid td { display: block; padding-left: 0; width: 100%; } .refereeReportingFormContainer textarea, .refereeReportingFormContainer select { display: block; width: 100%; } #reportingInfoContainer { background-color: #FEFAB8; border-top: 2rem solid #EFEBB1; min-height: 15rem; padding: 1rem 2rem; } #reportingInfoContainer > div { border-top: 1px solid #CCCCCC; margin-top: 10px; padding-top: 10px; } #reportingInfoContainer > div:first-child { border-top: 0; margin-top: 0; padding-top: 0; } div.reportingInfoStyle01 { font-size: 13px; } div.reportingInfoStyle02 .label { } div.reportingInfoStyle02 .date { font-family: "marker_feltregular", "Roboto", Arial, sans-serif; font-size: 26px; margin: 10px 0; } div.reportingInfoStyle02 .time { font-size: 10px; } #reportingInfoContainer div.reportingForm > div { margin-top: 10px; } #reportingInfoContainer div.reportingForm > div:first-child { margin-top: 0; } .reportingForm #reportNowText { font-family: "marker_feltregular", "Roboto", Arial, sans-serif; font-size: 26px; font-weight: bold; text-align: center; } #reportingInfoContainer div.mHealthSynchTimes { font-size: 1.1rem; line-height: 1.6rem; padding: 1rem 0; } div.reportingFormInput #i_MessageData { width: 138px; } #reportingInfoContainer #submitFormButton { margin: 10px 0 0 0; } div.reportingFormInput div.weight { display: table; width: 100%; } div.reportingFormInput div.weight * { display: table-cell; } div.reportingFormInput div.weight #i_MessageData { width: 100%; } div.reportingFormInput div.weight > span { padding-left: 0.8rem } #reportingInfoContainer div.reportingFormInput .fl, #reportingInfoContainer div.reportingFormInput .rep_fl_lp { padding-top: 9px; text-align: left; } #reportingInfoContainer .customContractResponseContainer select { width: 100%; } #commitmentJournalContainer { position: relative; margin-top: -50px !important; } #commitmentJournalHeader, #commitmentJournalMiddle, #commitmentJournalFooter { /*background-attachment: scroll; background-image: url('/images/commitment/details/sprite_journal_background.png');*/ } #commitmentJournalHeader span, #commitmentJournalMiddle, #commitmentJournalFooter { background-color: #EEEEEE; } body.es #commitmentJournalHeader, body.es #commitmentJournalMiddle, body.es #commitmentJournalFooter { /*background-image: url('/images/commitment/details/es/sprite_journal_background.png');*/ } #commitmentJournalHeader { font-size: 16px; font-weight: bold; /*background-position: 0 top; background-repeat: no-repeat;*/ } #commitmentJournalHeader > span { background: url("/images/commitment/details/my_commitment_journal.png") no-repeat scroll 2.5rem 2rem #eee; background-size: 2.5rem; -moz-border-radius: 0.7rem 0.7rem 0 0; -webkit-border-radius: 0.7rem 0.7rem 0 0; -o-border-radius: 0.7rem 0.7rem 0 0; border-radius: 0.7rem 0.7rem 0 0; display: inline-block; padding: 2rem 2.5rem 1.5rem 6rem; position: relative; z-index: 1; } #commitmentJournalMiddle { -moz-border-radius: 0 1.1rem 1.1rem 1.1rem; -webkit-border-radius: 0 1.1rem 1.1rem 1.1rem; -o-border-radius: 0 1.1rem 1.1rem 1.1rem; border-radius: 0 1.1rem 1.1rem 1.1rem; padding: 20px 18px 10px 18px; position: relative; } #commitmentJournalMiddle.cantPost { padding-top: 10px; } #commitmentJournalFormContainer { position: relative; z-index: 2; } #journalPostMenu { float: right; /*margin-right: 15px;*/ } #journalPostMenu img.selected { border-color: #777777; } #journalPostMenu img { border: 1px dotted transparent; cursor: pointer; margin-right: 5px; padding: 2px; } #journalPickFilesButton { background: url("/images/commitment/details/add_photo.png") no-repeat scroll 15px center #919191; text-transform: capitalize; padding-left: 4.5em; padding-right: 1.5em; position: absolute; right: 0; top: -7rem; } #journalPostMessageButton { padding-left: 1.5em; padding-right: 1.5em; } #journalPreviewUploads { display: none; list-style: none; } #journalPreviewUploads li.addImage:hover { border-color: #666666; color: #666666; } #journalPreviewUploads li.addImage { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px dashed #BBBBBB; color: #BBBBBB; cursor: pointer; font-size: 50px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #journalPreviewUploads li { background-color: black; display: inline-block; height: 100px; line-height: 100px; margin: 0 5px 5px 0; position: relative; text-align: center; vertical-align: text-top; width: 100px; } #journalPreviewUploads li:hover div.removeButton { display: block; } #journalPreviewUploads li div.removeButton { color: #FFFFFF; display: none; font-family: cursive; font-size: 15px; font-weight: bold; height: 10px; line-height: 10px; cursor: pointer; position: absolute; right: 5px; text-shadow: 0 0 3px #000000; top: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 10px; } #journalPreviewUploads li progress.active { display: block; } #journalPreviewUploads li progress { display: none; height: 12px; left: 20%; margin-top: -6px; position: absolute; top: 50%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 60%; } #journalPreviewUploads img { vertical-align: middle; } .journalTextAreaContainer { position: relative; } .journalTextAreaJournalHadBeenPosted { padding: 1rem; position: absolute; top: 1rem; } #commitmentJournalFormContainer #i_Message { border: none; border-radius: 0; box-shadow: none; height: 11rem; margin-top: 1rem; opacity: 1; overflow-y: scroll; padding: 1rem; transition: 1s opacity ease-out; width: 100%; } #commitmentJournalFormContainer #i_Message.hide { transition: none; opacity: 0; } #commitmentJournalFormContainer div.post_form_div_buttons { -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 1rem; } #postOnText { font-size: 16px; margin-top: 3px; } #FacebookLogin_journal { margin-top: 5px; } #facebookCHK_journal { position: relative; padding: 0; margin: 7px 0 0 0; _top: -4px; _left: -4px; display: none; float: left; } #twitterCheckbox { position: relative; padding: 0; margin: 7px 0 0 0; _top: -4px; _left: -4px; float: left; } #lengthTD { font-size: 1.4rem; } #commitmentJournalFooter { } #commitmentJournalTopLeftCorner { background: url('/images/commitment/details/element_post_journal_corner.png') left top no-repeat scroll; display: inline-block; height: 32px; position: absolute; right: 23px; top: 47px; width: 27px; } .commitmentDetailsJournalTabsContainer > .ui-tabs-nav { padding: 0 !important; } .commitmentDetailsJournalTabsItem::last-child { margin-right: none; } #wallContainer { margin-top: 3.2rem; position: relative; z-index: 1; } #wallContainer .ui-tabs { font-size: 14px; } #wallContainer .ui-state-default, #wallContainer .ui-widget-content .ui-state-default, #wallContainer .ui-widget-header .ui-state-default { background: none; border: 0 none; border-bottom: 4px solid #FFFFFF; } #wallContainer .ui-state-default a, #wallContainer .ui-widget-content .ui-state-default a, #wallContainer .ui-widget-header .ui-state-default a { color: var(--main-color); } #wallContainer .ui-state-active, #wallContainer .ui-widget-content .ui-state-active, #wallContainer .ui-widget-header .ui-state-active, #wallContainer .ui-widget-header .ui-state-hover { background: none; border: 0 none; border-bottom: 4px solid var(--main-link-color); } #wallContainer .ui-state-active a, #wallContainer .ui-widget-content .ui-state-active a, #wallContainer .ui-widget-header .ui-state-active a, #wallContainer .ui-state-default a:hover, #wallContainer .ui-widget-content .ui-state-default a:hover, #wallContainer .ui-widget-header .ui-state-default a:hover { color: var(--main-link-color); } #wallContainer .ui-widget-header { border-color: rgba(0, 0, 0, 0.1); } #wallPostsListView div.wallItem.deleting { -webkit-animation: pulsate 1s linear infinite; animation: pulsate 1s linear infinite; opacity: 1; } .userBox { background-repeat: no-repeat; display: inline-block; height: 5.2rem; overflow: hidden; position: relative; width: 5.2rem; } .userBox:hover { border: 1px solid black; } .userBox img { display: block; } div.wallItem div.username, .reportingPeriodPost div.username { color: #858585; font-weight: bold; } div.wallItem div.postTime { color: #ABABAB; } div.wallPosts div.mediaContainer { margin-top: 0.8rem; } #albumContainer .items, div.wallPosts div.mediaContainer > ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; -webkit-justify-content: flex-start; list-style: none; } #albumContainer .empty { -webkit-flex-grow: 1; flex-grow: 1; } div.wallPosts div.mediaContainer > ul > li { display: inline-block; height: 15rem; position: relative; width: 15rem; } div.wallPosts div.mediaContainer > ul > li img { display: inline-block; height: 100%; width: 100%; } .albumUploadContainer img { position: relative; z-index: 10; } div.captionDialog textarea { height: 12.8rem; margin-top: 0.8rem; width: 40rem; } div.captionDialog input[type="submit"], div.dateDialog input[type="submit"], div.changeAlbumDialog input[type="submit"] { float: right; margin-top: 1.6rem; } div.dateDialog input[type="text"], div.changeAlbumDialog select { margin-top: 0.8rem; width: 100%; } #albumContainer { } #albumContainer ul.items > li:hover, #wallPostsListView div.mediaContainer li:hover { z-index: 2; } #albumContainer ul.items > li, #wallPostsListView div.mediaContainer > ul > li { margin: 3rem 3rem 0 0; position: relative; z-index: 1; } #albumContainer ul.items > li:nth-child(4n+0), #wallPostsListView div.mediaContainer > ul > li:nth-child(4n+0) { margin-right: 0; } #albumContainer ul.items h2 { font-size: 1.6rem; } #albumContainer ul.items div.thumbnail, #wallPostsListView div.mediaContainer a.thumbnail { position: relative; z-index: 2; } #albumContainer ul.items > li.deleted, #wallPostsListView div.mediaContainer li.deleted { -webkit-animation: pulsate 1s linear infinite; animation: pulsate 1s linear infinite; opacity: 1; } #albumContainer ul.items > li:hover div.albumItemMenu, #wallPostsListView div.mediaContainer li:hover div.albumItemMenu { -webkit-animation: fadeIn 400ms ease; animation: fadeIn 400ms ease; display: block; opacity: 1; } #albumContainer ul.items > li:hover div.date { color: #bbbbbb; } #albumContainer ul.items div.albumItemMenu, #wallPostsListView div.albumItemMenu { -webkit-animation: fadeOut 400ms ease; animation: fadeOut 400ms ease; background: rgba(47, 47, 47, 0.98); box-sizing: content-box; display: none; left: -1rem; opacity: 0; padding: 18rem 1rem 1rem; position: absolute; top: -1rem; width: 15rem; z-index: 1; } #wallPostsListView div.albumItemMenu { padding-top: 17rem; } #albumContainer ul.items img { display: block; width: 13rem; } #albumContainer div.pager { margin-top: 0.8rem; } div.membersMainContainer .ui-widget-content .albumUploadContainer .albumItemMenu a { color: var(--main-background-color); } div.financialColumn div.stakeRecipient a.stickkButton01 { display: block; } div.financialColumn div.financialDetails span.label { float: left; } div.financialColumn div.financialDetails span.value { float: right; } div.financialColumn div.paymentActions { text-align: center; } div.financialColumn div.paymentActions a { display: block; margin-top: 10px; } div.financialColumn div.paymentActions a:first-child { margin-top: 0; } #commitmentDetailsDialog span.label, div.financialColumn div.financialDetails span.label { font-weight: bold; } .commitmentPage div.waitingSup { margin-top: 1rem; } #supporterList li:first-child { margin-top: 0; } .supportRequestIcon { border: 0 none; vertical-align: middle; } .supportRequestIcon img { padding: 6px 3px; } #supportRequestButton, #stopSupportingButton, #pendingSupportRequestButton { margin-top: 10px; } .supporterColumn #supportRequestButton { display: inline-block; margin-top: 0; vertical-align: middle; } #friendsListView li, div.supporterColumn li, .commitmentPage div.waitingSup li { overflow: hidden; padding: 1rem 0; position: relative; white-space: nowrap; text-overflow: ellipsis; } #friendsListView .username, div.supporterColumn .username, .commitmentPage div.waitingSup .username { margin-left: 1rem; } .friends-list .pager { clear: both; margin-top: 1rem; text-align: center; } .friends-list .userBox { margin-right: 7px; } .moneyLost .stickkButton01 { font-size: 12px; padding: 2px; float: right; } .financialColumn .stakeRecipient { border-bottom: 0 none; } #membersCommitmentsRightContainer { margin: 0 0 0 4.5rem; width: 30rem; } #membersCommitmentsRightContainer > div { margin-top: 2rem; } #membersCommitmentsRightContainer > div:first-child { margin-top: 0; } #changeRefDialog { display: block; } #addRefDialog > div, #addRefDialog > form > div, #changeRefDialog > div, #changeRefDialog > form > div { margin: 10px 0; } #placeholder-table-changeRefereeForm #submitFormButton a { margin-left: 10px; } #commitmentDetailsDialog .stickkDialogContent { text-align: left; } #commitmentDetailsDialog span.label { display: inline-block; line-height: 1.5; min-width: 180px; vertical-align: top; } #commitmentDetailsDialog span.cell2 { display: inline-block; } #commitmentDetailsDialogButtonContainer { text-align: center; } #changeChallengerDialog { display: none; } #changeChallengerDialog form, #changeChallengerDialog div.inputs, #changeChallengerDialog div.buttons { margin-top: 1.6rem; } #changeChallengerDialog label { float: left; line-height: 3.2rem; } #changeChallengerDialog input { float: right; width: 30.4rem; } #changeChallengerDialog div.buttons { text-align: right; } #changeChallengerDialog div.buttons a:first-child { margin-right: 0.8rem; } #changeChallengerDialog div.buttons a { } #twitterCheckbox + img { margin-left: 5px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /commitment/details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /contract/stakes >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #newContract02 #choose_address, #newContract02 div.new_address { margin: 0 auto; } #newContract02 div.new_address td { padding: 0 0 5px 0; } #newContract02 div.new_address td.label { padding: 0 5px 0 0; text-align: right; } #newContract02 #choose_address div.title { border: 0; font-size: inherit; } #newContract02 #choose_address table.option { height: 184px; height: 18.4rem; } #newContract02 #choose_address table.option, #newContract02 div.new_address table.option { border: 0; float: left; padding: 16px 16px 16px 0; padding: 1.6rem 1.6rem 1.6rem 0; width: auto; } #newContract02 div.new_address table.option { float: none; } #newContract02 #choose_address td.msg_container { height: 19px; height: 1.9rem; padding: 0 0 0 30px; padding: 0 0 0 3rem; text-decoration: underline; width: auto; } #newContract02 div.new_address td.msg_container { padding: 0 18px 0 0; padding: 0 1.8rem 0 0; text-align: left; } #newContract02 #choose_address td.address_container { vertical-align: top; } #newContract02 div.new_address table.addressEdit { margin: 0 auto; } .contractStakesTypeInputContainer > table > tbody > tr > td > span { padding-left: 1rem; } #country-charity-type > td { padding: 0px; } #country-charity-type > td > table { } #country-charity-type > td > table > tbody > tr > td { padding: 0px; padding-left: 5px; } #country-charity-type > td > table > tbody > tr > td input { margin-left: 3px; } #country-charity-type > td > table > tbody > tr > td label { } .contractStakesTotalContainer div { display: inline; float: none !important; } .contractStakesNewCreditCardCVVWhatsThis { display: none; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract/stakes <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /contract/referee >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #newContract03 .hide { display: none; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract/referee <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contract/supporters >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .contractSupportersInviteSupportersNote { width: 40rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract/supporters <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /messages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .messagesMenuItem a::before { display: inline-block; height: 4rem; margin-right: 1rem; width: 4rem; } .list-view div.listHeader .summary { color: #9D9D9D; } #alertsTab a::before { content: url('/images/messages/alerts_02.png'); } #alertsTab a:hover::before, #alertsTab.active a::before { content: url('/images/messages/alerts_selected.png'); } #composeTab a::before { content: url('/images/messages/compose_02.png'); } #composeTab a:hover::before, #composeTab.active a::before { content: url('/images/messages/compose_selected.png'); } #inboxTab a::before { content: url('/images/messages/inbox_02.png'); } #inboxTab a:hover::before, #inboxTab.active a::before { content: url('/images/messages/inbox_selected.png'); } #sentTab a::before { content: url('/images/messages/sent_02.png'); } #sentTab a:hover::before, #sentTab.active a::before { content: url('/images/messages/sent_selected.png'); } #reportsDueTab a::before { content: url('/images/messages/reports_due_02.png'); } #reportsDueTab a:hover::before, #reportsDueTab.active a::before { content: url('/images/messages/reports_due_selected.png'); } #transactionsTab a::before { content: url('/images/messages/transactions_02.png'); } #transactionsTab a:hover::before, #transactionsTab.active a::before { content: url('/images/messages/transactions_selected.png'); } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /messages <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /friends <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .friendsinbox .verticalMenu a::before { display: inline-block; height: 4rem; margin-right: 1rem; width: 4rem; } #friendsMyFriendsMenuTab a::before { content: url('/images/friends/friends_all.png'); } #friendsMyFriendsMenuTab a:hover::before, #friendsMyFriendsMenuTab.ui-state-active a::before, #friendsMyFriendsMenuTab.active a::before { content: url('/images/friends/friends_all_selected.png'); } #friendsSearchMenuTab a::before { content: url('/images/friends/friends_search.png'); } #friendsSearchMenuTab a:hover::before, #friendsSearchMenuTab.ui-state-active a::before, #friendsSearchMenuTab.active a::before { content: url('/images/friends/friends_search_selected.png'); } #friendsInviteMenuTab a::before { content: url('/images/friends/friends_invite.png'); } #friendsInviteMenuTab a:hover::before, #friendsInviteMenuTab.ui-state-active a::before, #friendsInviteMenuTab.active a::before { content: url('/images/friends/friends_invite_selected.png'); } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /friends <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /friends/search >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #friendSearchBoxContainer { display: -webkit-flex; display: flex; margin-top: 1rem; position: relative; width: 100%; } .friendSearchInput { -webkit-flex-grow: 1; flex-grow: 1; } .friendSearchButton { margin-left: 1.6rem; } .friendSearchWallItem:first-child { padding-top: 1.6rem; } .title_search { margin-top: 10px; padding: 10px 0px; } .friendSearchActionsContainer { text-align: right; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /friends/search <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /points/stores >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.membersMainContainer #stickkCartContainer { margin-top: 20px; } div.store_partners_box h1 { color: #000; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding-bottom: 10px; width: 128px; } div.store_partners_boxcontent div.menuItem { padding: 0.5em 1em; } div.stickkContainer01Menu { padding: 10px; } div.stickkContainer01Menu .storePartersMenu { background-color: white; } div.storeItemLogo table { border: 0px solid #E0E0E0; background: #FFF; } div.storeItemLogo td { border: 0px solid red; } span.storePoint { color:#007AB3 ; } div.rewardStoreMainContainer { margin-top: 22px; padding-top: 20px; } div.rewardStoreMainContainer div.notice { margin-bottom: 3.2rem; } div.rewardStoreMainContainer div.widgetContainer:after { clear: both; content: ''; display: block; } div.rewardStoreMainContainer #pointWidgetContainer { float: left; width: auto; } div.rewardStoreMainContainer #pointWidgetContainer div.container { padding: 0 0 25px 81px; padding: 0 0 2.5rem 8.1rem; } div.rewardStoreMainContainer .cartIcon { cursor: pointer; float: right; position: relative; } div.rewardStoreMainContainer .cartIcon span { position: absolute; right: -1rem; top: -1rem; } div.rewardStoreMainContainer div.ui-tabs { padding-bottom: 0; } #pointStorePartnerMenu li > a { display: inline-block; line-height: 4.8rem; min-height: 4.8rem; } #pointStorePartnerMenu img { height: 4.8rem; vertical-align: middle; } #shopProductListContainer { margin-left: 0; width: auto; } #shopProductListContainer:after { clear: both; content: ''; display: block; } #shopProductListContainer > div { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 0; } #shopProductListContainer div.storeItemContainer { border: 1px solid #EEEEEE; display: inline-block; padding: 1.6rem; text-align: center; width: 25%; } .storeItemPanel { height: 100%; } .storeItemLogo { background-position: center center; background-repeat: no-repeat; background-size: contain; height: 20rem; padding: 0px; margin: 0 auto; width: 20rem; } .storeLink1 { flex-grow: 1; margin-top: 0.5rem; } .storePoint { color: var(--main-color); font-weight: bold; margin-top: 1rem; } .storeAdd { margin-top: 0.5rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /points/stores <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /preregister >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.preregister div.row:first-child { margin-top: 20px; } div.preregister div.row { margin-top: 10px; overflow: auto; } div.preregister div.row > div { float: left; } div.preregister div.row div.labelContainer { margin: 7px 10px 0 0; width: 200px; } div.preregister div.row label:after { content: ":"; } div.preregister div.errorMessage { color: red; font-size: 12px; margin: 0 0 0 5px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /preregister <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start WhosFlickKing >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .homeWhosFlickkingContainer { position: relative; } .whosFlickkingHeading .whosFlickkingHeadingLink { -webkit-align-items: center; align-items: center; color: #727272; font-size: 1.8rem; font-weight: bold; -webkit-justify-content: space-between; justify-content: space-between; text-decoration: none; } .whosFlickkingText { font-size: 1.6rem; margin: 1rem 0; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end WhosFlickKing >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start WhosStickkingWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #homeWhosStickkingContainer { margin-top: 4rem; position: relative; } #homeWhosStickkingContainer .jcarousel-clip { overflow: hidden; position: relative; height: 43.5rem; width: 33rem; } #homeWhosStickkingContainer p { font-size: 1.8rem; margin: 1rem 0; } #homeWhosStickkingList { position: relative; } #homeWhosStickkingList li { border-bottom: 1px solid #DDDDDD; height: 8.4rem; margin: 1rem 0 0; padding: 0 1px 1px 1px; position: relative; width: 34.8rem; } #homeWhosStickkingList li:hover { position: relative; } #homeWhosStickkingList li > div { background-color: white; padding: 0.5rem 0 1rem 6.6rem; position: relative; } #homeWhosStickkingList li:hover > div { } #homeWhosStickkingList a.avatarContainer { left: 0; position: absolute; } #homeWhosStickkingList a.username { color: var(--main-background-color); display: block; font-size: 1.3rem; text-decoration: none; } #homeWhosStickkingList a.goalName { color: #424141; display: block; font-weight: bold; height: 4.6rem; position: relative; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } #homeWhosStickkingList a.goalName > span { display: block; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end WhosStickkingWidget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start SuccessStoriesWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.homeSuccessStoryItem { padding: 0px 5px; } div.homeSuccessStoryItem div.title { color: #464646; display: block; font-size: 14px; font-weight: bold; margin-top: 10px; } div.homeSuccessStoryItem div.content { margin-top: 10px; } div.homeSuccessStoryItem div.avatarContainer, div.homeSuccessStoryItem .userBox { float: left; margin-right: 10px; } div.homeSuccessStoryItem div.text { font-size: 11px; font-weight: normal; } div.homeSuccessStoryItem a.stickkButton01 { margin-top: 10px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end SuccessStoriesWidget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start TestimonialsWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #homeTestimonialContainer div.homeTestimonialItem { margin: 1rem 0 2rem; padding: 0 0 1.6rem; position: relative; } div.homeTestimonialItem a { float: right; margin-top: 1rem; } div.homeTestimonialItem div.text { color: #464646; font-size: 1.8rem; } div.homeTestimonialItem div.submitter { color: var(--main-background-color); font-size: 11px; font-style: italic; font-weight: bold; } div.homeTestimonialItem span.arrow { border-color: white transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; bottom: -10px; display: inline-block; height: 0; left: 30px; position: absolute; width: 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end TestimonialsWidget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start User Profile Widget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #userProfileWidgetContainer { border: none !important; display: none; font-size: 11px; margin: 0 5rem 2rem; } #userProfileWidgetContainer:hover { background: transparent; color: var(--main-color); } #userProfileWidgetContainer div { position: relative; text-overflow: ellipsis; white-space: nowrap; } #userProfileWidgetAvatarContainer { line-height: 0; } .userProfileWidgetAvatarLink { display: block; padding: 0; position: relative; } .userProfileWidgetAddAvatarLink { color: #000; position: absolute; text-align: center; top: 0; width: 100%; } #userProfileWidgetContainer div.membersSidebarSubContainer { padding: 10px 0; } #editProfileButton { text-align: center; width: 116px; } #userProfileWidgetContainer div.label { font-weight: bold; margin: 5px 0 0 0; overflow: hidden; text-align: center; text-overflow: ellipsis; } #userProfileWidgetContainer #userProfileWidgetFullName { margin: 2px 0 0 0; } .commitmentAvatar #userProfileWidgetContainer { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: block; margin: 0; padding: 10px 0; width: 15rem; } .commitmentAvatar #userProfileWidgetUsername { height: auto; width: auto; } #topProfileContainer { position: relative; } #topProfileAvatarOuterContainer { cursor: pointer; position: relative; text-align: center; width: 58px; } #topProfileAvatarInnerContainer { height: 50px; line-height: 0; margin: 5px 4px 3px; position: relative; width: 50px; } #topProfileAvatarInnerContainer a { border-radius: 7em; display: inline-block; overflow: hidden; /*position: relative;*/ } #topProfileNameContainer { font-weight: bold; position: absolute; right: 36px; text-align: right; top: 76px; } #topProfileFirstName, #topProfileLastName { white-space: nowrap; } #topProfileFirstName { font-size: 23px; } #topProfileLastName { color: #6D6D6D; font-size: 13px; } #topProfileUsernameContainer { font-weight: bold; justify-content: center; margin: 0 1rem 0 2rem; max-width: 14rem; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap } #othersProfileContainer { background-color: #E5E5E5; border: 6px solid #DCDCDC; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; font-size: 11px; margin: 0 0 20px 0; position: relative; width: 888px; } #othersProfileContainer table { height: 100%; width: 100%; } #othersProfileAvatarContainer { padding-right: 20px; vertical-align: middle; width: 144px; } #othersProfileInfoContainer { border: 0 none; } #othersProfileInfoContainer > div { height: auto; position: relative; } #othersProfileInfoContainer td:first-child { border: 0; } #othersProfileInfoContainer td { border-left: 1px solid #C6C6C6; padding: 0 10px; vertical-align: top; } #othersProfileInfo { white-space: nowrap; } #othersProfileInfoContainer div.label { font-size: 12px; font-weight: bold; } #othersProfileInfoContainer div.label:first-child { margin-top: 0; } #othersProfileInfoContainer div.label, #othersProfileInfoContainer #othersProfileInterestsContainer div.label, #othersProfileInfoContainer #othersProfileMessageContainer div.label { margin-top: 10px; } #othersProfileLongTextContainer { padding: 0px !important; } #othersProfileLongTextContainer table { table-layout: fixed; } #othersProfileLongTextContainer td { min-height: 146px; word-wrap: break-word; } #othersProfileActionContainer { margin-top: 10px; vertical-align: middle !important; } #othersProfileInfo, #othersProfileActionContainer { border: 0 none; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; text-align: center; } #othersProfileActionContainer a, #othersProfileActionContainer div { margin-top: 20px; text-align: left; width: 165px; } #othersProfileActionContainer div.pendingFriendRequest { padding: 5px; text-align: center; width: auto; } #othersProfileInfo div, #othersProfileActionContainer a { white-space: nowrap; } #othersProfileActionContainer a { border: 0 none; margin: 0 0 0 1rem; text-decoration: none; } #othersProfileActionContainer a:first-child { margin: 0; } #othersProfileActionContainer span.friendActionIcon { margin-right: 10px; } .commitmentRow td.commitmentAvatar .othersProfileInfo, #othersProfileSideContainer .othersProfileInfo { border: 0 none; color: #999999; font-weight: normal; text-align: left; } .commitmentRow td.commitmentAvatar .label, #othersProfileSideContainer .label { font-weight: bold; } #othersProfileUsername, #othersProfileSideContainer #othersProfileUsername { color: var(--main-color); font-family: "Raleway",Arial,sans-serif; font-size: 1.4em; overflow: hidden; text-align: center; text-overflow: ellipsis; } #othersProfileFullName, #othersProfileSideContainer #othersProfileFullName { font-weight: bold; text-align: center; word-wrap: break-word; } #othersProfileInfoContainer:before, #othersProfileInfoContainer:after { content: ""; display: block; width: 100%; } #othersProfileInfoContainer:before { border-top: 1px dashed #E1E1E1; margin-top: 16px; margin-top: 1.6rem; padding-top: 16px; padding-top: 1.6rem; } #othersProfileInfoContainer:after { border-bottom: 1px dashed #E1E1E1; margin-bottom: 16px; margin-bottom: 1.6rem; padding-bottom: 16px; padding-bottom: 1.6rem; } .commitmentRow td.commitmentAvatar #othersProfileInterestsContainer > div, .commitmentRow td.commitmentAvatar #othersProfileMessageContainer > div { height: auto; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end User Profile Widget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start PointsWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #pointWidgetContainer { background: url("/images/widgets/PointsWidget/trophy_a01.png") no-repeat scroll 2rem 2rem transparent; border: 1px solid #d1d1d1; border-radius: 15px; min-width: 250px; position: relative; } #pointWidgetContainer .container { padding: 17px 0 0 60px; } #pointWidgetBalanceContainer { line-height: 1; position: relative; } #pointWidgetBalance { color: #006BB5; font-family: Georgia; font-size: 35px; } #pointWidgetBalanceText { font-size: 18px; font-style: italic; font-weight: bold; } #pointWidgetBalanceIcon { } #pointWidgetButtonContainer { padding: 5px 0; } #pointWidgetButtonContainer a { display: inline-block; margin-top: 5px; padding: 1rem 0; text-align: center; width: 100%; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end PointsWidget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start terms and conditions <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ div.tac { background: white; color:#666666; font-size: 11px; height: 100%; padding-bottom: 10px; } div.tac > div { margin-right: 20px; padding-left: 20px; } .tac .home_top_head { display: block; margin-bottom: 10px; font-family: Arial,Arial; font-size: 15px; color: var(--main-background-color); font-weight: bold; } .tac h1 { color: var(--main-background-color); font-weight: bold; margin-bottom: 15px !important; margin-top: 15px !important; font-size: 14px !important; display: block; } .tac h2 { font-size: 1em; font-weight: bold; } .tac h1 label { margin-right: 20px; } .tac div { text-align:left; display: block; padding: 10px 0 10px 50px; } .tac div > label { font-size: 11px !important; font-weight: bold; color: var(--main-background-color); margin-left: -30px; display: block; float: left; } .stickk-ie.tac div label { display: inline-block; margin-left: -30px !important; } .tac u { font-size: 12px !important; font-weight: bold; color: var(--main-background-color); } .tac ul { margin:35px; list-style: square inside; } .tac ol { list-style: lower-roman outside none; margin: 10px 0 10px 24px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end terms and conditions <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< begin site/about and site/contact and /site/testimonials <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .about .home_top_head, #contactUsContainer .home_top_head, #testimonialContainer .home_top_head { font-family: Arial,Arial; font-size: 15px; color: #737373; font-weight: bold; } div.testimonialSubmitter { font-size:10px; font-style: italic; width: 595px; } .about .orange, #contactUsContainer .orange, div.testimonialSubmitter { color: var(--main-background-color) !important; } #testimonialContainer { font-size: 11px; } .about .txt12 { font-size: 12px !important; } .about b, .about strong { font-weight: bolder; } div.about section.first { margin-top: 20px; } div.about section.active > div { display: block; } div.about section > div { display: none; margin: 15px 0 15px 15px; } div.about section h2 a { position: relative; top: -34px; } #contactUsContainer, #testimonialContainer { padding: 40px; padding: 4rem; } .about a, #contactUsContainer a { text-decoration: underline; } #contactUsContainer .stickkButton01 { text-decoration: none; } .about .tblbsr, #testimonialContainer .tblbsr { border-bottom: 1px dotted #727272; padding-top: 10px; padding-bottom: 10px; } .about .dorange, .about .DORANGE, #contactUsContainer .dorange, #contactUsContainer .DORANGE { color: var(--main-background-color); } .about .mainTd { } div.aboutUsBioContainer { margin: 15px 0 0 15px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end site/about and site/contact and /site/testimonials <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< begin site/about and site/contact and /site/testimonials <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .about .home_top_head, #contactUsContainer .home_top_head, #testimonialContainer .home_top_head { font-family: Arial,Arial; font-size: 15px; color: #737373; font-weight: bold; } div.testimonialSubmitter { font-size:10px; font-style: italic; width: 595px; } .about .orange, #contactUsContainer .orange, div.testimonialSubmitter { color: var(--main-background-color) !important; } #testimonialContainer { font-size: 11px; } .about .txt12 { font-size: 12px !important; } .about b, .about strong { font-weight: bolder; } div.about section.first { margin-top: 20px; } div.about section.active > div { display: block; } div.about section > div { display: none; margin: 15px 0 15px 15px; } div.about section h2 a { position: relative; top: -34px; } #contactUsContainer, #testimonialContainer { padding: 40px; padding: 4rem; } .about a, #contactUsContainer a { text-decoration: underline; } #contactUsContainer .stickkButton01 { text-decoration: none; } .about .tblbsr, #testimonialContainer .tblbsr { border-bottom: 1px dotted #727272; padding-top: 10px; padding-bottom: 10px; } .about .dorange, .about .DORANGE, #contactUsContainer .dorange, #contactUsContainer .DORANGE { color: var(--main-background-color); } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end site/about and site/contact and /site/testimonials <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> begin /contact >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #contactUsContainer .ar { text-align: right; } #contactUsContainer .tblbsr { border-bottom: 1px dotted #727272; margin: 3.2rem 0 1.6rem; } #contactUsContainer .comm_fl { color: #5A5A5A; font-weight: bold; padding: 8px 5px 10px; padding: 0.8rem 0.5rem 1rem; } #contactUsContainer .comm_ff { color: #5A5A5A; font-size: 11px; font-size: 1.1rem; padding: 5px 5px 10px; } #contactUsContainer .content { margin-left: 1rem; } .contactUsFounders .name, .contactUsFounders .email, .contactUsFounders .website { display: inline-block; vertical-align: middle; } .contactUsFounders .email, .contactUsFounders .website { margin-left: 1.6rem; } .contactUsFounders .name { width: 11.2rem; } .contactUsFounders .email { width: 19.2rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contact <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /faq <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #faqContainer { padding: 40px; padding: 4rem; } #faqContainer a { text-decoration: underline; } .faq_toc { float: left; font-size: 12px; font-weight: bold; padding-left: 0px; width: 264px; } .faq_toc h1 { background: none repeat scroll 0 0 #DEE6D6; border: 1px solid #AEC39A; border-radius: 6px 6px 0 0; height: 24px; line-height: 24px; position: relative; padding-left: 10px; } .faq_tocentry0, .faq_tocentry1 { padding-left: 10px; padding-bottom: 5px; padding-top: 5px; text-align: left; color: var(--main-background-color); } .faq_tocentry0 { background-color: #F8F9F6; border-bottom: 1px dotted #DEE6D6; display: block; } .faq_tocentry1 { background-color: white; border-bottom: 1px dotted #DEE6D6; display: block; } a.faq_tocentrysub { padding-left: 30px; display: block; } .faq_tocentry_selected { background-image: url('/images/site/faq/link_selected.gif'); background-repeat: no-repeat; background-position: right; } .faq_toc .faq_toccontent { background-color: #EEF2EA; border-left: 1px solid #DEE6D6; border-right: 1px solid #DEE6D6; } .faq_toccontent a, .faq_toccontent h2 { text-decoration: none; font-weight: bold; color: var(--main-background-color); font-size: 12px; } .faq_toc_foot { background: none repeat scroll 0 0 #DEE6D6; border: 1px solid #AEC39A; border-radius: 0 0 6px 6px; display: block; height: 22px; position: relative; margin: 0 0 6px; } #faq_body_content { min-height: 501px; overflow-y: hidden; } .faq_body { float: left; font-size: 12px; font-weight: bold; margin-left: 20px; padding-left: 0px; } .faq_body h1 { border-bottom: 1px dotted #727272; color: var(--main-background-color); font-size: 15px; font-weight: bold; margin-top: 5px; padding-bottom: 10px; } .faq_body .faq_bodycontent { font-weight: normal; } .faq_bodycontent h3 { font-weight: bold; font-size: 12px; margin-top: 5px; margin-bottom: 5px; } .faq_bodycontent h3:first-child { margin-top: 0px; } .faq_bodycontent h2 { color: var(--main-background-color); font-size: 13px; font-weight: bold; margin: 25px 0 10px 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /faq <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contract >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .newCommitmentContract { color: #131313; font-family: 'Raleway', Arial, sans-serif; font-size: 2.9rem; margin: 20px 0; text-align: center; } #customContractSearch { padding-left: 1.5rem; } #customContractSearch.default { color: #999; font-style: italic; } .wbox, .todo { background-color: white; padding: 10px; color: red; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid red; } .commitment_creation_container .sign { display: inline-block; margin-right: 2px; vertical-align: middle; } .commitment_creation_container #supporterContent { font-family: Verdana, Arial, sans-serif; } .commitment_creation_container #skipThis { margin-right: 30px; } .commitment_creation_container #supportTable { width: 800px; } #supporterContent .comm_fl { padding: 0px; } #supporterContent textarea { width: 400px !important; } .commitment_creation_container .totalContainer { display: inline-block; vertical-align: middle; } #stake-type .selected { color: var(--main-background-color); background: transparent; cursor: default; } .stakesRecipientNotice { color: var(--main-background-color); padding-bottom: 10px; font-weight: bold; font-size: 13px; } .commitment_creation_container .dorange, .commitment_creation_container .DORANGE { color: var(--main-background-color); } .contractSeeCommSummaryContainer { float: left; font-weight: bold; text-align:center; text-decoration: none; } .contractSeeCommSummary { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; float:left; font-weight: normal; text-align: center; width: 225px; } body.es .contractSeeCommSummary p { } .contractSeeCommSummary p { font-size: 1.2rem; font-weight: bold; } .contractSeeCommSummary a { color: var(--main-background-color); font-size: 1.4rem; } .contractSeeCommSummary .brl, .contractSeeCommSummary .brr { color: var(--main-background-color); font-family: Times New Roman; font-size: 12rem; } .commitment_creation_container .comm_seperator_creditForm { border-bottom: 1px dotted #727272; padding: 5px 0px 5px 0px; font-size: 12px; font-family: Arial; } .stakes_titleText { border-bottom: 1px #3dc7a0 solid; padding: 1rem 0; color: #3dc7a0; font-size: 1.4rem; font-weight: bold; } .type_your_goal .input { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; justify-content: center; text-align: center; } .type_your_goal .input .input_inner { background: #f4f4f4; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; border: 1px solid #a0a0a0; padding: 2px 7px; padding-top: 7px; position: relative; -moz-box-shadow: 0 2px 1px -1px #808080 inset; -webkit-box-shadow: 0 2px 1px -1px #808080 inset; box-shadow: 0 2px 1px -1px #808080 inset; } .type_your_goal a.stickkButton01 { border-radius: 0 4rem 4rem 0; display: inline-block; height: 6.5rem; font-size: 3rem; padding: 1.4rem 3.5rem 1.4rem 3rem; text-align: center; vertical-align: top; } .type_your_goal input { background-color: #efefef; border-radius: 4rem 0 0 4rem; height: 6.5rem; border: 0; font-size: 1.6rem; font-weight: bold; padding-left: 2.5rem; width: 52rem; } .type_your_goal .button { float: left; margin-left: 15px; margin-top: 7px; } .type_your_goal a.roundButton { padding: 10px 40px ; font-size: 14px ; } a.orangeGlossButton, input.orangeGlossButton { background: var(--main-background-color); border: 1px solid var(--main-background-color); border-color: var(--main-background-color) var(--main-background-color) var(--main-background-color); color: white; font-size: 12px; font-weight: bold; text-decoration: none; -moz-box-shadow: 0 31px 1px -1px var(--main-background-color) inset; -webkit-box-shadow: 0 11px 1px -1px var(--main-background-color) inset; box-shadow: 0 31px 1px -1px var(--main-background-color) inset; } a.orangeGlossButton:hover, input.orangeGlossButton:hover { background: var(--main-background-color); border-color: var(--main-background-color) var(--main-background-color) var(--main-background-color); -moz-box-shadow: 0 11px 1px -1px var(--main-background-color) inset; -webkit-box-shadow: 0 11px 1px -1px var(--main-background-color) inset; box-shadow: 0 11px 1px -1px #C1CFA1 inset; } .pick_a_goal { font-size: 1.9rem; font-weight: bold; margin: 4rem 0 4rem 0; text-align: center; } .commitmentCreationChooseType { padding: 2rem; } .es .commitmentCreationChooseType .contractType { height: 270px; } .pt .commitmentCreationChooseType .contractType { height: 210px; } .ja .commitmentCreationChooseType .contractType { height: 270px; } .commitmentCreationChooseType .contractType { border: 1px solid #DDDDDD; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #000000; cursor: pointer; float: left; font-size: 11px; font-weight: bold; height: 224px; margin-left: 1rem; padding: 18px 12px; width: 306px; } .commitmentCreationChooseType .contractType:nth-child(3n + 1) { margin-left: 0; } .commitmentCreationChooseType .contractType:nth-child(1n+4) { margin-top: 1rem; } #contractType_smoking.contractType, #contractType_custom.contractType { margin-right: 0; } .commitmentCreationChooseType .contractType .title { font-size: 2.4rem; font-weight: normal; line-height: 2.8rem; margin-bottom: 10px; } .commitmentCreationChooseType .contractType .description { font-weight: normal; font-size: 1.4rem; } .commitmentCreationChooseType .contractType .left { display: inline-block; height: 190px; text-align: center; vertical-align: top; width: 86px; } .commitmentCreationChooseType .contractType .right { display: inline-block; margin-left: 20px; width: 170px; } .commitmentCreationChooseType .contractType .right > div:first-child { height: 135px; margin-bottom: 10px; } .es .commitmentCreationChooseType .contractType .right > div:first-child { height: 180px; } .ja .commitmentCreationChooseType .contractType .right > div:first-child { height: 180px; } .commitmentCreationChooseType .contractType .right .selectGoalButton { font-size: 1.4rem; } .es .commitmentCreationChooseType .contractType .right .selectGoalButton { padding-left: 15px; padding-right: 15px; } .commitmentCreationChooseType .contractType .middle { background: url(/images/contract/creation_type_fill.gif) top no-repeat; padding: 0 15px 0 20px; height: 215px; } .commitmentCreationChooseType #contractType_weight .top { background: url(/images/contract/box_lose_weight.png) top no-repeat; } .commitmentCreationChooseType #contractType_gym .top { background: url(/images/contract/box_Exercise_reg.png) top no-repeat; } .commitmentCreationChooseType #contractType_smoking .top { background: url(/images/contract/box_quit_smoking.png) top no-repeat; } .commitmentCreationChooseType #contractType_weightm .top { background: url(/images/contract/box_Maintain_weight.png) top no-repeat; } .commitmentCreationChooseType #contractType_marathon .top { background: url(/images/contract/box_Race.png) top no-repeat; } .commitmentCreationChooseType #contractType_custom .top { background: url(/images/contract/box_Custom_goal.png) top no-repeat; } .commitmentCreationChooseType .contractType .top { height: 146px; padding-right: 2px ; margin: 0px ; padding: 0px ; } div.mainContentContainerStep div.top { height: 124px; margin: 0px ; padding: 0px 0px 0px 0px ; } div.mainContentContainerStep div.content { background: url(/images/contract/box_green_fll.gif) repeat-y left top; height: 368px ; overflow: auto; } div.commitment_creation_container > .content { /* background: url("/images/contract/box_green_fll.gif") repeat-y scroll left top transparent;*/ } .page_top_border { background: url("/images/template/main_box_top.png") no-repeat scroll 0 0 transparent; height: 24px; margin: auto; width: 988px; } div.mainContentContainerStep div.bottom { background: url(/images/contract/box_green_btm.gif) no-repeat left top; height: 23px; margin: 0px ; height: 10px; } div.mainContentContainerStep div.Header { color: var(--main-background-color); font-weight: bold; border-bottom: 1px dotted var(--main-background-color); margin-bottom: 15px; } div.mainContentContainerStep .commitmentType { font-size: 18px; } div.mainContentContainerStep div.contentRight { padding-right: 50px; padding-left : 50px ; width: 460px; height: 368px ; float: left ; border: 0px solid gray ; } div.mainContentContainerStep div.contentLeft { width: 400px ; height: 368px ; background: url(/images/contract/steps/box_green_btm.gif) no-repeat; border: 0px solid gray ; float: right ; } .comm_fl { } div.ulrow { width: 400px ; height: 28px ; border: 0px solid gray ; font-size: 14px; font-weight: bold; padding: 5px; padding-bottom: 10px; padding-top: 8px; color: #5A5A5A; } div.licolumn { float: left ; } div.col1 { width:200px ; } div.col2 { width:100px ; } div.col3 { width:100px ; } div.mainContentContainerStep div.contentLeft { width: 400px ; height: 368px ; border: 0px solid gray ; float: right ; } div.mainContentContainerStep div.contentLeft_weight { background: url(/images/contract/steps/box_green_btm.gif) no-repeat; } div.mainContentContainerStep div.contentLeft_gym { background: url(/images/contract/steps/gym.jpg) no-repeat; } div.mainContentContainerStep div.contentLeft_smoking { background: url(/images/contract/steps/smoking.jpg) no-repeat; } div.mainContentContainerStep div.contentLeft_marathon { background: url(/images/contract/steps/marathon.jpg) no-repeat; } div.mainContentContainerStep div.contentLeft_weightm { background: url(/images/contract/steps/weightm.jpg) no-repeat; } .commitmentCreationHeader { margin-bottom: 15px; } #row_amountAtStakeBar td.stakes_titleBar, #row_paymentMethodBar td.stakes_titleBar { padding-top: 32px; padding-top: 3.2rem; } .contractStakesBillingInfoContainer { margin-top: 1.6rem; } .contractStakesSelectPaymentMethodButtonContainer { margin: 3.2rem 0; text-align: center; } .contractStakesCreditCardsContainer, .contractStakesPaymentMethodTermsAndConditions { margin-top: 3.2rem; } #row_AmountHeaderDesc .comm_notice { padding-top: 16px; padding-top: 1.6rem; } .comm_fl { font-size: 14px; font-weight: bold; color: #5A5A5A; padding: 12px 5px 10px 0; } .comm_ff { padding: 5px 5px 5px 0; } .comm_divide { border-top: 1px dotted #727272; padding: 3px; font-size: 1px; font-family: Arial; } #commitment-form #target-weight .comm_fl { color: #799243; } #cForm_leftPane input[type="text"] { /*border: 1px solid #848484; padding: 3px;*/ } .commitmentType { font-family: "Raleway", Arial, sans-serif; font-size: 40px; } #commitment-form #current-weight input, #commitment-form #current-height input, #commitment-form #target-weight input, #commitment-form #contract-length input { color: #799243; font-weight: bold; } #commitment-form #target-weight input { border: 2px solid var(--main-background-color); width: 60px; } #commitment-form .targets input { border: 0; font-weight: bold; font-size: 21px; font-family: Times new roman, serif; } .comm_ff_lp input[type="text"] { border: 1px solid #848484; } .commitment_creation_container .strongLabel { color: #131313 !important; font-size: 16px; } .commitment_creation_container .strongField input { border-color: #F25D17; border-width: 2px; position: relative; } .commitment_creation_container .title { font-size: 16px; font-weight: bold; } .commitment_creation_container label { font-size: 11px; color: #5A5A5A; font-weight: bold; padding-right: 5px; white-space: nowrap; } .commitment_creation_container #et01, .commitment_creation_container #et02 { color: #799243; } .commitment_creation_container strong { font-weight: bold; } .commitment_creation_container input { /*color: #7FA035;*/ border: reset; } .contractStakesillingInfoContainer input { border: auto; } .commitment_creation_container #cFrequencyGroup_-1 + label + a , .commitment_creation_container #cFrequencyGroup_7 + label + a { margin-left: 10px; } .commitment_creation_container hr { border-color: #DDDDDD; border-style: solid none none none; border-collapse: collapse; } .commitment_creation_container #i_reportingDays { background: transparent; border: 0 !important; border-radius: 0; box-shadow: none; font-weight: bold; font-size: 2.1rem; padding: 0; } .commitment_creation_container #net-loss .comm_sfld, #weekly-loss .comm_sfld, #reportingDays_row .comm_sfld { color: var(--main-background-color); } #contract-type-yes .commitmentFrequency, #reportingDays_row .comm_sfld { vertical-align: middle; } .commitment_creation_container .comm_sfld { color: #7FA035; border: none; } .commitment_creation_container .comm_fl, .commitment_creation_container .field .label { font-size: 1.4rem; font-weight: bold; margin: 0.7rem 0.3rem; color: #5A5A5A; } .commitment_creation_container_type_weight .field .label, .commitment_creation_container_type_weightm .field .label { margin-left: 0; } .commitment_creation_container .field { clear: left; margin-top: 10px; } .commitment_creation_container input, .commitment_creation_container select { margin: 0 5px 0 0; vertical-align: middle; } .commitment_creation_container span .commitment_creation_container label { margin: 0 10px 0 0; } #newCCInputsRow input, #newCCInputsRow select { margin: 0 2rem 0 0; } .commitment_creation_container .field .label { display: block; float: left; width: 225px; } .commitment_creation_container #i_cCurrentHeight, .commitment_creation_container #i_cCurrentHeightInches, .commitment_creation_container #i_cTargetWeight { width: 60px; } .commitment_creation_container #i_cCurrentHeight + #muf01, .commitment_creation_container #i_cCurrentHeightInches + #muf01{ padding-right: 5px; width: 80px; } .commitment_creation_container #reportingDays_row .reportsNotice { color: black; font-size: 11px; } .commitment_creation_container .contentLeft_weight #cForm_rightPane { padding-left: 10px; } .commitment_creation_container .rightcol #cForm_rightPane { padding-top: 0px; } .commitment_creation_container .contentLeft_weight #cForm_rightPane .top, .commitment_creation_container .contentLeft_weight #communityCheckboxes .top { background: url(/images/commitment/goal_cats_top.gif) no-repeat; height: 16px; } div.commitment_creation_container { position: relative; padding: 0 20px 10px; } .commitment_creation_container::after { clear: both; content: ''; display: block; height: 0; width: 0; } .container.commitment_creation_container.commitment_creation_container_step_2.commitment_creation_container_type_custom { min-height: 1044px; } div.commitment_creation_container #goToProfile { margin-bottom: 15px; } div.commitment_creation_container #addMoreSupporters { margin-bottom: 15px; } div.commitment_creation_container > .top { height: 192px; margin: 20px 0; } .commitment_creation_container_step_1 > .top { background: url(/images/contract/steps/en/commitment_creation_step_1.png) no-repeat center top; } .commitment_creation_container_step_2 > .top { background: url(/images/contract/steps/en/commitment_creation_step_2.png) no-repeat center top; } .commitment_creation_container_step_3 > .top { background: url(/images/contract/steps/en/commitment_creation_step_3.png) no-repeat center top; } .commitment_creation_container_step_4 > .top { background: url(/images/contract/steps/en/commitment_creation_step_4.png) no-repeat center top; } div.commitment_creation_container .wbox { /*width: 500px;*/ } div.commitment_creation_container > .bottom { /* background: url("/images/contract/box_green_btm.gif") no-repeat scroll left top transparent;*/ height: 23px; } div.commitment_creation_container #refereeDescription td { padding-top: 20px; } div.commitment_creation_container input[name=vVerifier] + .description { margin-top: -10px; margin-bottom: 20px; } div.commitment_creation_container .changeRefereeType { display: inline-block; margin: 7px 0 0 0px; color: var(--main-background-color) ; text-decoration: underline; } div.commitment_creation_container_type_weight #cForm_rightPane.type_image { background: url("/images/contract/steps/box_green_btm.gif") no-repeat scroll 0 0 transparent; } .page_content { background: url("/images/contract/main_box_fill.png") repeat-y scroll 0 0 transparent; margin: auto; position: relative; width: 938px; } .page_bottom_border { background: url("/images/contract/main_box_btm.png") no-repeat scroll 0 0 transparent; height: 25px; margin: 0 auto 45px; width: 988px; } div.commitment_creation_container .privacyNotice { clear: both; font-size: 14px; font-weight: bold; /*width: 770px;*/ margin: 10px; } .commitment_creation_container #cForm_buttons { float: right; margin-right: 90px; margin-top: 30px; min-height: 80px; } .commitment_creation_container_step_1 #cForm_leftPane, .commitment_creation_container_step_3 #cForm_leftPane { width: 800px; } .commitment_creation_container #targets, .commitment_creation_container #communityCheckboxes { width: 310px; background: white; border-radius: 20px; -moz-box-shadow: 0 0 6px -2px #656565; -webkit-box-shadow: 0 0 6px -2px #656565; box-shadow: 0 0 6px -2px #656565; font-size: 12px; float: left; position: relative; } .commitment_creation_container #communityCheckboxes { float: right; } .commitment_creation_container #cForm_rightPane .targets input { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #131313; font-size: 2.1rem; padding: 0; } .commitment_creation_container #cForm_rightPane .targets input:first-child { margin-top: 0; } .commitment_creation_container #targets .field .label { display: block; float: left; width: 175px; } #cForm_rightPane { float: right; width: 360px; } #cForm_buttons a { display: inline-block; } .commitment_creation_container #cForm_buttons .formButtonContainer { display: inline-block; margin-left: 10px; } div.commitment_creation_container_type_weight #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_lose_weight.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_gym #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_exercise.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_custom #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_custom_goal.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_customContract.commitment_creation_container_step_1 #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_new_commitment.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_customContract.commitment_creation_container_step_3 #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_new_referee.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_marathon #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_race.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_smoking #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_cigarette.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container_type_weightm #cForm_rightPane.type_image { background: url("/images/contract/types/icon_big_maintain_weight.png") no-repeat scroll 0 0 transparent; } div.commitment_creation_container #cForm_rightPane.type_image { height: 341px; width: 340px; } .commitment_creation_container .rightcol #cForm_rightPane { padding-top: 0; } div.commitment_creation_container > .content { margin: auto; padding-left: 40px; padding-right: 40px; } #commitment-form #cForm_rightPane .top, #commitment-form #communityCheckboxes .top { background: url("/images/contract/goal_cats_top.gif") no-repeat scroll 0 0 transparent; height: 16px; } #commitment-form .targets > table, #commitment-form #communityCheckboxes > table { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; width: 335px; } #commitment-form #cForm_rightPane .bottom, #commitment-form #communityCheckboxes .bottom { background: url("/images/contract/goal_cats_bottom.gif") no-repeat scroll 0 0 transparent; height: 16px; } #withings_info_noscale { margin: 10px 0 0; } #net-loss div.label, #net-loss span.weightUnit, #weekly-loss div.label, #weekly-loss span.weightUnit, #reportingDays_row div.label { color: var(--main-background-color); } #reportingDays_row div.reportsNotice { color: inherit; font-size: 12px; } .contractSummarySection:first-child { margin-top: none; } .contractSummarySection { margin-top: 1.6rem; } .contractSummaryTitle { font-size: 1.8rem; font-weight: bold; } .contractSummaryHeading { font-size: 1.7rem; font-weight: bold; } .contractSummaryContent { margin-left: 1.6rem; overflow-wrap: break-word; word-wrap: break-word; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start Message CSS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #messageContainer td { vertical-align: top; } #messageMiddleContainer { } #messageContent, #friendContent { } #friendRequestList, #inviteRequestList, #notificationList { margin-top: 10px; } #messageContent .userBox { color: white ; font-weight: bold ; text-decoration: none ; } #messageContent #placeholder-user-inbox { } #messageContent td.lr5pad { vertical-align:middle ; } #messageContent h1 + div, .message-reply, .message-inbox { -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-bottom: 4rem; position: relative; } .messagesWallItem { margin-top: 3rem; } .messagesWallItem .userBox { float: left; margin-right: 10px; } .messagesItemHeader > div:first-child { padding-left: 0; } .messagesItemHeader > div { padding-left: 1rem; } .messagesWallItem div { font-size: 1.4rem; min-height: 20px; } .messagesActionsContainer { margin-top: 10px; } .messagesWallItem div.clear { min-height: 0px; } .messagesWallItem div a { font-weight: bold; } .messagesItemHeader { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; } .messagesItemHeaderTime { color: #9d9d9d; } .messagesActionsContainer { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .messagesActionsContainer .stickkButton01:first-child { margin-left: 0; } .messagesActionsContainer .stickkButton01 { margin-left: 1.6rem; } .inboxItem { font-size: 1.2rem; margin: 0.5rem 0; padding: 1rem; position: relative; cursor: pointer; } .inboxItem { cursor: pointer; display: flex; display: -webkit-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; } .inboxItemInfo { -webkit-flex-grow: 1; flex-grow: 1; padding-left: 1rem; } .inboxItemHeader { display: flex; display: -webkit-flex; -webkit-flex-flow: row; flex-flow: row; -webkit-justify-content: space-between; justify-content: space-between; } .inboxItemTime { color: #666666; } .inboxItemMessage { color: #808080; } div.inboxItem a:hover { text-decoration: none; } div.reportDue:hover, div.inboxItem:hover, div.wallItem:hover, tr.wallItem:hover td { /*background-color: #fffff0;*/ } .message-inbox, .message-send, .message-thread { width: auto !important; } div.reportDue a.userBox, div.inboxItem a.userBox, div.inboxItem span.messageStatusIcon { float: left ; margin-right: 10px; } .inboxItemSender { font-weight: bold; font-size: 1.1rem; color: #666666; } div.inboxItem label { display: block; font-weight: bold; padding-top: 10px; color: var(--main-color); font-size: 1.1rem;; } div.inboxItem .message { padding-left: 66px; font-size: 10px; } #sentItems div.inboxItem .message { padding-left: 108px; } div.mainContentContainerMenu .ui-widget { font-family: inherit; font-size: inherit; } div.mainContentContainerMenu .ui-widget-content { border: 0; } div.mainContentContainerMenu .ui-widget-content a { color: var(--main-background-color); } div.mainContentContainerMenu .ui-tabs .ui-tabs-nav { background: none; border-radius: 0; border-width: 0 0 1px; } div.mainContentContainerMenu .ui-tabs .ui-tabs-nav li { } div.mainContentContainerMenu .ui-tabs .ui-tabs-nav li a { color: #212121; *font-family: Arial, Helvetica, sans-serif; *font-size: 12px; font-weight: bold; } div.mainContentContainerMenu .ui-tabs .ui-tabs-nav li.ui-state-default a { color: #555555; } div.wallItem .msgAlertItem { cursor: pointer ; } div.alert ul li { width: auto; float: left; list-style: none; } div.alert ul li { text-align: right ; margin-left: auto ; margin-right: 0px ; } table.transactionMessage td { border: 0px solid gray; } table.transactionMessage th, table.transactionMessage a { font-weight: bold; } table.transactionMessage th, table.transactionMessage td { padding-right: 2.4rem; text-align: left; } table.transactionMessage th:last-child, table.transactionMessage td:last-child { padding-right: 0; } table.transactionMessage td.txtR { text-align: right ; } div.transaction-notice { font-weight: bold ; color: red ; padding: 10px ; } .invHead { background-color: #BFD09A; border-bottom: 1px solid #888C81; color: #434937; font-family: Arial; font-size: 17px; padding-bottom: 4px; padding-left: 5px; padding-top: 4px; } .invDetails { border-bottom: 1px solid #888C81; font-family: Arial; font-size: 11px; padding: 9px 15px; } .fl { font-family: Arial; font-size: 11px; font-weight: bold; text-align: right; } td.ff { padding-bottom: 4px; padding-top: 7px; } .ff { font-family: Arial; font-size: 11px; font-weight: normal; padding-left: 3px; text-align: left; } .tblsr { border-top: 1px dotted #727272; padding-bottom: 10px; padding-top: 10px; } b, strong { font-weight: bolder; } #placeholder-table-transfer_delivery td.fl { padding-top: 8px; } #messageContent .pager { margin-top: 3.2rem; text-align: right; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end Message CSS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /messages/compose <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .messageComposerForm { max-width: 550px; } .messageComposerLabel { font-weight: bold; } .messageComposerInputRow { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 1rem; } .messageComposerToNoteContainer::before { content: ""; height: 0; width: 0; } .messageComposerInput, .messageComposerToNote, .messageComposerSendToContainer { max-width: 430px; width: 100%; } .messageComposerInput { border-collapse: collapse; border: 1px solid #d0d0d0; } .messageComposerSendToContainer { border: 1px solid #d0d0d0; background-color: #e0e0e0; border-color: #9E9E9E #C3C3C3 #D9D9D9; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -o-border-radius: 0.3rem; border-radius: 0.3rem; border-width: 1px; border-style: solid; -moz-box-shadow: 0 2px 3px -2px #9E9E9E inset; -webkit-box-shadow: 0 2px 3px -2px #9E9E9E inset; box-shadow: 0 2px 3px -2px #9E9E9E inset; font-size: 1em; overflow-wrap: break-word; padding: 0.584em 1em; word-wrap: break-word; } #newmail textarea { height: 100px; } .messageComposeButtonContainer { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 3.2rem; } .messageComposeButton { margin-left: 1.6rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /messages/compose <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< begin /register <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .register, .preregister { } .register #inputCell_Birth.ff { color: #999; } .register .title, .preregister .title { font-size: 26px; font-size: 2.6rem; font-weight: bold; text-align: center; } .app .register .title, .app .preregister .title { display: none; } .register .step { font-size: 20px; font-size: 2rem;; float: right; vertical-align: baseline; } .register div.outer, .preregister div.outer { margin-left: auto; margin-right: auto; padding: 32px 16px; padding: 3.2rem 1.6rem; position: relative; width: 56rem; } .register .inner, .preregister .inner { padding-top: 3.2rem; position: relative; } .app .register .inner, .app .preregister .inner { padding-top: 0; } .registerFormRow { clear: both; color: black; line-height: 3.6rem; padding-top: 0.8rem; positive: relative; } .registerFormRow.center, .registerFormInputContainer.center { text-align: center; } .register .small:hover { cursor: pointer; } .registerFormRow .stickkButton01.small { float: right; min-width: 100px; min-width: 10rem; } .register .err { color: red; font-size: 12px; } .register .err b { font-weight: bold; } .contractRegistrationTitleContainer { border-bottom: 1px solid #d9d9d9; color: #000; font-size: 2.4rem; font-weight: bold; line-height: 2.4rem; margin-bottom: 3.2rem; padding-bottom: 1.6rem; margin-bottom: 1.6rem; text-align: center; } .contractRegistrationTitle { display: inline-block; position: relative; } .contractRegistrationName { font-style: italic; font-weight: normal; } .contractRegistrationEdit { font-size: 1.6rem; left: 100%; margin-left: 1.6rem; position: absolute; top: 0; } .registerFormInputContainer { display: inline-block; position: relative; width: 30.4rem; } .registerFormLabel, .preregister label { font-weight: bold; } .registerFormLabel { width: 130px; width: 13rem; float: left; } .registerFormTermsLabel { float: none; } .preregister label { padding: 0 10px 0 0; } .register input[type=checkbox], .preregister input[type=checkbox] { margin-top: 20px; } .register input[type=text], .preregister input[type=text], .register input[type=email], .preregister input[type=email], .register input[type=password], .preregister input[type=password], .register select, .preregister select, .register textarea, .preregister textarea { width: 100%; } #i_Password { padding-right: 6.4rem; } .register select.month, .register select.day, .preregister select.month, .preregister select.day { width: 82px; margin-right: 5px; } .register select.year, .preregister select.year { width: auto; margin-right: 10px; margin-right: 1rem; } .registerFormUserInfo { clear: left; margin-left: 130px; margin-left: 13rem; line-height: 19px; line-height: 1.9rem; } .register div.file, .register div.about, .register div.interests { padding-top: 20px; padding-top: 2rem; } .register .file label, .preregister .file label { width: 250px; } .register textarea { height: 100px; height: 10rem; } .registerFormGenderRadio, .registerFormFemaleLabel, .registerFormMaleLabel { vertical-align: middle; } .registerFormFemaleLabel, .registerFormMaleLabel { margin-right: 0.2rem; } .registerFormFemaleLabel { margin-left: 1.6rem; } .register .stickkButton01 { margin-top: 3px; } #registerFormShowHidePassword .hide { display: none; } #registrationConfirmEmailDialog .input, #registrationConfirmEmailDialog .tip { margin-top: 1.6rem; } #registrationConfirmEmailDialog .tip { color: #888888; font-size: 1.2rem; } .registerFormInputContainer .infoButton { position: absolute; } .registrationConfirmEmailInput { width: 100%; } #registerFormShowHidePassword { position: absolute; right: 0; text-align: center; top: 0; width: 5.6rem; } .registerFormPrivacyPolicy { color: var(--main-background-color); font-size: 1.8rem; margin-top: 2.4rem; text-decoration: underline; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /register <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*start JP's section*/ .main-content-container { background-color:#FFF; border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; box-shadow:0 0 6px -2px #656565; -moz-box-shadow:0 0 6px -2px #656565; -webkit-box-shadow:0 0 6px -2px #656565; margin:0 auto; padding:20px; position:relative; width:940px; } /*end JP's section*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Begin corporate page <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .corporateAndInstitutionalSolutions .corporateRounded { border: 1px solid var(--main-background-color); margin:0 auto; padding:20px; position:relative; font-weight: bold; } div.corporateAndInstitutionalSolutions { margin: 0px 10px; } .corporateAndInstitutionalSolutions .corporate_journals, .corporateAndInstitutionalSolutions .corporate_journals2 { background-color: var(--main-background-color); height: 24px; display: block; color: white; font-weight: bold; line-height: 24px; margin-right: 10px; text-indent: 10px; } .corporateAndInstitutionalSolutions .corporate_journals2 { width: 210px; } .corporateAndInstitutionalSolutions .corporate_journals2 + .corporate_boxcontent { width: 210px; height: 275px; } .corporateAndInstitutionalSolutions .corporate_boxcontent { padding-bottom: 20px; margin-right: 10px; } .corporateAndInstitutionalSolutions .corporate_boxcontent div.bigImage { text-align: center; padding: 10px; } .corporateAndInstitutionalSolutions .corporate_boxcontent .text { padding: 15px; } .corporateAndInstitutionalSolutions ul { margin-left: 10px; padding-left: 0; list-style: none; } .corporateAndInstitutionalSolutions ul > li { padding-left: 20px; padding-right: 10px; background-image: url(/images/site/corporate/newsbullet.gif); background-repeat: no-repeat; background-position: 0 0.1em; margin: 10px 0px; } .corporateAndInstitutionalSolutions #corporate_article_1 li , .corporateAndInstitutionalSolutions #corporate_article_2 li , .corporateAndInstitutionalSolutions #corporate_article_3 li , .corporateAndInstitutionalSolutions #corporate_article_4 li { background-image: none; padding-left: 10px; } .corporateAndInstitutionalSolutions .corporate_boxcontent .bullet { padding: 0px 5px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< End corporate page <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start History >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.stickkContainerHistory { background-color: #FFFFFF ; font-size: 11px ; } .rewardHistoryTitle { border-top: 4px solid #E8E8E8 ; padding-top: 22px ; padding-bottom: 10px ; } .rewardHistoryTitle .ph_ctent_1 { font-weight:bold ; font-size: 12px ; } .rewardHistoryTitle .ph_ctent_5 , .rewardHistoryTitle .ph_ctent_4 { font-weight:bold ; font-size: 12px ; color: #2A7FBE ; } .cid_head0 td, .cid_head1 td { border-bottom: 1px solid #EAF6FF ; } .ph_ctent_tr td, .cid_head0 td, .cid_head1 td, .cid_head_tr0 td, .cid_head_tr1 td { height: 21px ; } .cid_head0 td.ph_head_2, .cid_head1 td.ph_head_2 { color: #919191 ; } .cid_head_tr0 td, .cid_head_tr1 td { border-bottom: 1px solid #EAF6FF ; } .cid_head_tr0 .ph_ctent_2, .cid_head_tr1 .ph_ctent_2 { color: #FF8100 ; } .ph_ctent_2 { padding-left: 11px ; } .cid_head0 td.ph_head_0, .cid_head1 td.ph_head_0 { padding-left: 6px ; } .ph_ctent_tr td.ph_ctent_1, .ph_ctent_tr td.ph_ctent_5 { color: #919191 ; } .ph_ctent_tr td.ph_ctent_2 { color: #FF8100 ; } .ph_footer_tr td { padding: 0px ; font-weight: bold ; font-size: 12px ; padding-top: 10px ; padding-bottom: 30px ; margin: 0px ; vertical-align: top ; } .ph_footer_tr .ph_footer_1 { padding-left: 4px; color: #848484 ; } .ph_footer_tr .ph_footer_5, .ph_footer_tr .ph_footer_4 { color: #2A7FBE ; } .cid_head0 td, .ph_ctent_tr0 td { background-color: #EAF6FF ; } .rewardHistory { color: #2A7FBE ; } .rewardHistory span.previous a { color: #FF8B00 ; font-size: 11px ; padding-bottom: 21px ; text-decoration: none ; } .arrow-left { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left:4px solid #515151; cursor: pointer ; } .arraw-bottom { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:4px solid #80A8C5; cursor: pointer ; } .arraw-right { width: 0px; height: 0; margin: 0px ; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right:4px solid #1F436D; float: left ; padding-top: 1px ; cursor: pointer ; } .arraw-queue { width: 16px ; border-bottom: 1px solid #1F436D ; float: left ; padding-top: 4px ; } .arraw-text { padding-left:8px ; float: left ; font-size: 12px ; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end History <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start _bottomLinks >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #submitFeedbackForm { position: relative; width: 100%; } #submitFeedbackForm div div.row { margin-top: 0.8rem; } #FeedbackForm_feedbackEmail { position: relative; width: 100%; } #FeedbackForm_feedbackText { height: 200px; position: relative; width: 100%; } #submitFeedbackForm .row.other { height: 0; overflow: hidden; width: 0; } #submitFeedbackForm span.captchaContainer { display: inline-block; text-align: center; vertical-align: middle; width: 12.8rem; } #submitFeedbackForm span.captchaInput { display: inline-block; vertical-align: middle; } #submitFeedbackForm span.captchaContainer a { font-size: 1.2rem; text-decoration: underline; } #submitFeedbackDialog div.buttonContainer { margin-top: 15px; text-align: right; } #submitFeedbackDialog div.buttonContainer a { color: #656565; float: left; font-size: 1.2rem; font-size: 12px; margin: 1rem 0 0 1.4rem; margin: 10px 0 0 14px; } #submitFeedbackConfirmation { display: none; } #fixedBottomLinks { bottom: 20px; position: fixed; right: 20px; text-align: right; z-index: 10000; } #fixedBottomLinks a { color: grey; display: block; font-size: 12px; font-weight: bold; margin-top: 5px; } #fixedBottomLinks a:first-child { font-size: 16px; margin-top: 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end _bottomLinks <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start override of jquery-ui.css >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end override of jquery-ui.css >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ @media only screen and (min-width: 641px) { .mobileOnly, .mobile { display: none !important; } .verticalMenu { } .verticalMenu .menuItem:hover, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li:hover { color: white; background: var(--main-background-color); border-color: var(--main-background-color); } div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li:hover { border-bottom-color: var(--main-background-color); } .verticalMenu .menuItem:hover a, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li:hover a { color: white; text-decoration: none; } #poweredByStickkFooterContainerMobile { display: none; } #fixedBottomLinksMobile { display: none; } .about #backToTop { display: none !important; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /commitment >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #commitmentmyCommitmentsMenuTab a:hover:before { content: url('/images/commitment/mycommitments_selected.png'); } #commitmentrefereeingMenuTab a:hover:before { content: url('/images/commitment/refereeing_selected.png'); } #commitmentsupportingMenuTab a:hover:before { content: url('/images/commitment/supporting_selected.png'); } #commitmentwatchingMenuTab a:hover:before { content: url('/images/commitment/bookmarks_selected.png'); } #commitmentrecipientMenuTab a:hover:before { content: url('/images/commitment/recipient_of_stakes_selected.png'); } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /commitment >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ } @media only screen and (min-width: 641px){ .commitmentRow{ width: 100%; } } @media only screen and (max-width: 1480px) { #headerContent, .mainContentContainer { width: 90%; } } @media only screen and (max-width: 1024px) { html, body { width: 1024px; } #headerSection { min-width: 100%; width: 100%; } #headerContent { width: 100%; } #tabSection, .section { margin: 0 auto; width: 100%; } .mainContentContainer, #homeBannerCreateCommitment, #homeBannerTab { max-width: 1024px; width: 95%; } #footerSection, #fixedBottomLinks { width: 1024px; } #homeBanner { left: 0; } #homeBannerTabs { left: 0; } #homeBannerCreateCommitment { left: 0; } #homeBannerTabs li { float: none; display: inline-block; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select { padding-left: 1rem; padding-right: 1rem; } .homeWidgetContainerColumns { padding: 4rem 2rem; } #homeWidgetLeftLeftContainer, #homeWidgetLeftRightContainer, #homeWidgetRightContainer { width: 32rem; } } @media only screen and (max-width: 640px) { .desktop { display: none !important; } .loading::before, .loading::after { position: fixed; } .formContainer { width: 100%; } .formRow { line-height: 3.6rem; padding-top: 0.5rem; } .formButtonRow { padding-top: 2rem; } .formLabelContainer { float: none; text-align: center; width: 100%; } .formInputContainer { display: block; float: none; text-align: center; width: 100%; } .formButton { width: 100%; } #mobileNavButton { display: inline-block; z-index: 1; } #topProfileContainer, #accountSettingsContainer { display: none; } .messages .leftColumn, .friendsinbox .leftColumn { padding: 0; } .verticalMenu, div.membersMainContainer .verticalTabs.ui-tabs > ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .verticalMenu .menuItem, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0 1px 1px 1px; display: -webkit-flex; display: flex; -webkit-flex-basis: 11rem; flex-basis: 11rem; -webkit-flex-flow: column; flex-flow: column; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; justify-content: center; min-width: fit-content; } .verticalMenu .menuItem a, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li a { background-image: none !important; font-size: 1.4rem; -webkit-justify-content: center; justify-content: center; padding: 1rem 1rem; text-align: center; } .verticalMenu .menuItem a:before, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li a:before { display: none !important; } .verticalMenu .menuItem.active:hover a { color: #ffffff; } .verticalMenu .menuItem:hover a { color: var(--main-color); } * { -webkit-tap-highlight-color: rgba(0,0,0,0); } .webOnly { display: none; } .ui-dialog { max-width: 100% !important; } .versaGrid, .versaGrid table, .versaGrid tbody, .versaGrid tr, .versaGrid td, .comm_ff, .comm_fl, .comm_ff_lp { display: block; width: 100%; } .comm_fl { margin-top: 1.6rem; padding: 0; text-align: left; } .comm_ff_lp { padding: 1rem 0; } .comm_fl img { display: none; } .comm_ff textarea, .comm_notice_rev { width: 100% !important; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea, select { width: 100% !important; } html, body, #headerSection, #footerSection { width: 100%; } #headerContent { height: 7.2rem; padding: 0; } #headerContent, .section, .mainContentContainer, #footerTopContent, #footerMiddleContent, #footerBottomContent { width: 100%; } #headerSection, #loggedInHeaderSection { height: auto; min-height: auto; min-width: 100%; } #loggedInTopMenuContainer { -webkit-flex-grow: 1; flex-grow: 1; } #tabSection { display: none; } .mainContentContainer { /*max-width: 320px;*/ margin: 0 auto; } #homeWidgetContainer, #homeWidgetContainer.loggedIn { margin: 0; } #homeWidgetContainer.loggedIn { width: 100%; } .homeWidgetContainerColumns { -webkit-flex-flow: column; flex-flow: column; } #homeWidgetContainer.loggedIn .homeWidgetContainerColumns > div { width: 100%; } #poweredByStickkHeaderContainer { display: none; } #loggedOutWelcome { line-height: 55px; margin-right: 10px; } #loggedOutTopMenuContainer #topMenu { display: block; /*left: 28px;*/ position: relative; width: 100%; } #topMenuMobileBtn { background-color: var(--main-background-color); cursor: pointer; display: block; position: absolute; top: 0; right: 0; min-height: 6rem; padding: 0.6rem 0.5rem; z-index: 2; } #logoContainer, #topMenuContainer, #loggedInTopMenuContainer, #poweredByStickkHeaderContainer { float: none; } #loggedOutTopMenuContainer #topMenu a { display: none; max-width: none; } #loggedOutTopMenuContainer #topMenu #textLogin, #loggedOutTopMenuContainer #topMenu #signupButton { display: table-cell; margin-left: 0; width: 1%; } #loggedInHeaderSection #logoContainer { display: none; } #logoContainer { margin-left:2rem; width: calc(100% - 10rem); } #logoContainer, #topMenuContainer { float: none; line-height: normal; } #topMenuContainer { background-color: #2f2f2f; display: none; z-index: 1; position: absolute; top: 0; width: 80%; right: 0; } #topMenu { height: auto; } #shortcutTopMenu { padding-right: 7rem; z-index: 0; } #shortcutTopMenu .topMenuItem:first-child { margin-left: 0; } #shortcutTopMenu .topMenuItem { -webkit-flex-grow: 1; flex-grow: 1; } #shortcutTopMenu .topMenuIcon { width: 100%; } #accountSettingsContainer { position: absolute; right: 4px; top: 12px; } #topMenuContainer #topMenu { background-color: #2f2f2f; display: block; padding: 80px 10px 60px; width: 100%; } #topMenuContainer .dropdown-menu .divider { display: none; } #topMenuContainer #topMenu > *, #topMenuContainer .dropdown-menu li { background: transparent url(/images/site/index/top_menu_mobile_arrow.png) no-repeat 97% center; border-top: 1px solid #414141; display: block; font-size: 2rem; font-weight: normal; line-height: 2.4rem; margin: 0!important; padding: 2rem 1rem; max-width: none; text-align: left; } #topMenuContainer .dropdown-menu li { padding-right: 0; } #topMenuContainer .dropdown-menu li > a { color: #fff; } #topMenuContainer #topMenu > *:first-child { border-top: 0; } #topMenuContainer .dropdown-menu { background-color: #2f2f2f; border: medium none; margin: 0 -1rem; position: relative; } #logo { background-size: contain; max-width: 18rem; position: relative; text-align: left; text-decoration: none; top: 0; width: 65%; z-index: 1; } #homeBanner.goal, #homeBanner.stakes, #homeBanner.referee, #homeBanner.support { background-size: cover !important; } #homeBanner.goal #homeBannerTabs, #homeBanner.stakes #homeBannerTabs, #homeBanner.referee #homeBannerTabs, #homeBanner.support #homeBannerTabs { background-size: 100% auto !important; /*margin-top: -6px;*/ background-color: white!important; width: 100%; max-width: 366px; } #homeBanner.goal { background: url("/images/site/index/banner_step1_mobile.jpg") no-repeat scroll center top transparent; } #homeBanner.goal #homeBannerTabs { background: url("/images/site/index/tabs_mobile_goal.png") no-repeat scroll left top transparent; } #homeBanner.goal.es #homeBannerTabs { background: url("/images/site/index/es/tabs_mobile_goal.png") no-repeat scroll left top transparent; } #homeBanner.stakes { background: url("/images/site/index/banner_step2_mobile.jpg") no-repeat scroll center top transparent; } #homeBanner.stakes #homeBannerTabs { background: url("/images/site/index/tabs_mobile_stakes.png") no-repeat scroll left top transparent; } #homeBanner.stakes.es #homeBannerTabs { background: url("/images/site/index/es/tabs_mobile_stakes.png") no-repeat scroll left top transparent; } #homeBanner.referee { background: url("/images/site/index/banner_step3_mobile.jpg") no-repeat scroll center top transparent; } #homeBanner.referee #homeBannerTabs { background: url("/images/site/index/tabs_mobile_referee.png") no-repeat scroll left top transparent; } #homeBanner.referee.es #homeBannerTabs { background: url("/images/site/index/es/tabs_mobile_referee.png") no-repeat scroll left top transparent; } #homeBanner.support { background: url("/images/site/index/banner_step4_mobile.jpg") no-repeat scroll center top transparent; } #homeBanner.support #homeBannerTabs { background: url("/images/site/index/tabs_mobile_support.png") no-repeat scroll left top transparent; } #homeBanner.support.es #homeBannerTabs { background: url("/images/site/index/es/tabs_mobile_support.png") no-repeat scroll left top transparent; } #loggedOutWelcome { font-size: 1.5em; } #textLogin { border-radius: 0; border-width: 1px 0 0 0; font-size: 1.6rem; } #signupButton { background-color: var(--main-background-color); border-radius: 0; border-width: 1px 0 0 0 !important; color: #FFFFFF !important; font-size: 1.6rem; } #tabContentContainer { display: none; } #makeCommitmentTopMenuItem.selected { display: inline; } #mainSection { margin: 0 auto; } div.membersMainContainer > div { float: none; padding: 1.6rem; width: 100%; } div.middleColumn > div, #commitmentListContainerOut div.middleColumn > div { min-height: 0; } #inTheNews, #corporateSolutions { display: block; margin: auto; } #communitiesBox { -webkit-align-items: center; align-items: center; -webkit-flex-flow: column; flex-flow: column; text-align: center; } #communitiesTitle { font-size: 2.3rem; } #communitiesLinks { flex-flow: column wrap; margin: 3rem 0 2rem 0; } #communitiesLinks td { display: block; padding: 0; } #communitiesLinks a { font-size: 1.7rem; line-height: 3rem; } .footerCoporateButtonContainer { padding: 0 2rem; } .footerMiddleContent { -webkit-align-items: center; align-items: center; -webkit-flex-flow: column; flex-flow: column; padding: 4rem 0; width: auto; } .footerLogosContainer { margin-top: 2rem; text-align: center; -webkit-order: 3; order: 3; padding: 0 2rem; } .footerMenuSection { -webkit-order: 1; order: 1; text-align: center; } .footerMenuHeading { } .footerMenuContainer { -webkit-flex-flow: column wrap; flex-flow: column wrap; } .footerMenuRightColumn { padding-left: 0; } .footerAppSection { margin-top: 2rem; -webkit-order: 2; order: 2; } .footerSecurityContainer { -webkit-align-items: center; align-items: center; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-order: 4; order: 4; } .footerSymantecContainer { margin: 1rem 0 0; } #poweredByStickkFooterContainerMobile { color: #FFFFFF; padding: 20px 0; text-align: center; } #fixedBottomLinks { bottom: 0; display: none; position: relative; right: 0; padding: 20px 0 0 0; text-align: center; width: 100%; z-index: 0; } #fixedBottomLinksMobile { background-color: transparent; padding-top: 20px; text-align: center; } #fixedBottomLinksMobile a { color: #FFFFFF; font-size: 16px; } #forgotPasswordForm { height: auto !important; } .aboutus .leftColumn { display: none; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> jQuery override >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .calendar { left: 0 !important; width: 100%; } .calendar table { font-family: var(--body-font) !important; font-size: 5vw !important; width: 100%; } #f_trigger_e { vertical-align: middle; width: 14vw; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end common css when the user is logged in <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start common css when the user is logged in >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.membersMainContainer .ui-tabs .ui-tabs-nav li { width: 49%; text-align: center; } div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-state-default a { font-size: 1.6rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end common css when the user is logged in <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start site/_home_widgets >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #homeWidgetLeftLeftContainer { float: none; max-width: 100%; } #homeWidgetLeftRightContainer { margin-left: 0px; max-width: 100%; } #homeWidgetLeftContainer, #homeWidgetRightContainer { margin-left: 0px; max-width: 100%; padding: 0; } #inTheNewsContainer, #homeTheNumbersContainer, .homeFeaturedArticles { margin-top: 2rem !important; } #homeHomeFacebookLikeContainer { margin-top: 0!important; } #homeSuccessStoryAndTestimonialContainer, #homeSuccessStoryAndTestimonialContainer .stickkContainer02 { padding: 0; } .homeFeaturedArticles, #homeSuccessStoryAndTestimonialContainer, #corporateSolutionsContainer { margin-top: 2rem; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end site/_home_widgets >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /site/changePassword and /site/unsubscribe >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #changePasswordContainer .rightBanner { display: none; } #changePasswordInstructions, #changePasswordFormContainer { width: auto; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /site/changePassword and /site/unsubscribe <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /site/index >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #welcomeContainer { background: url("/images/site/index/educationcity_mobile_welcome.png") no-repeat scroll center 90px #B1E6FB; padding: 0; } #welcomeContent { padding: 10px 20px 0; width: auto; } #welcomeHeader { color: #274E78; font-size: 15px; } #welcomeHeader p { color: #274E78; font-size: 15px; padding: 20px 0 0 0; } #welcomeRegistrationButton { display: none; } #homeMobileLoginBtns { display: block; margin-top: 25.5rem; text-align: center; } #homeMobileLoginBtns>a { border-radius: 0.5rem; width: 45%; display: inline-block; text-align: center; color: white!important; font-size: 130%; font-weight: bold; padding: 1rem 0; } #homeMobileLoginBtns>a+a { background-color: #727272; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /site/index >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start WhosStickkingWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #homeWhosStickkingContainer .jcarousel-clip, #homeWhosStickkingList li, #communitiesWhosStickkingList li, #homeWhosStickkingList a.goalName, #communitiesWhosStickkingList a.goalName { width: 100%; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end WhosStickkingWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start PointsWidget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .commitmentPointWidgetContainer { margin: 2rem 0 !important; } #pointWidgetContainer .container { padding: 1.6rem 0 0; } /* #pointWidgetBalanceContainer { padding-left: 6rem; }*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end PointsWidget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /login >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ span.itsFreeIcon { display: none; } #loginMainContent { -webkit-flex-direction: column; flex-direction: column; background-color: transparent; padding: 0; } #registrationContainer, #loginContainer { border: none; border-radius: 0; float: none; padding: 3.2rem 1.6rem; margin: 0; width: 100%; } #loginContainer { -webkit-order: 1; order: 1; } #registrationContainer { -webkit-order: 2; order: 2; } #loginContainer input[type=submit] { text-transform: uppercase; } #page #registrationContent, #page #loginContent { height: auto; } #loginContent tr, #loginContent td { display: block; padding-left: 0; text-align: left; } #loginContainer td:last-child { padding-left: 0; } #loginContainer input[type="text"], #loginContainer input[type="password"] { width: 100%; } #loginHeader { font-size: 18px; } #loginDescription { padding-top: 1rem; } #loginMainContent .stickkButton01 { margin-top: 3.2rem; padding: 1rem 0; width: 100%; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /login >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /register >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .register input[type="text"], .preregister input[type="text"], .register input[type="password"], .preregister input[type="password"], .register select, .preregister select { margin-right: 0; } .register input[type="text"], .register input[type="password"], .register select { float: none; } .register select.month, .register select.day, .register select.year, .preregister select.month, .preregister select.day, .preregister select.year { margin-right: 2%; width: 35% !important; } .register textarea { width: 100%; } .registerFormLabel { display: block; float: none; margin-top: 5px; text-align: center; width: auto; } .registerFormRow { line-height: 1.5; } .contractRegistrationEdit { left: auto; margin-left: 0.8rem; position: relative; top: auto; vertical-align: top; } .registerFormInputContainer { width: 100%; } .register div.outer, .preregister div.outer { width: 100%; } .register div.inner, .preregister div.inner { padding-top: 2rem; position: relative; } .register div.title, .preregister div.title, .register .step { color: black; margin: 0; } .registerFormUserInfo { margin-left: 0; } .registerFormLabel[for="i_TermsConditions"], .preregister label[for="i_TermsConditions"] { display: inline-block; } #registerFormShowHidePassword { line-height: 3.6rem; right: 0; } #registerButton { display: block; margin-top: 20px; padding: 10px 0; width: 100%; } .register div.about { border-bottom: 1px solid #B5B9BB; padding-bottom: 20px; } #loggedInPage .register .inner .form a { display: inline-block; margin-top: 20px; padding: 10px 0; width: 100%; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /register >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /aboutus >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .aboutus { padding: 3.2rem 1.6rem; } .about b, .about strong { font-size: 15px; } div.aboutus .middleColumn.fill, div.aboutus #commitmentListContainerOut > .fill { width: 100%; } div.aboutus div.middleColumn > div, div.aboutus #commitmentListContainerOut div.middleColumn > div { padding: 0; } .about #backToTop { bottom: 40px; display: none; position: fixed; right: 20px; z-index: 10000; } .about #backToTop a span { color: #FFFFFF !important; } div.aboutUsBioContainer { margin: 15px 0 0 0; } div.aboutUsBioContainer img { height: auto; max-width: 75px; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /aboutus >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contact >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #contactUsContainer, #testimonialContainer { padding: 3.2rem 1.6rem; } #contactUsContainer > div:first-child { float: none !important; width: 100% !important; } #contactFormContainer { margin: 0 !important; width: 100% !important; } #contactUsContainer .comm_fl { margin-top: 1.6rem; padding: 0; text-align: left; } #contactUsContainer .comm_ff { padding: 0; } #contactUsContainer .stickkButton01 { margin-top: 3.2rem; } #contactUsContainer .content { margin: 0; } .contactUsFounders .name, .contactUsFounders .email, .contactUsFounders .website { display: block; margin-top: 1.6rem; } .contactUsFounders .email, .contactUsFounders .website { margin: 0; } #contactUsContainer .rightBanner { display: none; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /contact >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /faq <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #faqContainer { padding: 3.2rem 1.6rem; } .faq_toc { float: none; width: 100%; } #faq_body_content { margin-top: 3.2rem; min-height: auto; } .faq_body { margin-left: 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /faq <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /paymentOptions/create and /paymentOptions/update >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /paymentOptions/create and /paymentOptions/update <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /paymentOptions and /paymentOptions/contractCard >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /paymentOptions and /paymentOptions/contractCard <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /commitment >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.membersMainContainer { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; } #commitmentListContainerOut { flex-flow: column nowrap; -webkit-order: 2; order: 2; } div.membersMainContainer { margin-top: 0; padding: 0; } .membersMainContainer #userProfileWidgetContainer { display: none !important; margin: 0; } div.leftColumn, div.membersMainContainer .verticalTabs.ui-tabs > ul { border-top: 1px solid rgba(0, 0, 0, 0.1); max-width: 100%; width: 100%; } div.membersMainContainer div.middleColumn { margin-top: 20px; } div.middleColumn, #commitmentListContainerOut > div { width: 100%; } #commitmentListContainer.notOwner { position: relative; width: 100%; } #commitmentListContainerOut div.middleColumn > div, #commitmentListContainer.notOwner { padding: 0 1.6rem !important; } .middleColumn.fill, #commitmentListContainerOut > .fill { width: 100%; } .commitmentRow .commitmentTitle, .commitmentRow .commitmentStatus { font-size: 2.8rem; } .commitmentRow .commitmentTitle { width: 100%; } .commitmentRow .commitmentCampaignName { font-size: 1.2rem; } #commitmentSummaryContainer #commitmentWatchButtonContainer { line-height: 8.7rem; margin-top: 0; min-height: 8.7rem; text-align: left; width: 100%; } #commitmentWatchButtonContainer .watchButton, #commitmentWatchButtonContainer .watchButtonEnabled, #commitmentWatchButtonContainer .watchButton:hover, #commitmentWatchButtonContainer .watchButtonEnabled:hover { background-position: left center; padding-top: 0; padding-left: 8.7rem; width: 100%; } .commitmentRow .progressbar { max-width: 386px; width: 100%; } .commitmentRow .commitmentNextReport { padding-right: 0; } .commitmentRow .nextReportDueText { display: block; margin-left: 0; } #pointWidgetContainer .container { padding: 17px 0 0px 60px; } .membersCommitmentsList.empty .emptyWall { padding: 0; margin: 2rem 0; } .commitmentListEmptyTopText { margin-bottom: 3rem; } .commitmentListEmptyLightImage { width: 7rem; } .commitmentListEmptyArrowImage { width: 6rem; } .commitmentListEmptyBigText { font-size: 2rem; line-height: 2.5rem; } .commitmentListEmptyBigText br { display: none; } a.commitmentListEmptyButton { margin-top: 3rem; } .commitmentLeadboardContainer { margin: 0 0 2rem !important; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /commitment <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /commitment/details >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .commitmentDetailsNoticeButtons .stickkButton01 { margin-left: 0 !important; width: 100%; } #membersCommitmentsMiddleContainer { padding: 0 1.6rem; width: auto; } #commitmentSummaryContainer td.commitmentAvatar, #commitmentSummaryContainer td.commitmentDetails { display: block; width: 100%; } #commitmentSummaryContainer td.commitmentAvatar { display: none; padding: 0; } #membersCommitmentsMiddleContainer.notOwner td.commitmentAvatar { display: block; padding-top: 2rem; } #commitmentSummaryContainer td.commitmentDetails { padding: 2rem 0; } #commitmentSummaryContainer .commitmentSubContainer { display: block; float: none; margin-top: 2rem; } #commitmentSummaryContainer #commitmentTitleHolder { margin-right: 0; width: 100%; } #commitmentICommitToContainer { width: 100%; } #commitmentReportingContainer { margin-left: 0; width: 100%; } #commitmentReportingContainer table.versaGrid { width: 100% !important; } #reportingInfoContainer div.reportingForm > div { margin-left: auto; margin-right: auto; width: 100%; } #reportingInfoContainer { min-height: 0; } #reportingInfoLastReportContainer, #reportingInfoNextReportDateContainer { text-align: center; } #reportingInfoGoalContainer .label, #reportingInfoGoalContainer .value { display: inline-block; } #reportingInfoGoalContainer .value { margin-left: 10px; } #commitmentJournalContainer { margin-top: 0 !important; } #commitmentJournalHeader span { display: block; } #membersCommitmentsRightContainer { float: none !important; margin: 0; padding: 0 1.6rem; width: 100%; } .privacySettingsInner .commitment-info-details { width: 300px !important; } #placeholder-table-privacySettingsForm table.versaGrid { width: 280px !important; } #placeholder-table-privacySettingsForm_tbl .comm_ff, #placeholder-table-privacySettingsForm_tbl .comm_ff_lp { display: block; width: 200px !important; } .privacySettingsInner .comm_fl { display: block; } #placeholder-table-privacySettingsForm_tbl select { width: 280px !important; } #albumContainer .items, div.wallPosts div.mediaContainer > ul { -webkit-justify-content: space-around; justify-content: space-around; } #albumContainer ul.items > li, #wallPostsListView div.mediaContainer > ul > li { margin: 1.4rem 0; } #membersCommitmentsRightContainer { margin-top: 6.4rem; } #journalPickFilesButton { position: relative; top: -2rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /commitment/details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start User Profile Widget >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .commitmentRow td.commitmentAvatar .avatar { display: inline-block; margin-right: 10px; /*width: 150px;*/ } .commitmentAvatar #userProfileWidgetContainer { display: inline-block; vertical-align: top; } #othersProfileBasicInfoContainer { display: inline-block; vertical-align: top; } #othersProfileSideContainer { margin-right: 0; margin-top: 3.2rem; padding: 0 10px; width: 93%; } #othersProfileWidgetImage, #othersProfileBasicInfoContainer { display: inline-block; vertical-align: middle; } #othersProfileWidgetImage .avatarContainerMain { height: 100px; width: 100px; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end User Profile Widget <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start Message CSS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #messageContent { padding: 3.2rem 1.6rem; } #messageContent h1:first-child { margin-top: 0; } #messageContent h1 { margin-top: 4.8rem; } #messageContent .userBox { min-width: 5rem; } .messagesReportItemHeader { display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; } .messagesreport #messageContent .userBox { display: block; float: none; } .messagesreport .messagesReportDueText, .messagesreport .messagesRefReportDueText { display: block; } .messagesreport .reportDue > a { display: block; float: none; } .messagesActionsContainer { -webkit-align-items: stretch; align-items: stretch; -webkit-flex-direction: column; flex-direction: column; } .messagesActionsContainer .stickkButton01 { margin-left: 0; margin-top: 0.8rem; } #messageContent .pager { text-align: center; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end Message CSS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /messages/compose <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .messageComposerInputRow { -webkit-align-items: left; align-items: left; -webkit-flex-flow: column; flex-flow: column; } .messageComposerInput, .messageComposerToNote { max-width: 100%; } .messageComposeButtonContainer { -webkit-flex-flow: column; flex-flow: column; } .messageComposeButton { margin: 1.6rem 0 0 0; } .messageComposeCancelButton { -webkit-order: 2; order: 2; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /messages/compose <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /friends <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #friendContent { padding-left: 0; } .friendWallItem { padding: 1.6rem; } .friendWallItemRow { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .friendWallItemActionContainer { text-align: left; width: 100%; } .friendWallItemAction { margin: 1.6rem 1.6rem 0 0; } .friendWallItemAction.deleteFriend { margin-right: 0; position: absolute; right: 0; } #friendContent .pager { margin-top: 3.2rem; text-align: center; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /friends <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /friends/invite <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .inviteFriends { padding: 0 1.6rem; } .inviteFriends .stickkButton01 { width: 100%; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /friends/invite <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /friends/search <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .friendSearchFormContainer, .friendSearchTitleContainer { padding: 0 1.6rem; } .friendSearchTitleContainer { margin-top: 3.2rem; } .friendSearchWallItem:first-child { padding: 1.6rem; } .friendSearchWallItemRow { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .friendSearchActionsContainer { width: 100%; } .friendSearchActionsContainer .stickkButton01:first-child { margin-left: 0; } .friendSearchActionsContainer .stickkButton01 { display: block; margin-left: 0; margin-top: 0.8rem; width: 100%; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /friends/search <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< start /points/stores >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div.membersMainContainer #stickkCartContainer { margin-top: 20px; } div.store_partners_box h1 { color: #000; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding-bottom: 10px; width: 128px; } div.store_partners_boxcontent div.menuItem { padding: 0.5em 1em; } div.stickkContainer01Menu { padding: 10px; } div.stickkContainer01Menu .storePartersMenu { background-color: white; } div.storeItemLogo table { border: 0px solid #E0E0E0; background: #FFF; } div.storeItemLogo td { border: 0px solid red; } span.storePoint { color:#007AB3 ; } div.rewardStoreMainContainer { margin-top: 22px; padding-top: 20px; } div.rewardStoreMainContainer div.notice { margin-bottom: 3.2rem; } div.rewardStoreMainContainer div.widgetContainer:after { clear: both; content: ''; display: block; } div.rewardStoreMainContainer #pointWidgetContainer { float: left; width: auto; } div.rewardStoreMainContainer #pointWidgetContainer div.container { padding: 0 0 25px 81px; padding: 0 0 2.5rem 8.1rem; } div.rewardStoreMainContainer .cartIcon { cursor: pointer; float: right; } div.rewardStoreMainContainer .cartIcon span { position: absolute; right: 0.8rem; top: 0.8rem; } div.rewardStoreMainContainer div.ui-tabs { padding-bottom: 0; } #pointStorePartnerMenu li > a { display: inline-block; line-height: 4.8rem; min-height: 4.8rem; } #pointStorePartnerMenu img { height: 4.8rem; vertical-align: middle; } #shopProductListContainer { margin-left: 0; width: auto; } #shopProductListContainer:after { clear: both; content: ''; display: block; } #shopProductListContainer > div { -webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 0; } #shopProductListContainer div.storeItemContainer { boder-width: 1px 0 0 0; width: 100%; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /points/stores <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contract/goal >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .commitment_creation_container .middle { display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; } #i_cCurrentWeight, #i_cCurrentHeight, #i_cCurrentHeightInches, #i_cTargetWeight, #i_cLength { width: 6.4rem !important; } #cForm_rightPane { margin-top: 3.2rem; -webkit-order: 2; order: 2; width: 100%; } #cForm_rightPane .targets, #cForm_rightPane #communityCheckboxes { width: 100%; } #cForm_rightPane .targets input { width: inherit !important; } #cForm_leftPane { -webkit-order: 1; order: 1; } #newContract01 .comm_fl { margin: 1.6rem 0 0; } .contractCommitmentFrequency label { margin-left: 0.8rem; } .contractCommitmentEndsOnContainer, .cLength > table > tbody > tr > td { -webkit-align-items: center; align-items: center; display: -webkit-flex !important; display: flex !important; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; } .cLength > table > tbody > tr > td input { margin-right: 0.8rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract/goal <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contract/stakes >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .stakes_titleText { margin-top: 3.2rem; } .contractStakesTotalContainer { margin-left: 0.8rem; white-space: nowrap; width: 100%; } .contractStakesTotalContainer td { display: inline; } .contractStakesTypeInputContainer > table > tbody > tr > td { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; } .contractStakesTypeInputContainer > table > tbody > tr > td > span { margin-top: 1.5rem; padding-left: 0; } .contractStakesTypeInputContainer label { margin-left: 0.4rem; } .stakesRecipientNotice { margin-top: 1.6rem; } .countrySelection { margin-top: 1.6rem; } .contractStakesCountryInputContainer > table > tbody > tr > td { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; justify-content: space-around; } .contractStakesCountryInputContainer label { margin-left: 0.4rem; } .contractStakesAmountContainer > table > tbody > tr > td { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .contractStakesAmountContainer input { -webkit-flex-grow: 1; flex-grow: 1; width: auto !important; } #row_amountAtStakeBar { display: block; } .contractStakesAmountLabel { display: none !important; } .contractStakeAmountContainer .totalContainer { width: 100%; } .contractStakesCreditCardsContainer { margin: 1.6rem 0; } .contractStakesExistingCreditCardContainer { position: absolute; visibility: hidden; right: 100%; } .contractStakesCreditCardContainer td { /* display: -webkit-flex; display: flex; flex-flow: row nowrap; justify-content: space-between;*/ display: inline-block; width: auto; } .contractStakesCreditCardContainer .contractStakesCreditCardContainerPadding { display: none; } .contractStakesCreditCardContainer .contractStakesCreditCardCVVContainer { display: none; } .contractStakesBillingInfoContainer .contractStakesCreditCardHeader { display: none; } .contractStakesAddNewCardContainer { padding-top: 1rem; } #newCCInputsRow, #newCCInputsRow td { display: block; width: 100%; } #contractStakesNewCreditCardExpiryDateContainer select:last-child { margin: 0; } #contractStakesNewCreditCardNumberContainer, #contractStakesNewCreditCardCVVContainer, #contractStakesNewCreditCardExpiryDateContainer, #contractStakesNewCreditCardZipCodeContainer { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 1rem; } #newCCEMonth, #newCCEYear { -webkitflex-grow: 1; flex-grow: 1; width: auto !important; } #newCCEYear { margin-left: 1.6rem; } .contractStakesNewCreditCardCVVWhatsThis { padding-left: 1.6rem; white-space: nowrap; } #termsRow, .termAndConditions { display: -webkit-flex; display: flex; } #termsRow td:last-child, .termAndConditions td:last-child { margin-left: 0.8rem; } #termsRow label, .termAndConditions label { white-space: normal; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract/stakes <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contract/supporters >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .sns_connect_container { margin: 3.2rem 0; padding: 0; width: 100% } .sns_connect_container .label { margin-left: 1.6rem !important; } .contractSupportersInviteSupportersNote { width: auto; } #supportTable .floatRight { float: none; } #supporterContent textarea { width: 100% !important; } #supporterContent .label { margin: 12px 0 10px 0; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract/supporters <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /contract >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .type_your_goal a.stickkButton01 { font-size: 1.6rem; padding-top: 2.2rem; } .commitmentCreationChooseType .contractType { height: auto; margin-left: 0; margin-top: 1rem; text-align: center; width: 100%; } .commitmentCreationChooseType .contractType .left { display: block; height: auto; width: 100%; } .commitmentCreationChooseType .contractType .right { margin-left: 0; width: auto; } .commitmentCreationChooseType .contractType .right > div:first-child { height: auto; margin-bottom: 1.6rem; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end /contract <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start /contract >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ #commitmentJournalMiddle { border-radius: 0 0 1.1rem 1.1rem; } div.commitment_creation_container > .top { height: 75px; } .es .commitment_creation_container_step_1 > .top { background: url("/images/contract/steps/es/commitment_creation_mobile_step_1.png") no-repeat scroll left top transparent; background-size: auto 75px; } .es .commitment_creation_container_step_2 > .top { background: url("/images/contract/steps/es/commitment_creation_mobile_step_2.png") no-repeat scroll left top transparent; background-size: auto 75px; } .es .commitment_creation_container_step_3 > .top { background: url("/images/contract/steps/es/commitment_creation_mobile_step_3.png") no-repeat scroll left top transparent; background-size: auto 75px; } .es .commitment_creation_container_step_4 > .top { background: url("/images/contract/steps/es/commitment_creation_mobile_step_4.png") no-repeat scroll left top transparent; background-size: auto 75px; } .commitment_creation_container_step_1 > .top { background: url("/images/contract/steps/en/commitment_creation_mobile_step_1.png") no-repeat scroll left top transparent; background-size: auto 75px; } .commitment_creation_container_step_2 > .top { background: url("/images/contract/steps/en/commitment_creation_mobile_step_2.png") no-repeat scroll left top transparent; background-size: auto 75px; } .commitment_creation_container_step_3 > .top { background: url("/images/contract/steps/en/commitment_creation_mobile_step_3.png") no-repeat scroll left top transparent; background-size: auto 75px; } .commitment_creation_container_step_4 > .top { background: url("/images/contract/steps/en/commitment_creation_mobile_step_4.png") no-repeat scroll left top transparent; background-size: auto 75px; } .commitment_creation_container #i_reportingDays { font-family: var(--body-font); } .commitment_creation_container .field { margin-top: 1.6rem; } .commitment_creation_container .field .label { display: block; margin-bottom: 1.6rem; } #alertEl table { font-size: 11px !important; } .commitment_creation_container #cForm_buttons a.stickkButton01, .commitment_creation_container #cForm_buttons a.stickkButton03 { font-size: 18px; } div.commitment_creation_container #cForm_rightPane.type_image { display: none; } div.commitment_creation_container > .content { padding: 0 10px; } .commitment_creation_container_step_1 #cForm_leftPane, .commitment_creation_container_step_3 #cForm_leftPane { width: 100%; } .commitment_creation_container .comm_fl, .commitment_creation_container .field .label { display: block; margin: 0 0 1.6rem 0; width: 100% !important; } .commitment_creation_container .comm_fl { margin-bottom: 0; } .commitment_creation_container input, .commitment_creation_container select { margin: 0; } #journal-type-1 td:first-child { display: block; width: 100% !important; } #journal-type-1 table td:first-child { display: block; width: 100px !important; } #journal-type-1 #column2_11, #journal-type-1 #column2_12 { width: 80% !important; } #journal-type-1 #column2_11 table, #journal-type-1 #column2_11 td:first-child, #journal-type-1 #column2_12 table, #journal-type-1 #column2_12 td:first-child { width: 100% !important; } div.commitment_creation_container > .bottom { display: none; } .commitment_creation_container #cForm_buttons { float: none; margin: 3.2rem 0 1.6rem; min-height: 0; } .commitment_creation_container #cForm_buttons .termAndConditions { margin-bottom: 40px !important; } .commitment_creation_container #skipThis { margin-right: 0; order: 2; } .commitment_creation_container #cForm_buttons .formButtonContainer { display: inline-block; margin-left: 0; width: 100%; } .commitment_creation_container #cForm_buttons .formBigButtonContainer a.stickkButton01, .commitment_creation_container #sendInvitations { margin-top: 10px; } .commitment_creation_container #cForm_buttons .stickkButton01, .commitment_creation_container #cForm_buttons .stickkButton03 { padding: 6px 10px; width: 100%; } div.commitment_creation_container_step_1 #cForm_detailsLink { display: none; } .contractSeeCommSummaryContainer { float: none; padding: 0; } .contractSeeCommSummaryContainer::after { clear: both; content: ""; display: block; height: 0; width: 0; } .contractSeeCommSummary { float: none; margin: 0 auto; } .commitment_creation_container #startDay { width: 100%; } .commitment_creation_container #i_cMultiplier { width: 100% !important; } #supportTable, .commitment_creation_container #supportTable { margin-left: 0; width: 100%; } #supportTable .txt12 br { display: none; } #cForm_buttons { display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; } #cForm_buttons .stickkButton01, #cForm_buttons .stickkButton03 { margin-top: 1.6rem; } .contractNextStepButton { order: 2; } .contractPreviousButton { order: 3; } .contractCancelButton, .contractCreateNewGoalButton { order: 4; } .contractSummaryTitle { font-size: 1.4rem; } .contractSummaryHeading { font-size: 1.3rem; } .contractSummaryContent { font-size: 1.2rem; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end /contract >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ } @media only screen and (max-width: 320px) { #iCommitToChoiceDrop { width: 200px; } #iCommitToChoiceInput select, #iCommitToChoiceInput input { font-size: 16px; } a.topMenuIcon, span.topMenuIcon { width: 5.6rem; } } /** Saas Campaign Invitation profile **/ .saasBoxInvContainer { display: flex; flex-wrap: wrap; border-bottom: 1px solid #d9d9d9; color: black; /*justify-content: space-around;*/padding: 2em 0; align-items: center; } .saasBoxInvContainer > #saasBoxInvProfile { font-weight: bold; text-align : center; } .saasBoxInvTitleFormat { padding:2em 0; line-height:1.3; } #saasBoxInvName { font-family: "Raleway", Arial, sans-serif; font-size: 1.4rem; font-weight: 400; margin: 10px 0 0 0; text-align: center; } .saasOrgName { font-size: 1.6rem; font-weight: bold !important; } @media (max-width: 640px) { .challengeContainer{ display: block!important; } .tabChallengeFriendButtonMob{ margin: 0!important; } #saasBoxInvProfile { margin: auto; padding: 10px; } #saasBoxInvAvatarPicture .avatarContainer { margin: 0 auto; } #saasBoxInvTitle { padding:1.5rem; text-align: center; width: 100%; } .saasBoxInvMainTitle { font-size: 2rem; margin-top: 2rem; font-weight: bolder; } .invitLbl { font-size:100%; } } @media (min-width:641px) { #saasBoxInvProfile { padding-right: 3rem; } #saasBoxInvTitle { width: 80rem; } .saasBoxInvMainTitle { font-size: 2.8rem; margin-top: 2rem; font-weight:bolder; } .invitLbl { font-size: 2rem; } .saasInvActWidth { max-width: 19rem; } } /*##################### Suggest Box Invitation ####################*/ .suggestCommimentContainer { display: flex; flex-wrap: wrap; border-bottom: 1px solid #d9d9d9; color: black; /*justify-content: space-around;*/ padding: 2em 0; align-items: center; } .suggestCommimentContainer>#challengerProfile { font-weight: bold; text-align : center; } .challengerTitleFormat { padding:2em 0; line-height:1.3; } #challengerName { font-family: "Raleway", Arial, sans-serif; font-size: 1.4rem; font-weight: 700; margin: 10px 0 0 0; text-align: center; } @media (max-width: 640px) { #challengerProfile { margin: auto; padding: 10px; } #challengerAvatarPicture .avatarContainer { margin: 0 auto; } #challengerCommitmentTitle { padding:1.5rem; text-align: center; width: 100%; } .suggestTitle { font-size: 1.8rem; margin-top: 2rem; } } @media (min-width:641px) { #challengerProfile { padding-right: 3rem; } #challengerCommitmentTitle { width: 80rem; } .suggestTitle { font-size: 1.8rem; margin-top: 2rem; } } /*##################### END Suggest Box Invitation ####################*/ /*===== AUTO SUPPORT ENABLED ====*/ #autoSupMainContainer { display: flex; justify-content: center; } .comm_fl { padding: 1em 0em; } #autoSupportContainer { /*font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; padding: 40px;*/ overflow: hidden; } .autoSupportTitle { margin-bottom: 6px; } #autoSupportContainer input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } #autoSupportContainer label { float: left; } #autoSupportContainer label { display: inline-block; width: 100px; background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 15px; font-weight: normal; text-align: center; text-shadow: none; padding: 10px 14px; /*border: 1px solid rgba(0, 0, 0, 0.2);*/ /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/ -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #autoSupportContainer label:hover { cursor: pointer; } #autoSupportContainer input:checked + label { background-color: var(--main-background-color); -webkit-box-shadow: none; box-shadow: none; color: white; font-weight: bold; text-transform: uppercase; } #autoSupportContainer label:first-of-type { border-radius: 4px 0 0 4px; } #autoSupportContainer label:last-of-type { border-radius: 0 4px 4px 0; } #autoSupportRst { /*font-weight: bold;*/ padding: 0.5em 0; line-height: 1.5; width: 100%; font-size:14px; line-height:1.5; } .autoSupportSuccess { color: green; } .autoSupportError { color: red; } .autoSuppTitle { font-weight: bold; font-size: 18px; padding: 0.3em 0.5em 0.3em 0; } /*===== AUTO SUPPORT ENABLED ====*/ /*-- Individuals/groups */ @media only screen and (max-width: 1023px) { }.collapsableToggleButtonRight, .collapsableToggleButtonLeft { border: none; cursor: pointer; font-weight: 500; } .collapsableToggleButtonLeft::before, .collapsableToggleButtonRight::after { content: url("/images/common/button_expand.svg"); display: inline-block; line-height: 0; min-width: 1.6rem; transition: 0.2s linear transform; tranform-orgin: center center; width: 1.6rem; transform: rotate(-90deg); } .collapsableToggleButtonRight.expand::after, .collapsableToggleButtonLeft.expand::before { transform: rotate(0deg); } .collapsableTarget { height: 0; overflow: hidden; transition: height 0.2s ease-out; } .collapsableTarget.expand { height: 100%; } /* STICKK DIALOG CSS */ .stickkDialogContainer { background-color: rgba(0, 0, 0, 0.5); -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; height: 100%; -webkit-justify-content: center; justify-content: center; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 3; } .stickkDialogContainer.transparent { background-color: transparent; } .stickkDialog { background-color: #fff; border-radius: 2rem; max-width: 80rem; position: relative; padding: 5rem 4rem 4rem; text-align: center; } .stickkDialogHeading { font-size: 3rem; } .stickkDialogContent, .stickkDialogButtonContainer { margin-top: 2rem; } .stickkDialogButtonContainer .stickkButton01:first-child { margin-left: 0; } .stickkDialogButtonContainer .stickkButton01 { margin-left: 1rem; } .stickkDialogCloseButton { background-color: transparent; border: 0; cursor: pointer; position: absolute; right: 2rem; top: 2rem; display: block; font-size: 2.5rem; color: rgba(166,166,166,0.8); } @media only screen and (max-width: 800px) { .stickkDialog { padding: 5rem 2rem 4rem; } } @media only screen and (max-width: 640px) { .stickkDialogButtonContainer .stickkButton01:first-child, .stickkDialogButtonContainer .stickkButton01 { display: block; margin: 1rem 0; width: 100%; } } @media only screen and (max-width: 320px) { .stickkDialog { min-width: calc(100% - 2rem); } }