/*
---- CoppeTeam Studio - www.coppeteam.net - Design by Predrag Kopricanec ----
*/

/* reset the elements */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


/* General HTML Styles */
body      {
   font-family: Helvetica, Geneva, sans-serif;
   padding: 0;
   margin: 0;
}

div, span, p, tr, th, td, input, select, textarea, option {
   font-size: 12px;
	color: #38312b;
}
h1  {
   color: #99290d;
   font-size: 20px;
   font-weight: lighter;
}
h2  {
   color: #99290d;
   font-size: 20px;
   font-weight: lighter;
}
h3  {
   color: #99290d;
   font-size: 18px;
   font-weight: lighter;
}
h4  {
   color: #38312b;
   font-size: 16px;
   font-weight: lighter;
}
h5  {
   color: #38312b;
   font-size: 14px;
   font-weight: lighter;
}
h6  {
   color: #38312b;
   font-size: 12px;
   font-weight: lighter;
}
p {
	padding: 10px 0 5px 0;
}
input {
	border: #38312b 1px solid;
	color: #38312b;
	background-color: #fff;
   padding: 2px;
   margin: 2px;
   vertical-align: middle;
}
input:hover {
	border: #000 1px solid;
	color: #38312b;
	background-color: #FAF8F3;
   padding: 2px;
}
input:focus {
	border: 1px solid #99290d;
	color: #000;
	background-color: #F9EEEC;
}
textarea {
	border: #38312b 1px solid;
	color: #38312b;
	background-color: #fff;
   padding: 2px;
}
textarea:hover {
	border: #000 1px solid;
	color: #38312b;
	background-color: #FAF8F3;
   padding: 2px;
}
textarea:focus {
	border: 1px solid #99290d;
	color: #000;
	background-color: #F9EEEC;
}
select {
	border: #38312b 1px solid;
	color: #38312b;
	background-color: #fff;
   padding: 2px;
   vertical-align: middle;
}
select:hover {
	border: #000 1px solid;
}
select:focus {
	border: 1px solid #99290d;
}
option {
	border-bottom: #f5f5f5 1px solid;
   vertical-align: middle;
	color: #38312b;
	background-color: #fff;
}
option:hover {
	border-bottom: 1px solid #ccc;
}
input.button {
	background-image: url(../img/interface/button_a.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
   background-color: #111;
	border: 1px solid #523a29;
	width: auto;
	height: 21px;
	color: #f5f0e8;
	padding: 0 15px 2px;
	margin: 0;
	cursor: pointer;
    vertical-align: middle;
}
input.button:hover {
	background-image: url(../img/interface/button_h.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
   background-color: #111;
	border: 1px solid #000;
	width: auto;
	height: 21px;
	color: #fff;
}

a {
   text-decoration: underline;
   color : #38312b;
}
a:hover {
   color : #99290d;
	text-decoration: none;
}
img {border:none; vertical-align:middle;}

fieldset {
	min-width: 640px;
    max-width: 99%;
	border: 1px dotted #999;
	margin: 2em 0 4em;
    -webkit-padding-end: 2em;
}
fieldset table {
	margin: 2%;
	width: 96%;
}
fieldset table tr {
	background-color: transparent;
}
fieldset table tr:hover {
	background-color: #FBFAF7;
}
fieldset table th {
	font-size: 14px !important;
	background-color: #DFDAD3;
}
fieldset table tr td label {
	display: block;
	vertical-align: top;
}
.ListDetailTable td {
	height:20px;
}
legend {
   color: #99290d;
   cursor: pointer;
   font-size: 16px;
   font-weight: lighter;
	padding: 0 5px 2px 20px;
    margin: 0 0.5em;
    background: transparent url(../img/interface/expand.gif) no-repeat 3px 2px;
}
.DescLab {
	font-size: 80%;
	color: #999;
	margin:0;
}
.RequiredField {
	font-size: 140%;
	font-weight: bolder;
	color: red;
	vertical-align: top;
	padding-left: 3px;
}


/* Stilovi za sistemske poruke */
.ErrorMsgBox {
	background-color: #FCF2F0;
	border: #9B2A0D 3px double;
	color: #9B2A0D;
	padding: 5px;
	margin: 2em 1em;
    font-family: arial !important;
    font-size: 110%;
}
.ErrorMsgBox b {font-size:130%;}

.SysMsgBox {
	background-color: #F7F6F4;
	border: #C4BDB7 1px dotted;
	color: #4F473F;
	padding: 5px;
	margin: 5px;
}

.NotifyBox {
    background-color: #F0F6F4;
    border: 1px solid #84BDA7;
    color: #004444;
    font-size: 120%;
    margin: 3em 1em;
    padding: 1em 2em;
}

/* ---------------------------------------------------- */
div#Header {
   width: 100%;
   height: 140px;
   margin: 0;
	background-image: url(../img/interface/header_bg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-bottom: 1px solid #dfdad3;
	text-align: center;
	vertical-align: bottom;
}
div#Container {
    margin: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
	 text-align: center;
}
div#Footer {
   width: 100%;
   height: 65px;
   margin: 0;
   text-align: center;
	border-top: 1px solid #dfdad3;
	border-bottom: 1px solid #dfdad3;
	background-color: #f5f0e8;
   clear: both;
}
#HeaderTable {
    height: 140px;
	 margin: auto auto;
}
#HeaderTable table {
	width: 100%;
}
#LogoZone {
	height: 95px;
	width: 950px;
}
#TopMenu {
}
#TopMenuCont {
	height: 29px;
	/*width: 950px;
	border-left: 1px solid #dfdad3;
	border-right: 1px solid #dfdad3;*/
	text-align: left;
	padding: 0.6em 10px;
    position: relative;
}
#TopMenuCont .LangDiv {
    position: absolute;
    top: 0.4em;
    right: 0.5em;
    color: #555;
}
#TopMenuCont .LangDiv select {
    padding:0; margin-bottom:3px; vertical-align: middle;
}
#DigLine {
	height: 15px;
	width: 950px;
	color: #B8B4AE;
	font-size: 85%;
	text-align: right;
	vertical-align: top;
	border-top: 1px solid #b1583f;
	border-left: 1px solid #b1583f;
	border-right: 1px solid #b1583f;
	background: #9b2a0d;
}
#ContainerTable {
    width: 960px;
	margin: auto auto;
	text-align: left;
	padding: 10px;
}
#FooterTable {
	width: 950px;
	margin: auto auto;
	height: 55px;
	font-size: 11px;
	text-align: left;
	padding: 0 10px;
}
.LoginDesc {
	margin: auto auto;
	width: 420px;
	line-height: 20px;
	margin-top: 55px;
}
.LoginBox {
	margin: auto auto;
	width: 420px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 65px;
	border-top: 2px solid #dfdad3;
	border-bottom: 2px solid #dfdad3;
	background-image: url(../img/interface/box_shadow_top.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
}
.LoginBox div.LogDesc {
	width: 420px;
	vertical-align: middle;
	padding: 20px;
	font-size: 14px;
}
.LoginBox div.LogInput {
	width: 420px;
	height: auto;
	vertical-align: middle;
	display: block;
	padding: 5px 20px;
	float: left;
}
.LoginBox div.LoginFooter {
	background-image: url(../img/interface/box_shadow_bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
.LoginFooter div.LogMore {
	width: 420px;
	vertical-align: middle;
	padding: 10px 20px 0;
	clear: both;
}

#UserDetails {
	background-color: #443C35;
	border: #5B524A 1px dotted;
	font-size: 13px;
	height:  auto;
    min-height: 50px;
	margin-top: 16px;
	text-align: left;
	float: right;
	vertical-align: top;
    position: relative;
}
#UserInfoPub {
	color: #DFDAD3;
	padding: 5px;
	width: 400px;
}
#UserInfoLogged {
    color: #DFDAD3;
	width: 320px;
	padding: 5px 5px 5px 65px;
}
#UserDetails img {
	border:1px solid #F5F1E8;
	height: 80%;
    left: 6px;
    position: absolute;
    top: 6px;
}
#UserDetailsSubMenu {
    margin-top:1.5em;
    padding:0 4px 1px;
    background-color:#5F524A;
    text-align:center;
}
#UserDetailsSubMenu a {
    color:#bba;
    font-size: 13px;
    display:inline-block;
    margin: 0 0.5em;
}
#UserDetailsSubMenu a:hover {color:#ddc;}
#UserInfoLogged #UserDetailsSubMenu {text-align:left; margin-top:0.4em}

.RightBox {
	width: 260px;
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: #F5F1E8;
	border: #DFDAD3 1px dotted;
}
#UpitBox {
	border: #DFDAD3 1px solid;
	background-color: #fff;
	width: 248px;
	height: 150px;
	margin: 0 0 5px 0;
	padding: 5px;
	overflow: auto;
}
#MonitorBox {
	border: #DFDAD3 1px solid;
	background-color: #fff;
	width: 248px;
	height: 150px;
	margin: 0;
	padding: 5px;
	overflow: auto;
}

input.disabled {
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	background-image: url(../img/interface/button_a.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
   background-color: #32261c;
	border: 1px solid #523a29;
	width: auto;
	height: 21px;
	color: #f5f0e8;
	padding: 0 15px 1px;
	margin: 0;
	cursor: no-drop;
}
input.disabled:hover {
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	background-image: url(../img/interface/button_h.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
   background-color: #32261c;
	border: 1px solid #000;
	width: auto;
	height: 21px;
	padding: 0 15px 1px;
	margin: 0;
	color: #fff;
}

.LnkMoreArrowD {
	background-image: url(../img/interface/lnk_bottom.jpg);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}
.LnkMoreArrowU {
	background-image: url(../img/interface/lnk_top.jpg);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
}
.HideBox {
	display: none;
}
.ShowBox {
	display: block;
}

.SpecSel {
	background-color:#A8C7E2;
	font-weight: bold;
}


/* added my mV */
#Dashboard {width:99%; border:0; margin-top:1em;}
#Dashboard td {vertical-align:top; padding:0;}
#Dashboard h2 {font-size:16px; margin:0.5em 0 0.3em;}

#DashNotifs {
    background-color: #F5F1E8;
    border: 1px solid #DFDAD3;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0.5em 0 0;
    padding: 0 1em 1em;
}
#DashFinanc {
    background-color: #F0F0F0;
    border: 1px solid #DFDAD3;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 0 0.5em;
    padding: 0 1em 1em;
}
#DashTasks {
    background-color: #F5F1E8;
    border: 1px solid #DFDAD3;
    border-radius: 4px 4px 4px 4px;
    margin: 1em 0 0 0;
    padding: 0 1em 1em;
}
#DashNotifs div, #DashFinanc div, #DashTasks div {
    min-height:7em;
    margin:0;
    border:1px solid #ddd;
    background-color:#fff;
}
#DashTasks table {width:100%}
#DashTasks td {padding:4px 5px; vertical-align:middle;}

.TableAddRow_DelBtn {padding:0; margin:0; font-size:75%; width:2em;}
.TableAddRow_AddDiv {display:block; text-align:left; padding:3px; margin:0; border:none;}

.TableData {width:99%; border-collapse:collapse; border:1px solid gray; margin:0;}
.TableData td {padding:4px 5px;}
.TableData th {padding:4px 5px; background-color:#555; color:white;}
.TableData tr:hover {background-color: #f0f0e0}
.TableDataEmpty {padding:2em; margin:1em; border:1px silver solid; color:silver;
      text-align:left; font: italic normal 1em sans-serif;}

.SmallOutset {display:inline-block; padding:1px 5px; border:1px black outset;
     color:#444; background-color:#eed;}

.trTotalRow td {border-top:1px dashed #aaa; font-weight:bold; padding-top:1em;}

ul {list-style:disc inside none;}

form>table, form>fieldset>div>table {border:2px #f0f0f0 solid;}
form>table td, form>fieldset>div>table td {background-color:#f8f8f8; padding:0.5em 1em}
form>table tr:hover td, form>fieldset>div>table tr:hover td {background-color:#F8F6F0}

.sBordered {display:inline-block; padding:3px 8px 2px; border:1px #444 solid; color:#555; background-color:#f4f4f4;}
.sApproved {color:#336633; font-size:10px;}

.PricesTable {width:100%;margin:1em 0 5px;padding:1px;display:block;border:1px dotted #DFDAD3;}
.PricesTable td {padding:0.8em 0.5em; white-space:nowrap;}
.PricesTable input {margin:0;}

.InlineHint {color:#999; font-size:90%}
.OrderBottomHint {color:maroon;}
#ProfilePreNote {padding:0.5em 0; color:gray; font-size:90%;}

tr.TrTaskOld th,        tr.TrTaskOld td        {background-color:#eee}
tr.TrTaskInProgress th, tr.TrTaskInProgress td {background-color:#e0ffe0}
tr.TrHighlight th,      tr.TrHighlight td      {background-color:#ffb}
tr.TrDimmed th,         tr.TrDimmed td         {background-color:#ddd; color:#999}

.SubmitLockedMsg {color:silver;}

.InlineLabelsGroup label {display:inline; vertical-align:middle;}

.HdrBackButton {position:relative;}
.HdrBackButton input {position:absolute; top:-1.7em; right:1em;}

fieldset blockquote {padding:1em 2em; margin:0; color:#aaa;}

.LinkProtDocument {color:#aa8888;}

.divGetPrinterVersion {
    position:absolute;
    right:0;
    border-radius:1em;
    box-shadow:3px 3px 7px #666;
    background-image: linear-gradient(bottom, rgb(117,117,117) 9%, rgb(206,206,214) 60%, rgb(235,232,235) 81%);
    background-image: -o-linear-gradient(bottom, rgb(117,117,117) 9%, rgb(206,206,214) 60%, rgb(235,232,235) 81%);
    background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 9%, rgb(206,206,214) 60%, rgb(235,232,235) 81%);
    background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 9%, rgb(206,206,214) 60%, rgb(235,232,235) 81%);
    background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 9%, rgb(206,206,214) 60%, rgb(235,232,235) 81%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(117,117,117)),
        color-stop(0.6, rgb(206,206,214)),
        color-stop(0.81, rgb(235,232,235))
    );
}
.aGetPrinterVersion {
    background: transparent url("../img/interface/Printer_48.png") no-repeat 10px 0;
    display: inline-block;
    padding: 0.5em 1em 0.5em 64px;
    width: 10em;
}



#MU {}
#MU img {vertical-align:bottom; margin:0 0.3em 0 1em;}
#MU td {vertical-align:top;}
#MU td.MUT1 {width:1em; padding:1em 0.3em 1em 0.2em; color:#CCC; font-size:15pt;}
#MU td.MUT1, #MU td.MUT2 {border-bottom:1px solid #DDD;}
#MU div.MUT2d {position:relative; display:block;}
#MU td.MUT2 b {color:gray; padding-right:5px;}
#MU td.MUT2 u {color:gray; text-decoration:none;}
#MU span.MUS {position:absolute; display:block; right:0.5em; top:0.3em; padding:0.1em 1em; border:1px solid silver; border-radius:14px 0; color:#999;}
#MU span.MUS-old {background-color:#EEE; border:1px solid #DDD; color:#BBB;}
#MU span.MUS-acc {background-color:#beb; border:1px solid #393;}
#MU span.MUS-rej {background-color:#faa; border:1px solid #933; color:maroon;}
#MU span.MUS-null{background-color:#e8e8e8;}
#MU span.MUR {position:absolute; right:1em; top:2.5em;}
#MU h4 {font-size:10pt; font-weight:bold; color:#bbb; padding-bottom:0.7em;}
#MU blockquote {color:#333; margin:0; padding:3px 7em 1px 0; min-height:1.5em;}
#MU blockquote.MUF {padding-top:5px; min-height:1em;}
#MU blockquote.MUC {color:#36a; padding-bottom:0.5em;}
#MU table fieldset {padding:0; margin:0 0 1em; background-color:#eee; width:800px; -webkit-padding-end:0em;}
#MU table table {margin:-0.5em 0 0 0; width:100%; table-layout: fixed;}
#MU table table td { background-color:#eee; border-bottom:1px dotted #CCC;}
#MU table table blockquote {min-height:0; color:#999}
#MU div.MUFilter {margin:1em 2%;}
#MUA {width:620px; display:none;}
#MUA table {width:90%; margin:2em 5% 0 5%;}
#MUA table td {padding:3px 8px; vertical-align:top; background-color:transparent;}
#MUA div.subnote{color:gray; font-size:90%; text-align:left;}

#SVK table {width:100%; border-collapse:collapse;}
#SVK table tr {border-bottom:1px solid #ccc;}
#SVK table tr i {}
#SVK table tr.SVK_lock i {display:inline-block; width:16px; height:16px; vertical-align:middle; margin-left:5px; background:transparent url("../img/interface/lock.png") no-repeat 0 0;}
#SVK .SvkNote {border:none; width:30em;}
#SVK_block {position: relative; background-color:#F8F8F8; border:1px solid #CCCCCC;
    margin-top:1em; padding:0.5em;}
#SVK_block h4 {font-size:1.2em; margin-bottom:0.3em;}
#SVK_block .button {position: absolute; right:1em; top:0.8em;}
#SVK_block p {color:#AAA; padding-left:2em; display:none;}
#SVK_block ul {list-style:outside; margin:0 0 0 2em; }

#DocNotFound {
    background: url(../img/interface/warning_big.jpg) no-repeat center 2em transparent;
    border: 1px solid #eee;    padding:13em 4em 4em;   width:660px;    color:maroon;
    font: normal 18pt "Times New Roman",serif;  text-align:center; vertical-align:top;
}

#ContractDlg {padding: 1.5em 2em;}
#ContractDlg div {text-align:center; padding-top: 2em;}
#ContractDlg input.DisabledLink {color:silver; cursor:default;}

.ArticleMenu {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 0.5em 1em;
    margin-top: 0.5em;
}
.ArticleMenu a {
    display: inline-block;
    padding: 0.2em 1em;
    margin-right: 1em;
    background-color: #9B2A0D;
    border: 1px solid #B1583F;
    color: #eee;
    text-decoration: underline;
}
.ArticleMenu a:hover {
    color: white;
    text-decoration: none;
}
.ArticleMenuSub {
    background-color: #F5F1E8;
    border: 1px solid #DFDAD3;
    padding: 0.5em 1em;
}
.ArticleMenuSub a {
    display: inline-block;
    padding: 0.1em 0.8em 0.2em;
    margin-right: 0.5em;
    background-color: #807060;
    color: #eed;
    text-decoration: underline;
}
.ArticleMenuSub a:hover {
    color: white;
    text-decoration: none;
}

.SidebarPanel {
    border: 1px solid #DFDAD3;
    border-radius: 4px;
    background-color: #F5F1E8;
    padding: 0 1em 1em;
    margin: 0 0 1.4em 10px;
}
.SidebarPanel h2 {
    font-size: 16px;
    margin: 0.5em 0 0.3em;
}
.SidebarPanel ul {list-style: none;}
.SidebarPanel ul li {display: block; margin: 0.3em 1em;}
.SidebarPanel ul li a {}

#DictionaryLogin {background-color: #9B2A0D; border-radius: 4px; box-shadow: 0 0 4px #000; color: #FFF; margin: -4px 0 14px 10px; padding: 0 0 2.5em; width: 250px;}
#DictionaryLogin p {padding:5px 0;}
#DictionaryLogin h1 {color: white; font-size: 16pt; margin: 0; padding: 10px 0 8px 32px;}
#DictionaryLogin label {display: block; float: left; padding: 3px 10px 0 0; text-align: right; width: 90px; color: white;}
#DictionaryLogin input.text {background-color: #38312B; border: 1px solid #3D0A00; color: #FFFFFF; height: 20px; padding: 0; text-indent: 10px; width: 120px;}
#DictionaryLogin a.forget {color: #ccc; font-size: 10pt; left: 100px; position: relative; top: -5px;}
#DictionaryLogin a.forget:hover {color:white; text-decoration: none;}
#DictionaryLogin .login_btn {
    background: #222;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 5px #000000;
    color: #ccc;
    line-height: 1em;
    font-size: 1em;
    font-weight: bold;
    left: 100px;
    letter-spacing: 1px;
    position: relative;
    padding: 8px 0;
    top: 10px;
    width: 100px;
}
#DictionaryLogin .login_btn:hover {
    color: white;
    background:#292626;
	background: -moz-linear-gradient(top, #333333 0%,  #090909 100%); /* FF3.6+ */
	cursor:pointer;
	-moz-box-shadow: 1px 1px 8px #000;
	-webkit-box-shadow: 1px 1px 8px #000;
	box-shadow: 1px 1px 8px #000;
}

/* jQuery UI - override */
div.ui-widget-content {background: none #f0f0f0;}
div.ui-widget-header {background: none #555;}
div.ui-widget-header span, div.ui-widget-header a {color:white;}
div.ui-widget-overlay {opacity:0.6;}