body {
    padding: 10px 25px;
    font-family: sans-serif;
    font-size: 11px;
    color: #618B4B;
}


/* General styles */

a { cursor: pointer; text-decoration: none; }
a img { vertical-align: middle; margin: 0 1px; border: none; }

p { margin: 2px 0; }

table { font-size: 11px; }
td { vertical-align: top; }

/* End of General styles */

/* Messages */
.message {
    border: #EB8F00 1px dotted;
    border-top: none;
    text-align: center;
    padding: 5px 25px;
}
.red { color: red; line-height: 20px; }
/* End of Messages */

/* Left menu */

#leftcolumn {
    width: 200px;
    float: left;
/*    position: absolute;*/
/*    position: fixed;*/
}

#leftcolumn a { display: block; }
#mainmenu div a { padding-left: 5px; color: #618B4B; font-weight: bold; }
#mainmenu div a:hover { padding-left: 5px; color: #EB8F00; }
#leftcolumn .ui-accordion-content { padding: 10px; }
#leftcolumn .spacer { border-bottom: #618B4B 1px dotted; margin: 3px 0; }
/* End of Left menu */

#breadcrumbs {
    height: 29px;
}
#breadcrumbs p {
    float: left;
    line-height: 25px;
}
#breadcrumbs span {
    float: left;
    margin-right: 0.3em;
    margin-top: 5px;
}

#component {
    margin-top: 5px;
    margin-left: 30px;
    float: left;
	width: 800px;
}

/* Listtable */
.listtable {
    width: 100%;
    font-size: 11px;
    border-bottom: #EB8F00 1px dotted;
    border-right: #EB8F00 1px dotted;
    margin: 5px 0;
}

.listtable tr:hover { background-color: #E4E4E4; }
.listtable tr.header:hover { background: none; }

.listtable td, .listtable th {
    width: 1%;
    text-align: center;
    padding: 1px 3px;
    white-space: nowrap;
    border-top: #EB8F00 1px dotted;
    border-left: #EB8F00 1px dotted;
}

.listtable td.wide, .listtable th.wide {
    width: 100%;
    text-align: left;
    white-space: normal;
}

.listtable a { color: #618B4B; }
.listtable a:hover { color: #EB8F00; }

.level_1 { text-indent: 20px; }
/* End of Listtable */

/* Forms */

input, .formline textarea, select, a.button {
    border: #F6AE38 1px solid;
    text-decoration: none;
}

input.button {
    color: #618B4B;
    font-weight: bold;
}

.button { cursor: pointer; }

input.textinput {
    width: 350px;
    padding: 2px 3px;
    height: 20px;
}

input.short { width: 100px; }

select {
    width: 350px;
    height: 20px;
}
select#region{height: 85px;}

a.button {
    background: #fff;
    color: #618B4B;
    line-height: 22px;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    font-weight: bold;
}

a.button:hover {
    background: #FFF0A5;
    color: #1C94C4;
}

.formline textarea {
    width: 350px;
}

.formline {
    margin: 2px 0;
    clear: both;
}

.formline div {
    width: 155px;
    text-align: right;
    float: left;
    line-height: 20px;
    margin-right: 7px;
}

.formline p {
    font-weight: normal;
    color: #000;
    padding: 4px 0;
    margin-left: 165px;
    width: 400px;
}

.authform {
    margin: 10% auto;
    width: 400px;
    padding: 15px;
    border: #618B4B 1px solid;
}

.colls {

}

.colls form {
    margin:5px 0 0;
}

.colls input {
    vertical-align: middle;
}

.colls .button {
    margin:0;
}

#dialog_link {
    padding:0.4em 1em 0.4em 25px;
    position:relative;
    line-height: 30px;
}

#dialog_link span.ui-icon {
    left:0.2em;
    margin:-8px 5px 0 4px;
    position:absolute;
    top:50%;
}

#dialog_link:hover {
    background: #FDF5CE url(http://registration.puzzle-game.com.ua/templates/sunflower/css/images/ui-bg_glass_100_fdf5ce_1x400.png) repeat-x scroll 50% 50%;
    border: 1px solid #FBCB09;
    color: #C77405;
}
/* End of Forms */

.legend0, .legend1, .legend2 { font-weight: bold; }
.legend0 { color: red; }
.legend1 { color: green; }
.legend2 { color: gray; }
/* Pagination */

div.pagination {
    text-align: right;
}

div.pagination p {
    float: left;
    font-weight: bold;
    margin: 0;
}

div.pagination a, div.pagination span {
    border: #EB8F00 1px dotted;
    text-decoration: none;
    padding: 0 3px;
    color: #618B4B;
    font-weight: bold;
}

div.pagination span {
    background: #eb8f00;
    border-style: solid;
}

div.pagination a:hover {
    border-style: solid;
}

/* End of Pagination */

.spacer {
    clear: both;
    line-height: 1px;
    height: 1px;
}

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }

#pupils, #schools_table { width: 440px; margin-left: 72px; border-top: #F6AE38 1px solid; border-left: #F6AE38 1px solid; }

#pupils td, #pupils th, #schools_table td,  #schools_table th {
/*    padding: 2px 0;*/
    text-align: center;
    border-bottom: #F6AE38 1px solid;
    border-right: #F6AE38 1px solid;
}

#pupils input, #schools_table input { width: 80px; border: none; text-align: center; }
table.options{width: 500px; margin: 20px 0;}
.options input{margin-left: 10px;}
.options div{width: 187px; }
.filter { text-align: right; }
.filter form { margin: 5px 0 0 0; }
.filter .button { margin: 0; }
.filter select { width: 150px; margin-right: 5px; }


.autocomplete-w1 { background:url(http://registration.puzzle-game.com.ua/templates/sunflower/css/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.invisible{display: none;}
.totals{padding-left: 72px; }
td.dis, #pupils input.dis, th.dis{ background: #7F9DB9; color: #7F9DB9; display: none;}
tr.dis{display: none;}
#lang{width: 188px;}
#lang input{margin-left: 21px;}
#auth_wrapper{margin-left: 220px; width: 500px;}