/* force vertical scrollbar */
html { height: 100%; margin-bottom: 1px; }

body
{
	background:url("Images/body.gif") top left; /* FF & IE background repeat JS performance bug */
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:11px;
	line-height:14px;
	color:#767676;
}

h1
{
	font-size:20px;
	color:#59ac26;
	margin-bottom:10px;
	padding-top:1px;
	margin-top:5px;
}

p
{
	font-size:12px;
	line-height:18px;
	padding:8px 0 8px 0;
}

p.small
{
	font-size:11px;
	line-height:14px;
	padding: 5px 0 5px 0;
}

em
{
	font-weight:bold;
	color:#59ac26;
}

i
{
	font-weight:bold;
	color:#ff0000;
	font-style:normal;
}

a:link,
a:visited,
a:active,
a:hover
{
	color:#767676;
}

a {
  outline: none;
}

a:hover
{
	color:#59ac26;
}

img,
a img
{
	border:none;
}

.clear
{
	height:0px;
	line-height:0px;
	font-size:0px;
	clear:both;
}

table.boldtext
{
}

table td
{
	padding:3px 0 3px 0;
	vertical-align:top;
}

table th
{
	padding:3px 0 3px 0;
}

table.cent td,
table.cent th
{
	text-align:center;
}

table td.labelLeft
{
	text-align:left;
	font-weight:bold;
	border-top:1px solid #dbdbdb;
}

table td.borderRight
{
	border-top:1px solid #dbdbdb;
	font-weight:normal;
}

table th.borderRight
{
	font-weight:normal;
}

table td.borderRightAct
{
	border-top:1px solid #dbdbdb;
	font-weight:bold;
	color:#59ac26;
}

table th.borderRightAct
{
	font-weight:bold;
	color:#59ac26;
}

table td.borderTop
{
	border-top:1px solid #dbdbdb;
	font-weight:normal;
}

table th.borderTop
{
	font-weight:normal;
}

/* CONTAINERS */
.wrapper
{
	background:url("Images/wrapper.png") top left repeat-y; /* FF & IE background repeat JS performance bug */
	width: 900px;
	margin-left: auto; 
	margin-right: auto; 
	padding:0 15px 0 15px;
}

.header
{
	background:url("Images/header.gif") top left no-repeat;
	height:113px;
}
    
    .header a.logo,
	.header a.logo:link,
	.header a.logo:active,
	.header a.logo:visited,
	.header a.logo:hover
	{	
	    background:url("Images/logo.png") top left no-repeat;
		display:block;
		position:absolute;
		width:309px;
		height:67px;
		margin-left:22px;
		margin-top:22px;
		text-decoration:none;
		/*border:1px solid black;
		background:red;*/
	}
		
	.header a.client:link,
	.header a.client:active,
	.header a.client:visited,
	.header a.client:hover
	{
		background:url("Images/logo_client.png") top left no-repeat;
	}
	
	.header ul.region
	{
		display:inline;
		float:right;
		margin:12px 0 0 0;
		padding:1px 13px 0 0; /*top padding 1 for margin-collapse issue*/
		list-style:none;
		line-height:12px;
	}

	.header ul.region li
	{
		display:inline-block;
		float:right;
		margin:0 0 0 8px;
	}

	.header ul.region li.label
	{
		color:#d4d4d4;
		line-height:12px;
		margin:0 1px 0 0;
	}
	
	.header ul.region li a:link,
	.header ul.region li a:active,
	.header ul.region li a:visited,
	.header ul.region li a:hover
	{
		display:inline-block;
		width:18px;
		height:12px;
		line-height:12px;
		text-decoration:none;
		border:1px solid #542989;
	}
	
	.header ul.region li a:hover
	{
		border:1px solid #FFF;
	}
	.header ul.region li a.r1 {background:url("Images/regions.gif") top left no-repeat;}
	.header ul.region li a.r2 {background:url("Images/regions.gif") center left no-repeat;}
	.header ul.region li a.r3 {background:url("Images/regions.gif") bottom left no-repeat;}
	
	.header  .loggedClient 
	{
		width:368px;
		color:#fff;
		position:relative;
		left:532px;
		margin-top:22px;
		padding-top:1px; /*top padding 1 for margin-collapse issue*/
	}
	
	.header  .loggedClient span
	{
		display:block;
	}
	
	.header  .loggedClient span.welcome
	{
		font-size:18px;
	}
	
	.header  .loggedClient ul
	{
		display:inline;
		list-style:none;
	}

	.header  .loggedClient ul li
	{
		display:inline-block;
		float:left;
		margin:0 0 0 0;
	}

	.header  .loggedClient ul li.clientName
	{
		font-weight:bold;
	}
	
	.header  .loggedClient ul li.split
	{
		margin:0 7px 0 6px;
	}
	
	.header .loggedClient ul li a:link,
	.header .loggedClient ul li a:active,
	.header .loggedClient ul li a:visited,
	.header .loggedClient ul li a:hover
	{
		color:#fff;
	}

.header .language
	{
		position:relative;
		margin-top:25px;
		_margin-top:25px;
		#margin-top:23px;
		padding:5px;
		font-weight:bold;
		text-align:right;
		background-color:#3f1f67;
		width:124px;
		left:765px;
		#left:766px;
		_left:764px;
	}

.header .language span.lang
	{
		color:#FFF;
		padding:5px;
	}
	
.header .language span.lang a
	{
		text-decoration:none;
	}
	
.header .language span.langInactive
	{
        color:#767676;	
        padding:5px;
	}
	
	
.clientMenu
{
	vertical-align:middle;
	background:#59ac26 url("Images/gradient.png") top left no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-bottom:14px;
}	
	
	.clientMenu ul
	{
		display:inline;
		float:left;
		margin:0;
		padding:0 13px 0 0; /*top padding 1 for margin-collapse issue*/
		list-style:none;
	}

	.clientMenu ul li,
	.clientMenu ul li.nolink
	{
		display:inline-block;
		float:left;
		margin:0;
		border-right:1px solid #fff;
	}
	
	.clientMenu ul li.nolink
	{
		border-right:none;
		line-height:47px;
		padding-left:30px;
	}
	
	.clientMenu ul li a:link,
	.clientMenu ul li a:active,
	.clientMenu ul li a:visited,
	.clientMenu ul li a:hover
	{
		display:inline-block;
		line-height:47px;
		height:47px; _height:37px;
		padding:0 28px 0 28px; _padding:10px 28px 0 28px;
		text-decoration:none;
		color:#fff;
		font-size:13px;
		background:url("Images/gradient.png")  0px 300px no-repeat;
	}
	
	.clientMenu ul li a.first:hover {background:#542989 url("Images/gradient.png") top left no-repeat;} 
	.clientMenu ul li a:hover {background:#542989 url("Images/gradient.png") top center no-repeat;} 
	
	.clientMenu ul li a.current
	{
		background:#d8dd8d;
		color:#000;
	}
	
.gradient
{
	background:url("Images/gradient.png") top left no-repeat;
	height:15px;
}	
	
.content
{
}

	.content .left
	{
		float:left;
		width:203px;
	}
	
	.content .center
	{

		width:505px;
	}
	
	.content .right
	{
		float:left;
		width:192px;
	}
	
	.container
	{
		margin:0 15px 0 14px;
	}
	
	.halfLeft{width:231px;float:left;margin:0 7px 0 14px; _margin:0 0px 0 7px;}
	.halfRight{width:231px;float:right;margin:0 15px 0 7px; _margin:0 8px 0 0px;}
	
	.container h2
	{
		height:26px; _height:22px;
		line-height:27px;
		padding:0px 6px 1px 6px; _padding:4px 6px 1px 6px;
		vertical-align:middle;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
	}
	
	.container h2.stanjeNaPutevimaH2
	{
		height:26px;
		line-height:27px;
		padding:0;
		vertical-align:middle;
		font-size:13px;
		font-weight:bold;
		color:#767676;
	}
	
	.violetTRC {background: #542989 url("Images/trc_white.png") top right no-repeat;}
	.greyTRC {background: #959595 url("Images/trc_white.png") top right no-repeat;}
	
	.smallFont{font-size:11px}
	
	.icon,
	.iconBig
	{
		display:inline-block;
		width:20px;
		height:20px;
		line-height:20px;
		vertical-align:middle;
		margin-right:2px;
		background: url("Images/iconSprite.png") 0px 0px no-repeat;
	}
	
	/* IE6 fix */
	.no, .yes, .transit 
	{
		_background: url("Images/iconSpriteIE6.gif");
	}
	
	.iconBig
	{
		width:25px;
		height:25px;
		margin-right:5px;
		background: url("Images/iconBigSprite.png") 0px 0px no-repeat;
	}
	
	.tracking{background-position: 0px 0px; _background-position: 0px 3px;}
	.news{background-position: 0px -20px; _background-position: 0px -17px;}
	.roads{background-position: 0px -40px; _background-position: 0px -37px;}
	.weather{background-position: 0px -60px; _background-position: 0px -57px;}
	.user{background-position: 0px -80px; _background-position: 0px -77px;}
	.info{background-position: 0px -100px; _background-position: 0px -97px;}
	.alert{background-position: 0px -120px; _background-position: 0px -117px;}
	.info2{background-position: 0px -140px; _background-position: 0px -138px;}
	.no{background-position: 0px -160px; _background-position: 0px -157px;}
	.yes{background-position: 0px -180px; _background-position: 0px -177px;}
	.transit{background-position: 0px -200px; _background-position: 0px -197px;}
	
	.userBig{background-position: 0px 0px; _background-position: 0px 3px;}
	.boxBig{background-position: 0px -25px;}
	.mssgBig{background-position: 0px -50px;}
	.starBig{background-position: 0px -75px;}
		
	.container .box
	{
		background: #fff url("Images/boxGradient.gif") bottom left repeat-x;
		border:1px solid #dbdbdb;
		border-top:4px solid #dbdbdb;
		padding:8px 10px 8px 10px;
	}
	
	.container .violet{background: #dfdef5;border:1px solid #dfdef5;border-top:4px solid #dfdef5;}
	.container .lightgrey{background: #f0f0f0;}
	
	.container .box p
	{
		font-size:11px;
		line-height:14px;
		padding: 5px 0 5px 0;
	}
	
	.contentSplit
	{
		height:15px;
		clear:both;
	}
	
	
.footer
{
	background:#f9f9f9;
	height:35px;
	color:#a2a2a2;
	padding-top:20px;
	text-align:center;
}

/* SPECIFICS - forms not designed following certain pattern, very specific and very painstaking for assembly */


#trackingLeft
{
	float:left;
	width:54%;
}

#trackingRight
{
	float:left;
	width:46%;
	padding-top:5px;
}

#news li {padding:3px 0 3px 0;}

#roads li {padding:3px 0 3px 0;}
#roads li.link {text-align:right;}

#parcelsTable
{
	height:230px;
	width:100%;
}

#parcelsTable td
{
	padding-left:0px;
}

#parcelRecipientTable td
{
		padding:2px 0 2px 0;
}

#parcelRecipientTable td.split
{
	font-size:0px;
	line-height:1px;
}

#citySelect
{
	width:195px;
}


table.parcelInfoTable td
{
	padding:2px 0 2px 0;
}

table.serviceTypeTable td
{
	padding:5px 0 5px 0;
}

table.serviceTypeTable td.underlined
{
	border-bottom:1px solid #b7b7b7;
	padding:5px 0 5px 0;
}	

table.paymentTypeTable td
{
	padding-left:30px;
}

.sideBarForm td
{
    font-size:10px;
    padding:3px 0 3px 0;
	vertical-align:middle;
}