/* Author:mmh Author URI:http://www.radgost.com/ Version:0.1 Project:siteor.com */ /* ------------------------------------------------------------------------------------ RESETS */ html,body,div,span,applet,object,iframe, p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} /*ol,ul{list-style:none;} */ blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} /* ------------------------------------------------------------------------------------ BASICS */ html{background:#fff url('img/bg2.png') 0 0;font-size:100%;margin:0;padding:0;} body{background:transparent url('img/bg.png') repeat-x 0 0;margin:0;padding:0;font-size:62.5%;color:#5a5a5a;font-family:"Lucida grande","Lucida sans unicode",sans-serif,Arial,Helvetica;} *,a,input,input:active,input:hover{outline:0 !important} /*a{color:#515768;} */ /*a:hover{color:#4f75e0;} */ /*a:active{color:#515768;} */ a{color:#5a5a5a;} a:hover{color:#5a5a5a;} a:active{color:#5a5a5a;} .left{float:left;} .right{float:right;} .clear{clear:both;overflow:hidden;width:100%;display:block;} img.left{margin:0 1em 1em 0;} img.right{margin:0 0 1em 1em;} img.center{text-align:center;display:block;margin:auto;} .padding{padding:10px;} h1,h2,h3,h4{color:#0f5c76;font-weight:normal;} h2{font-size:2.3em} h3{font-size:2.0em;line-height:1.2em;} h4{font-size:1.4em} h5{font-size:1.2em} h1,h2{font-size:2.4em;line-height:1.9em;margin:0;text-shadow:0 1px 0 #FFFFFF;} a.link{text-decoration:none;color:inherit;} a.link:hover{text-decoration:underline;color:#d81233;} .small{font-size:0.8em} ul.decimal{list-style:decimal;} .clear{clear:both;overflow:hidden;width:100%;display:block;max-height:0.01px;} p{margin-bottom:1em;line-height:1.5em;} /* ------------------------------------------------------------------------------------ CLEAR FIX,CLEARING */ #content:after,#footer:after,#header:after,.form_place div:after,.panel:after,.clearfix:after,#top_options:after,.single_post:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #content,#footer,#header,.form_place div,.panel,.clearfix,#top_options{display:inline-block;} /* Hides from IE-mac \*/ * #content,* #footer,* #header,* html .form_place div,* html .panel,* html .clearfix,* html #top_options,* html .single_post{height:1%;} #content,#footer,#header,.form_place div,.panel,.clearfix,#top_options,.single_post{display:block;} /* End hide from IE-mac */ /* Common classes ----------------------------------------- */ .center_text{text-align :center;} hr{border:0;border-top:1px solid #efefef;border-bottom:0;color:#efefef;height:1px;} .round_box hr{border-top:1px solid #e7e4e4;color:#e7e4e4;} .neutral_link{text-decoration:none;color:inherit;} .neutral_link:hover{text-decoration:underline;} .clear{clear:both;display:block;} .left{float:left;} .right{float:right;} .center{margin-left:auto;margin-right:auto;} .middle{margin-top:auto;margin-bottom:auto;} .tleft{text-align:left;} .tright{text-align:right;} .tcenter{text-align:center;} .tjustify{text-align:justify;} .bold{font-weight:bold;} .italic{font-style:italic;} .underline{border-bottom:1px solid;} .highlight{background:#ffc;} .normal{font-weight:normal;} .img_left{float:left;margin:4px 10px 4px 0;} .img_right{float:right;margin:4px 0 4px 10px;} .no_padding{padding:0;} .no_b_padding{padding-bottom:0;} .no_indent{margin-left:0;padding-left:0;} .no_bullet{list-style:none;list-style-image:none;} .no_r_margin{margin-right:0;} .no_b_margin{margin-bottom:0;border:1px solid black;} .break_before{margin-top:1em;} .break_after{margin-bottom:1em;} .space_before{margin-top:0.5em;} .space_after{margin-bottom:0.5em;} .no_transform{text-transform:none;} .no_border{border:0;} .space_left{margin-left:10px;} .space_right{margin-right:10px;} .half_space_right{margin-right:5px;} .pad_left{padding-left:10px;} .pad_right{padding-right:10px;} .half_pad_top{padding-right:5px;} .half_pad_right{padding-right:5px;} .focus{color:#000;} .small{font-size:0.9em;} .tiny{font-size:0.8em;} .large{font-size:1.1em;} .last,table tr.last td,table tr.last th{border-bottom:0;} li.first a{border-left:0;} li.last a{border-right:0;} .first,table tr.first td{border-top:0;} html body #container #header li.first a, html body #container #header li.first span{border-left:0;padding-left:0;} html body #container #header li.last a, html body #container #header li.last span{border-right:0;padding-right:0;} /* ------------------------------------------------------------------------------------ FORMS */ fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend{font-weight:bold;font-size:1.2em;} label{margin-top:5px;margin-left:4px;font-weight:bold;display:block;} label.inline, .label_inline label{display:inline;} .label_inline{margin-top:5px;} div.actions, form .buttons, div.cms_buttons, div.buttons{margin-top:10px;padding-top:10px;border-top:1px dotted #ddd;} .actions *, .buttons *, .buttons input{vertical-align:baseline;} /*input.text,textarea,textarea.text{background:#fff url(img/input_bg.png) repeat-x 0 -1px;border-top:1px solid #909090;border-right:1px solid #cecece;border-bottom:1px solid #e4e4e4;border-left:1px solid #cecece;padding:5px;} */ input.text:focus,textarea.text:focus,select.text:focus{border:1px solid #666;} #add_user, form input[type="text"], form input[type="password"], form textarea, form select, form checkbox{-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;font-size:13px;padding:4px 5px;} #add_user:focus,input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:rgba(82,168,236,.75)!important;box-shadow:0 0 8px rgba(82,168,236,.5);-moz-box-shadow:0 0 8px rgba(82,168,236,.5);-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3);} input[type="button"]{-moz-border-radius:15px 15px 15px 15px;-webkit-border-radius:15px;background-position:0 -200px;font-size:15px;line-height:20px !important;padding:5px 15px 6px;} input[type="submit"]{-moz-border-radius:14px 14px 14px 14px;-webkit-border-radius:14px;background:url("img/all_buttons.png") repeat-x scroll 0 0 #DDDDDD;border-color:#989898 #989898 #adadad;border-style:solid;border-width:1px;color:#333333;cursor:pointer;font:11px/14px "Lucida Grande",sans-serif;margin:0;overflow:visible;padding:4px 8px 5px;text-shadow:1px 1px 0 #FFFFFF;width:auto;} span.buttons_indicator{height:26px;width:130px;padding:0;display:block;margin:0 0 0 8px;text-align:center;background:transparent url("img/ajax-loader-wide.gif") no-repeat scroll 0 8px;float:none;text-indent:-999em;} .buttons{background:transparent url("img/ajax-loader-wide.gif") no-repeat scroll -9999px 8px;} input[type=submit]:focus, input[type=submit]:hover{border-color:#999 #999 #888;background-position:0 -6px;color:#000;text-decoration:none;} input[type=submit]:hover{border-color:#999 #999 #888;background-position:0 -206px;color:#000;text-decoration:none;} form{position:relative;} .new_form div span, form div span{float:left;padding-right:5px;} form div span.prefix, form div span.postfix { font-size: 0.9em; float:none; margin-left:10px; } form div span.postfix { margin-left:0; } form div span.info{display:block;float:none;font-size:0.8em;margin-left:7px;padding-right:5px;color:#a3a3a3;} .new_form div, form div{clear:both;float:none;position:relative;} /*div.fieldWithErrors{clear:none;display:inline;float:none;} .fieldWithErrors input.text{margin-bottom:0;} .formError{margin-bottom:5px;font-size:0.9em;} label.inline, .label_inline label{display:inline;margin-left:5px;} .fieldWithErrors label{color:#ff6a6a;} .field_error, .formError{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;background-color:yellow;color:#000000;display:block;left:270px;padding:2px 10px;position:absolute;top:16px;text-shadow:1px 1px 0 #fff;max-width:290px;} #login_box .field_error, #login_box .formError{left:296px;} */ .form_help{background-color:#fffded;padding:20px;border:1px solid #ddd;width:200px;position:absolute;right:0;top:0;z-index:-1;} .form_help.long_box{width:300px;} .form_help h3{font-size:1.4em;margin:0 0 5px 0;text-shadow:1px 1px 0 #fff;font-weight:bold;} #user_session_openid_identifier, #user_session_login, #user_session_password{background:#fff url(img/all_small_elements.png) no-repeat scroll right -98px;padding-right:30px;} #user_session_login{background-position:right -135px;} #user_session_password{background-position:right -190px;} #add_user.indicator, input.indicator, form input[type="text"].indicator, form input[type="password"].indicator{background:#fff url(img/ajax-loader.gif) no-repeat scroll 98% 7px;} a.openid_ico, .openid_ico{background:transparent url(img/all_small_elements.png) no-repeat scroll -6px -98px;padding:5px 5px 5px 30px;margin-left:5px;} div.input_and_button input[type="submit"]{-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;margin-left:-5px;padding-bottom:3px;padding-top:5px;} div.input_and_button{vertical-align:baseline;} /* ------------------------------------------------------------------------------------ NAVIGATION MENU */ .navigation,.navigation ul{padding:0;margin:0;list-style:none;line-height:1;float:left;} .navigation a{display:block;padding:6px 10px;text-decoration:none;} .navigation a:hover{text-decoration:underline;} .navigation li{float:left;width:auto;} .navigation li{padding:0;margin:0;} .navigation li.last{border-right:0;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #header,#content,#main_menu,#footer{margin:auto;} #container{width:966px;margin:0 auto;text-align:left;font-size:1.1em;line-height:1.5em;} #header{margin:0;position:relative;float:left;height:145px;width:100%;} #header h1{float:left;margin:42px 15px 0 0;font-size:2.2em !important;line-height:2em;} /* ------------------------------------------------------------------------------------ KOLUMNY I TRESC */ #content{font-size:120%;} #column_left{float:left;width:655px;} #column_right{float:right;width:294px;margin-left:4px;} #main_page #column_left .feature{clear:both;padding:10px;border-bottom:1px solid #efefef;margin:10px 0;min-height:163px;font-size:90%;line-height:1.8em;} #main_page #column_left .feature.last{border-bottom:0;} #main_page #column_left .feature h3{margin:0 0 10px 0;font-size:1.3em;} .feature img, #main_page #column_left .feature img{float:left;margin-right:20px;display:block;padding:2px;border:1px solid #efefef;background-color:#fff;box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3);} #main_page #column_right .round_box h3{margin:0 0 10px 0;font-size:1.4em;} #main_page h3 a{text-decoration:none;} #main_page h3 a:hover{text-decoration:underline;} #main_page #column_right .round_box ul{margin-left:15px;} #column_left{float:left;width:657px;} #column_right{float:right;width:274px;margin-right:4px;} .powered_by{text-align:right;margin-bottom:20px;} .powered_by img{vertical-align:middle;} #column_left h2{font-size:1.5em;color:#1f556d;} #pages_showcase{margin-bottom:38px;} #main_page #column_right .round_box p{text-align:justify;} #main_page #column_right .round_box img{margin-right:15px;} #pages_showcase li{width:164px;margin:30px 36px 0 0;float:left;list-style-type:none;font-size:0.9em;} #pages_showcase li.last{margin-right:0px;} #pages_showcase li a.snapshot{height:118px;display:block;position:relative;} #pages_showcase li p{margin:10px 0 5px 0;font-size:90%;text-align:justify;line-height:1.8em;} #pages_showcase li a.snapshot span{display:block;position:absolute;bottom:0;left:0;height:30px;width:142px;padding:10px;color:#fff;} #pages_showcase li a.snapshot span.black{background-color:#000;opacity:.60;filter:alpha(opacity=60);-moz-opacity:0.6;} #pages_showcase li a{text-decoration:none;margin-bottom:10px;} #pages_showcase li a:hover{text-decoration:underline;} #pages_showcase li a.snapshot img{border:1px solid #ddd;margin-bottom:10px;} #pages_showcase li a.snapshot:hover span{color:#36bee8;} a.more{float:right;color:#3390ba;text-decoration:none;font-size:0.8em;} a.more:hover{text-decoration:underline} #content #main_page .box_content{font-size:90%;line-height:1.8em;position:relative;} #content #main_page .box_content a.more{position:absolute;right:25px;bottom:0px;} /* ------------------------------------------------------------------------------------ PRAWA KOLUMNA */ /*#column_right_double{float:right;width:713px;background:transparent url(img/column_right_double_bg.png) repeat-y right top;} #column_right_double .col_corners_top{height:6px;background:transparent url(img/column_right_double_bg.png) no-repeat left top;} #column_right_double .col_corners_bottom{height:8px;background:transparent url(img/column_right_double_bg.png) no-repeat left bottom;} .column1_content{float:left;margin:10px 0;width:420px;padding:0 20px;width:420px;background:transparent url('img/dot.png') repeat-y right;} .column2_content{float:right;margin:10px 25px 10px 0;padding:0 10px;width:188px;} */ /* ------------------------------------------------------------------------------------ TOP OPTIONS */ /*#top_options ul{margin-top:5px;} */ #top_menu{float:left;color:#bae0ff;} #top_menu a{padding:0 8px;color:#bae0ff;border-right:1px solid #bae0ff;} #top_menu li.last a{border:0;} #user_menu{float:right;color:#fff;margin-right:10px;} #user_menu a{color:#fff;padding:0 8px;border-right:1px solid #fff;} #user_menu .cms_user_logout a, #user_menu .cms_user_signup a{border:0;padding-right:0;} #user_menu li.user_options a{background:transparent url(img/all_small_elements.png) no-repeat scroll right -36px;padding-right:18px;} #siteor_sites_menu ul a, #user_menu a{color:#0F5C76;padding:0 8px;border-right:1px solid #fff;text-decoration:none} #user_menu .cms_user_logout a, #user_menu .cms_user_signup a{border:0;padding-right:0;} #user_menu li.user_options a{background:transparent url(img/all_small_elements.png) no-repeat scroll right -36px;padding-right:18px;} #siteor_sites_menu {position:absolute;left:0;top: 8px} #top_options ul a:hover {text-decoration:underline} #siteor_sites_menu ul li { float:left; list-style-type:none; } /* ------------------------------------------------------------------------------------ STOPKA FIRMLETOWA*/ #firmlet_footer{margin:70px 0 0 0;padding:60px 0 60px 0;background:#ededed url(img/footer_bg.png) repeat-x 0 0;} #firmlet_footer h4{border-bottom:1px solid #b9b9b9;font-size:2em;padding-bottom:10px;} #footer_content{width:966px;margin:auto;padding:0 0 10px;position:relative;} #firmlet_footer p{line-height:1.6em;} #apps_info{float:left;width:700px;} #apps_info div {display:block;float:left;width:120px;line-height:1.6em;margin-right:20px;} #apps_info div.last{margin-right:0px;} #apps_info img{display:block;margin-bottom:10px;/*display:none;*/} #apps_info strong{display:block;margin-bottom:5px;font-size:1.3em;} #apps_info div span a{/*text-indent:-999em;*/display:block;height:70px;width:70px;background:url('img/footer_logos.png') no-repeat -6px -3px;} #apps_info a {text-decoration:none;} #apps_info a:hover {text-decoration:underline;} #apps_info .firmlet span a{background-position:-390px -3px;} #apps_info .organizac span a{background-position:-210px -3px;} #apps_info .shoptrix span a{background-position:-99px -3px;} #apps_info .siteor span a{background-position:-304px -3px;} #apps_info .firmlet span a:hover{background-position:-390px -113px;} #apps_info .sugester span a:hover{background-position:-6px -113px;} #apps_info .organizac span a:hover{background-position:-210px -113px;} #apps_info .shoptrix span a:hover{background-position:-99px -113px;} #apps_info .siteor span a:hover{background-position:-304px -113px;} #apps_info .fakturownia span a{background-position:-680px -3px;} #apps_info .fakturownia span a:hover {background-position:-680px -113px;} #apps_info span a{display:block;width:75px;height:66px;} #right_content{float:right;width:250px;} #right_content h5{margin:0 0 10px 0;border-bottom:1px solid #b9b9b9;font-size:1.8em;font-weight:normal;padding-bottom:8px;} #footer_bottom_nav{border-top:1px solid #c1c1c1;margin-top:40px;} .navigation.right{float:right;} #firmlet_footer ul{margin-top:10px;} #firmlet_footer ul a, #firmlet_footer ul span{display:inline;padding:0 6px;color:#696969;font-size:0.9em;} #firmlet_footer iframe{position:absolute;left:0;top:-140px;} /* ------------------------------------------------------------------------------------ ROZNE STYLE */ #top_options{margin-top:10px;position:relative;top:0;width:966px;} #user_menu{position:absolute;right:0;top:0;width:400px;} #user_menu ul{float:right;} #user_menu ul a{border-right:1px solid #DDDDDD;display:inline;padding:0 6px;color:#0f5c76;font-size:0.9em;} #user_menu ul li.login a{border:0;padding-right:0;} ul#projects_list_small,ul#users_list{margin-bottom:8px;} ul#projects_list_small li label{display:inline;} ul#projects_list_small li a{text-decoration:none;} ul#projects_list_small li a:hover strong{text-decoration:underline;} ul#projects_list_small li a span{font-size:0.8em;color:#ddd;} ul#projects_list_small li a:hover span{text-decoration:none;color:#5a5a5a;} /* ------------------------------------------------------------------------------------ STYLE DO FIRMLET APPS */ #firmlet_menu{background:url("img/firmlet_menu_spirit.png") no-repeat 0 0 transparent;left:0;position:absolute;top:-17px;height:28px;padding-left:9px;padding-top:1px;} #firmlet_menu.navigation li.last_corner{background:url("img/firmlet_menu_spirit.png") no-repeat scroll right top transparent;display:block;height:28px;position:absolute;right:-11px;width:11px;margin-top:-1px;} #firmlet_menu.navigation li{padding:0;} #firmlet_menu.navigation a{color:#b8cfdd;padding:10px 0 0 0;} #firmlet_menu.navigation a span{font-size:0.9em;color:#b8cfdd;padding:0 5px;border-left:1px dotted #b8cfdd;} #firmlet_menu.navigation .menu_apps a span{border-left:0;} #firmlet_menu.navigation li{position:relative;padding-bottom:10px;} #firmlet_menu.navigation #firmlet_menu_intum li, #firmlet_menu.navigation #firmlet_menu_fakturownia li, #firmlet_menu.navigation #firmlet_menu_siteor li, #firmlet_menu.navigation #firmlet_menu_siteor li, #firmlet_menu.navigation #firmlet_menu_sugester li, #firmlet_menu.navigation #firmlet_menu_organizac li{padding:0;margin:0;display:block;float:none;} #firmlet_menu_intum, #firmlet_menu_fakturownia, #firmlet_menu_siteor, #firmlet_menu_sugester, #firmlet_menu_organizac{opacity:.85;filter:alpha(opacity=85);-moz-opacity:0.85;top:22px;position:absolute;background-color:#0075be;padding:0;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px;text-shadow:0 2px 0 #274c65;-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);} #firmlet_menu.navigation #firmlet_menu_intum a, #firmlet_menu.navigation #firmlet_menu_fakturownia a, #firmlet_menu.navigation #firmlet_menu_siteor a, #firmlet_menu.navigation #firmlet_menu_sugester a, #firmlet_menu.navigation #firmlet_menu_organizac a{background-image:none;margin:0;padding:5px 10px;-moz-border-radius:3px 3px 3px 3px;border-bottom:1px solid #598eb7;} #firmlet_menu.navigation #firmlet_menu_intum a span, #firmlet_menu.navigation #firmlet_menu_fakturownia a span, #firmlet_menu.navigation #firmlet_menu_siteor a span, #firmlet_menu.navigation #firmlet_menu_sugester a span, #firmlet_menu.navigation #firmlet_menu_organizac a span{padding:0;border:0;} #firmlet_menu.navigation #firmlet_menu_intum a:hover, #firmlet_menu.navigation #firmlet_menu_fakturownia a:hover, #firmlet_menu.navigation #firmlet_menu_siteor a:hover, #firmlet_menu.navigation #firmlet_menu_sugester a:hover, #firmlet_menu.navigation #firmlet_menu_organizac a:hover{color:#fff;background-color:#333;} #firmlet_menu.navigation li.current a span{color:#fff;font-weight:bold;} /*text-shadow:0 2px 0 #274c65;*/ #firmlet_menu.navigation li.current a{background:transparent url("img/firmlet_menu_spirit.png") no-repeat bottom;} #firmlet_menu.navigation li.current a:hover{text-shadow:0 2px 0 #000;} #firmlet_menu.navigation li a:hover{text-decoration:none;color:#fff;} #firmlet_menu.navigation li a:hover span{color:#fff;} #firmlet_menu.navigation li.last a span{border:0;padding-right:0;} #firmlet_menu .outside_link a{background:url("img/all_icons.png") no-repeat scroll 2px -358px transparent;font-size:1em;padding:6px 4px 2px 24px;text-decoration:none;} /* ------------------------------------------------------------------------------------ sexy button */ .round_button{margin-bottom:10px;margin-left:0;background:transparent url('img/bg_button_a.png') no-repeat scroll top right;color:#444;display:block;float:left;font:normal 12px arial,sans-serif;height:24px;margin-right:6px;padding-right:10px;/* sliding doors padding */ text-decoration:none;color:#333333;font:11px/14px "Lucida Grande",sans-serif;text-shadow:1px 1px 0 #FFFFFF} .round_button.right{float:right;margin-top:20px;} .round_button a{color:#393939 !important;background:transparent url('img/bg_button_span.png') no-repeat;display:block;line-height:14px;padding:0 0 0 18px;text-decoration:none;height:24px;line-height:2.1em;} .round_button:hover{background-position:bottom right;color:#000;outline:none;} .round_button:hover a{background-position:bottom left;text-decoration:none;color:#000;} .round_button a img{margin-bottom:-3px;/* height:13px;*/ margin-right:6px;border:0;} .round_button *{vertical-align:baseline;} /* ------------------------------------------------------------------------------------ KOLUMNY I TRESC */ #content{float:left;/*margin-left:15px;*/ margin-top:27px;width:966px;min-height:400px;} /* ------------------------------------------------------------------------------------ BOKS Z ZAOKRAGLONYMI ROGAMI */ #content .top-left, #content .top-right, #content .bottom-right, #content .bottom-left{background-image:url(img/corners.png);background-repeat:no-repeat;overflow:hidden;height:10px;} #content .top-left{background-image:url(img/corners_top_bt.png);background-position:left top;height:10px;} #content .top-right{background-position:-1px -11px;float:right;width:10px;background-color:#eefaff;} #content .bottom-right{background-position:-2px -20px;float:right;height:14px;width:9px;background-color:#eefaff;} #content .bottom-left{background-image:url(img/corners_top_bt.png);background-position:left bottom;height:12px;} #content .round_box{border-top:0;margin-bottom:41px;} #content .box_content{background-color:#f3f3f3;border-left:1px solid #e7e5e5;border-right:1px solid #e7e5e5;padding:15px 25px;} /* ------------------------------------------------------------------------------------ WIZARD OK */ #new_account_form .short_hint.right{position:absolute;right:0;display:none;} #new_account_form label{font-weight:normal;font-size:0.9em;} #new_account_form div.field{margin-bottom:10px;} #wizard_portal_prefix{margin-right:5px;} form#new_account{font-size:82.5%;} #new_account_form{padding-bottom:80px;width:500px;margin:10px auto 20px;border:1px solid #f0eeeb;background-color:#fdfeff;padding:0 40px 40px 40px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);} #new_account_form #layouts{height:200px;overflow:auto;padding:10px 20px;margin-top:20px;background-color:#f7f7f7;} #new_account_form #layouts label{display:block;float:left;text-align:center;width:217px;margin-bottom:40px;height:105px;position:relative;} .layout_all{width:200px;} /* #new_account_form #layouts label input{bottom:1px;right:38px;position:absolute;} */ #new_account_form #layouts label img{display:block;margin:auto;border:1px solid #ddd;background-color:#fff;padding:2px;margin-bottom:10px;} #new_account_form #layouts label:hover img{box-shadow:0 0 8px rgba(82,168,236,.5);-moz-box-shadow:0 0 8px rgba(82,168,236,.5);-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3);} /*#new_account_form .field_error,#new_account_form .formError{left:161px;top:19px;} */ #mini_footer{color:#b7b7b7;width:500px;padding:0 40px;margin:auto auto 30px auto;} #mini_footer a{color:#b7b7b7;text-decoration:none;} #mini_footer a:hover{text-decoration:underline;} #mini_header{background-color:#F7F7F7;border-bottom:1px solid #F0EEEB;margin-left:-40px;padding:10px 20px;width:540px;} #mini_header img{display:block;float:left;} #mini_header h3{float:right;margin-top:33px;text-align:right;width:260px;} #new_account_form h4{margin-bottom:10px;} #new_account_form p{margin-bottom:33px;} #new_account_form div strong{font-size:1.3em;font-weight:normal;height:30px;line-height:1.5em;margin-left:5px;position:absolute;right:17px;text-align:left;top:26px;vertical-align:-3px;width:151px;} #new_account_form .buttons{margin-top:25px;padding-top:25px;position:relative;} #steps{display:block;height:20px;position:absolute;right:0;text-align:right;top:30px;width:100px;} .registration_header span{background:url("img/all_icons.png") no-repeat scroll 0 -1266px transparent;float:none;margin-left:10px;padding:0 0 10px 40px;} .registration_header.start span{background-position:1px -1386px;} .registration_header.standard span{background-position:0 -1346px;} .registration_header.pro span{background-position:0 -1427px;} .registration_header.max span{background-position:0 -1467px;} #new_account_form textarea, #new_account_form input[type="text"]{width:484px;padding:4px 5px;} #new_account_form div span input[type="text"] { width: 233px; } #new_account_form input#account_prefix{width:363px;} #new_account_form textarea{height:100px;} #new_account_form .checkboxes{margin:20px auto;padding-left:10px;} #new_account_form .checkboxes span{display:block;float:left;width:80px;height:71px;background:url("img/all_icons.png") no-repeat scroll 0 22px transparent;position:relative;margin:15px 8px 20px 0;} #new_account_form .checkboxes span input{position:absolute;right:21px;top:50px;} #new_account_form .checkboxes span label{color:#898989;font-size:0.8em;padding:0 0 50px;} #new_account_form .checkboxes span.newsletter{background-position:0 -209px ;} #new_account_form .checkboxes span.pool{background-position:0 -289px ;} #new_account_form .checkboxes span.contact_form{background-position:0 -52px ;} #new_account_form .checkboxes span.gallery{background-position:0 -370px ;} #new_account_form .checkboxes span.blog{background-position:0 -134px ;} #new_account_form .checkboxes span.news{background-position:0 -533px ;} #new_account_form .checkboxes span.shop{background-position:0 -455px ;} #new_account_form .checkboxes span.sugester{background-position:0 -595px ;} #new_account_form .checkboxes span.faq{background-position:0 -666px ;} .boxik { -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#dcdbdb; color:#FFFFFF; font-size:0.8em; margin-right:4px; padding:4px 7px; } /* ------------------------------------------------------------------------------------ MALY HELP */ .short_hint, .form_help{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff8d0;background-image:none;border:1px solid #DDDDDD;margin:10px 0 20px 0;padding:10px 20px;} .short_hint{margin-top:15px;position:relative;} .short_hint p{line-height:2em;} .short_hint h3{margin:0 0 10px 0;font-size:1.2em;} .help_corner{position:absolute;width:42px;height:42px;background:transparent url(img/all_big_elements.png) no-repeat 0 0;display:block;top:-3px;left:-3px;} .main_hint .left_part,.main_hint .right_part{border-right:1px solid #B5BCC2;float:left;line-height:1.6em;min-height:106px;padding:0 15px 5px;width:304px;margin-bottom:0;} .main_hint .right_part{border-left:1px solid #FFFFFF;border-right:0 none;float:left;padding-right:0;} .main_hint{margin:0 0 20px;padding:20px 0 5px 15px;width:663px;} .main_hint h3{margin-left:15px;} .main_hint p a{border-bottom:1px dotted #515768;text-decoration:none;} .main_hint p a:hover{border-color:#4f75e0;} /* ------------------------------------------------------------------------------------ OKIENKO LOGOWANIA */ #login_curtain0{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.50;filter:alpha(opacity=50);-moz-opacity:0.5;} #login_curtain{position:absolute;width:100%;height:100%;top:0;left:0;} #login_box{padding:0;position:relative;width:530px;top:30px;margin:auto;} .login_top{padding:76px 76px 0 76px;background:transparent url('img/login_window.png') no-repeat top;width:378px;margin:auto;} .login_bottom{padding:0 76px 76px 76px;background:transparent url('img/login_window.png') no-repeat bottom;width:378px;margin:auto;} #login_box h1{margin:0;} .welcome_text{padding:10px;background-color:#dddddd;color:#000;margin:10px 0 0 0;line-height:1.4em;} .welcome_text h5{margin:0 0 10px 0;} .close{background:transparent url(img/all_small_elements.png) no-repeat scroll 0 -292px;display:block;top:33px;right:33px;text-indent:-999em;position:absolute;width:33px;height:33px;} .close:hover{background-position:0 -252px;} .close:active{background-position:0 -332px;} .close.small{background-position:0 -502px;height:15px;right:15px;display:block;} .short_hint .close{background-position:0 -502px;height:15px;right:10px;top:10px;width:15px;} .short_hint .close:hover, .close.small:hover{background-position:0 -520px;} #facebox .close{background-image:none;padding:0;position:relative;top:auto;right:auto;left:auto;bottom:auto;width:auto;} #facebox{box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);} div.jGrowl div.jGrowl-notification{box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);} /* ------------------------------------------------------------------------------------ nowy cennik */ #pricing_options { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CCCCCC; margin: 40px auto; width: 938px; z-index: 1; font-size: 85%; border-right:0; } #pricing_options div { position: relative; float: left; width: 213px; padding: 0 10px 20px 10px; text-align: center; border-right: 1px solid #CCCCCC; height: 451px; } /*#pricing_options div:hover { background-color: #f9ffee } */ /*#pricing_options div:hover h3 { background-color: #f9ffee } */ #pricing_options div.popular { box-shadow: 0 0 8px rgba(82,168,236,.5); -moz-box-shadow: 0 0 8px rgba(82,168,236,.5); -webkit-box-shadow: 0 0 8px rgba(82,168,236,.5); filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3); margin-top: -20px; margin-bottom: -20px; margin-left: -1px; height: 489px; background-color: #f2f9ff; border: 1px solid #CCCCCC; font-size: 110%; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #pricing_options div.popular h3 { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } #pricing_options div.yellow { background-color: #fffde6; } body #pricing_options div.last { padding-right: 0px; border-right: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;/*width:170px;*/ } #pricing_options div span { display: block; margin: 10px 10px 20px 10px; } #pricing_options div span strong { display: block; font-size: 1.6em; margin-bottom: 5px; } #pricing_options div h3 { background: url("img/pricing_logos.png") no-repeat scroll -23px 3px transparent; border-bottom: 1px solid #DDDDDD; margin-left: -10px; margin-top: 0; padding-bottom: 4px; padding-top: 10px; width: 235px; } /*#pricing_options div#free h3 { padding: 22px 0 16px 0; } */ #pricing_options div#start h3 { background-position: -19px -347px; } #pricing_options div.popular h3 { background-color: #D5EAFC; background-position: -19px -340px; font-size: 220%; padding: 20px 0 12px; } #pricing_options div#standard h3 { background-position: -19px -171px; } #pricing_options div#pro h3 { background-position: -19px -525px; } #pricing_options div#max h3 { background-position: -19px -705px; width: 230px;/* background-color:#fff9b1;*/ -moz-border-radius-topright:10px; -webkit-border-top-right-radius: 10px; } #pricing_options div#free { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } #pricing_options div h3 strong { display: block; margin: 5px 0 10px; color: #1665ab; font-weight: normal; text-shadow: 1px 1px 0 #ddd; } #pricing_options div h3 span { margin: 0 0 5px 0; font-size: 0.8em; color: #696969; font-weight: normal; } .underlined { cursor: help; } .underlined u { text-decoration: none; border-bottom: 1px dotted #969696; } #pricing_options div h3 span sub { color: #1665ab; font-size: 0.6em; color: #999; letter-spacing: -0.5px; } .choose_button { position: absolute; right: 140px; top: -7px; } .choose_button, #pricing_options div a { display: block; text-indent: -999em; background: transparent url(img/all_buttons.png) no-repeat 0 -240px; width: 66px; height: 32px; margin: 10px auto; } .choose_button:hover, #pricing_options div a:hover { background-position: 0 -280px; } .choose_button:active, #pricing_options div a:active, #pricing_options div.option_active a, #pricing_options div a.option_active { background-position: 0 -320px; } #pricing_options div span.small strong { display: inline; font-size: 1.2em; } body #pricing_options div.info_bubble, body #pricing_options div.info_place { z-index: 999; height: auto; width: auto; } body #pricing_options div.info_place { position: relative; width: 100%; height: 1px; width: 1px; border: 0; margin-left: -9px; } body #pricing_options div.info_bubble { left: 213px; min-height: 100px; background-image: none; background-color: #ffffcc; top: -66px; width: 200px; box-shadow: 0 0 8px rgba(82,168,236,.5); -moz-box-shadow: 0 0 8px rgba(82,168,236,.5); -webkit-box-shadow: 0 0 8px rgba(82,168,236,.5); filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3); border: 1px solid #DDDDDD; text-align: left; padding: 10px 10px 10px 20px; z-index:99999; } body #pricing_options div.info_bubble h4 { color: #000000; font-size: 1.3em; font-weight: bold; margin: 10px 0 10px 0; text-align: left; } body #pricing_options div.info_bubble span { background: url("img/bubble_arrow.png") no-repeat scroll 0 0 transparent; height: 42px; left: -64px; margin: 0; position: absolute; width: 65px; } body #pricing_options #pro div.info_bubble, body #pricing_options .last div.info_bubble { left: -291px; } body #pricing_options #pro div.info_bubble span, body #pricing_options .last div.info_bubble span { background: url("img/bubble_arrow.png") no-repeat scroll 0 -59px transparent; left: auto; right: -64px; } /* ------------------------------------------------------------------------------------ GUZIK REJESTRAXCJI W HEADZIE */ #header .register_button,#header .goto_button{background:url("img/all_buttons.png") no-repeat scroll 0 -30px transparent;bottom:0;display:block;height:77px;position:absolute;right:0;text-indent:-999em;width:257px;} .en #header .register_button, .en #header .goto_button{width:245px;background-image:url("img/all_buttons_en.png");} #header .register_button:hover{background-position:0 -120px;} /*#header .register_button:active{background-position:0 -120px;} */ #header .goto_button{background-position:0 -450px;} #header .goto_button:hover{background-position:0 -540px;} /*#header .goto_button:active{background-position:0 -551px;} */ /* ------------------------------------------------------------------------------------ Strona glowna */ ul.siteor_functionality{width:457px;height:296px;float:left;background:transparent url('img/siteor_functionality.png') no-repeat 0 0;margin:6px 0 0 29px;} .en ul.siteor_functionality{background:transparent url('img/organizac_functionality_en.png') no-repeat 0 0;} ul.siteor_functionality li{visibility:hidden;} #two_ways{float:left;width:500px;position:relative;height:270px;} #two_ways a{bottom:0;display:block;font-size:0.8em;height:20px;position:absolute;width:147px;color:#3390ba;text-decoration:none;} #two_ways a:hover{text-decoration:underline;} #goto_creator{right:42px;} #two_ways #find_more{left:42px;width:120px;} #siteor_main_video{float:right;width:460px;height:300px;display:block;position:relative;overflow:hidden;margin-right:-10px;} #siteor_main_video a{display:block;text-align:right;cursor:default;} .main_video{height:303px;left:9px;overflow:hidden;position:absolute;top:-13px;width:460px;box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.55);} .main_video obiect{display:block;margin-left:-1px;} #two_ways a.big_spirit { display:block; position:absolute; text-indent:-999em; width:260px; height:235px; left:-10px; top:40px; } #two_ways a.big_spirit:hover { border:1px dotted #3390BA; /* -moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);*/ } #two_ways a#goto_creator_big.big_spirit { left:auto; right:-10px; } /* ------------------------------------------------------------------------------------ OKIENKO WIDEO */ .video_curtain0{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.50;filter:alpha(opacity=50);-moz-opacity:0.5;} .video_curtain{position:absolute;width:100%;height:100%;top:0;left:0;} .video_box{padding:0;position:relative;width:660px;height:529px;top:70px;margin:auto;-moz-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);-webkit-box-shadow:0.25em 0.25em 1em rgba(0,0,0,0.25);} .video_box .close{z-index:999;right:-25px;top:-25px;} .panel .more{margin-top:28px;} /* ------------------------------------------------------------------------------------ pochowane linki skasowac zeby odkryc */ #main_page h3 a:hover{text-decoration:none;cursor:default;} #pages_showcase li a.snapshot:hover span{color:#fff;cursor:default;} .panel .more{margin-top:40px;} #features{margin-top:20px;} #features_site p{margin-bottom:40px;line-height:1.8em;} #features_site .feature{border-top:1px solid #EFEFEF;min-height:200px;padding-top:10px;padding-bottom:20px;} #features_site img{float:left;margin-top:20px;} #features_site h3{padding-top:10px;font-size:1.4em;} /*ZAKLADKI W TOUR*/ #tour_page{position:relative;margin-top:20px;} #flowtabs{position:absolute;left:0;top:0px;background-color:#fff;z-index:9999;} #flowtabs{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ddd;width:189px;background-color:#f7f7f7;-webkit-box-shadow:1px 1px 4px #C0C0C0;-moz-box-shadow:1px 1px 4px #C0C0C0;box-shadow:1px 1px 4px #C0C0C0;filter:progid:DXImageTransform.Microsoft.Shadow(color='#C0C0C0',Direction=145,Strength=3);opacity:.90;filter:alpha(opacity=90);-moz-opacity:0.9;} #flowtabs li{list-style-type:none;border-bottom:1px solid #ddd;} #flowtabs li.last{border-bottom:0;} #flowtabs li a{text-decoration:none;display:block;padding:15px;background-color:#e0effa;} #flowtabs li.last a, #flowtabs li.first a{-moz-border-radius:5px;-webkit-border-radius:5px;} #flowtabs li a:hover{text-shadow:0 1px 0 #FFFFFF;background-color:#f7f7f7;} #flowtabs li a.current{text-shadow:0 1px 0 #FFFFFF;background-color:#ecf6fc;/* background:url("img/all_buttons.png") repeat-x scroll 0 0 #DDDDDD;*/} #flowtabs .arrows{height:20px;position:absolute;text-align:center;width:187px;margin-top:14px;} #flowtabs .arrows span{color:#408ca6;font-size:1.8em;line-height:30px;padding:0;text-shadow:0 1px 0 #f7f7f7;} #flowtabs .arrows span:hover{color:#0F5C76;cursor:pointer;} #content #flowpanes{width:960px;height:883px;} #flowpanes h3{margin-top:0;font-size:1.3em;text-shadow:0 1px 0 #ddd;} #flowpanes h4{margin:5px 0 5px 0;font-size:1.2em;font-weight:bold;} /* single pane */ #flowpanes div{margin:0 40px;padding-left:200px;} #flowpanes div ul{font-size:97%;line-height:1.8em;} #flowpanes div ul li{list-style-type:none;} #flowpanes div .feature img{display:block;float:none;/* margin:20px auto;*/ margin:20px 0 20px 0;} /* override the root element to enable scrolling */ #flowpanes{position:relative;overflow:hidden;clear:both;} /* override single pane */ #flowpanes div{float:left;display:block;width:670px;font-size:14px;} /* our additional wrapper element for the items */ #flowpanes .items{width:20000em;position:absolute;clear:both;margin:0;padding:0;} #flowpanes .less,#flowpanes .less a{color:#999 !important;font-size:11px;} div#layouts { /* margin: 20px 0;*/ } div#layouts ul{margin-top:10px;margin-left:10px;font-size:0.9em;} div#layouts ul li{list-style-type:none;margin-bottom:5px;} .left_col { float:left; } .right_col{ float:right; }