/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/**
* Library
*/
h3{font-size:130%; margin: 20px 0 10px 0; padding-bottom: 5px;}
h3.first {
    margin: 0 0 10px 0;
}
h5 {
    font-size: 16px;
}
h4{font-size:15px; padding: 10px 0 0 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}
div#content blockquote,
div#content ul,
div#content ol,
div#content dl{margin:1em;}
div#content ol,
div#content ul,
div#content dl{margin-left:2em;}
div#content ol li{list-style:decimal outside;}
div#content ul li{list-style:square outside;}
div#content p,fieldset,table,pre{margin-bottom:1em;}
div#content p {
    line-height: 20px;
}
a {
    color: #000;
    font-weight: bold;
    outline: none;
}
    a:hover {
        text-decoration: none;
    }


/**
* Base
*/
html {
    background: #2b2727 url(/images/back.jpg) repeat 0 0;
}
div#container {
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 940px;
}
h1 {
    height: 210px;
    margin: 0 60px;
    width: 820px;
}
    h1 a {
        background: #2b2727 url(/images/h1.jpg) repeat 0 0;
        display: block;
        height: 210px;
        margin: 0;
        padding: 0;
        text-indent: -10000px;
        width: 820px;
    }
h2 {
    display: none;
}
img.content_image {
    float: left;
    padding: 0 10px;
}
img.flying_image {
    float: right;
    padding: 0 10px;
}
span.clearfix {
    display: block;
    clear: both;
}
input:-webkit-autofill {
    background-color: #fff;
}
div.study {
    border-top: 1px dashed #ccc;
}

a.more {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 5px 0;
    text-align: right;
    text-decoration: none;
}
    a.more:hover {
        text-decoration: underline;
    }
p.success {
    background: #e3ffdf url(/images/icons/accept.png) no-repeat 5px center;
    border: 1px solid #1f9624;
    color: #0D6111;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 5px 5px 5px 25px;
    width: 220px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
p.error {
    background: #fdbcbc url(/images/icons/cross.png) no-repeat 5px center;
    border: 1px solid #a11212;
    color: #a11212;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 5px 5px 5px 25px;
    width: 220px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/**
* Content
*/
div#content {
    background: transparent url(/images/back-content.jpg) repeat-y 0 0;
    margin: 0 40px 0 39px;
    width: 860px;
}
    div#content_bottom {
        background: transparent url(/images/back-content-bottom.jpg) no-repeat 0 bottom;
        min-height: 600px;
        padding: 0 240px 30px 40px;
        width: 580px;
    }
    div#content label {
        font-weight: bold;
        padding-top: 10px;
    }
    div#content form#entry {
        background: transparent url(/images/back-form.png) repeat-y 0 0;
        padding-left: 30px;
    }
        div#content form#entry ul {
            margin: 0;
        }
        div#content form#entry label.radio {
            padding-top: 3px;
        }
        div#check_code {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            display: none;  
            font-weight: bold;
            left: 320px;
            padding: 6px 6px 6px 25px;
            position: absolute;
            width: 200px;
        }
            div#check_code.success {
                background: #e3ffdf url(/images/icons/accept.png) no-repeat 5px center;
                border: 1px solid #1f9624;
                color: #0D6111;
            }
                div#check_code.success span.not {
                    display: none;
                }
            div#check_code.error {
                background: #fdbcbc url(/images/icons/cross.png) no-repeat 5px center;
                border: 1px solid #a11212;
                color: #a11212;
            }
                div#check_code.error span.not {
                    display: inline;
                }
    div#content table.pricing {
        border-collapse: collapse;
    }
        div#content table.pricing td,
        div#content table.pricing th {
            border: solid 1px #b8ac00;
            padding: 7px;
        }
        div#content table.pricing td {
            text-align: right;
        }
        div#content table.pricing td.left {
            text-align: left;
        }
        div#content table.pricing th {
            background-color: #ffee00;
            font-weight: bold;
            text-align: center;
        }
    div#content h3 {
        border-bottom: 1px dashed #666;
        border-top: 1px solid #eee;
        margin-top: 0;
        padding-top: 20px;
    }
    div#content h3.first {
        border-top: none;
    }
    div#content ul.clear {
        margin: 0;
    }
        div#content ul.clear li {
            list-style-type: none;
            margin: 0;
            padding: 0 0 20px 0;
            text-align: center;
        }
            div#content ul.clear li img {
                border: 1px solid #ccc;
                background-color: #fff;
                padding: 5px;
            }
            div#content ul.clear li span {
                display: block;
                font-size: 14px;
                font-weight: bold;
            }
            div#content ul.clear li strong {
                display: block;
                font-size: 18px;
                font-weight: bold;
            }
    div#content ul.styled {
        margin: 0;
        padding-left: 15px;  
    }
        div#content ul.styled li {
            background: transparent url(/images/icons/arrow_right.png) no-repeat left center;
            list-style-type: none;
            line-height: 30px;
            padding-left: 23px;
        }
    div#form_error {
        clear: both;
        padding: 10px;
    }
        div#form_error p {
            background: transparent url(/images/icons/cross.png) no-repeat left center;
            color: red;
            margin: 0;
            padding: 5px 0 5px 20px;
        }
    div#content div.loading {
        clear: both;
        text-align: center;
    }
        div#content div.loading p {
            font-size: 16px;
            font-weight: bold;
        }
    form#apply {}
        div#content form#apply label {
            padding-top: 0;
            width: 150px;
        }
        form#apply h4 {
            clear: both;
            padding: 20px 0;
        }
/**
* Footer
*/
div#footer {
    clear: both;
    text-align: center;
    padding: 0 60px 60px 60px;
    position: relative;
}
    div#footer a.kakovozim {
        background: #2b2727 url(/images/footer-kv.jpg) no-repeat 0 0;
        display: block;
        float: left;
        height: 30px;
        margin: 0 auto;
        text-indent: -10000px;
        width: 260px;
    }
    div#footer div.madeby {
    }
        div#footer a.hak,
        div#footer a.aretis {
            display: block;
            float: right;
        }
        div#footer a.hak {
            background: #2b2727 url(/images/footer-hak.jpg) no-repeat 0 0;
            height: 26px;
            margin-right: 20px;
            text-indent: -10000px;
            width: 86px;
        }
        div#footer a.aretis {
            background: #2b2727 url(/images/footer-aretis.jpg) no-repeat 0 0;
            height: 27px;
            text-indent: -10000px;
            width: 87px;
        }
    
/**
* Navigacija i user box
*/
div#nav,
div#user {
    background: transparent url(/images/menu-top.jpg) no-repeat 1px 0;
    position: absolute;
    right: 27px;
    top: 215px;
    width: 228px;
}
div#user {
    top: 485px;
}
    div#user span.logged_name {
       font-size: 20px;
    }
    div#nav ul,
    div#user div.user_bottom{
        background: transparent url(/images/menu-bottom.jpg) no-repeat 0 bottom;
        min-height: 200px;
        padding: 20px 0 35px 22px;
        width: 206px;
    }
        div#nav ul li.active,
        div#user il li.active {
            background: transparent url(/images/menu-active.png) no-repeat left center;
            padding-left: 10px;
        }
        div#nav ul li a,
        div#user ul li a {
            color: #000;
            font-size: 14px;
            font-weight: bold;
            line-height: 23px;
            text-decoration: none;
        }
        div#nav ul li a:hover,
        div#user ul li a:hover {
            text-decoration: underline;
        }
    div#user input {
        width: 50px;
    }
    div#user h3 {
        margin: 0;
        padding: 0 0 15px 0;
    }
    
/**
* User area
*/
form#filter {
    padding-top: 5px;
    height: 40px;
}
    form#filter label {
        padding-top: 3px;
    }
    form#filter button#clear_filter {
        margin-left: 10px;
    }
div#fleet,
div#reports {
        clear: both;
        width: 570px;
    }
    div#fleet div.vehicle,
    div#reports div.report {
        background: transparent url(/images/user/back-vehicle-top.png) no-repeat 0 10px;
        border-top: 1px dotted #ddd;
        margin: 10px 0;
        position: relative;
        width: 570px;
        
    }
        div#fleet table.vehicle {
            left: 0;
            position: absolute;
            top: 18px;
            width: 130px;
        }
        div#reports div.left {
            left: 0;
            padding: 10px;
            position: absolute;
            top: 10px;
            width: 100px;
        }
        div#reports div.good {
            background: #154e07 url(/images/icons/accept.png) no-repeat 95px 11px;
            color: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
        div#reports div.bad {
            background: #810c0c url(/images/icons/delete.png) no-repeat 95px 11px;
            color: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
            div#fleet table.vehicle td {
                font-size: 14px;
                padding: 2px 0;
            }
            div#reports div.left p {
                font-size: 14px;
                margin: 0;
                padding: 0;
            }
                div#reports div.left p span.time {
                    font-size: 11px;
                }
                div#fleet table.vehicle td span {
                    background-color: #ffe400;
                    display: block;
                    font-weight: bold;
                    padding: 3px 6px;
                    text-align: right;
                    width: 100px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }
                    div#fleet table.vehicle td span.plate,
                    div#fleet table.vehicle td span.thumbs {
                        background-color: #fff;
                    }
                    div#fleet table.vehicle td span.thumbs a {
                        display: inline-block;
                        padding: 0 20px 0 10px;
                        text-decoration: none;
                    }
                    div#fleet table.vehicle td span.thumbs a:hover {
                        text-decoration: underline;
                    }
                        div#fleet table.vehicle td span.thumbs a.thumbup {
                            background: transparent url(/images/icons/thumb_up.png) no-repeat right center;
                            color: #154e07;
                        }
                        div#fleet table.vehicle td span.thumbs a.thumbdown {
                            background: transparent url(/images/icons/thumb_down.png) no-repeat right center;
                            color: #810c0c;
                        }
                        div#reports table.details td span.entrysource_1 {
                            background: transparent url(/images/icons/telephone.png) no-repeat right center;
                            padding-right: 20px;
                        }
                        div#reports table.details td span.entrysource_2 {
                            background: transparent url(/images/icons/computer.png) no-repeat right center;
                            padding-right: 20px;
                        }
                        div#reports table.details td span.entrysource_3 {
                            background: transparent url(/images/icons/email.png) no-repeat right center;
                            padding-right: 20px;
                        }
                        div#reports table.details td span.entrysource_4 {
                            background: transparent url(/images/icons/printer.png) no-repeat right center;
                            padding-right: 20px;
                        }
                        div#reports table.details td span.spam_True {
                            background: transparent url(/images/icons/accept.png) no-repeat right center;
                            display: block;
                            height: 16px;
                            text-indent: -10000px;
                            width: 16px;
                        }
                        div#reports table.details td span.spam_False {
                            background: transparent url(/images/icons/cross.png) no-repeat right center;
                            display: block;
                            height: 16px;
                            text-indent: -10000px;
                            width: 16px;
                        }
        div#fleet div.details,
        div#reports div.details {
            background: transparent url(/images/user/back-vehicle-bottom.png) no-repeat 6px bottom;
            padding: 15px 0 5px 6px;
            position: relative;
            margin: 0 0 0 130px;
            width: 434px;
        }
            div#fleet table.details,
            div#reports table.details {
                margin: 0;
                width: 434px;
            }
                div#fleet table.details tr,
                div#reports table.details tr {
                    border-bottom: 1px solid #ddd;
                    width: 434px;
                }
                    div#fleet table.details tr.last,
                    div#reports table.details tr.last {
                        border-bottom: none;
                    }
                    div#fleet table.details td,
                    div#reports table.details td {
                        padding: 4px 0 4px 10px;
                    }
                        div#fleet table.details td.label,
                        div#reports table.details td.label {
                            font-weight: bold;
                            width: 100px;
                        }
                        div#fleet table.details td.value_1,
                        div#reports table.details td.value_1 {
                            width: 106px;
                        }
                        div#fleet table.details td.value_3,
                        div#reports table.details td.value_3 {
                            width: 320px;
                        }
/**
* Profil
*/

form#user_form label,
form#password_form label {
    padding-top: 0;
    width: 170px;
}


/**
* jQTransform
*/

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
	position: relative;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(/images/forms/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url(/images/forms/btn_left.gif) no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(/images/forms/input/input_text_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(/images/forms/input/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/images/forms/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/images/forms/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/images/forms/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/images/forms/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/images/forms/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/images/forms/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/images/forms/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/images/forms/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/images/forms/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/images/forms/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/images/forms/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(/images/forms/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(/images/forms/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(/images/forms/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(/images/forms/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}