/* Section I: Global element definitions
-----------------------------------------------------------------------------------------------*/

/* Usual HTML elements, redefined
---------------------------------------------------------*/
/*
Added by Ermin 04.12.2006., for eliminating focus rectangle in Mozilla
*/
*:focus { -moz-outline: none;}

* {
	font-size: 100.1%;
}
body {
	background: #EAEAEA url(images/bgn_body.gif) repeat-x;
	min-width: 984px;
	margin: 0;
	padding: 0;
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
}
body:last-child body {
	background: #EAEAEA url(branding/images/bgn_body.gif) repeat-x;
}
h1, h2, h3, h4, h5, form {
	margin: 0;
	padding: 0;
}
.layout {
	margin: 0 auto;
	width: 984px;
	position: relative;
}
a {
	color: #369;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}

.quatation {
	font-size: 12px;
	color: Purple;
	padding-left: 20px;
	padding-right: 20px;
}
/* Additional classes for hiding elements, clearing, etc. 
---------------------------------------------------------*/
.hide {
	position: absolute;
	left: -1500px;
}
.clear {
	clear: both;
}
.hiddendiv {
	display:none;
}

/* Section II: Header elements and options menu
-----------------------------------------------------------------------------------------------*/
.header {
	min-height: 85px;
	margin: 0 4px 10px;
	/*background-color: #fff;*/
	color: #333;
	padding: 10px;
}
/*\*/ * html .header {
	height: 85px;
}
.header .logo h1 a {
	float: left;
	margin-top: 6px;
}
.header .options {
	padding-left: 8px;
	float: right;
	margin-top: 25px;
}
.header .options ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header .options ul li {
	padding: 0 10px;
	float: left;
}
.header .options ul li a {
	text-decoration: none;
}
.header .options ul li a:hover {
	text-decoration: underline;
}
.header .logo .address {
	width: 220px;
	margin: 20px 0 0 380px;
	display: block;
	position: absolute;
	#margin-left: 10px;
	padding-left: 20px;
	padding-left: 20px;
	padding-top: 0;
}
.header .logo .address a {
	text-decoration: none;
	height: 11px;
	font-weight: bold;
}
.header .logo .address a:hover {
	text-decoration: underline;
}
.header .newsticker {
	padding: 10px 20px 5px 0;
}
.header .newsticker #ticker {
	width: 935px;
	height: 20px;
}
.header .newsticker #ticker p {
	text-align: right;
	display: block;
	padding-top: 2px;
}
.header .newsticker #ticker a {
	color: #FFF;
}

/* Section III: Footer elements, copyright and support text and images
-----------------------------------------------------------------------------------------------*/
.footer {
	margin: 0 4px;
	height: 80px;
	position: relative;
}
.footer .borders {
	background: #FFF;
	height: 20px;
}
.footer .borders .left {
	height: 20px;
	width: 5px;
	float: left;
}
.footer .borders .right {
	height: 20px;
	width: 5px;
	float: right;
}
.footer .copy {
	float: left;
	padding: 8px 10px 10px 5px;
}
.footer .copy span {
	color: #666;
}
.footer .copy ul {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
}
.footer .copy ul li {
	float: left;
	padding: 0 10px 0 2px;
}
.footer .copy ul li a {
	text-decoration: none;
	padding-left: 8px;
}

.footer .copy ul li a:hover {
	text-decoration: underline;
}
.footer .support {
	float: right;
	height: 56px;
	margin: 4px 6px 0 0;
}
.footer .support span {
	display: block;
	margin-top: 20px;
}
.footer .support span a {
	text-decoration: none;
	font-weight: bold;
}
.footer .support span a:hover {
	text-decoration: underline;
}

/* Section IV: Menu elements, menu items and icons
-----------------------------------------------------------------------------------------------*/
.menu {
	margin: 0 4px;
}
.menu ul {
	margin: 0 15px;
	padding: 0;
	list-style: none;
}
.menu li {
	float: left;
	display: block;
}
.menu .right {
	float: right;
}
.menu li a {
	display: block;
	text-decoration: none;
}
.menu li a:hover {
	text-decoration: underline;
}
.menu li a img, .menu .right a img, .menu .right .red img, .menu li .red img {
	height: 16px;
	width: 16px;
	float: left;
	margin: -1px 4px 4px 0;
}
.menu li a span {
	padding: 6px 20px 5px 10px;
	display: block;
}
.menu .right a span{
	padding: 6px 10px 5px 20px;
}
.menu .borders {
	background: #FFF;
	height: 5px;
	clear: both;
	#margin-top: -10px;
}
.menu .borders .left {
	height: 5px;
	width: 5px;
	float: left;
}
.menu .borders .right {
	height: 5px;
	width: 5px;
	float: right;
}

/* Section V: Main elements, title elements, submenu with user options
-----------------------------------------------------------------------------------------------*/
/*Temporary, Ermin*/
.full-address {
	background: url(images/icon_small_mainaddress.gif) no-repeat;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 10px;
	color: #000;
	letter-spacing: -1px;
	padding-left: 24px;
	display: block;
}
body:last-child .full-address {
	background: url(branding/images/icon_small_mainaddress.gif) no-repeat;
}
.reports-title {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 15px 10px 15px;
	color: #000;
	border-bottom: #000 1px solid;
	letter-spacing: -1px;
	display: block;
	position: relative;
}
.details-page-title {
	background: #C80707;
	color: #FFF;
	margin: 5px 10px 4px 10px;
	font-size:1.1em;
	font-weight:bold;
	display: block;
	padding: 5px;
}
.cancellation-alert-title {
	background: #C80707;
	color: #FFF;
	margin: 0 0 10px 0;
	font-size:1.1em;
	display: block;
	padding: 5px;
	letter-spacing: 1px;
	text-align: center;
}
.rightside-label {
	color: #000;
	margin: 0 2px 0 4px;}

/*End Temporary, Ermin*/
.main, .main-index {
	background: #FFF;
	margin: 0 4px;
	border-bottom: #FFF 1px solid;
}
.main-index {
	#border-left: #000 4px solid;
}
.main .title,  .main-index .title {
	margin: 0 15px;
	height: 50px;
}
.main .title h2, .main-index .title h2 {
	float: left;
	height: 50px;
}
.main .title h2 span, .main-index .title h2 span {
	font-size: 180%;
	font-weight: normal;
	letter-spacing: -1px;
	display: block;
	padding: 12px 10px 0 10px;
}
.main .title .details, .main-index .title .details {
	height: 50px;
	min-width: 29px;
	float: right;
}
.main .title .details ul {
	margin: 18px 0 0 0;
	padding: 0;
	list-style: none;
}
.main .title .details li {
	float: left;
	color: #9E9E9E;
	border-left: #9E9E9E 1px solid;
	padding: 0 9px;
}
.main .title .details li a {
	text-decoration: none;
}
.main .title .details li a:hover {
	text-decoration: underline;
}
.main .title .details span {
	display: inline;
}
.main .title .details .email, .main .title .details .change, .main .title .details .search-hips {
	padding-left: 20px;
}
.main .title .details .user-icon-hubmanager, .main .title .details .user-icon-huboperator, .main .title .details .user-icon-estateagent, .main .title .details .user-icon-homeinspector, .main .title .details .user-icon-solicitor, .main .title .details .user-icon-printeroperator, .main .title .details .user-icon-seller, .main .title .details .user-icon-thirdparty , .main .title .details .user-icon-invitedsolicitor {
	display: inline;
}

/* Section VI: Content holder and main content elements, excluding tables and buttons, icnluding
			DIV holders and subtitles.
-----------------------------------------------------------------------------------------------*/
.main-index .content {
	margin-right: 235px;
}
.content {
	margin: 0 14px;
	position: relative;
}
.content .text {
	margin: 0 0 10px 0;
	font-size: 100%;
}
.content .intro {
	margin: 0 0 10px 0;
	font-size: 110%;
}
.content .intend {
	margin: 0 0 10px 0;
	font-size: 110%;
	padding-left: 25px;
	position: relative;
	display: block;
}
.content .intend span {
	left: 0;
	#left: -25px;
	position: absolute;
	font-weight: bold;
}
.content .intend.more {
	padding-left: 55px;
}
.content .intend.more span {
	left: 20px;
	#left: -35px;
	position: absolute;
	font-weight: bold;
}
.content .form .intro 
{
	color: #666;
	font-size: 100%;
}
.content .form ol 
{
	list-style-type: decimal;
}
.content .form ol li 
{
	margin-bottom: 5px;
}
.content h3 {
	font-size: 110%;
	font-weight: bold;
}
.content h3.special {
	background: url(images/bgn_h3special.gif) no-repeat 0 100%;
	font-size: 130%;
	letter-spacing: -1px;
	font-weight: normal;
	display: block;
	padding: 0 0 11px 0;
	color: #000 !important;
	cursor: text !important;
	width: 100% !important;
}
body:last-child .content h3.special {
	background: url(branding/images/bgn_h3special.gif) no-repeat 0 100%;
}
.content h3.special span{
	display: block;
	padding: 0 0 2px 0;
	border-bottom: #CCC 1px solid;
}
.gray .subtitle, .carmine .subtitle, .pastele .subtitle {
	height: 28px;
}
.gray .error, .white .error, .carmine .error, .pastele .error {
	color: #C80707;
	font-weight: bold;
	display: block;
	margin: 0 10px 10px 10px;
}
.white .subtitle {
	height: 28px;
}
.subtitle ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.subtitle ul li {
	float: left;
}
.subtitle ul li a {
	float: left;
	padding: 5px 30px 6px 10px;
	margin-right: -12px;
	font-size: 100%;
	text-decoration: none;
}
.subtitle ul li a:hover {
	text-decoration: underline;
}
.subtitle ul .selected a {
	font-weight: bold;
}
.explanation img {
	float: right;
	margin-left: 15px;
}
.subtitle .expand, .subtitle .collapse {
	float: right;
	margin-top: 5px;
	padding: 0 10px;
}
.subtitle .expand a, .subtitle .collapse a {
	padding-left: 14px;
	text-decoration: none;
}
.subtitle .expand a {
	background-position: 0 -29px !important;
}
.subtitle .expand a:hover, .subtitle .collapse a:hover {
	text-decoration: underline;
}
.explanation ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.explanation ol li {
	display: inline;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #CCC;
}
.explanation ol .selected {
	padding: 3px 35px 10px 6px;
	border: 0;
	margin: 0;
}
.explanation ol li a {
	display: inline;
}
.explanation .section {
	float: left;
	border-right: #CFCFCF 1px solid;
	margin-right: 10px;
	padding-right: 10px;
	position: relative;
	width: 450px;
}
.explanation .last {
	float: left;
	width: 450px;
	position: relative;	
}
.explanation .section span {
	width: 130px;
	display: block;
	float: left;
}
.explanation .section span.wider {
	width: 320px;
}
.explanation .section .checkstatus {
	background: url(images/icon_small_checkstatus.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 1px 0 1px 20px;
}
body:last-child .explanation .section .checkstatus {
	background: url(branding/images/icon_small_checkstatus.gif) no-repeat;
}
.explanation .section .checkstatus:hover {
	text-decoration: underline;
}
.explanation .last .name {
	width: 130px;
}
.explanation .last .name.nofloat {
	float: none !important;
	width: 100%;
	margin-bottom: 5px;
}
.sleeve .button {
	float: left; 
	margin:0; 
	margin-top: 5px;
}
.sleeve .name.huboperator { 
	margin-top: 2px;
}
.sleeve .value.huboperator {
	display: block;
	margin:0; 
	float: left;
}
.sleeve .name.nofloat 
{
	float: none !important;
	width: 100%;
	margin-top:10px;
	padding:0px;
}
.sleeve table
{
	margin-bottom: -13px !important;
}
.sleeve .line
{
	margin-bottom: -5px;
}
.sleeve .line
{
	margin-bottom: -5px;
}
.explanation .last span {
	display: block;
	float: left;
}
.explanation .section .value, .explanation .last .value {
	color: #666;
	margin-bottom: 2px;
	width: 160px;
}

.explanation .section .value1, .explanation .last .value1 {
	color: #000;
	margin-bottom: 2px;
}
.explanation .section .red {
	color: #C80707;
	margin-bottom: 2px;
	font-weight: bold;
}
.gray .red  {
	background: #FFF;
	color: #C80707;
	margin: 0 10px 10px 10px;
	font-weight: bold;
	border: #C80707 1px solid;
	padding: 5px 10px;
	display: block;
}
.gray .red.upload_logo  {
	width: 279px;
	margin: 0;
	font-weight: normal;
	cursor: default;
}
.explanation .section .downloads, .explanation .last .downloads {
}

/* Gray box with subtitle elements
---------------------------------------------------------*/
.gray {
	margin-bottom: 10px;
}
.gray .subtitle h3 {
	float: left;
	padding: 5px 33px 6px 10px;
	font-size: 100%;
}
.gray .explanation {
	padding: 8px 10px 10px 10px;
}
.gray .buttons {
	height: 26px;
	padding: 4px 10px 0 10px;
}
.uploading {
	float: left;
}
.uploading img {
	margin: 4px 0 0 10px;
	#margin-left: 13px;
	float: left;
}
.uploading span {
	display: block;
	float: left;
	margin-top: 4px;
	width: 340px;
	text-align: right;
	color: #000;
}
.signin {
	padding: 0 10px;
}
.signin ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.signin li {
	margin-bottom: 2px;
}
.signin ul a {
	font-weight: bold;
	text-decoration: none;
}
.signin ul a:hover {
	text-decoration: underline;
}
.signin ul img {
	float: left;
	margin-right: 6px;
}
.signin label {
	float: left;
	width: 60px;
}
.signin input {
	margin-bottom: 2px;
	#margin: 0;
}
.signin-buttons .button {
	float: none;
	margin-left: 70px;
	#margin: 1px 0 0 73px;
}
/* White box with subtitle elements
---------------------------------------------------------*/
.white {
	margin-bottom: 10px;
	border: #CCC 1px solid;
}
.white .subtitle h3 {
	color: #FFF;
	float: left;
	padding: 4px 20px 6px 10px;
	font-size: 100%;
}
.white .explanation {
	padding: 9px;
}
.white .buttons {
	background: #FFF;
	border-top: #CCC 1px solid;
	height: 26px;
	padding: 3px 9px 0 9px;
}
/* Carmine box with subtitle elements
---------------------------------------------------------*/
.carmine {
	margin-bottom: 10px;
}
.carmine .subtitle h3 {
	float: left;
	padding: 5px 33px 6px 10px;
	font-size: 100%;
}
.carmine .explanation {
	padding: 8px 10px 10px 10px;
}
.carmine a {
	color: #FFF;
	text-decoration: none;
}
.carmine a:hover {
	text-decoration: underline;
}
/* Gray box with subtitle elements
---------------------------------------------------------*/
.pastele {
	margin-bottom: 10px;
}
.pastele .subtitle h3 {
	float: left;
	padding: 5px 33px 6px 10px;
	font-size: 100%;
}
.pastele .explanation {
	padding: 8px 10px 10px 10px;
}
.pastele a {
	color: #FFF;
	text-decoration: none;
}
.pastele a:hover {
	text-decoration: underline;
}

/* Section VII: Tables, results and tables buttons
-----------------------------------------------------------------------------------------------*/

.table a.up 
{
	background: url(images/up.gif) no-repeat;
	display:block;
	float:left;
	border: none;
	height:16px;
	width:16px;
}
body:last-child .table a.up 
{
	background: url(branding/images/up.gif) no-repeat;
}

.table a.down 
{
	background: url(images/down.gif) no-repeat;
	display:block;
	float:left;
	border: none;
	height:16px;
	width:16px;
}
body:last-child .table a.down 
{
	background: url(branding/images/down.gif) no-repeat;
}

.table, .validator {
	border: #CCC 1px solid;
	margin-bottom: 10px;
	color: #333;
	padding: 9px;
}
.docs {
	background: #FFF;
	margin-left: 200px;
}
.table .noresults, .validator .error {
	background: url(images/icon_small_noresults.gif) no-repeat;
	padding: 1px 0 1px 20px;
	display: block;
	color: #D82020;
}
body:last-child .table .noresults, .validator .error {
	background: url(branding/images/icon_small_noresults.gif) no-repeat;
}
.validator .error {
	background: url(images/icon_small_error.gif) no-repeat;
}
body:last-child .validator .error {
	background: url(branding/images/icon_small_error.gif) no-repeat;
}
.table .explanation {
	padding: 10px 0 7px 0;
	display: block;
}
.table table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.docs table {
	float: left;
	position: relative;
}
.buttons-table-gray {
	margin-top: -10px;
	background: #CCC;
	height: 26px;
	padding: 4px 10px 0 10px;
}
.buttons-table-gray.movedown {
	margin-bottom: 10px;
}
.buttons-table-red {
	margin-top: 10px;
	background: #C80707;
	padding: 4px 10px 4px 10px;
}
.buttons-table-gray a, .buttons-table-white a {
	display: block;
	padding: 3px 0 3px 20px;
	text-decoration: none;
	float: left;
	background-position: 0 1px;
}
.button-calendar {
	width: 20px;
	height: 24px;
	#height: 18px;
	border: 0;
	cursor: pointer;
	margin-left: 2px;
}
#searchhip .button-calendar, #divReportTimeToCompletionSearch .button-calendar, #divStartDateOfLeaseHolder .button-calendar {	
	#margin-top:1px;
}
.view-all-hips {
	background: url(images/icon_small_viewallhips.gif) no-repeat;
}
body:last-child .view-all-hips {
	background: url(branding/images/icon_small_viewallhips.gif) no-repeat;
}
.view-all-users {
	background: url(images/icon_small_viewallusers.gif) no-repeat;
}
body:last-child .view-all-users {
	background: url(branding/images/icon_small_viewallusers.gif) no-repeat;
}
.buttons-table-white, .paging {
	margin-top: -10px;
	background: #FFF;
	border: #CCC 1px solid;
	border-top: 0;
	height: 25px;
	padding: 4px 9px 0 9px;
}
.paging {
	margin-bottom: 10px;
}
.paging ul {
	padding: 2px 0 0 0;
	margin: 0;
	list-style: none;
	display: block;
}
.paging ul li {
	float: left;
	display: block;
}
.paging ul .dots {
	padding: 1px 6px 1px 6px;
	border-right: #CCC 1px solid;
	color: #999;
}
.paging ul li a {
	padding: 1px 6px 1px 7px;
	text-decoration: none;
	display: block;
	float: left;
	border-right: #CCC 1px solid;
}
.paging ul li .first {
	padding-left: 15px;
}
.paging ul li .prev {
	padding-left: 15px;
}
.paging ul li .last {
	padding-right: 18px;
}
.paging ul li .next {
	padding-right: 14px;
}
.paging ul li a:hover {
	text-decoration: underline;
}
.paging ul li .selected {
	background: #EAEAEA;
	font-weight: bold;
	color: #000;
	border: #CCC 1px solid;
	border-left: 0;
	padding: 0 6px;
	display: block;
}
.paging .total, .paging .goto {
	float: right;
	border-left: #CCC 1px solid;
}
.paging .total span, .paging .goto span {
	padding: 1px 6px;
	display: block;
}
.paging .total {
	font-weight: bold;
	color: #999;
}
.paging .goto span {
	float: left;
}
.paging .goto input {
	float: left;
	height: 14px;
	width: 30px;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	border: #CCC 1px solid;
	color: #666;
	margin-right: 1px;
}
.paging .goto a {
	float: left;
	color: #FFF;
	padding-right: 18px;
	display: block;
}
.table table thead, .table table .header, .section table .header {
}
.table table .header, .section table .header {
	/*height: 18px;*/
}
.table table .header a, .section table .header a {
	background: url(images/icon_small_sorting.gif) no-repeat;
	text-decoration: none;
	padding-left: 17px;
	display: block;
}
body:last-child .table table .header a, .section table .header a {
	background: url(branding/images/icon_small_sorting.gif) no-repeat;
}
.table table .header a:hover, .section table .header a:hover {
	background: url(images/icon_small_sorting.gif) no-repeat 0 -29px;
	text-decoration: underline;
}
body:last-child .table table .header a:hover, .section table .header a:hover {
	background: url(branding/images/icon_small_sorting.gif) no-repeat 0 -29px;
}
.alternate td {
	background: #EEE;
}
.table table td, .table table .header td, .section table td {
	padding: 3px 5px;
	border-bottom: #FFF 1px solid;
	border-right: #FFF 1px solid;
}
.table.home table td {
	padding: 3px 5px;
	border-bottom: #EAEAEA 1px solid;
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
}
.section table {
	margin: 10px 0 0 0;
}
.section table td {
	border-color: #F5F5F5;
}
.table table thead .view, .table table .view {
	color: #333;
}
.table table thead .delete, .table table .delete {
	color: #C80707;
}
.section table tr {
	background: #FFF;
}
.table table .alt, .section table .alt {
	background: #EAEAEA;
}
.table table .warning {
	background: #FBEDED;
}
.table table .warningalt {
	background: #F2C3C3;
}
.table table .total td {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #000;
	color: #000;
}
.view-hip, .view-user, .view-doc, .edit-doc, .save-doc, .retrieve-doc, .upload-doc, .upload-forbid, .override-doc, .inctruction-cancel, .instruction-cancelled, .instruction-error, .instruction-rejected, .instruction-denied, .view-point, .view-printrequest, .view-category, .view-section, .delete-hip, .delete-user, .delete-user-disabled, .delete-doc, .delete-section, .delete-comment, .download-hip-small, .view-document-list, .view-template, .delete-template, .moveup-doc, .movedown-doc, .moveup-section, .movedown-section, .email-password, .assign-homeinspector, .cancel-enquiry, .create-hip {
	height: 16px;
	width: 16px;
	margin: 0 auto;
	display: block;
	border: 0 !important;
}
#divCancelHIP {
	display:block;
}
#divCancelHIP .delete-hip {
	background: url(images/icon_small_deletehip.gif) no-repeat;
	padding: 2px 0 0 20px;
	width: 60px;
	margin: 0;
	display: block;
}
body:last-child #divCancelHIP .delete-hip {
	background: url(branding/images/icon_small_deletehip.gif) no-repeat;
}
#divCancelHIP .delete-hip:hover {
	text-decoration: underline;
}
#divMarkAsSold .stat-hip-sold:hover {
	text-decoration: underline;
}
#divCancelHIP label {
	margin-left: 3px;
	margin-bottom: 3px;
	display:inline-block !important;
	color: #C80707;
	font-weight: bold;
}
.center-in-cell {
	width: 20px;
	margin: 0 auto;
	display: block;
}
.view-hip {
	background: url(images/icon_small_viewhip.gif);
}
body:last-child .view-hip {
	background: url(branding/images/icon_small_viewhip.gif);
}
.view-user {
	background: url(images/icon_small_viewuser.gif);
}
body:last-child .view-user {
	background: url(branding/images/icon_small_viewuser.gif);
}
.view-doc {
	background: url(images/icon_small_viewdoc.gif);
}
body:last-child .view-doc {
	background: url(branding/images/icon_small_viewdoc.gif);
}
.edit-doc {
	background: url(branding/images/icon_small_editdoc.gif);
}
body:last-child .edit-doc {
	background: url(images/icon_small_editdoc.gif);
}
.save-doc {
	background: url(branding/images/icon_small_savedoc.gif);
}
body:last-child .save-doc {
	background: url(images/icon_small_savedoc.gif);
}
.retrieve-doc {
	background: url(images/icon_small_retrievedoc.gif);
}
body:last-child .retrieve-doc {
	background: url(branding/images/icon_small_retrievedoc.gif);
}
.upload-doc {
	background: url(images/icon_small_uploaddoc.gif);
	float: left;
	margin: 0 5px 0 0;
}
body:last-child .upload-doc {
	background: url(branding/images/icon_small_uploaddoc.gif);
}
.view-A4-doc {
	background: url(images/icon_small_A4_resize.gif);
	float: left;
	margin: 0 5px 0 0;
	height: 16px;
	width: 16px;
	margin: 0 auto;
	display: block;
	border: 0 !important;
}
body:last-child .view-A4-doc {
	background: url(branding/images/icon_small_A4_resize.gif);
}
.upload-doc.inside-document-description {
	margin-top: 5px;
}
.view-A4-doc.inside-document-description {
	margin-top: 5px;
}
.upload-forbid {
	background: url(images/icon_small_uploadforbid.gif);
	margin: 0 auto;
}
body:last-child .upload-forbid {
	background: url(branding/images/icon_small_uploadforbid.gif);
}
.override-doc {
	background: url(images/icon_small_documentoverride.gif);
	margin: 0 auto;
	float: left;
	margin-right: 5px;
}
body:last-child .override-doc {
	background: url(branding/images/icon_small_documentoverride.gif);
}
.inctruction-cancel {
	background: url(images/icon_small_instructioncancel.gif);
	float: left;
	margin: 0 5px 0 0;
}
body:last-child .inctruction-cancel {
	background: url(branding/images/icon_small_instructioncancel.gif);
}
.instruction-cancelled {
	background: url(images/icon_small_instructioncanceled.gif);
	float: left;
	margin: 0 5px 0 0;
}
body:last-child .instruction-cancelled {
	background: url(branding/images/icon_small_instructioncanceled.gif);
}
.instruction-error {
	background: url(images/icon_small_instructionerror.gif);
	float: left;
	margin: 0 5px 0 0;
}
body:last-child .instruction-error {
	background: url(branding/images/icon_small_instructionerror.gif);
}
.instruction-rejected {
	background: url(images/icon_small_instructionrejected.gif);
	float: left;
	margin: 0 5px 0 0;
}
body:last-child 
.instruction-rejected {
	background: url(branding/images/icon_small_instructionrejected.gif);
}
.instruction-denied {
	background: url(images/icon_small_instructiondenied.gif);
	float: left;
	margin: 0 5px 0 0;
}
body:last-child .instruction-denied {
	background: url(branding/images/icon_small_instructiondenied.gif);
}
.upload-forbid-comment {
	font-size: 90%;
	color: #666;
	text-align: center;
	display: block;
}
.view-printrequest {
	background: url(images/icon_small_viewprintrequest.gif);
}
body:last-child .view-printrequest {
	background: url(branding/images/icon_small_viewprintrequest.gif);
}
.view-point {
	background: url(images/icon_small_viewpoint.gif);
}
body:last-child .view-point {
	background: url(branding/images/icon_small_viewpoint.gif);
}
.view-category {
	background: url(images/icon_small_viewcategory.gif);
}
body:last-child .view-category {
	background: url(branding/images/icon_small_viewcategory.gif);
}
.delete-hip {
	background: url(images/icon_small_deletehip.gif);
}
body:last-child .delete-hip {
	background: url(branding/images/icon_small_deletehip.gif);
}
.delete-user {
	background: url(images/icon_small_deleteuser.gif);
}
body:last-child .delete-user {
	background: url(branding/images/icon_small_deleteuser.gif);
}
.delete-user-disabled {
	background: url(images/icon_small_deleteuser_disabled.gif);
}
body:last-child .delete-user-disabled {
	background: url(branding/images/icon_small_deleteuser_disabled.gif);
}
.delete-doc {
	background: url(images/icon_small_deletedoc.gif);
	float:right;
}
body:last-child .delete-doc {
	background: url(branding/images/icon_small_deletedoc.gif);
}
.delete-comment {
	background: url(images/icon_small_deletedoc.gif);
}
body:last-child .delete-comment {
	background: url(branding/images/icon_small_deletedoc.gif);
}
.download-hip-small {
	background: url(images/icon_small_downloadhip.gif);
}
body:last-child .download-hip-small {
	background: url(branding/images/icon_small_downloadhip.gif);
}
.view-document-list {
	background: url(images/icon_small_viewdocumentlist.gif);
}
body:last-child .view-document-list {
	background: url(branding/images/icon_small_viewdocumentlist.gif);
}
.view-template {
	background: url(images/icon_small_viewtemplate.gif);
}
body:last-child .view-template {
	background: url(branding/images/icon_small_viewtemplate.gif);
}
.delete-template {
	background: url(images/icon_small_deletetemplate.gif);
}
body:last-child .delete-template {
	background: url(branding/images/icon_small_deletetemplate.gif);
}
.moveup-doc {
	background: url(images/icon_small_moveupdoc.gif);
}
body:last-child .moveup-doc {
	background: url(branding/images/icon_small_moveupdoc.gif);
}
.movedown-doc {
	background: url(images/icon_small_movedowndoc.gif);
}
body:last-child .movedown-doc {
	background: url(branding/images/icon_small_movedowndoc.gif);
}
.view-section {
	background: url(images/icon_small_viewsection.gif);
}
body:last-child .view-section {
	background: url(branding/images/icon_small_viewsection.gif);
}
.delete-section {
	background: url(images/icon_small_deletesection.gif);
}
body:last-child .delete-section {
	background: url(branding/images/icon_small_deletesection.gif);
}
.moveup-section {
	background: url(images/icon_small_moveupsection.gif);
}
body:last-child .moveup-section {
	background: url(branding/images/icon_small_moveupsection.gif);
}
.movedown-section {
	background: url(images/icon_small_movedownsection.gif);
}
body:last-child .movedown-section {
	background: url(branding/images/icon_small_movedownsection.gif);
}
.email-password {
	background: url(images/icon_small_emailpassword.gif);
}
body:last-child .email-password {
	background: url(branding/images/icon_small_emailpassword.gif);
}
.assign-homeinspector {
	background: url(images/icon_small_assignhomeinspector.gif);
}
body:last-child .assign-homeinspector {
	background: url(branding/images/icon_small_assignhomeinspector.gif);
}
.cancel-enquiry {
	background: url(images/icon_small_cancelenquiry.gif);
}
body:last-child .cancel-enquiry {
	background: url(branding/images/icon_small_cancelenquiry.gif);
}
.create-hip {
	background: url(images/icon_small_createhip.gif);
}
body:last-child .create-hip {
	background: url(branding/images/icon_small_createhip.gif);
}
.no-doc {
	background: url(images/icon_small_nodoc.gif) no-repeat;
	color: #C80707;
	font-weight: bold;
	padding: 1px 0 1px 20px;
	display: block;
}
body:last-child .no-doc {
	background: url(branding/images/icon_small_nodoc.gif) no-repeat;
}
.auto-generated {
	background: url(images/icon_small_autogenerated.gif) no-repeat;
	color: #000;
	padding: 1px 0 1px 20px;
	display: block;
}
body:last-child .auto-generated {
	background: url(branding/images/icon_small_autogenerated.gif) no-repeat;
}
.desirable {
	background: url(images/icon_small_desirable.gif) no-repeat;
	color: #093;
	padding: 1px 0 1px 20px;
	display: block;
}
body:last-child .desirable {
	background: url(branding/images/icon_small_desirable.gif) no-repeat;
}
.not-required {
	background: url(images/icon_small_notrequired.gif) no-repeat;
	color: #999;
	padding: 1px 0 1px 20px;
	display: block;
}
body:last-child .not-required {
	background: url(branding/images/icon_small_notrequired.gif) no-repeat;
}
.download-hip, .download-legalsummary, .download-pdf, .select-homeinspector, .online-payment, .confirm-searches, .view-property-details, .reset-hip, .clearaddress, .verifyaddress, .notA4, .send_sale_statement, .flip_property_titles {
	background: url(images/icon_small_downloadhip.gif) no-repeat;
	color: #C80707;
	font-weight: bold;
	padding: 1px 0 1px 20px;
	display: block;
	position: relative;
	text-decoration: none;
}
body:last-child .download-hip, body:last-child .download-legalsummary, body:last-child .download-pdf, body:last-child .select-homeinspector, body:last-child .online-payment, body:last-child .confirm-searches, body:last-child .view-property-details, body:last-child .reset-hip, body:last-child .clearaddress, body:last-child .verifyaddress, body:last-child .notA4, body:last-child .send_sale_statement, body:last-child .flip_property_titles {
	background: url(branding/images/icon_small_downloadhip.gif) no-repeat;
}
.download-hip:hover, .download-legalsummary:hover, .download-pdf:hover, .select-homeinspector:hover, .online-payment:hover, .confirm-searches:hover, .view-property-details:hover, .flip_property_titles:hover {
	text-decoration: underline;
}
#HIP_HIP #divSendPack {
	width: auto;
}
#HIP_HIP #divSendPack .sendto, #HIP_HIP #divSendPack .field .long, #HIP_HIP #divSendPack .button, #HIP_HIP #divSendPack #lblEmbed, #HIP_HIP #divSendPack #lblEmbedPlus {
	position: relative;
}
#HIP_HIP #divSendPack #lblEmbed {
	margin-right: 5px;
}
#divSendPack .download-hip {
	background: #FFF url(images/icon_small_downloadhip.gif) no-repeat 155px 5px;
	text-align: center;
	border: #C80707 1px solid;
	padding: 6px 6px 6px 30px;
	margin: 10px auto;
}
body:last-child #divSendPack .download-hip {
	background: #FFF url(branding/images/icon_small_downloadhip.gif) no-repeat 155px 5px;
}
#divSendPack .download-hip:hover {
	border-width: 2px;
	padding: 5px 5px 5px 29px;
	background-position: 154px 4px;
}
#printrequest .download-hip {
	margin-left: 350px;
}
.download-legalsummary {
	background: url(images/icon_small_downloadlegalsummary.gif) no-repeat;
}
body:last-child .download-legalsummary {
	background: url(branding/images/icon_small_downloadlegalsummary.gif) no-repeat;
}
.download-pdf {
	background: url(images/icon_small_downloadpdf.gif) no-repeat;
	margin: -5px 0 20px 0;
	width: 110px;
}
body:last-child .download-pdf {
	background: url(branding/images/icon_small_downloadpdf.gif) no-repeat;
}
.select-homeinspector {
	background: url(images/icon_small_assignhomeinspector_red.gif) no-repeat;
}
body:last-child .select-homeinspector {
	background: url(branding/images/icon_small_assignhomeinspector_red.gif) no-repeat;
}
.online-payment {
	background: url(images/icon_small_choosepaymentmethod.gif) no-repeat;
}
body:last-child .online-payment {
	background: url(branding/images/icon_small_choosepaymentmethod.gif) no-repeat;
}
.flip_property_titles {
	background: url(images/icon_small_flip_property_titles.gif) no-repeat;
	height: 16px;
}
body:last-child .flip_property_titles {
	background: url(branding/images/icon_small_flip_property_titles.gif) no-repeat;
}
.confirm-searches {
	background: url(images/icon_small_confirmsearches.gif) no-repeat;
	width: 170px;
}
body:last-child .confirm-searches {
	background: url(branding/images/icon_small_confirmsearches.gif) no-repeat;
}
.view-property-details {
	background: url(images/icon_small_viewpropertydetails.gif) no-repeat;
	width: 120px;
}
body:last-child .view-property-details {
	background: url(branding/images/icon_small_viewpropertydetails.gif) no-repeat;
}
.reset-hip {
	background: url(images/icon_small_reset_hip.gif) no-repeat;
	width: 90px;
	margin-left: 130px;
}
body:last-child .reset-hip {
	background: url(branding/images/icon_small_reset_hip.gif) no-repeat;
}
.reset-hip:hover {
	text-decoration: underline;
}
.clearaddress {
	background: url(images/icon_small_clearaddress.gif) no-repeat;
	margin-left: 10px;
	font-weight: normal;
}
body:last-child .clearaddress {
	background: url(branding/images/icon_small_clearaddress.gif) no-repeat;
}
.verifyaddress {
	background: url(images/icon_small_verifyaddress.gif) no-repeat;
	font-weight: normal;
}
body:last-child .verifyaddress {
	background: url(branding/images/icon_small_verifyaddress.gif) no-repeat;
}
.notA4 {
	background: url(images/icon_small_error.gif) no-repeat;
	font-weight: normal;
	float: left;
	margin-right: 5px;
}
body:last-child .notA4 {
	background: url(branding/images/icon_small_error.gif) no-repeat;
}
.send_sale_statement {
	background: url(images/icon_small_details_email.gif) no-repeat;
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}
body:last-child .send_sale_statement {
	background: url(branding/images/icon_small_details_email.gif) no-repeat;
}
#DivEPCInstruction .send_sale_statement {
	width: 250px;
	margin-left: 0;
}
.button {
	background: #FFF url(images/bgn_button.gif) no-repeat 100% 0;
	border: #666 1px solid;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 22px;
	margin-left: 10px;
	float: right;
}
body:last-child .button {
	background: #FFF url(branding/images/bgn_button.gif) no-repeat 100% 0;
}
.button-disabled {
	background: #FFF url(images/bgn_button.gif) no-repeat 100% 0;
	border: #666 1px solid;
	color: #999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 22px;
	margin-left: 10px;
	float: right;
}
body:last-child .button-disabled {
	background: #FFF url(branding/images/bgn_button.gif) no-repeat 100% 0;
}
.button.disabled-light {
	filter: alpha(opacity=70);
	border: #666 1px solid;
	cursor: default;
	-moz-opacity: 0.4;
}
.button.disabled-darker {
	filter: alpha(opacity=40);
	border: #666 1px solid;
	cursor: default;
	-moz-opacity: 0.2;
}
.alert {
	background: #E32F2F url(images/bgn_button_alert.gif) no-repeat 100% 0;
	border: #C80707 1px solid;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 22px;
	margin-left: 10px;
	float: right;
}
body:last-child .alert {
	background: #E32F2F url(branding/images/bgn_button_alert.gif) no-repeat 100% 0;
}
.return {
	background: #646464 url(images/bgn_button_return.gif) no-repeat 100% 0;
	border: #000 1px solid;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 22px;
	margin-left: 10px;
	float: right;
}
body:last-child .return {
	background: #646464 url(branding/images/bgn_button_return.gif) no-repeat 100% 0;
}
.return.disabled {
	background: #BBB;
	border: #AAA 1px solid;
	color: #EEE;
	cursor: default;
}
.gray .form {
	padding: 8px 10px 10px 10px;
}
.gray .alreadypaid {
	background: url(images/icon_already_paid.gif) no-repeat;
	padding: 2px 0 10px 0;
	margin-left: 353px;
}
body:last-child .gray .alreadypaid {
	background: url(branding/images/icon_already_paid.gif) no-repeat;
}
.gray .alreadypaid span {
	margin-left: 30px;
	color: #444;
	font-size:1.1em;
	letter-spacing: 1px;
}
.button.cancelinstruction {
	background: #E32F2F url(images/bgn_button_cancelinstruction.gif) no-repeat 0 0;
	border: #C80707 1px solid;
	color: #FFF;
	margin: 5px 0 5px 0;
	padding-left: 22px;
	display: block;
	width: 70px;
	float: none;
}
body:last-child .button.cancelinstruction {
	background: #E32F2F url(branding/images/bgn_button_cancelinstruction.gif) no-repeat 0 0;
}
.white .form {
	padding: 8px 9px 9px 9px;
}
.labeled {
	float: left;
	margin-right: 10px;
	width: 340px;
	text-align: right;
	position: relative;
}
.labeled-short {
	float: right;
	width: 180px;
}
.labeled .checker input {
	float: right;
}
label {
	cursor: pointer;
	margin-top: 2px;
	display: block;
}
table label {
	display: inline;
}
.field {
	color: #666;
	margin-bottom: 3px;
}
.field-rare {
	margin-left: 185px;
	#margin-left: 183px;
}
.field-rare2 {
	margin-left: 180px;
	color: #666;
	margin-bottom: 3px;
}
.labeled.rare {
	width: 170px;
}
/* BEGIN	Added by Ermin 22.03.2007.*/
.instruction-faxed {
	margin-left:127px;
	padding: 0 0 5px 0;
	display: inline;
	position:relative;
	float: left;
}

.instruction-faxed .name {
	margin-left:-127px;
	width: 120px !important;
	background: url(images/icon_arrow_right.gif) no-repeat 100%;
}
.instruction-faxed span {
	/*margin-left:-127px;
	width: 120px !important;
	cursor: pointer;
	height: 0;*/
	width: 16px !important;
}

.instruction-faxed label {
	/* Ermin: Ovo je budzenje za medalju, ali radi*/
	width:90%;
	margin: -18px 0 0 25px;
	_margin: -18px 0 0 12px;
	color: #C80707;
	float:left;
}
.instruction-faxed input {
	margin-top: 2px;
	#margin-top: -2px;
	/*margin-left: 133px;
	#margin-left: 128px;*/
	width:auto;
}
.field.options {
	position:relative;
	float:left;
	/*margin-left:50px;*/
}
.priceholder {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 1px;
	background: url(images/bgn_price_holder.gif) repeat;
	margin-top: 10px;
	margin-left: 100px;
	margin-right: 60px;
	padding: 5px 0 10px 0;
	border: 1px #DDD solid;
}
body:last-child .priceholder {
	background: url(branding/images/bgn_price_holder.gif) repeat;
}
.priceholder .labeled {
	width: 70px !important;
}
.priceholder .manual_price_holder input {
	margin-left: 80px !important;
}
.priceholder .price_input {
	padding-top: 5px;
	height: 17px;
}
.field .hipprice {
	padding: 1px 0 1px 2px;
	border: none;
	POSITION: relative; 
	TOP: 2px;
	margin-left: 2px;
}
.hipprice.text {
	width:50px;
	margin-top:-3px;
	#margin-top:-4px;
	margin-left:2px;
	margin-bottom: 0px !important;
	border: #666 1px solid;
	color: #666;
	padding: 1px 2px;
}
/*\*/ * html .hipprice.text {
	margin-top: -6px !important;
}
.hipprice.text.hidden, .hipprice.hidden {
	display:none !important;
}
/* END		Added by Ermin 22.03.2007.*/

.field-rare input {
	float: left;
	position: relative;
	margin: 0 0 3px 0;
	#margin: -2px 0 0 0;
}
.field-rare label {
	position: relative;
	margin: 2px 0 0 18px;
	color: #666;
}
.field-rare.comments, .field-rare2 .comments {
	background: url(images/icon_small_comments.gif) no-repeat;
	padding: 1px 0 1px 20px;
	margin-top: 4px;
	margin-left: 180px;
	#margin-left: 183px;
}
body:last-child .field-rare.comments, .field-rare2 .comments {
	background: url(branding/images/icon_small_comments.gif) no-repeat;
}
.field-rare2 .comments {
	margin-left: 0px;
	float:left;
	display:block;
}
/* Added by Ermin 13.02.2007. */
.statement {
	background: url(images/icon_small_comments.gif) no-repeat 0 1px;
	color: #999;
	padding: 1px 0 1px 20px;
	font-weight: bold;
	display: inline;
}
body:last-child .statement {
	background: url(branding/images/icon_small_comments.gif) no-repeat 0 1px;
}
.statement.sale_statement {
	font-weight: normal;
	margin-top: 2px;
	float: left;
}
.statement.popup {
	display: block;
	font-weight: normal;
	margin-top: 3px;
}
#divLogo {
	display: block;
	position:relative;
	border-bottom:#CCC solid 1px;
	float: left;
	margin:0;
	width: 100%;
}
#divLogo .statement {
	font-weight: normal;
	float: left;
	margin-bottom: 3px;
}
.reports .statement {
	font-weight: normal;
	margin-bottom: 3px;
	margin-left: 10px;
}
.reports li {
	margin-bottom: 10px;
	list-style: none;
	list-style-type: square;
}
.reports a {
	font-weight: bold;
}
#divLogo .buttons {
	padding-left:0px; 
	margin-bottom: 3px;
	border: none;
	padding:0;
}
#divLogo .return, #divLogo .alert {
	margin: 0;
}
#divLogo .image {
	float:left;
	
}
#divLogo .imageholder {
	margin-left: 350px;
}
#divSendSaleStatement {
	/*margin-left: 200px;*/
}
.section .statement.board, #divSendSaleStatement .statement.board {
	display:block;
	font-weight:normal;
	color: #666;
	width: 400px !important;
	margin: 2px 0 10px 0;
}
.statement.resizeA4 {
	position: relative;
	font-weight: normal;
	float: left;
	width: 300px;
	margin-left: 355px;
	margin-bottom: 5px;
}
.statement.inline {
	float: none;
	margin-left: 5px;	
	font-weight: normal;
}
#DivEPCInstruction .statement.inline {
	width: 250px;
	margin-left: 0;
}
#divSendSaleStatement .statement.board {
	float: left;
	margin-left: 110px;
}
.col2 .statement.board, .form .statement.board
{
	display:block;
	font-weight:normal;
	FLOAT:none;
	MARGIN-LEFT:165px;
	MARGIN-RIGHT:30px;
	COLOR:#C80707;
	padding-bottom:10px;
}
.form .field .statement.board
{
	margin-left:372px;
	MARGIN-RIGHT:200px;
	padding-bottom:5px;
	margin-top:-17px;
	position:relative;
	display: inline-block;
}
#divSelectTitleNumber .statement.board {
	width: 240px !important;
}
.flash-container {
	margin-top:4px;
	display:block;
	float:none;
}
.uploading span
{
	padding-right:10px;
}
/* END Added by Ermin 13.02.2007. */
.field label {
	display: inline;
	padding-bottom: 3px;
}
.field .choose {
	color: #999;
}
.field .readyby {
	width: 150px;
	height: 18px;
	display: block;
}
.field .buttons {
	background: none;
	padding: 0 0 0 340px;
	#padding-left: 325px;
	margin: 5px 0 0 0;
	width: auto;
	border-bottom: #CCC 1px dotted;
}
.field .buttons input {
	float: none;
}
.extrashort, .shortest, .short, .middle, .middlemore, .middlemoreplus, .long, .longest, .superlong, .ultimate {
	border: #666 1px solid;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 2px;
}
.ultimate {
	width: 700px;
}
.superlong {
	width: 440px;
}
.longest {
	width: 300px;
}
.long {
	width: 240px;
}
.middlemoreplus {
	width: 240px;
}
.middlemore {
	width: 190px;
}
.middle {
	width: 160px;
}
.short {
	width: 110px;
}
.shortest {
	width: 55px;
}
.extrashort {
	width: 17px;
}
.form .required {
	color: #C80707;
	font-size: 90%;
	margin: 0 10px;
}
.form .section .required {
	color: #C80707;
	float: left;
}
.form .section {
	color: #000;
	border-bottom: #000 1px solid;
	margin-bottom: 4px;
	font-weight: bold;
}
.form .section-small {
	color: #333;
	border-bottom: #333 1px solid;
	margin-bottom: 4px;
	font-weight: bold;
}
.form .section h4, .form .section-small h5 {
	margin-right: 10px;
	width: 340px;
	text-align: right;
}
.form .section .inline {
	display: inline;
}
.form .section span {
	font-weight: normal !important;
}
.home-left {
	float: left;
	margin-right: 10px;
	width: 468px;
}
.home-right {
	float: left;
	width: 468px;
}
.validator ol {
	margin: 2px 20px;
	padding: 2px 20px;
}
.validator ol label {
	display: inline;
	font-weight: bold;
	color: #C80707;
}
.form .col1 {
	width: 49.5%;
	float: left;
	position: relative;
	margin-right: 5px;
}
.form .col2 {
	width: 49.5%;
	float: left;
	position: relative;
}
.col1 .labeled, .col2 .labeled {
	float: left;
	margin-right: 10px;
	width: 170px;
	text-align: right;
}
h4.cols, h5.cols {
	width: 170px !important;
	margin-top: 10px;
	display: block;
}
h4.cols.wide {
	width: 80% !important;
	margin-top: 10px;
	display: block;
	height: 14px;
}
h4.cols.wide strong {
	display: block;
	float: left;
	width: 170px;
	text-align: right;
}
.form .note {
	margin: 5px 0;
	margin-left: 180px;
	padding-right: 50px;
	color: #C80707;
}
.field.options .note {
	margin-left: 20px;
	display:block;
	margin-bottom: -3px;
}
.form .section .expand, .form .section .collapse, .form .section-small .expand, .form .section-small .collapse {
	float: right;
	padding: 0;
	*padding: 0;
	_padding-top: 5px;
	position: relative;
}
.form .section .expand a, .form .section .collapse a, .form .section-small .expand a, .form .section-small .collapse a {
	background: url(images/bgn_icon_expandcollapse.gif) no-repeat 0 4px;
	padding-left: 14px;
	text-decoration: none;
}
body:last-child .form .section .expand a, body:last-child .form .section .collapse a, body:last-child .form .section-small .expand a, body:last-child .form .section-small .collapse a {
	background: url(branding/images/bgn_icon_expandcollapse.gif) no-repeat 0 4px;
}
.form .section .expand a, .form .section-small .expand a {
	background-position: 0 -29px !important;
}
.form .section .expand a:hover, .form .section .collapse a:hover, .form .section-small .expand a:hover, .form .section-small .collapse a:hover {
	text-decoration: underline;
}


/* Section VIII: HIP and User statuses
-----------------------------------------------------------------------------------------------*/
/*	
	Added by Ermin 30.03.2007. 
	Autosize table row when classes below are located in it
	BEGIN
*/
.table .stat-hip-initiated, .table .stat-hip-pending-1, .table .stat-hip-pending-2, .table .stat-hip-pending-3, .table .stat-hip-ready, .table .stat-hip-tbmarketed, .table .stat-hip-sold, .table .stat-hip-cancelled, .table .stat-hip-lapsed, .table .stat-legal-precis, .table .stat-8plusbeds, .table .user-icon-hubmanager, .table .user-icon-huboperator, .table .user-icon-estateagent, .table .user-icon-homeinspector, .table .user-icon-solicitor, .table .user-icon-printeroperator, .table .user-icon-seller, .table .user-icon-thirdparty , .table .user-icon-invitedsolicitor, .table .user-icon-available, .table .user-icon-unavailable {
	height:auto;
}
/* 
	END
*/
.stat-hip-initiated, .stat-hip-pending-1, .stat-hip-pending-2, .stat-hip-pending-3, .stat-hip-ready, .stat-hip-tbmarketed, .stat-hip-sold, .stat-hip-cancelled, .stat-hip-lapsed, .stat-legal-precis, .stat-8plusbeds, .stat-hip-inprogress, .user-icon-hubmanager, .user-icon-huboperator, .user-icon-estateagent, .user-icon-homeinspector, .user-icon-solicitor, .user-icon-printeroperator, .user-icon-seller, .user-icon-thirdparty , .user-icon-invitedsolicitor, .user-icon-available, .user-icon-unavailable {
	padding: 1px 0 0 20px;
	display:block;
	height: 15px;
	background-repeat: no-repeat;
}
.stat-hip-initiated {
	background-image: url(images/icon_small_status_hip_initiated.gif);
	color: #093;
}
body:last-child .stat-hip-initiated {
	background-image: url(branding/images/icon_small_status_hip_initiated.gif);
}
.stat-hip-pending-1 {
	background-image: url(images/icon_small_status_hip_pending_1.gif);
	color: #F90;
}
body:last-child .stat-hip-pending-1 {
	background-image: url(branding/images/icon_small_status_hip_pending_1.gif);
}
.stat-hip-pending-2 {
	background-image: url(images/icon_small_status_hip_pending_2.gif);
	color: #F90;
}
body:last-child .stat-hip-pending-2 {
	background-image: url(branding/images/icon_small_status_hip_pending_2.gif);
}
.stat-hip-pending-3 {
	background-image: url(images/icon_small_status_hip_pending_3.gif);
	color: #F90;
}
body:last-child .stat-hip-pending-3 {
	background-image: url(branding/images/icon_small_status_hip_pending_3.gif);
}
.stat-hip-ready {
	background-image: url(images/icon_small_status_hip_ready.gif);
	color: #00C;
}
body:last-child .stat-hip-ready {
	background-image: url(branding/images/icon_small_status_hip_ready.gif);
}
.stat-hip-tbmarketed {
	background-image: url(images/icon_small_status_hip_tbmarketed.gif);
	color: #600;
}
body:last-child .stat-hip-tbmarketed {
	background-image: url(branding/images/icon_small_status_hip_tbmarketed.gif);
}
.stat-hip-sold {
	background-image: url(images/icon_small_status_hip_sold.gif);
	color: #999;
}
body:last-child .stat-hip-sold {
	background-image: url(branding/images/icon_small_status_hip_sold.gif);
}
.stat-hip-cancelled {
	background-image: url(images/icon_small_status_hip_cancelled.gif);
	color: #F00;
}
body:last-child .stat-hip-cancelled {
	background-image: url(branding/images/icon_small_status_hip_cancelled.gif);
}
.stat-hip-lapsed {
	background-image: url(images/icon_small_status_hip_lapsed.gif);
	color: #C80707;
}
body:last-child .stat-hip-lapsed {
	background-image: url(branding/images/icon_small_status_hip_lapsed.gif);
}
.stat-legal-precis {
	background-image: url(images/icon_small_status_hip_legalprecis.gif);
	color: #FF0099;
}
body:last-child .stat-legal-precis {
	background-image: url(branding/images/icon_small_status_hip_legalprecis.gif);
}
.stat-8plusbeds {
	background-image: url(images/icon_small_status_8plusbeds.gif);
	color: #AC4697;
}
body:last-child .stat-8plusbeds {
	background-image: url(branding/images/icon_small_status_8plusbeds.gif);
}
.stat-hip-inprogress {
	background-image: url(images/icon_small_status_hip_inprogress.gif);
	color: #009;
}
body:last-child .stat-hip-inprogress {
	background-image: url(branding/images/icon_small_status_hip_inprogress.gif);
}
.user-short {
	color: #999;
	font-size: 90%;
}
.point-open, .point-closed, .buyer-sold, .buyer-deny, .required-yes, .required-no {
	height: 16px;
	width: 16px;
	margin: 0 auto;
	display: block;
}
.point-open {
	background: url(images/icon_small_status_alert.gif) no-repeat;
	width: 30px;
	color: #F00;
	padding-left: 20px;
}
body:last-child .point-open {
	background: url(branding/images/icon_small_status_alert.gif) no-repeat;
}
.point-closed {
	background: url(images/icon_small_status_checked.gif) no-repeat;
	width: 30px;
	color: #093;
	padding-left: 20px;
}
body:last-child .point-closed {
	background: url(branding/images/icon_small_status_checked.gif) no-repeat;
}
.buyer-sold {
	background: url(images/icon_small_status_checked.gif);
}
body:last-child .buyer-sold {
	background: url(branding/images/icon_small_status_checked.gif);
}
.required-yes {
	background: url(images/icon_small_status_checked.gif) no-repeat;
	width: 30px;
	color: #093;
	padding-left: 20px;
}
body:last-child .required-yes {
	background: url(branding/images/icon_small_status_checked.gif) no-repeat;
}
.buyer-deny {
	background: url(images/icon_small_status_crossed.gif);
}
body:last-child .buyer-deny {
	background: url(branding/images/icon_small_status_crossed.gif);
}
.required-no {
	background: url(images/icon_small_status_crossed.gif) no-repeat;
	width: 30px;
	color: #F00;
	padding-left: 20px;
}
body:last-child .required-no {
	background: url(branding/images/icon_small_status_crossed.gif) no-repeat;
}
.user-icon-hubmanager {
	background-image: url(images/icon_user_hubmanager.gif);
	color: #600 !important;
}
body:last-child .user-icon-hubmanager {
	background-image: url(branding/images/icon_user_hubmanager.gif);
}
.user-icon-huboperator {
	background-image: url(images/icon_user_huboperator.gif);
	color: #F00 !important;
}
body:last-child .user-icon-huboperator {
	background-image: url(branding/images/icon_user_huboperator.gif);
}
.user-icon-estateagent {
	background-image: url(images/icon_user_estateagent.gif);
	color: #393 !important;
}
body:last-child .user-icon-estateagent {
	background-image: url(branding/images/icon_user_estateagent.gif);
}
.user-icon-homeinspector {
	background-image: url(images/icon_user_homeinspector.gif);
	color: #33C !important;
}
body:last-child .user-icon-homeinspector {
	background-image: url(branding/images/icon_user_homeinspector.gif);
}
.user-icon-solicitor {
	background-image: url(images/icon_user_solicitor.gif);
	color: #000 !important;
}
body:last-child .user-icon-solicitor {
	background-image: url(branding/images/icon_user_solicitor.gif);
}
.user-icon-invitedsolicitor {
	background-image: url(images/icon_user_invitedsolicitor.gif);
	color: #666 !important;
}
body:last-child .user-icon-invitedsolicitor {
	background-image: url(branding/images/icon_user_invitedsolicitor.gif);
}
.user-icon-printeroperator {
	background-image: url(images/icon_user_printeroperator.gif);
	color: #69C !important;
}
body:last-child .user-icon-printeroperator {
	background-image: url(branding/images/icon_user_printeroperator.gif);
}
.user-icon-seller {
	background-image: url(images/icon_user_seller.gif);
	color: #F0C !important;
}
body:last-child .user-icon-seller {
	background-image: url(branding/images/icon_user_seller.gif);
}
.user-icon-thirdparty {
	background-image: url(images/icon_user_thirdparty.gif);
	color: #F90 !important;
}
body:last-child .user-icon-thirdparty {
	background-image: url(branding/images/icon_user_thirdparty.gif);
}
.user-icon-Available {
	background-image: url(images/icon_user_available.gif);
	color: #390 !important;
	background-repeat: no-repeat;
	padding-left: 20px;
}
body:last-child .user-icon-Available {
	background-image: url(branding/images/icon_user_available.gif);
}
.user-icon-Unavailable {
	background-image: url(images/icon_user_unavailable.gif);
	color: #C80707 !important;
	background-repeat: no-repeat;
	padding-left: 20px;
}
body:last-child .user-icon-Unavailable {
	background-image: url(branding/images/icon_user_unavailable.gif);
}
.field .user-icon-hubmanager, .field .user-icon-huboperator, .field .user-icon-estateagent, .field .user-icon-homeinspector, .field .user-icon-solicitor, .field .user-icon-printeroperator, .field .user-icon-seller, .field .user-icon-thirdparty, .field .user-icon-invitedsolicitor  {
	display: inline;
}

/* Section IX: Category menu, document menu and document listing and holder
-----------------------------------------------------------------------------------------------*/
.categories {
	height: 21px;
	border-bottom: #999 2px solid;
}
.categories ul {
	margin: 5px 5px 0 0;
	padding: 0;
	list-style: none;
}
.categories li {
	margin-right: 1px;
	float: left;
}
.categories li a {
	background: #FFF url(images/bgn_category_items.gif) no-repeat;
	color: #666;
	display: block;
	text-decoration: none;
	float: left;
}
.categories li a span {
	background: url(images/bgn_category_items.gif) no-repeat 100% -42px;
	display: block;
	padding: 4px 19px 3px 10px;
}
.categories li a:hover {
	text-decoration: underline;
}
.categories .selected a {
	background: #FFF url(images/bgn_category_items.gif) no-repeat 0 -84px;
	color: #FFF;
}
.categories .selected a span {
	background: url(images/bgn_category_items.gif) no-repeat 100% -126px;
}
.categories li a span span {
	background: none !important;
	display: inline;
	padding: 0;
	font-size: 90%;
}
.gray .documents {
	background: #FFF;
	padding-top: 10px;
}
.gray .documents .list {
	float: left;
	position: relative;
	margin: -10px 10px 0 0;
}
.gray .documents .list ul {
	width: 190px;
	#width: 170px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.gray .documents .list li {
	display: block;
	border-top: #FFF 1px solid;
	border-bottom: #EAEAEA 1px solid;
}
.gray .documents .list li a {
	background: #EAEAEA;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	#width: 100%;
}
.gray .documents .list li a:hover {
	text-decoration: underline;
}
.gray .documents .list .selected {
	border-top: #FFF 1px solid;
	border-bottom: #E33030 1px solid;
}
.gray .documents .list .selected a {
	background: #E33030 url(images/bgn_category_documents_selected.gif) repeat-x;
	color: #FFF;
}
.gray .documents .list li a .marked-ready {
	background: url(images/icon_small_markcategory.gif) no-repeat;
	width: 16px;
	height: 16px;
	float: right;
}
.gray .documents .list .selected a .marked-ready {
	background: url(images/icon_small_markcategory.gif) no-repeat 0 -26px;
}

/* Section X: Index page elements, login boxes
-----------------------------------------------------------------------------------------------*/
.home-right-boxes {
	background: #FFF;
	float: right;
	width: 200px;
	padding: 0 15px 0 20px;
}
/* Section XI: Template management classes, Template Details
-----------------------------------------------------------------------------------------------*/
#DivSections {
	background: #FFF;
	border: #CCC 1px solid !important;
	padding: 9px;
}
#DivSections hr {
	display: none;
}
.templatetable {
	background: #FFF;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 !important;
}
.templatetable .table {
	margin: 0;
	border: 0 !important;
}
.templatetable .templateheader {
	background-color: #999 !important;
	color: #FFF;
	border: 0 !important;
}
.templatetable .templateheader .maintitle {
	width: 629px;
}
.templatetable .templateheader .move {
	background #CCC;
}
.templatetable .templateheader .view {
	background: #333;
}
.templatetable .templateheader .delete {
	background: #C80707;
}
.templatetable .holddocuments {
	padding: 0 !important;
}
.buttons-template {
	height: 30px;
	padding: 0 9px 0 0;
}
.buttons-template p {
	float: left;
	margin: 0;
}
/* Section XI: Template management classes, Template Details
-----------------------------------------------------------------------------------------------*/
.overview-title, .overview-missing, .overview-index {
	background: #A8A8A8;
	height: 18px;
	padding: 4px 5px 2px 5px;
	display: block;
	color: #000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	clear: left;
}
.overview-title.bright {
	background-color: #FFF !important;
	font-weight: bold;
}
.overview-title.bright.under {
	margin-top: 0;
}
.overview-missing {
	background: #C80707 url(images/icon_small_documentmissing.gif) no-repeat 5px 4px;
	font-size: 95% !important;
	border-right: 0;
	padding-left: 24px;
	color: #FFF;
}
.overview-index {
	background: #bababa url(images/icon_small_documentindex.gif) no-repeat 5px 4px;
	font-size: 95% !important;
	border-right: 0;
	padding-left: 24px;
	color: #FFF;
}
/* Section XII: PDF Document Creation CSS
-----------------------------------------------------------------------------------------------*/
.pdfdocument {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.pdfdocument hr {
	background: #000;
	border-top: #000 1px solid;
	border-top: #FFF 1px solid;
}
.pdfdocument h1 {
	font-size: 1.5em !important;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 1em;
	background: #993333;
	color: #FFF;
	padding: 20px 0 20px 20px;
}
.pdfdocument h2 {
	font-size: 1.3em !important;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 1em;
	color: #000;
}
.pdfdocument .summarytable {
	border: 2px solid #000;
	color: #333;
	font-size: 1.1em;
	margin-bottom: 1em;
	margin-left: 100px;
}
.pdfdocument .summarytable td {
	padding: 3px 6px;
}
.pdfdocument .summarytable .titlepdf {
	width: 10em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000;
}
.pdfdocument .text {
}
.pdfdocument .infotable {
	margin-top: 0.9em;
	border-top: #000 1px solid;
	border-left: #000 1px solid;
}
.pdfdocument .infotable td 
{
	vertical-align: top;
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
	padding: 3px 6px;
	font-size: 0.9em;
}
.pdfdocument .infotable .leftindent
{
	padding-left:25px;
	padding-bottom: 2px;
}
.pdfdocument .infotable .leftindent.less
{
	padding-left:15px;
}
.pdfdocument .infotable .imgclass
{
	margin-bottom:-17px;
	margin-right:3px;
	display:inline-block;
}
.pdfdocument .infotable .headerpdf .imgclass {
	margin-bottom:-4px;
	margin-right:3px;
	display:inline;
}
.pdfdocument .infotable .headerpdf {
	background: #D27979;
	color: #000;
}
.pdfdocument .infotable .headerpdf td {
	vertical-align: top;
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
	font-size: 1em;
}
.pdfdocument .infotable .subheaderpdf {
	background: #DF9F9F;
	color: #000;
}
.pdfdocument .infotable .subheaderpdf td 
{
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
	font-size: 1em;
}
.pdfdocument ul {
	list-style: disc;
}
.pdfdocument ul li {
	margin: 0 0 .5em 0;
}
/* Create Pack progress bar */
.buttons-table-gray #progressBar {
	float: left;
	text-align: left;
	width: 550px !important;
}
#progressBar span {
	float: left;
	width: auto !important;
}
#progressBar img {
	float: left;
}
.line {
	border:0;
	border-bottom:1px solid #CFCFCF;
	clear:both;
	margin: 5px 0;
	_margin: 0;
	padding:0;
	color:#CFCFCF;
	height: 1px;
}
.refresh {
	background: url(images/icon_small_refresh.gif) no-repeat;
	display: block;
	margin: 0 14px;
	padding: 1px 0 1px 18px;
	position: relative;
	color: #C80707;
}
.moveup {
	margin-top: -10px;
}
.inline {
	display: inline;
	margin-left: 5px;
}
.value.special {
	color: #C80707 !important;
	cursor: pointer;
	font-weight: bold;
	display:block;
	width: 160px !important;
}
a.value.special {
	float: left;
}
.sleeve .value.special {
	padding-bottom: 3px !important;
}
.value.special:hover {
	text-decoration: underline !important;
}
.gowi {
	margin: 0 auto;
	width: 980px;
	_margin-bottom: -10px;
}
.gowi a {
	background: url(images/bgn_gowi.gif) no-repeat;
	display: block;
	width: 158px;
	height: 13px;
	float: right;
	margin: 20px 0 10px 0;
}
.gowi a:hover {
	background-position: 0 -13px;
}

/*  HIP Details Management Layout section - new added
	Added by Goxxy 4.5.2007								*/

.propertydetails {
	margin: 5px 10px;
}
.propertydetails .block {
	width: 450px;
	float: left;
	position: relative;
	border-right: #CFCFCF 1px solid;
	margin-right: 10px;
	padding-right: 10px;
}
.propertydetails .right {
	/*border-left: #CFCFCF 1px solid;
	margin-left: 10px;
	padding-left: 10px;*/
	border-right: none;
	margin-right: 0px;
	padding-right: 0px;
}
.propertydetails .section {
	margin: 0 0 10px 0;
}
.propertydetails .section h3, .reports h3, .overdue_title h3 {
	padding: 0 0 5px 14px;
	position: relative;
}
.overdue_title {
	padding: 10px 0 5px 10px;
	margin-top: 5px;
	border-top: 1px #DDD dotted;
}
.propertydetails .section .sleeve {
	border: #CFCFCF 1px solid;
	border-top: #999 1px solid;
	padding: 5px;
	background: #F5F5F5;
	position: relative;
}
.propertydetails .section span {
	width: 130px;
	display: block;
	float: left;
	position: relative;
}
.propertydetails .section span.wider {
	width: 320px;
}
.propertydetails .section .checkstatus {
	background: url(images/icon_small_checkstatus.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 1px 0 1px 20px;
	width: 250px;
}
.propertydetails .section .checkstatus:hover {
	text-decoration: underline;
}
.propertydetails .section .value.long {
	width: 310px !important;
	float: left;
	border: 0;
}
.propertydetails .section .value {
	color: #666;
	margin-bottom: 2px;
	width: 160px;
	position: relative;
}
.propertydetails .section .value.alone {
	color: #666;
	margin-bottom: 2px;
	width: 160px;
	position: relative;
	padding-left: 130px;
}
.propertydetails .section .value1 {
	color: #000;
	margin-bottom: 2px;
}
.propertydetails .section .red  {
	color: #C80707;
	margin-bottom: 2px;
	font-weight: bold;
}
.propertydetails .section a {
	font-weight: bold;
	text-decoration: none;
}
.propertydetails .section a:hover {
	text-decoration: underline;
}
.propertydetails .section .line {
	width: 435px;
}

#divSendPack, #divSelectTemplate {
	clear: both;
	width: 430px;
	position: relative;
}
#divSendPack .sendto, #divSelectTemplate .sendto {
	float: left;
	margin: 4px 10px 0 0;
}
#divSelectTemplate .labeled, #divSendPack .labeled {
	width: 100px;
}
#divSelectTemplate {
	WIDTH: 98%; 
	margin-top: 5px;
	padding-top: 5px;
	border-top:1px solid #DDD
}
#divGray {
	padding: 10px 0 10px 20px; 
}
#divSelectTemplate .field {
	float: left;
}
#divSendPack .long, #divSelectTemplate .long {
	margin-top: 1px;
	width: 250px !important;
	float: left;
	padding: 2px !important;
	border: #666 1px solid;
}
#divSelectTemplate .middle {
	margin-top: 1px;
	float: left;
	padding: 2px !important;
	border: #666 1px solid;
}
#divSelectTemplate .labeled {
	margin-top: 1px;
}
#divSendPack .button {
	float: left;
	background: #999 url(images/bgn_button_return.gif) no-repeat 100% 0;
	border: #bababa 1px solid;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 22px;
	margin: 0 0 0 10px;
	_margin: -3px 0 0 10px;
}
#divSelectTemplate .button {
	float: left;
	height: 22px;
	margin: 1px 0 0 16px;
	_margin: -3px 0 0 16px;
}
#divSelectTemplate .statement {
	margin-top:2px;
	margin-left: 115px;
	font-weight:normal;
	color: #666;
}

/* Help icon */
.helpicon {
	background: url(images/icon_small_help.gif) no-repeat;
	display: block;
	width: 12px;
	height: 12px;
	position: relative;
}
.helpicon.grid 
{
	margin: 4px 0 0 4px;
	float: left;
	position:static;
	cursor: default;
}
.helpicon.page-title {
	background: url(images/icon_small_help_inverse.gif) no-repeat;
}
.section .helpicon {
	float: left;
	margin: -16px 0 0 180px;
}
/* Fix margins in IE6 */
/*\*/ * html .section .helpicon {
	margin: -16px 0 0 90px;
} /**/
.section.verification .helpicon {
	float: left;
	margin: -16px 0 0 235px;
}
/* Fix margins in IE6 */
/*\*/ * html .section.verification .helpicon {
	margin: -16px 0 0 117px;
} /**/
.field.options .helpicon {
	float: left;
	margin-top: -14px;
}
.helpicon.position4 {
	margin-left: 95px;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position4 {
	margin-left: 47px;
} /**/
.helpicon.position5 {
	margin-left: 215px;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position5 {
	margin-left: 107px;
} /**/
.helpicon.position6 {
	margin-left: 215px;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position6 {
	margin-left: 107px;
} /**/
.helpicon.position9 {
	margin-left: 110px;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position9 {
	margin-left: 55px;
} /**/
.buttons .helpicon {
	float: right;
	margin: 5px 0 0 10px;
}
/* Fix margins in IE6 */
/*\*/ * html .buttons .helpicon {
	position: static !important;
} /**/
.helpicon.page-title.position1 {
	margin: -23px 0 10px 145px;
	float: left;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position1 {
	margin-left: 73px;
} /**/
.helpicon.page-title.position3 {
	margin: -23px 0 0 160px;
}
/* Fix margins in IE6 */
/*\*/ * html position3 {
	margin-left: 80px;
} /**/
.helpicon.position2 {
	margin: -16px 0 0 600px;
	float: left;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position2 {
	margin-left: 300px;
} /**/
.helpicon.position8 {
	margin: -16px 0 0 345px;
	float: left;
}
/* Fix margins in IE6 */
/*\*/ * html .position8 {
	margin-left: 175px !important;
} /**/
.helpicon.position7 {
	margin: -16px 0 0 165px;
	float: left;
}
/* Fix margins in IE6 */
/*\*/ * html .helpicon.position7 {
	margin-left: 85px;
} /**/
.required.fix {
	margin: 0 10px 0 24px !important;
}

/**************************************************************************************/
/* FRAMEHOLDER SECTION ****************************************************************/
/**************************************************************************************/
.frameholder {
	position:absolute;
	margin: 0;
	padding: 0;
	width:230px !important;/* Connected with hide_span width*/
	height:185px;/*75px;*/
	/*font-family: Segoe UI, Arial;*/
	background: transparent;
	float:none;
}
.frameholder table {
	width: 100% !important;	
}
.frameholder iframe {
	width: 100%;
	height: 30%;
	/*background: transparent;*/
	filter: alpha(opacity=80);
	z-index: 2000;
}
.frameholder .content {
	margin:0;
	margin-top: 23px;
	position: absolute;
	/*overflow:auto;*/
	padding: 2px 2px 5px 2px;
	background: #FFFFDE url(images/ballons/bgn_balloon.gif) no-repeat 100% 100%;
	border: 1px solid #AAA;
}
.frameholder .content.bottom {
	margin-top: 0px;	
	background: #FFFFDE url(images/ballons/bgn_balloon_inverse.gif) no-repeat;
}
.frameholder .balloon_peak_top_left, .frameholder .balloon_peak_top_right {
	margin-top: 1px;
	z-index:3000;
}
.frameholder .balloon_peak_top_left {
	position:absolute;
	float:left;
}
.frameholder .balloon_peak_top_right {
	position:relative;
	float:right;
}
.frameholder .balloon_peak_bottom_left, .frameholder .balloon_peak_bottom_right {
	position:relative;
	margin-top: -1px;
	z-index:3000;
}
.frameholder .balloon_peak_bottom_left {
	float:left;
}
.frameholder .balloon_peak_bottom_right {
	float:right;
}

.frameholder .hide_balloon 
{
	position:relative !important;
	float:right;
	margin: 0 ;
	cursor: pointer;
	z-index:3002;
}
.frameholder .hide_span {
	position:relative !important;
	background: #E8E9A3 url(images/ballons/bgn_button_gold_header.gif) no-repeat 100% 0;
	border: #C7C88F 1px solid;
	float:right;
	height: 10px;
	font-size: 0;
	margin: 0;
	width:210px;
	color: #666;
	z-index:3001;
}
.frameholder p, .frameholder li
{
	/*font-size: 8pt;
	margin:0;
	margin: 20px 5px 0 5px;
	color: #666;*/
}
.frameholder .content .button {
	background: #F8F9A9 url(images/ballons/bgn_button_gold.gif) no-repeat 100% 0;
	border: #AAA 1px solid;
	color: #444;
	font-weight: bold;
	cursor: pointer;
	height: 22px;
	margin: 10px 0 5px 0;	
	font-size: 8pt;
	float: none;
}
.frameholder .tableholder {
	width: 210px;
	margin: 5px 5px 5px 5px;/* margin-top: 20px za close button u zaglavlju */
	/*overflow-y: scroll;*/
	overflow-x: hidden;
	height:150px;
	color: #666;
	border-right: 1px #EAEABE solid;
	background: transparent url(images/ballons/tableholder_border_bottom.gif) no-repeat 100% 100%;
	/*margin-top: -1px;
	height: 23px;*/
}
.frameholder .tableholder.with_close_button
{
	margin-top: 15px;
	border-right: none;
}
* html .frameholder .tableholder {
	margin-top: 5px;
}
.tableholder h1 {
	font-size: 12pt;
}
.tableholder table {
	padding-right: 10px;
}
.tableholder ul {
	margin:10px;
	padding: 10px;
	margin-top:0;
	padding-top:0;
	margin-right: 0;
}
.tableholder ul ul {
	margin: 0px;
	padding: 0px;
}
.tableholder p {
	margin:5px;
}
.tableholder p strong {
	/*color: #C80707;
	font-weight: normal !important;*/
}
.tableholder .passwordholder
{
	padding-top: 10px;
}
.passwordholder .passwordtext {
	width: 80px;
	border: #888 1px solid;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 2px;
}
.passwordholder .button {
	margin-left: auto;
}
.passwordholder .incorrectpassword {
	color: #C80707;
	display: none;
}
.passwordholder {
	text-align: center;
}

/**************************************************************************************/
/* FRAMEHOLDER SECTION ****************************************************************/
/**************************************************************************************/
/* HipPayment PDFs */
.hippayment_pdf_container {
	margin-left: 10px; 
	display: block; 
	float:left;	
	position:relative;
}
.hippayment_pdf_container span {
	float:left;	
	position:relative;
	text-decoration: none;
	cursor: pointer;
	margin-left: 8px;
	color: #666;
}
/*
.display_confirmation {
	margin-left: 350px;
	display: inline;
	float: left;
	position: relative;
	width:240px;
	margin-bottom: 5px;
	clear: both;
}
.display_confirmation span {
	float: left;
}
.display_confirmation input {
	margin-top: 1px;
	#margin-top: -3px;
	float:left;
}
*/
.display_confirmation {
	margin-left: 350px;
	display: inline;
	float: left;
	position: relative;
	width:240px;
	margin-bottom: 5px;
	clear: both;
}
.display_confirmation span {
	float: left;
	position: relative;
}
.display_confirmation input {
	margin-top: 1px;
	#margin-top: -3px;
	float:left;
	position: relative;
}
#divOverviewDisplayInfo {
	display:block; 
	width: 100%; 
	float: left;
	text-align:right;
	padding: 5px 0 5px 0;
}
#divOverviewDisplayInfo input {
	float:right;
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 2px;
	#margin-top: -2px;
}
.manual_price_holder {
	display:block;
	margin: 3px 0 3px 0px;
	position: relative;
	float: left;
}
.manual_price_holder input {
	margin-left: 180px;
	float: left;
	position: relative;
	margin-top: 2px;
	#margin-top: -2px;
	/*margin: -17px 0 0 20px;*/
}
#divMdaAddress {
	padding-top:3px;
	display: none;
}
#divMdaAddress .middle.mda {
	background: none;
	border: none;
}
#divMdaAddress .labeled {
	color:#AAA;
}
#divVerifyierHolder, verifyierholder {
	padding: 5px 0 5px 180px;
}
.verifywider {
	padding: 5px 0 25px 350px !important;
}
#divVerifyierHolder a, .verifyierholder a {
	float: left;
}
#divVerifyierHolder a:hover, verifyierholder a:hover {
	text-decoration: underline;
}


/* MDA Popup */
.mda {
	background: #EAEAEA url(images/bgn_body.gif) repeat-x 0 50%;
	min-width: 580px;
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.mda #pnlContainerMain {
	background: #FFF;
	border: #bababa 3px solid;
	width: 500px;
	padding: 25px;
	margin: 0 auto;
	text-align: left;
}
.mda h1 {
	width: 367px;
	height: 42px;
	margin: 0 0 10px 0;
}
.mda .searching {
	background: #EAEAEA;
	text-align: center;
	padding: 20px;
	border-bottom: #CCC 3px solid;
	color: #999;
}
.mda .searching img {
	width: 150px;
	height: 150px;
	margin: 0 auto 10px auto;
	display: block;
}
.mda .results {
	border: #CCC 1px solid;
	margin-bottom: 10px;
	color: #333;
	padding: 9px;
}
.mda .results ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style: none;
}
.mda .results ul li {
	margin-bottom: 3px;
}
.mda .results .last_item 
{
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px #DDD dotted;
}
.button.special {
	color: #000 !important;
}
.field.highres {
	float: left;
	margin-left:72px;
}
.field.highres label {
	margin: -16px 0 0 20px;
	float:left;
}
#divSellingRadiosHolder {
	float: left;
	margin: 10px 0 10px 175px;
}
#divSellingRadiosHolder label {
	float: left;
	margin-top: 3px;
}
#divSellingRadiosHolder input {
	float: left;
}
.sizeGridSpan {
	display: block;
	text-align:center;
	color: #777;
}
.reports .details-page-title {
	background: #C80707;
	margin: 0;
}
.reports .reportSubSet {
	border: #CFCFCF 1px solid;
	padding: 5px;
	background: #F5F5F5;
	position: relative;
	margin-bottom: 10px;
}
#imgUserLogo {
	margin-bottom: 5px;
}
#divLogo #txtUpload {
	margin-bottom: 5px;
}
.manual-doc-upload {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	color: #666;
}
.view-A4-doc-resized {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	color: #666;
}
.manual-doc-upload-line-above {
	border-top: 1px #DDD dotted;
	/*position: relative;*/
	display: block;
	margin-top: 3px;
}
.download-counter-holder {
	display: block;
	position: relative;
	float: left;
	border-bottom: 1px dotted #DDD;
	margin-bottom: 5px;
	padding-bottom: 1px;
	margin-top: -8px;
	width: 100%;
}
.download-counter-holder span {
	width: auto !important;
}
.section.no_border {
	border: none !important;
	padding-top: 0;
}
.section.no_border h3 {
	cursor: pointer;
}
.section.no_border h3:hover {
	text-decoration: underline;
}
.section.no_border .expand, .section.no_border .collapse {
	display: none;
}
.delete-doc.centered {
	float: none !important;
}
/* Derived from ASPX Styles */
/* Ermin 17.04.2008. */

/* HipDetails3.aspx */
.field .solo-input {
	 margin-left: 176px;
}
.verifyierholder.in_the_middle {
	 margin-bottom: 18px !important; 
}
.statement.popup.lasearch, .statement.popup.nliscode {
	margin-left: 5px; 
}
.statement.popup.lasearch {
	display: none; 
	position: absolute; 
	width: 200px;
}
.statement.popup.nliscode {
	display: inline;
}
.field-rare.comments.laname {
	margin-left: 180px; 
	position: absolute; 
	width: 700px;
}
.field.laname {
	margin-bottom: 10px;
}
/* HipDetailsManagement.aspx */
.cancellation-alert-title h4 {
	margin-left: auto; 
	margin-right: auto;
}
.cancellation-alert-title .instructionform {
	display: inline; 
	margin-left: 5px; 
	text-align: left;
}
.clear.bottom_bordered {
	margin-bottom: 5px; 
	padding-bottom: 2px; 
	border-bottom: #ddd 1px dotted;
}
.select_title_number {
	 margin-bottom: 5px; 
	 padding-bottom: 5px; 
	 border-bottom: #ddd 1px dotted;
}
.select_title_number .value.huboperator .title_number {
	display: none; 
	font-weight: bold; 
}
.select_hub_operator {
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: #ddd 1px dotted;
}
.display_hub_operator {
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: #ddd 1px dotted;
}
#divHIStatus {
	margin-top: 2px;
}
.value.download_counter{
	margin-left: 5px;
}
.embed_pack {
	display: block;
	position: relative;
}
.embed_pack .superlong {
	background: none transparent scroll repeat 0% 0%; 
	width: 432px !important;
}
.field.send_pack_email {
	display: inline;
}
/* HipDocumentOverride */
.details-page-title.normal {
	font-weight: normal;
}
#divA4PreviewHolder {
	border-top: #ccc 1px dotted; 
	padding-top: 5px;
}
.document_label_holder {
	 margin-top: 2px;
	 display: block;
}
.document_text_holder {
	display: block;
}
.parent_category_holder {
	margin-top: 5px;
}	
/* HIPOverview.aspx */
.gray.overview_limited_height {
	margin-bottom: 0px; 
	height: 28px;
}
/* Overdue.aspx */
.table.home.overdue {
	background-color: #FFF !important;
}
/* HIPPaymentComSubmit.aspx */
.hippayment_related_links {
	 margin-left: 340px;
}
/* PaymentDetails.aspx */
.field.options .statement {
	display: block; 
	font-weight: normal; 
	margin-left: 25px;
}
.with_phone {
	background: url(images/icon_small_phone.gif) no-repeat 100% 1px;
	width: auto;
	padding-right: 20px;
}
/* HIPPrintRequest.aspx */
.gray.hipprintrequest {
	margin-bottom: 0px; 
	height: 60px;
}
/* HIPProgressReport.aspx */
.table.hipprogressreport {
	margin-bottom:0px;
}
/* UserDetails.aspx */
.send_email {
	color: #666; 
	text-decoration: none;
}
.image_attachment {
	 margin-left: 350px;
}
#pnlFlipPropertyTitles {
	width: 20px;
	float: left;
	padding-left: 130px;
	position: relative;
	display: block;
}
#pnlFlipPropertyTitles .flip_property_titles {
	margin-top: -1px;
}