@font-face {
    font-family: 'cf_asty_stdregular';
    src: url('../fonts/cfastystd-book-webfont.eot');
    src: url('../fonts/cfastystd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cfastystd-book-webfont.woff2') format('woff2'),
         url('../fonts/cfastystd-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cf_asty_stditalic';
    src: url('../fonts/cfastystd-bookoblique-webfont.eot');
    src: url('../fonts/cfastystd-bookoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cfastystd-bookoblique-webfont.woff2') format('woff2'),
         url('../fonts/cfastystd-bookoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cf_asty_stdlight';
    src: url('../fonts/cfastystd-light-webfont.eot');
    src: url('../fonts/cfastystd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cfastystd-light-webfont.woff2') format('woff2'),
         url('../fonts/cfastystd-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cf_asty_stdlight_oblique';
    src: url('../fonts/cfastystd-lightoblique-webfont.eot');
    src: url('../fonts/cfastystd-lightoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cfastystd-lightoblique-webfont.woff2') format('woff2'),
         url('../fonts/cfastystd-lightoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cf_asty_stdbold';
    src: url('../fonts/cfastystd-bold-webfont.eot');
    src: url('../fonts/cfastystd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cfastystd-bold-webfont.woff2') format('woff2'),
         url('../fonts/cfastystd-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cf_asty_stdbold_italic';
    src: url('../fonts/cfastystd-boldoblique-webfont.eot');
    src: url('../fonts/cfastystd-boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cfastystd-boldoblique-webfont.woff2') format('woff2'),
         url('../fonts/cfastystd-boldoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*{margin:0; padding:0;}
html { background:#e7e8e8; }
body{font-family: 'cf_asty_stdregular'; line-height:1.1em; font-size:12px; color:#000000; text-align:left; background:#fff;  }

a{text-decoration:none; cursor:pointer; color:#0d0771;}
a:hover{color:#d20243; text-decoration:none;}
p{padding-top:10px;}
img{border:none;}
em{font-weight:bold; font-style:normal; color:#1146c9;}
ul, ol{margin-left:20px; margin-bottom:10px;}

h2{color:#0d0771; font-size:13px; padding-top:15px; }
h3{color:#0d0771; font-size:11px; padding-bottom:10px; text-transform:uppercase;}
h4{font-size:11px; padding-bottom:10px;}
h5{font-size:11px; padding-bottom:10px;}
h6{padding-bottom:10px;}

.float_left{float:left;}
.float_right{float:right;}
.clear_floats{clear:both; height:0px; overflow:hidden;}

.large{font-size:23px;}

.show{display:block;}
.hide{display:none;}
.minimized{height:330px; overflow:hidden;}
.minimized_home{height:340px; overflow:hidden;}
.maximized{height:auto; overflow:auto;}

/* Header */
#header{ background:#E7E8E8; height:170px;}
#header .container{margin:0 auto; width:963px;}
#header .shadow_left{ height:84px;}
#header .shadow_right{ height:84px;}
#header .contents{padding:0px 60px 0px 40px;}
#header .logo{margin:0 auto; width:103px;}
#header .logo a{display:block; width:103px;}
#header .logo img{display:block; padding:12px 0px 0px 0px;}

/* Main content area */
#main_body_bottom{background:#fff;}
#main_body_bottom .container{margin:0 auto; width:963px;}
#main_body_bottom .contents{padding:0px 40px 0px 40px;}
#main_body_bottom .wrapper{padding:20px;}

/* View more bar */
#view_more{background:url(images/view_more_bar.gif) no-repeat; width:885px; height:23px; padding-top:8px;}

/* Banner */
#banner{margin:12px 0px 13px 0px;}

/* Footer */
#footer{background:url(images/footer_bk.gif) no-repeat top; width:886px; height:98px;}
#footer .contact{padding:29px 20px 11px 20px; font-size:9px; color:#8c8674; font-weight:bold;}

.footercontact{ font-size:11px; background:#E7E8E8; color:#000; height:50px; line-height:50px; width:100%; text-align:center;}

.aitisi input[type=text],.aitisi input[type=password] {  width:250px; font-family: 'cf_asty_stdregular'; font-size:14px; }
.greyback { background:#666; color:#CCC; }
.othersummer { display:none; }
.passkey { color:#AA0033; font-size:15px; }
.error { color:#F00; }
.formhr { color:#AA0033 ;border-top:3px dotted; margin:15px 0px 15px 0px }

#login {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  

    height: 180px;
    width: 400px;
	color:#666;
    margin: 0 0 0 100px;
    padding: 30px;
    

    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:

          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);

    -moz-box-shadow:

          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);

    box-shadow:

          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
	border: 1px dashed #ccc;

}

#aitisi {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  

    height: 300px;
    width: 950px;
	color:#666;
    margin: 10px 0 0px 0px;
    padding: 30px;

    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:

          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);

    -moz-box-shadow:

          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);

    box-shadow:

          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
	border: 1px dashed #ccc;

}

/*#login:before, #aitisi:before {

    content: '';
    position: absolute;
    z-index: -1;
 
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}*/
/*--------------------*/

h1 {
    text-transform: uppercase;
    
    color: #AA0033;
    margin: 0 0 30px 0;
    letter-spacing: 3px;
    font: normal 15px/1 Verdana, Helvetica;
    position: relative;

}



h1:after { 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

h1:before {
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;

}




/*--------------------*/

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
/*--------------------*/
#inputs input {
    background: #f1f1f1 url(images/login-sprite-new.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:13px;
	color:#666;
}

.forminfo { font-size:9px; color:#aaaaaa; }



#email[disabled='disabled'], #firstname[disabled='disabled'], #lastname[disabled='disabled'] { 
color:#b0b0b0!important; 
}

#stfirstname, #stlastname, #cardfullname, #payamount, #invoicename, #invoicevat, #bankid, #motherjob, #mailtogo, #activity, #doy { 
  background-position: 5px -2px !important;
}

#kodikos {
    background-position: 5px -52px !important;
}

#email {
    background-position: 5px -102px !important;
}

#fathertelmob, #mothertelmob {
    background-position: 5px -152px !important;
}

#telnumber, #fathertel, #mothertel {
    background-position: 5px -202px !important;
}

#nowdate, #datepicker, #gradyear, #gradyearbro {
    background-position: 5px -252px !important;
}

#invoiceaddress, #address, #postcode, #city, #fatherjobadd, #motherjobadd, #fatherjobpost, #motherjobpost, #fatherjobcity, #motherjobcity, #broclass, #schoolcoming, #billAddress, #billCity, #billZip, #billState {
    background-position: 5px -302px !important;
}

#inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#actions {
    margin: 25px 0 0 0;
}
#submit {		

    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    text-shadow: 0 1px 0 rgba(255,255,255,0.5);

     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    

    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0 0 0 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
	text-align:center;
	vertical-align:middle!important;

}
#submit:hover,#submit:focus {		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);

}	
#submit:active {		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
#submit::-moz-focus-inner {
  border: none;
}

#actions a {
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;

}

select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 1px solid #cacece;
   border-radius: 0;
   height: 34px;
   }
   

.check {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 18px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.check:active, .check:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.check:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.check:checked:after {
    content: '\2714';
    font-size: 28px;
    position: absolute;
    top: 0px;
    left: 6px;
    color: #99a1a7;
}
.red {
	color:#F00; 
}
.warning {
    padding: 20px;
    border: 1px solid #000;
    margin:20px 0px;
    display: none;
}
/*--------------------*/

#submit {		

    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    text-shadow: 0 1px 0 rgba(255,255,255,0.5);

     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    

    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0 0 0 0;
    width: 220px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
	text-align:center;
	vertical-align:middle!important;

}
#submit:hover,#submit:focus {		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);

}	
#submit:active {		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
#submit::-moz-focus-inner {
  border: none;
}
.install { display:none; }