@import url(http://fonts.googleapis.com/css?family=Roboto:500,300&subset=latin,greek);
body{margin:0;padding:0;font-family:'Roboto', Arial, sans-serif; font-size:14px; font-weight:300;color: #333333;
background: #f6f8f9;
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}
#content{width:640px;text-align:center;padding:20px 20px 30px 20px;margin:20px auto; background:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);-moz-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);}

h1{font-size: 22px;font-weight:500; color: #005ca8;padding:0;margin:10px;}

i{color:#666; font-size:11px; line-height:15px; display:inline-block;}
b, strong{font-weight:500;}
a, .blue{color:#005ca8; text-decoration:none;}
p{padding:10px 0;margin:0;}

.clear{clear:both;}

.msg{background:#cfe0ed; padding:10px 20px; margin:0; display:block;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

input[type='text'],input[type='email'],input[type='url'],input[type='password'],textarea {border: solid 1px #ccc;font-family:'Roboto', Arial, sans-serif;font-size: 14px;width: 280px;padding: 7px;margin: 5px 0 0 0;color: #005ca8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 0px 3px 0px rgba(200,200,200,1);-moz-box-shadow: 0px 0px 3px 0px rgba(200,200,200,1);box-shadow: 0px 0px 3px 0px rgba(200,200,200,1);opacity:0.4;filter:alpha(opacity=40);}
input[type='text']:hover,input[type='email']:hover,input[type='url']:hover,input[type='password']:hover,textarea:hover {opacity:0.7;filter:alpha(opacity=70);}
select:hover {cursor: default;}
input[type='text']:focus,input[type='email']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus {opacity:1.0;filter:alpha(opacity=100);}
input[type='submit'], input[type='button'] {color: #fff;font-family:'Roboto', Arial, sans-serif;background: #005ca8;font-size:16px; font-weight:500;border:0;margin: 5px 0 0 0; padding:7px 25px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);-moz-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);}

input[type='radio'], input[type='checkbox'] {opacity: 0;float: left;width: 18px;height:18px;cursor: pointer;}
input[type='radio'] + label, input[type='checkbox'] + label {margin: 0;clear: none;padding: 5px 0 4px 24px;cursor: pointer;background: url(off.png) left center no-repeat;}
input[type='radio']:checked + label {background-image: url(check.png);}
input[type='checkbox']:checked + label {background-image: url(check.png);}

table{width:100%;}
td{text-align:center;}