/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,hr, sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,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}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* sprite */

#logo,
.lists li 
{
background:url(http://cdn.minitodo.pl/img/all.png);
background-repeat:no-repeat;
}

body
{
background:#FCFAD9;
color:#333;
font-family:Arial, Tahoma, Verdana, sans-serif;
}
#wrap-boss{background:#FCFAD9 url(http://cdn.minitodo.pl/img-main-site/bg.png) repeat-x top center;}

#wrap{width:960px; position:relative; margin:0 auto;} 


/* formularze */
legend{display: none;}

/* nav accessibility */
ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}


textarea, input, select, button
{
font-size: 12px; font-family:Arial, Tahoma, Verdana, sans-serif;
border:1px solid #eee; 
border-top: 1px solid #bbbcb7; 
border-left: 1px solid #bbbcb7;  
padding: 3px; 
width:170px;
}
label{font-size: 12px; font-family:Arial, Tahoma, Verdana, sans-serif; padding:4px 0;}
fieldset{width:auto;}

textarea:hover, textarea:focus, input:hover, input:focus{ background: #ffffdd;}


a {color:#007DAE; text-decoration:underline;}
a:hover {color:#006288; text-decoration:underline;}

a#logo{display:block; position:absolute; top:15px; left:0; height:56px; width:237px; background-repeat: no-repeat; margin:0 auto; }
a#logo span {text-indent: -9999px; display:block; }
a#logo:hover {background-position: 0px -56px; }


h2{color:#00AEEF; padding:20px 20px 0 20px; letter-spacing:-0.3px; word-spacing:-0.4px; font-size:20px; font-weight:normal; font-style:italic;}
h2.inner{color:#777; font-size:16px; padding:20px 20px 5px 20px; margin:0px 0px 5px 0px; border-bottom:1px solid #eee;}

h2 a{text-decoration:none;}
h3{color:#222; padding:0px 20px 10px 20px; margin:0px 0px 10px 0px;  color:#888;  font-size:12px; font-weight:normal;  border-bottom:1px solid #eee; font-style:italic;}
h4{color:#444; font-weight:bold; padding:20px 20px 10px 20px;   font-size:16px;  font-style:italic; }
 

#header{  height:80px; }
 
#header-right-data {position:absolute; top:4px; right:20px; border:1px solid #798309; border-top:0; background:#b4c02c; color:#fff; padding:1px 0px 5px 0px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius:0 0 4px 4px; }
#header-right-data ul{ height:25px; line-height:25px;}
#header-right-data ul li{float:left;}
#header-right-data ul li a{font-size:14px; color:#fff; border-right:1px solid #798309; padding:0 30px;  display:block; text-decoration:none; }
#header-right-data ul li#last1 a{border:0;}
 
/* nav main */
ul#nav-main { padding:0 0 0 0px; position:absolute; top:32px; left:230px; width:730px;   }
ul#nav-main li{float:left;}
ul#nav-main li a{line-height:25px; height:25px; font-style:italic; font-size:20px; padding:0 20px; color:#515151; border-left:1px solid #d5d3b2; font-weight:normal; float:left; display:block; text-decoration:none; }
ul#nav-main li a:hover{background:#FCFAD9; color:#000;}
ul#nav-main li.active a{ color:#000;  }


 
.button{ color:#fff; border:0; background:#00AEEF; cursor: pointer; padding:3px 10px;  width:auto; }
.button:hover{background:#E13D37;}


  
#content {background:#EDE7C9; clear:both; border-bottom:3px solid #c3b898;}
#content_bg{padding:20px 20px 0 20px; background:transparent url(http://minitodo.pl/main-site/img/bg_bottom.png) no-repeat center top;}

#intro {position:relative; background:#0265a0; width:960px; height:350px; clear:both; }
#intro img{position:absolute;}
#intro .login,#intro .register{ word-spacing:-5px; font-size:18px;  display:block; padding:12px 20px; text-decoration:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; font-weight:bold; }
 
#intro .login.en{  position:absolute; top:190px; left:60px; font-size:18px; padding:12px 30px;}
#intro .register.en{  position:absolute; top:190px; left:180px padding:12px 30px;}  


#intro .login{position:absolute; top:220px; left:60px; border:1px solid #004e84; border-top:0; border-left:0; background-color:#B4C02C;}
#intro .login:hover{background:#a1ac23;}
#intro .register{position:absolute; top:220px; left:220px; border:1px solid #004e84; border-top:0; border-left:0; background-color:#E63C34;}
#intro .register:hover{background:#ce2e27;}
#intro .demo_ribbon{position:absolute; top:27px; right:147px;}




/* formularze */
input, textarea, select, button
{
font-size: 14px; 
font-family:  Tahoma, Arial Verdana, sans-serif; 
border:1px solid #eee; 
border-top: 1px solid #bbbcb7; 
border-left: 1px solid #bbbcb7;
width:200px;
}

form
{
border:1px solid #eee;
border-top:1px solid #ddd;
background:#f7f7f7 url(http://cdn.minitodo.pl/img/buttons.png) repeat-x 0 -870px;
}

form div{padding:10px; clear:both;}
form label{ font-weight:bold; clear:both; float:none; display:block;}



button, .a-button
{
display: block;
border: 0;
background:url(http://cdn.minitodo.pl/img/buttons.png) no-repeat 50% 0px;
font-weight:bold;
float: left; 
height:28px;
line-height:28px;
color:#fff;
font-size:12px;
text-align:center;
cursor:pointer;
cursor:hand; 
clear:both; 
}

.a-button{color:#fff; width:110px; text-decoration:none;}
.a-button:hover{width:110px; background-position: 50% -522px; color:#fff; text-decoration:none;} 

button.w50{width:50px; background-position: 50% 0px;} 
button.w70{width:70px; background-position: 50% -29px;} 
button.w90{width:90px; background-position: 50% -58px;} 
button.w110, .a-button.w110{width:110px; background-position: 50% -87px;} 
button.w130{width:130px; background-position: 50% -116px;}
button.w150{width:150px; background-position: 50% -145px;}
button.w170{width:170px; background-position: 50% -174px;}
button.w190{width:190px; background-position: 50% -203px;}
button.w210{width:210px; background-position: 50% -232px;}
button.w230{width:230px; background-position: 50% -261px;}
button.w250{width:250px; background-position: 50% -290px;}
button.w270{width:270px; background-position: 50% -319px;}
button.w290{width:290px; background-position: 50% -348px;}
button.w310{width:310px; background-position: 50% -377px;}
button.w330{width:330px; background-position: 50% -406px;}

button.w50:hover{width:50px; background-position: 50% -435px;} 
button.w70:hover{width:70px; background-position: 50% -464px;} 
button.w90:hover{width:90px; background-position: 50% -493px;} 
button.w110:hover{width:110px; background-position: 50% -522px;} 
button.w130:hover{width:130px; background-position: 50% -551px;}
button.w150:hover{width:150px; background-position: 50% -580px;}
button.w170:hover{width:170px; background-position: 50% -609px;}
button.w190:hover{width:190px; background-position: 50% -638px;}
button.w210:hover{width:210px; background-position: 50% -667px;}
button.w230:hover{width:230px; background-position: 50% -696px;}
button.w250:hover{width:250px; background-position: 50% -725px;}
button.w270:hover{width:270px; background-position: 50% -754px;}
button.w290:hover{width:290px; background-position: 50% -783px;}
button.w310:hover{width:310px; background-position: 50% -812px;}
button.w330:hover{width:330px; background-position: 50% -841px;}


 
#formRegister{position:absolute; top:140px; left:60px; }

#formRegister{clear:both; width:312px;  padding:10px 0;  border:0; background:none;}
 
#formRegister div{padding:0; padding-bottom:4px; position:relative; margin:0; clear:both;}
#formRegister div label {width:40px; font-weight:bold; color:#fff; padding:7px 5px 0 0;  text-align:left; float:left; display:block;}
#formRegister div p{font-weight:bold; color:#fff;  padding:5px 0 5px 5px; float:right;}
#formRegister div input { float:left; width:252px; padding: 5px;   

border-top:2px groove #ccc;
border-left:2px groove #ccc;
} 

#formRegister div input#username{width:150px;  }
#formRegister div input#password{width:150px;  }
  
#formRegister div input:focus{border-color:#aaa;  background:#ffffe5;}

#formRegister div button  
	{
	clear:both;
 	float: right;
	position: absolute;
	top:0px;
	right:0px;
 	}
 
#formRegister div.checkbox {clear:both; padding-left:40px;}
#formRegister div.checkbox label{padding-left:5px; width:auto; display:inline !important; float:left !important; clear:none!important;  }
#formRegister div.checkbox input{width:auto !important;  float:left !important; border:0 !important; display:block; margin-top:5px; }
#formRegister div.checkbox a{color:#fff;}
#formRegister div label.error{clear:both; display:block; font-size:12px; color:#e9534c;    width:auto; margin:0 auto;}
 
 
form#search-form{width:260px; display:block; float:left; background:#fff; border:0;}
form#search-form div{clear:both;}
form#search-form div input {clear:both; width:200px; padding: 5px; float:left; margin-right:10px;} 
form#search-form div button {float:left; clear:none; margin-top:2px;}
 
 
.panel{  margin-bottom:20px; background:#fff; border:1px solid #ccc; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px;  -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius: 6px 6px 6px 6px;}


.panel p{  padding:0 20px 10px 20px;   color:#444; font-size:14px; line-height:22px; clear:both;}
.panel p.line{border-bottom:1px solid #eee;}
.panel p.small{font-size:12px;}
.panel p b{color:#000; font-weight:normal;}

.panel p img{float:left; padding:0;   margin:0 10px 20px 0;}

.panel .screen{padding-top:10px;}
.panel p span.small_descr{padding-left:15px; font-size:10px; color:#999; padding-bottom:10px;}


.panel ol{list-style-type:decimal; padding:10px 20px; margin:0 20px 10px 10px;   font-size:14px;}
.panel ol li{color:#00AEEF; padding:2px 0px;  margin:0 20px 0 20px; line-height:19px;}
.panel ol li span{color:#444; font-weight:normal;}

.panel ul.list{ font-size:14px; margin:0 20px 10px 0px;}
.panel ul.list li{background:url(http://minitodo.pl/main-site/img/li.gif) no-repeat 0 12px; margin:0 20px 0 20px;  padding:5px 10px 5px 15px; border-bottom:1px solid #f7f7f7; line-height:19px;}
.panel ul.list li.last{border:0;}

.transparent{background:none; border:0; font-size:12px;}
.transparent p{padding:0 10px 10px 10px;}
.transparent h2{padding:0px 10px 0px 20px; margin:0; color:#000;}
.transparent ul.list{padding:0 0 10px 0px; margin:0px; font-size:12px; }
.transparent ul.list li{border-bottom:1px solid #d3cba5; line-height:15px;}
 


/* left panel  */
.wl290{ float:left; width:290px;}
.wl300{ float:left; width:300px;}
.wl350{ float:left; width:350px;}
.wl400{ float:left; width:400px;}
.wl410{ float:left; width:410px;}
.wl420{ float:left; width:420px;}
.wl430{ float:left; width:430px;}
.wl440{ float:left; width:440px;}
.wl450{ float:left; width:450px;}
.wl490{ float:left; width:490px;}
.wl500{ float:left; width:500px;}
.wl550{ float:left; width:550px;}
.wl600{ float:left; width:600px;}
.wl650{ float:left; width:650px;}
 
/* right panel */
.wr300{ float:right; width:300px;} 
.wr350{ float:right; width:350px;} 
.wr400{ float:right; width:400px;} 
.wr450{ float:right; width:450px;} 
.wr490{ float:right; width:490px;} 
.wr500{ float:right; width:500px;} 
.wr550{ float:right; width:550px;} 
.wr600{ float:right; width:600px;} 
.wr650{ float:right; width:650px;} 

.w920{width:920px; clear:both;}

hr{clear:both; display:block; border:0; height:1px; padding-top:20px; font-size:1px; line-height:1px;}

a.btn2,a.btn3 {
background:#8CC42A;
color:#fff;
padding:10px 20px; 
-webkit-border-radius:5px;
-moz-border-radius:6px;
text-decoration:none;
font-weight:bold;
}

a.btn2:hover{background:#76A81F;}

a.btn3{background:#00a4e3;}
a.btn3:hover{background:#0292ca;}
 
 
.toggle_box{display:none;}

/*simple-register*/
.simple-register fieldset{margin:0px 20px 20px 20px;  }
.simple-register div{padding-top:8px; clear:both;}
.simple-register div.domain p{float:left; font-size:12px; padding:0; margin:0;}
.simple-register div.domain input{width:130px;}
.simple-register input{float:left; width:210px; }
.simple-register label{color:#444; font-weight:bold; width:80px; font-size:12px; float:left; display:block; text-align:right; padding-right:5px;}
.simple-register  div.checkbox{}
.simple-register  div.checkbox label{font-weight:normal; width:180px; text-align:left; padding-left:5px;}
.simple-register  div.checkbox input{margin-left:87px; width:auto;}
.simple-register  div.register {margin-left:197px;}
.simple-register  div.register input{border:0; padding:5px 10px; font-size:16px; font-weight:bold; background:#8EC52B; color:#fff; width:auto; cursor:hand; }



/*lists */
.lists{padding-bottom:10px;}
.lists li{clear:both; margin-bottom:1px;  padding:8px 10px;  text-decoration:none; border-bottom:1px solid #F2EFDF; background-position:-290px -143px;}
.lists li.all-done{background-position:-290px -242px !important;}
.lists li a{color:#2A8CC3; font-size:16px;  padding:8px 10px;  text-decoration:none;}
.lists li:hover, .lists li a:focus{background-color:#ffffcd;   color:#000;}
.lists li a:focus{background-color:#E8FFCD;}
.lists li span{display:block; float:right; font-size:12px; line-height:15px; height:15px; background:#888; color:#fff; padding:1px 5px;   text-align:center;
-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.lists li span.closed{background:#ccc; margin-left:5px; font-size:10px; line-height:12px; height:12px; padding:1px 3px; margin-top:2px;}
.lists li span.public{background:#1AACE9; margin-right:5px; font-size:10px; line-height:12px; height:12px; padding:1px 3px; margin-top:2px;}
.lists li.strike a{ color:#94c5dd; font-size:12px; padding:2px 20px 2px 40px; background-position:10px -295px; border-bottom:1px solid #fbf9eb;  }
.lists em{font-size:10px; font-style:normal; line-height:18px; color:#fff; padding:1px 2px; margin-left:5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.lists em.shared-info{background:#E9534C; }
.lists em.public-info{background:#8E2898;}

 
 

.lists em.shared-user {clear:both; display:block; float:none; padding-left:10px; color:#888;}
.lists em.shared-user i{font-style:normal; color:#888; }


 

/* stopka i menu dolne */

#footer-character{position:absolute; right:-10px; bottom:-150px; width:152px; height:244px; display:block; background:transparent url(http://cdn.minitodo.pl/img-main-site/footer-character.png) no-repeat center center;}

#footer-big-black-wrap {   padding-top:30px; background:transparent url(http://minitodo.pl/main-site/img/bg_bottom.png) no-repeat center top;}
#footer-big-black {background:#ddd4b9; padding:30px; border-top:3px solid #c3b898; }

#footer-big-black-content{width:910px; padding:0 25px; margin:0 auto;}

#footer-big-black h4{font-size:14px; padding:0 10px 10px 10px;}
#footer-big-black ul{line-height:20px;}
#footer-big-black ul li{clear:both;   }
#footer-big-black ul li a{ color:#555; padding:0 10px; margin:0; font-size:11px; clear:both; display:block; text-decoration:none;}
#footer-big-black ul li a.last{border:0;}

#footer-big-black #foot-fl {float:left; width:20%;}



#footer{   clear:both;  border-top:2px solid #d5ccb0; border-bottom:1px solid #d5ccb0; background:#eee5cb;}
#copyrights{line-height:40px; height:40px;font-size:11px; color:#777; margin:0 auto; width:910px; padding:0 25px; text-align:left; }
#copyrights span {float:right;}