/* -- RESET
------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,
p,blockquote,th,td{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;} 
address,caption,cite,code,th{font-style:normal;font-weight:normal;} 
caption,th{text-align:left;} 
fieldset,img{border:0;} 
ul{list-style:none;} 
a{text-decoration:none;} 
table{border-collapse:collapse;border-spacing:0;}
img { -ms-interpolation-mode: bicubic; }


/* -- GENERAL
------------------------------------------------------------- */
html, button, input, select, textarea {
	color:#555; 
	font-smooth:always;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

/* -- GRID
------------------------------------------------------------- */
.container{width:970px;margin:0 auto;position: relative;}

.grid{*zoom: 1;}
.grid:before,.grid:after{display:table;content:"";line-height:0;}
.grid:after{clear:both;}

.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10{float:left;min-height:1px;margin-left:10px;margin-right:10px;}
.grid9,.grid3{margin-left:11px;margin-right:11px;}

.grid12{width:970px;}
.grid10{width:805px;}
.grid9 {width:722px;}
.grid8 {width:640px;}
.grid7 {width:557px;}
.grid6 {width:475px;}
.grid5 {width:392px;}
.grid4 {width:310px;}
.grid3 {width:226px;}
.grid2 {width:145px;}

.grid2.first,.grid3.first,.grid4.first,.grid5.first,.grid6.first,.grid7.first,.grid8.first,.grid9.first,.grid10.first{margin-left:0;}
.grid2.last,.grid3.last,.grid4.last,.grid5.last,.grid6.last,.grid7.last,.grid8.last,.grid9.last,.grid10.last{margin-right:0;}

@media only screen and (min-width: 765px) and (max-width: 969px) {
    .container{width:766px;}
    .grid12{width:766px;}
    .grid10{width:635px;}
    .grid9 {width:569px;}
    .grid8 {width:504px;}
    .grid7 {width:438px;}
    .grid6 {width:373px;}
    .grid5 {width:307px;}
    .grid4 {width:242px;}
    .grid3 {width:175px;}
    .grid2 {width:111px;}
}

@media only screen and (max-width: 767px) {
    .container{width:300px; }
    .grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid12{float:none;width:300px;margin:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container{width:420px;}
    .grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid12{float:none;width:420px;margin:0;}
}


/* -- FORM
------------------------------------------------------------- */
input[type="text"],input[type="password"],input[type="email"],textarea,select {border: 1px solid #b5b5b5;padding: 4px 3px;background: #fff;border-radius:3px}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
	border: 1px solid #aaa;color: #5f5f5f;-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);box-shadow:  0 0 3px rgba(0,0,0,.2); 
}
	
button[type="button"],input[type="submit"],input[type="reset"],input[type="button"] {
  *zoom: 1;padding: 3px 14px;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center;
  cursor: pointer;color: #333333;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;*border: 0;border-bottom-color: #a2a2a2;border-radius: 3px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
		color: #222;
		background: #e6e6e6; /* Old browsers */
}


/* -- MOZAIK
------------------------------------------------------------- */
#mozaik-tools{
  clear:both;background:#D4D4D4 url(images/toolbar.png) repeat-x top left;
  position:fixed;left:0;bottom:0;width:100%;z-index:10;
  font: bold 12px arial;color:#666666;border-top:1px solid #D3D3D3;
}
#mozaik-tools ul{clear:both;padding:2px 10px;overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #BDBCBC}
#mozaik-tools a{color:#666666}
.mozaik-toolbar li{float:right;margin-left:4px}
.mozaik-toolbar li a,.mozaik-toolbar span{display:block;padding:3px 5px;}
.mozaik-toolbar li a:hover{color:#000!important}
#mozaik-reload{z-index:8;position:absolute;right:35px;top:4px;width:20px;height:20px}

#mozaik-preview,#mozaik-edit{
  filter:alpha(opacity = 70);opacity:0.70;
  z-index:8;padding:2px 6px 2px 6px;
}
#mozaik-preview a,#mozaik-edit a{font-weight:bold;text-decoration:underline}
#mozaik-preview{border:1px solid #355A31;background:#B1F08E;color:#20371E}
#mozaik-preview a{color:#20371E;}
#mozaik-edit{border:1px solid #B5341B;background:#FA9C7C;color:#6A240C}
#mozaik-edit a{color:#6A240C}
.mozaik-toolbar li{float:right;margin-left:10px}

#mozaik-account-networks{display:none;position:absolute;right:0;bottom:20px;max-width:300px;
background:#fff;padding:8px;border:1px solid #BDBCBC}
#mozaik-account-networks a{float:right;margin:3px;padding:0!important}

.mozaik-captcha{vertical-align:middle;margin-bottom:15px}
.mozaik-captcha img{vertical-align:middle}
.mozaik-captcha input{vertical-align:middle}

#mozaik-contact-form{padding:20px;margin:15px auto}
.mozaik-contact label{display:block;font-weight:bold;}
.mozaik-contact block{display:block;margin:5px 0}
.mozaik-contact .contact-input-text{width:500px}
.mozaik-contact .contact-textarea{width:500px}

#mozaik-footer{height:24px;font-size:12px;position:relative}
#mozaik-footer-text{margin:0 auto;width:80px;height:0;position:relative}
#mozaik-footer-back{height:24px;background:#fff;filter:alpha(opacity = 35);-moz-opacity:0.35; opacity:0.35;}
#mozaik-footer a{position:absolute;top:0;padding-top:4px;color:#000;display:block;width:80px;text-align:center}

.mozaik-info,.mozaik-guide,.mozaik-message,.mozaik-advert-message,.mozaik-bad-message,.mozaik-error-message{line-height:1.40em;margin-bottom:10px;padding:7px 10px;}
.mozaik-info{border:1px solid #f4c976;background:#fbf4cf url(images/guide.png) no-repeat 10px 7px;color:#20371E;padding-left:58px!important;}
.mozaik-guide{border:1px solid #f4c976;background:#fbf4cf url(images/info.png) no-repeat 5px 4px;color:#20371E;padding-left:35px!important;}
.mozaik-info a,.mozaik-guide a{color:#000;text-decoration:underline;font-weight:bold}
.mozaik-message{border:1px solid #355A31;background:#B1F08E;color:#20371E}
.mozaik-advert-message{border:1px solid #D76101;background:#FFD4A6;color:#D76101}
.mozaik-bad-message,.mozaik-error-message{border:1px solid #B5341B;background:#FA9C7C;color:#6A240C}
.mozaik-label-block,.mozaik-label{display:block;font-weight:bold;margin:5px 0}
.mozaik-form-box{padding:5px 0}
.mozaik-login{background:#fff;margin:15px auto;padding:20px;width:500px;font-family:Arial,Verdana,san-serif}
.mozaik-login td{padding:0 10px 10px 0;}
.mozaik-login label{font-size:18px;}
.mozaik-login .mozaik-input{width:280px}
.mozaik-input{font:18px arial,sans-serif;}
.mozaik-submit{
  background: #EBEBEB url(images/submit.png) no-repeat right bottom;outline:0;vertical-align:top;
  border:solid 1px;border-color:#CCC #E7E7E7 #E7E7E7 #CCC;height:28px;font-size:15px;padding:0 7px 2px 7px 
}
body.mozaik-text{padding:15px;font-family:Arial, Verdana, sans-serif;font-size:0.9em;line-height:1.45em;}
div.mozaik-text{}
.mozaik-text{}
.mozaik-text table td{padding:4px;}
.mozaik-text .mozaik-table td{padding:5px;border:1px solid #000}
.mozaik-text p{margin-bottom:10px}
.mozaik-text h3{margin-bottom:8px;color:#666;font-size:18px}
.mozaik-text h4{margin-bottom:6px;color:#666;font-size:16px;font-weight:bold}
.mozaik-text ul li{padding-left:15px;margin:4px;background: url(images/list.gif) no-repeat left top;}
.mozaik-text ol li{margin:4px;}

.mozaik-text-link{color:#428CE7;font-weight:bold;}
.mozaik-text-link:hover{text-decoration:underline}