body { background: #F0F0F0 url(../gfx/bg.gif) repeat-x scroll left top; color: #333; font-size: 75%; }

/* form */
form p { margin: 0; }
form p.plain { margin: 0 0 1em 0; }
form p.note { margin-left: 170px; font-size: 90%; color: #666; }
form p.control { margin-left: 170px; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form fieldset div { padding: 0.25em 0; display: block; clear: both; }
form fieldset div.controls { margin-left: 91px; }
form fieldset div.group { padding: 0; display: inline; }
form legend { font-weight: bold; color: #666;}
div.buttonrow { margin: 0; }
div.buttonrow button { margin-right: 2px; padding: 5px 10px; }

label.simple { float: none; display: inline; margin: 0; padding: 0; }

form fieldset div label,
form span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }

div.error { background-color: #CC0000; color: #FFFFFF; padding: 5px 10px; margin: 1em 0; font-size: 110%; }
div.errors { border: 1px solid #c00; margin: 0; padding: 0 20px; }
div.errors p { margin: 0.5em 0; }
div.errors ul { margin: 0 0 0.5em 1.5em; }

label em, span.label em { color: #C00; font-size: 120%; font-style: normal; position: absolute; right: 0;}

/* general */
table th, table td { padding: 4px; text-align: left; vertical-align: top; }
table th { border-bottom: 2px solid #DDDDDD; color: #009900; }

.even { background-color: #FFF; }
.odd { background-color: #F9F9F9; }

.light { color: #666; }

a { color: #003399; }
a:hover { color: #000066; text-decoration: none; }

h2 { font-size: 150%; font-weight: normal; margin: 10px 0 15px; color: #090; }
h2 a { float: right; font-size: 70%; margin: 2px 0 0 0; padding-left: 17px; background: #fff url(../gfx/new.gif) no-repeat scroll 0 2px; }

/* oldal felépítés formázás */
div#wrapper { margin: 0 auto; min-width: 1100px; }

div#header { margin: 0 20px 12px 20px; color: #FFF; height: 28px; }
div#header a { color: #9cd5e5; text-decoration: none; border-bottom: 1px dotted #9cd5e5; }
div#header a:hover { text-decoration: none; border-bottom: 1px solid #fff; color: #fff; }
div#header ul { font-size: 90%; list-style: none; margin: 0; padding: 0; }
div#header ul li { float: left; padding: 0; margin: 6px 0 2px 0; vertical-align: middle; }
div#header span { margin: 0 5px 0 5px; }
div#header strong { margin: 0; font-size: 150%; font-weight: normal; }
div#header strong.sub { margin: 0 0 0 5px; font-size: 110%; color: #9cd5e5; }
div#header .right { float: right; }

div#container { width: 100%; float: left; }

/* border: 1px solid #f00;*/
div#menu { height: 35px; margin: 5px 20px 0 20px; padding: 0; }
div#menu ul { text-transform: uppercase; margin: 0; font-size: 90%; padding: 0; text-align: right; list-style: none; }
div#menu ul li { display: inline; float: left; }
div#menu ul li a { color: #424546; text-decoration: none; background-color: #ceeaf2; display: block; padding: 7px 10px 8px 10px; border: 1px solid #90c9db; border-bottom: 1px solid #53aac6; }
div#menu ul li a:hover, 
div#menu ul li a.current { color: #333; text-decoration: none; background-color: #fff; border: 1px solid #53aac6; border-bottom: 1px solid #fff; }
div#menu .right { float: right; margin: 0 0 0 4px; }

body.ie div#menu ul li a { padding: 7px 10px; }

div#content { overflow: auto; }

div#left { float: left; width: 75%; margin: 0; padding: 0; }
div#content-left { margin: 0 0 0 20px; padding: 10px 20px 20px 20px; background-color: #fff; border-bottom: 1px solid #BBB; }

div#right { float: right; width: 25%; margin: 0; padding: 0; }
div#content-right { margin: 0 20px; padding: 10px 20px 20px 10px; background-color: #fff; border-bottom: 1px solid #BBB; }

/* háttér mentes formázás pl.: belépés */
body#clear { background: #F0F0F0 url() no-repeat scroll 0 0; }
body#clear div#wrapper { margin: 0 auto; min-width: 0; width: 450px; background-color: #FFFFFF; border: 1px solid #BFBFBF; padding: 20px; margin-top: 250px; } 
body#clear h2 { font-size: 170%; margin: 0; }
body#clear form fieldset { border: none; }
body#clear form fieldset div label { width: 75px; }
body#clear form div.buttonrow { margin-left: 105px; }

div#page-menu { border-bottom:1px solid #F0F0F0; height: 26px; margin: 2em 0 1em 0; }
div#page-menu ul { text-transform: uppercase; margin: 0; font-size: 90%; padding: 0; text-align: right; list-style: none; }
div#page-menu ul li { margin: 0 4px 0 0; float: left; vertical-align: middle; }
div#page-menu ul li a { padding: 10px 10px 10px 10px; color: #333; text-decoration: none; background-color: #FAFAFA; }
div#page-menu ul li a:hover, div#page-menu ul li a.current { color: #000; text-decoration: none; background-color: #F0F0F0; }

hr.pure { border: 1px solid #CCC; border-width: 1px 0 0 0; clear: both; } 
p { font-size: 110%; }
p.pure { margin: 0; }
p.pure span { color: #999; }

div.warning { border: 1px solid #FDD845; background: #FFF6BF url(../gfx/exclamation.png) no-repeat scroll 10px 7px; margin: 0; padding: 0 20px 0 35px; }
div.warning p { margin: 0.5em 0; }

div.box { position: absolute; right: 0; width: 250px; border: 1px solid #FDD845; background-color: #FFF6BF; margin: 0 20px; padding: 0 20px; }
div.box p { margin: 0.5em 0; }
div.box li a.delete { float: right; }

div#content-menu { border-bottom:1px solid #F0F0F0; overflow: auto; margin: 2em 0 1em 0; }
div#content-menu ul { text-transform: uppercase; margin: 0; font-size: 90%; padding: 0; list-style: none; }
div#content-menu ul li { display: inline; margin: 0 4px 0 0; }
div#content-menu ul li a { padding: 10px; line-height: 34px; color: #333; text-decoration: none; background-color: #FAFAFA; }
div#content-menu ul li a:hover, 
div#content-menu ul li a.current { color: #000; text-decoration: none; background-color: #F0F0F0; }

div#right ul { margin: 0 0 5px 10px; }
div#right ul li a { }
div#right ul li a:hover { text-decoration: none; }
div#right ul li a.current { text-decoration: none; font-weight: bold; }
div#right h3 { font-size: 130%; font-weight: normal; border-bottom: 1px solid #eee; padding: 0 0 2px 0; margin: 1em 0 0.5em 0; }

div#lang-tabs { border-bottom:1px solid #F0F0F0; overflow: auto; margin: 2em 0 1em 0; }
div#lang-tabs ul { text-transform: uppercase; margin: 0; font-size: 90%; padding: 0; text-align: right; list-style: none; }
div#lang-tabs ul li { margin: 0 4px 0 0; float: left; vertical-align: middle; }
div#lang-tabs ul li a { cursor: pointer; display: block; padding: 10px 10px 10px 10px; color: #333; text-decoration: none; background-color: #FAFAFA; }
div#lang-tabs ul li a:hover,
div#lang-tabs ul li a.current { color: #000; text-decoration: none; background-color: #F0F0F0; }

em.note { color: #666; }

/* DatePicker */
.DatePicker { width: 80px; }


/* Date Picker */

table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
    display: none;
}

div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}