/* CSS Document */

/* Form layout */
form {margin: 0; display: inline;}
input, textarea {margin: 0; padding: 2px;  font: 8pt Arial, Verdana, Tahoma;}
input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active  {background: #f9f6b7;}


.long {width: 300px;}
.short {width: 150px;}
.descr {width: 300px; height: 45px;}
.text {width: 300px; height: 300px;}
.hasError {background: #ff0}
.save {margin: 0 5px 0 0; padding: 0 3px; border: 1px solid #333; background: #fff; font-family: georgia;}
.red {color: #FF0000;}


/* Form layout */
form table {margin: 10px 0 0; padding: 0; border: 1px solid #ccc; width: 570px; background: #fff;}
form table .first {padding: 0; height: 30px; margin: 0 0 10px 0;}
form table .first h4{background:  url(../images/layout/table-top.png) repeat-x; padding: 2px 0 18px 5px; font-size: 110%; color: #fff; margin: 0;}
form th {border: 0; width: 150px; vertical-align: top; padding: 2px 5px;}
form td.border, th.border {border: #333 solid; border-width: 0 0 1px 0;}
form td {background: #fff; padding: 3px 0 3px 10px; ;}

/* Admin common table */
#list {margin: 0; padding: 2px; border: 1px solid #ccc; width: 564px; background: #fff; }
#list table {margin: 0; width: 100%; border-collapse: collapse;}
#list .first {background:  url(../images/layout/table-top.png) repeat-x; padding: 0; height: 30px; margin: 0 0 10px 0;}
#list .first h4{ padding: 2px 0 15px 5px; font-size: 120%; color: #fff; margin: 0;}
#list th {border: #000 solid; border-width: 0 0 1px 0; padding: 4px 5px 5px; text-align: left;}
#list td {background:  url(../images/layout/education_spliter.png) repeat-x left bottom; padding: 2px 5px 0; vertical-align: top; }
#list td.gray {background: #f0f0f0 url(../images/layout/education_spliter.png) repeat-x left bottom;}
#list td.white, th.white{background: #fff url(../images/layout/education_spliter.png) repeat-x left bottom;}


/* Notice */
.notice {border: 1px solid #666; background: #f9f6b7; margin: 15px 0; padding: 0;}
.notice-icon-fail {background:  url(../images/layout/icon-fail.png) 10px 10px no-repeat;}
.notice-icon-success {background:  url(../images/layout/icon-success.png) 10px 10px no-repeat; }
.notice-icon-question {background:  url(../images/layout/icon-question.png) 10px 10px no-repeat; }
.notice-icon-fail, .notice-icon-success, .notice-icon-question {padding: 3px 10px 10px 50px; border: 1px solid #fff;}

.note {border: 1px solid #666; background: #f0f0f0; margin: 0 0 15px 0; padding: 0;} 
.note-icon-info {background:  url(../images/layout/icon-info.png) 10px 10px no-repeat;}
.note-icon-info {padding: 3px 10px 10px 50px; border: 1px solid #fff;}
.note a:hover {background: #f0f0f0;}