﻿body
{
	margin: 18px 0px 18px 0px;
	font-family: Arial;
	font-size: 12px;
	color: #444444;
	background-image: url("../Images/bodyBg.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

.PageWrapper
{
	width: 990px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.Header
{
	margin: 4px 4px 0px 4px;
	height: 60px;
	padding-left: 26px;
	background: #006699 url("../Images/header.gif") no-repeat;
}

.Header img
{
	margin-top: 16px;
}

.UserStatusLabel
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}

.CompanyName
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 3px;
}

td.LeftPane
{
	width: 200px;
	vertical-align: top;
	background-color: #DDDDDD;
	border: 1px solid #C0C0C0;
	padding: 20px 16px 26px 16px;	
}

td.CenterPane
{
	vertical-align: top;
	background-color: #F0F0F0;
	border: 1px solid #C0C0C0;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
}

td.RightPane
{
	width: 200px;
	vertical-align: top;
	background-color: #DDDDDD;
	padding: 0px;
	margin: 0px;
	border: 1px solid #C0C0C0;
}

.Footer
{
	margin: 0px 4px 4px 4px;
	height: 29px;
	background-color: #006699;
	padding: 1px 10px 1px 4px;
}

.Footer table td
{
	font-family: Verdana;
	font-size: 9px;
	color: #FFFFFF;
}

/* ----- MAIN MENU ----- */
div.mainMenu
{
	padding-bottom: 18px;
}

div.mainMenu ul
{
	text-align: left;
	text-indent: 0;
	word-spacing: 0;
	line-height: 100%;
	margin: 0px 0px 24px 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
	color: #555555;
	font-family: Arial;
}

div.mainMenu li
{
	border-bottom: 1px solid #CCCCCC;
	padding: 6px 0px 6px 0px;
	margin: 0px;
}

div.mainMenu span
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	font-family: Arial;
	padding-bottom: 4px;
}

div.mainMenu ul a
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	font-family: Arial;
}

div.mainMenu ul a:hover
{
	color:#006699;
}

div.mainMenu ul a
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	font-family: Arial;
	padding: 1px 4px 1px 4px;
}

div.mainMenu ul a:hover
{
	color:#006699;
	background-color:#F0F0F0;
}

.FusionChartContainer
{
	margin-top: 15px;
	border: 1px solid #888888;
	padding: 1px;
	background-color: #FFFFFF;
}

.FusionChartContainerTitle
{
	background-color: #6A6A6A;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	padding: 7px 11px 9px 11px;
	color: #FFFFFF;
	border-bottom: 12px solid #BED3DE;
	background-image: url("../Images/theadBg.jpg");
	background-repeat: repeat-x;
	vertical-align: middle;
}

.FusionChartContainerContent
{
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px;
}

div.infoBlock
{
	margin: 14px;
	text-align: justify;
}

div.infoBlock p
{
	color: #444444;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}

div.infoBlock a
{
	color: #006699;
	text-decoration: none;
}

div.infoBlock a:hover
{
	background-color:#F0F0F0;
}

div.PartnersBox
{
	text-align: center;
}

div.PartnersBox a img
{
	margin-top: 10px;
	border: 1px solid #BABABA;
	background-color: White;
	width: 175px;
	height: 56px;
}

div.GroupBoxContainer
{
    position: relative;
    border: 1px solid Gray;
}

div.GroupBoxTitle
{
    position:absolute;
    margin-top:-15px; 
    margin-left:30px;
	background-color:#DDDDDD;
	background-repeat: repeat-x;
	background-position: top;
	padding:7px;
}
div.GroupBoxContent
{
    margin-top:25px;   
}

div.OpisLabel
{
    width:280px;
    padding:15px;
    text-align:justify;
}

.PutniNaloziTable tbody tr td
{
	color: #444444;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.PopupContainer
{
	border: 1px solid #333333;
	background: #F0F0F0;
	width: 270px;
}

.PutniNaloziActionStatusBox
{
      position: absolute;
      right: 10px;
      bottom: 10px;
      z-index: 10000;
      border: 1px solid #888888;
      width: 350px;
      background-color: #BED3DE;
      background-image: url("../Images/notificationBg.jpg");
      background-repeat: repeat-x;
      padding: 8px;
}

.PutniNaloziActionStatusLabel
{
      color: #444444;
      font-family: Arial;
      font-size: 13px;
      font-style: normal;
      font-weight: bold;
      display: block;
}

/* new */

table.formTable
{
	border: 1px solid #FFFFFF;
	background-color: #99BBCC;
}

table.formTable thead td, .detailsViewHead
{
	background-color: #6A6A6A;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	padding: 7px 11px 9px 11px;
	color: #FFFFFF;
	border-bottom: 12px solid #BED3DE;
	background-image: url("../Images/theadBg.jpg");
	background-repeat:repeat-x;
}

table.formTable tfoot td
{
	height: 42px;
	vertical-align: middle;
	text-align: right;
	padding: 5px 2px 0px 0px;
	background-color: #FFFFFF;
	background-image: url("../Images/tfootBg.jpg");
	background-repeat: repeat-x;
}

table.formTable td
{
	font-family: Arial;
	font-size: 11px;
	color: #444444;
}

td.descriptionCell
{
	border-bottom: 1px solid #BED3DE;
	padding: 4px 6px 4px 20px;
	text-align: right;
	vertical-align: middle;
	background-color: #BED3DE;
	line-height: 12px;
}

td.formCell
{
	border-bottom: 1px solid #BED3DE;
	border-right: 6px solid #BED3DE;
	padding: 5px 6px 5px 6px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	background-image: url("../Images/formCellBg.gif");
	background-repeat:no-repeat;
	background-position: left top;
	line-height: 14px;
}

td.formCellDemo
{
	border-bottom: 1px solid #BED3DE;
	border-right: 6px solid #BED3DE;
	padding: 5px 6px 5px 6px;
	text-align: left;
	vertical-align: middle;
	background-image: url("../Images/formCellBg.gif");
	background-repeat:no-repeat;
	background-position: left top;
	line-height: 14px;
}

.obligatoryField
{
	font-weight: bold;
	color: #FF3300;
	margin-right: 3px;
}

.ErrorReport
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px;
	color: #FF6600;
	padding: 0px 2px 1px 16px;
	margin: 0px;
	background-image: url("../Images/error.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFEEAA;
}

.green, .red, .blue, .orange
{
	margin: 0px 4px 0px -1px;
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
}

.green
{
	color: #00BB00;
}

.red
{
	color: #FF3300;
}

.blue
{
	color: #006699;
}

.orange
{
	color: #FF9900;
}