body {
    background-color: white;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    color: #626A69;
    height: 100%;
}

#body {
    background: none;
}

a {
    color: #CC0000;
    text-decoration: underline;
    cursor: pointer;
}

a:hover {
    background-color: inherit;
    text-decoration: none;
}

h2 {
    color: #CC0000;
    margin: 10px 0 20px;
}

h3 {
    
}

.clear {
    clear: both;
}

.switchLocaleMargin,#user,#header,#navigation,#content,#footer {
    margin: 0 auto;
    width: 750px;
}

#userIn,#currentLocale {
    float: right;
    margin: 0 0 0 20px;
    overflow: hidden;
}

#userIn a,#currentLocale a {
    color: #cc0000;
    display: block;
    float: left;
    padding: 0 10px;
    height: 20px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #e7e7e7;
}

#userIn a:hover,#currentLocale a:hover {
    background-color: #f8f8f8;
}

#switchLocale {
    color: inherit;
    background-color: inherit;
}

#allLocales {
    overflow: hidden;
    padding: 2px;
}

#allLocales a {
    float: right;
    display: block;
    padding: 2px;
    margin-left: 10px;
    color: inherit;
}

#allLocales a:hover span.link {
    text-decoration: underline;
}

#switchLocale a span.link {
    text-decoration: none;
}

#switchLocale a.img {
    text-decoration: none;
}

#switchLocale a img {
    vertical-align: middle;
    border: none;
    margin-right: 2px;
}

#headHr {
    height: 5px;
    background-color: inherit;
}

#headerOut {
    background: inherit;
    height: 60px;
}

#header {
    
}

#header a {
    color: inherit;
}

#navigationOut {
    
}

#navigation {
    padding-bottom: 5px;
    background-image:
        url(http://home.push.envox.hr/agencies/envox-d.o.o./clients/edukacentar/campaigns/57/htdocs/images/nav-shad.gif)
        ;
    background-repeat: repeat-x;
    background-position: bottom left;
}

#navigation ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 32px;
    background-image:
        url(http://home.push.envox.hr/agencies/envox-d.o.o./clients/edukacentar/campaigns/57/htdocs/images/nav.gif)
        ;
    background-repeat: repeat-x;
    background-position: center;
}

#navigation ul li {
    display: block;
    overflow: hidden;
    float: left;
    border-right: 1px solid #BABDB6;
}

#navigation ul li a {
    display: block;
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #E7E8E6;
    height: 32px;
    padding: 0 16px 0;
    line-height: 32px;
    border-right: 1px solid #626A69;
    font-size: 0.9em;
}

#navigation ul li.current a,#navigation ul li.current a:hover {
    background-image:
        url(http://home.push.envox.hr/agencies/envox-d.o.o./clients/edukacentar/campaigns/57/htdocs/images/nav-cur.gif)
        ;
    background-repeat: repeat-x;
    background-position: center;
    border-left: none;
}

#navigation ul li a:hover {
    color: white;
    background-image:
        url(http://home.push.envox.hr/agencies/envox-d.o.o./clients/edukacentar/campaigns/57/htdocs/images/nav-hov.gif)
        ;
    background-repeat: repeat-x;
    background-position: center;
}

#contentOut {
    color: inherit;
}

#content {
    margin-top: 25px;
    border: 1px solid #e7e7e7;
    background-image:
        url(http://home.push.envox.hr/agencies/envox-d.o.o./clients/edukacentar/campaigns/57/htdocs/images/cont-bg.gif)
        ;
    background-repeat: repeat-x;
    background-position: bottom left;
}

#contentIn {
    padding: 20px;
}

#footerOut {
    
}

#footer {
    padding-top: 10px;
    text-align: center;
    font-size: 0.9em;
}

form dl {
    
}

form dl dt {
    margin: 0 0 2px 0;
    font-weight: bold;
}

form dl dd {
    padding: 0 0 6px 0;
}

form input[type="submit"] {
    border: 1px outset #A8A8A8;
    color: #515756;
    font-weight: bold;
    font-size: 0.9em;
    padding: 2px 8px;
}

form input[type="submit"] {
    font-family: Tahoma, Arial, sans-serif;
}


















form input[type="text"],form input[type="password"],form textarea {
    border: 1px solid #cccccc;
    padding: 2px 3px 2px 2px;
}

form div.input {
    padding: 3px;
    display: block;
    float: left;
}

form div.error {
    background-image: url(http://engine.envox.hr/images/errorBg.png);
    background-repeat: repeat;
    background-position: top left;
}

form div.error span {
    color: black;
    background-color: white;
}

form div.focusTip,form div.tipIn {
    background-image: url(http://engine.envox.hr/images/tipBg.png);
    background-repeat: repeat;
    background-position: top left;
}

form div.focusTip {
    padding-right: 7px;
}

form div.tip {
    display: none;
    float: left;
    color: black;
    font-weight: bold;
    position: relative;
}

form div.tip .tipIn {
    position: absolute;
    padding: 4px;
    padding-left: 6px;
    width: 200px;
}

form ul.errors {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #c4110e;
    font-weight: bold;
    /* For stupid IE6 */
    line-height: inherit;
}

form dl.margin {
    margin-bottom: 0;
}

form dl.margin dd {
    margin: 0;
}

form dl dd div.indicator {
    float: left;
    width: 40px;
    height: 28px;
    text-align: center;
    display: block;
}

form dl dd .statusLoad {
    background-image: url(http://engine.envox.hr/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

form dl dd .statusOk {
    background-image: url(http://engine.envox.hr/images/statusOk20.png);
    background-repeat: no-repeat;
    background-position: center;
}

form dl dd .statusWarn {
    background-image: url(http://engine.envox.hr/images/statusWarn20.png);
    background-repeat: no-repeat;
    background-position: center;
}

form dl.single {
    margin: 0;
}

#forward {
    margin: 40px 0 40px 0;
}

#forward #addField {
    margin-left: 4px;
}

#forward form ul.errors {
    width: 150px;
    padding-left: 44px;
}