body {
    padding: 0px;
    margin: 0px;
    font: 15px/30px 'Trebuchet MS', 'Lucida Sans Unicode', 'Trebuchet MS', Tahoma;
    background: #fff url('../gfx/bg.png');
}

h1 {
    color: transparent;
    width: 256px;
    height: 33px;
    margin-left: 15px;
}

h2 {
    font-size: 1.4em;
}

a {
    border: none;
    outline: none;
}

#logo {
    float: right;
    background: url('../gfx/logo.png');
    width: 150px;
    height: 50px;
    margin-top: -60px;
    margin-right: 15px;
}

form {
    padding: 0 15px 0px 15px;
}

.head {
    background: url('../gfx/darkBg.jpg');
    height: 39px;
}

.TabButton, .SelectedTabButton {
    width: 192px;
    display: inline-block;
    text-align: center;
    margin: 0;
    float: left;
}

a.TabButton, a.SelectedTabButton, a:visited.TabButton, a:visited.SelectedTabButton {
    text-decoration: none;
    padding-top: 5px;
    height: 34px;
}

a:hover.TabButton {
    text-decoration: none;
    color: #fff;
}

a:hover.SelectedTabButton {
    text-decoration: none;
    color: #000;
}

.TabButton {
    padding-top: 5px;
    color: #f3f3f3;
}

.SelectedTabButton {
    background: url('../gfx/lightBg.png');
    border-top: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    color: #595858;
}

.TabPanel {
    background: #fff;
    /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eae9e9));
    /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #fff, #eae9e9);
    /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #fff, #eae9e9);
    /* IE 10 */ background: -ms-linear-gradient(top,#fff, #eae9e9);
    /* Opera 11.10+ */ background: -o-linear-gradient(top, #fff, #eae9e9);
    padding: 8px 24px 8px 24px;
    color: #595858;
    border-left: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
}

    .TabPanel legend {
        color: #595858;
    }

    .TabPanel table {
        width: 100%;
    }

    .TabPanel td, .TabPanel th {
        background: #fafafa;
        border: 1px solid #D5D5D5;
        padding: 2px 5px;
    }

    .TabPanel hr {
        border: none;
        border-top: solid 1px white;
    }

    .TabPanel ul li {
        list-style: square url("../gfx/arr.png");
    }

    .TabPanel select {
        width: 200px;
        border: 1px solid silver;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #333;
        padding: 3px 0px;
        height: 25px;
        margin: 0px 0;
    }

.Button {
    cursor: pointer;
    background: url(../gfx/middlebg.png) repeat-x;
    border: 1px solid silver;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    padding: 2px 10px;
    height: 30px;
    margin: 0px 0;
}

    .Button:hover {
        background: url(../gfx/btn_hover.png) repeat-x;
        color: #fff;
    }

.TabPanel element.style {
    color: Red;
}
/********paginacija************/
.Pagination table {
    width: auto;
    float: left;
    border: none;
}

.Pagination td {
    cursor: pointer;
    background: url(../gfx/middlebg.png) repeat-x;
    border: 1px solid silver;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #AC0084;
    padding: 2px 12px;
    margin: 0px 0;
}

    .Pagination td a {
        color: #333;
        text-decoration: none;
    }

    .Pagination td:hover, td a:hover {
        color: #AC0084;
    }
/*******paginacija kraj*********/
.fileupload {
    position: relative;
}

.PanelBackgroundText {
    font: 15px/30px 'Lucida Sans Unicode', 'Trebuchet MS', Tahoma;
    color: white;
    background: #c6168d;
    border: none;
}

.PanelSmallNoteText {
    font-size: small;
    color: #AC0084;
    ;
}

.MediumWide {
    width: 128px;
    display: inline-block;
}

.Wide {
    width: 256px;
    display: inline-block;
}

    .Wide a {
        color: #ac0084;
        text-decoration: none;
    }

        .Wide a:hover {
            color: #333;
        }

.Copyright {
    margin-right: 15px;
}

    .Copyright, .Copyright a, .Copyright a:hover {
        font-size: small;
        text-align: right;
        color: #595858;
    }

.HyperLink {
    color: #595858;
    color: #AC0084;
    cursor: pointer;
}

a.HyperLink {
    text-decoration: none;
}

a:hover.HyperLink {
    text-decoration: none;
    color: #AC0084;
    color: #595858;
}

.Error {
    color: Red;
}

.DataPreviewContainer {
    display: inline-block;
    height: 256px;
    overflow-y: auto;
    width: 100%;
}

.EmailPreview {
    border: inset 2px white;
    background: White;
    color: Black;
    padding: 10px;
}

.error {
    border-radius: 4px;
    border: 1px solid #AE432E;
    background-color: #F2D4CE;
    padding: 3px 5px 0 25px;
    background-image: url('../gfx/icon_notification_error.png');
    background-repeat: no-repeat;
    background-position: 5px 9px;
    width: 623px;
    margin-top: 15px;
    display: block;
    color: #595858;
}

/*.Icon
{
	background-image: url(Page-Delete.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 8px 0px 8px 40px;
	margin: 2px 0px 2px 8px;
}*/

/*
	glDatePicker default style

	http://code.gautamlad.com/glDatePicker/
	https://github.com/glad/glDatePicker/
*/

/* Calendar container div */
.gldp-default {
    float: left;
    font-family: "trebuchet ms" !important;
    background-color: #ccc !important;
    font-size: 0.8em !important;
    border: solid 1px #888;
}

    /* Table style */
    .gldp-default table {
        border-spacing: 0px;
        border-collapse: inherit;
    }

    /* Default row height */
    .gldp-default tr {
        line-height: 28px;
    }

    /* Default style of cell */
    .gldp-default td {
        margin: 0;
        padding: 0;
        width: 33px;
        text-align: center;
    }

    .gldp-default th {
        color: #fff;
    }

/* Previous and Next arrows */
.gldp-default-prevnext {
    font-family: "times new roman";
    color: #000;
    cursor: pointer;
    font-weight: bold;
    background: url('../gfx/darkBg.jpg');
}

/* Month Year title */
.gldp-default-monyear {
    color: #222;
    font-size: 0.9em !important;
    font-weight: bold;
}

/* Days of the week (Sun, Mon, ...) */
.gldp-default-dow {
    color: #000;
    font-size: 0.8em !important;
    font-weight: bold;
}

/* Selectable days */
.gldp-default-day {
    color: #595858;
    border: solid 1px #fff;
    font-weight: bold;
}

.gldp-default-day-hover {
    color: #f82200;
    border: solid 1px #f82200;
    cursor: pointer;
    font-weight: bold;
}

/* Selected days */
.gldp-default-selected {
    background-color: #fee;
    color: #222;
    border: solid 1px #f82200;
}

/* Today */
.gldp-default-today {
    color: #AC0084;
    border: solid 1px #f82200;
    font-weight: bold;
}

.gldp-default-today-hover {
    color: #f82200;
    border: solid 1px #f82200;
    cursor: pointer;
    font-weight: bold;
}

/* Weekends */
.gldp-default-sat, .gldp-default-sun {
    color: #004f8f;
    border: solid 1px #fff;
    font-weight: bold;
}

.gldp-default-sat-hover, .gldp-default-sun-hover {
    color: #004f8f;
    border: solid 1px #f82200;
    cursor: pointer;
    font-weight: bold;
}

/* Non-selectable day.  Includes:previous/next month days and days that fall in the allowOld and endDate conditions */
.gldp-default-noday {
    border: solid 1px #fff;
    color: #666;
    cursor: wait;
}

.noborder, .noborder tr, .noborder td {
    border: none !important;
}

.ResponsePreview a {
    text-decoration: none;
    color: #ac0084;
}

    .ResponsePreview a:hover {
        color: #333;
    }