/* NOTE :  THIS FILE IS SHARED BY WEB AND APP */

body
{
	font-family:verdana;
}

form
{
	margin:0px;
	padding:0px;
}

img
{
	border-width:0px;
}

div.hr
{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #888888;
}

div.hrDotted
{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #888888;
}

.whiteText
{
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

.textbutton
{
	background-image:url(../img/window/defaultButton.png);
	border-width:0px;
	border:1px solid #888888;
	
	font-size:11px;
	font-family:verdana;
	font-weight:bold;
	
	height:25px;
	float:left;
	margin-right:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

.textbutton:hover
{
	color:#ffffff;
	background-image:url(../img/window/defaultButtonHover.png);

	border:1px solid #990000;
}


.blackbutton
{
	background-image:url(../img/window/black-button-bg-v2.png);
	border:1px solid black;
	color:#bbbbbb;
	font-family:verdana;
	font-weight:bold;
	text-align:center;
	width:120px;
	height:26px;
	cursor:pointer;
	font-size:12px;
}

.blackbutton:hover
{
	color:#ffffff;
}

a.blackbutton
{
	/*height:24px;*/
	display:inline-block;
	text-decoration:none;
	padding-top:5px;
	box-sizing:border-box;
	color:#bbbbbb;
}

.intra_filter_panel a.blackbutton
{
	color:#bbbbbb;
}

.intra_filter_panel a.blackbutton:hover
{
	color:#ffffff;
}

.welcomefont
{
	font-family:verdana;
	font-size:30px;
	font-style:italic;
	color:#ffffff;
}

.normalfont
{
	font-family:verdana;
	font-size:12px;
	color:#000000;
}

.littlefont
{
	font-family:verdana;
	font-size:11px;
	color:#000000;
}


/* global upto here ... todo clean up below ... */

.permissionWrapper
{
	font-size:12px;
	font-weight:normal;
}

.permissionWrapper b.title
{
	display:block;
	font-size:12px;
}

.permissionWrapper .permissionObject
{
	float:left;
	width:365px;
	padding:1px;
	margin:2px;
	cursor:pointer;
}

.permissionWrapper .permissionObject.selected
{
	background-color:#FF360C;
	color:#ffffff;
	font-weight:bold;
}

.permissionWrapper .permissionObject .label,
.permissionWrapper .permissionObject .label_empty

{
	float:left;
	display:block;
	width:330px;
	height:14px;
	padding:3px 2px;
	overflow:hidden;
}

.permissionWrapper .permissionObject .label
{
	font-weight:bold;
}

.permissionWrapper .permissionObject .label_empty
{
	font-style:italic;
	padding-left:30px;
	width:300px;
}

.permissionWrapper .permissionObject .checkbox
{
	float:left;
	margin-right:5px;
}


div.buildingParkTitleContainer
{
	text-align:center;
	background-image:url(../img/bg/park-separator.png);
	margin:10px 0px;
}

.buildingParkTitle,
.buildingParkTitleNoClick,
.buildingParkTitleExpanded
{
	display:inline;
	background-color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	text-decoration:none;
}

.buildingParkTitle,
.buildingParkTitleExpanded
{
	cursor:pointer;
}

.buildingParkTitle
{
	color:#666666;
}

.buildingParkTitleExpanded
{
	color:#000000;
}

.buildingThumbnail
{
	float:left;
	display:block;
	width:180px;
	height:75px;
	
	margin-left:5px;
	margin-right:5px;

	cursor:pointer;
	background-color:#ffffff;
	background-image:url(../img/bg/building-icon-black.png);
	background-repeat:no-repeat;
	background-position:16px 0px;
}

.buildingThumbnail div.name
{
	margin-top:33px;
	margin-left:5px;
	margin-right:5px;
	color:#444444;
	text-align:left;
	font-size:10px;
}

.buildingThumbnail:hover
{
	background-image:url(../img/bg/building-icon-white.png);
	/*background-color:#007BC0;*/
	background-color:#FF360C;
	color:#ffffff;
}

.buildingThumbnail:hover div.name
{
	color:#ffffff;
}

.externalToolFrame
{
	position:absolute;
	/*
	left:1%;
	top:5%;
	width:98%;
	height:93%;
	*/
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	/*border:1px solid black;*/
}

.externalToolClose
{
	position:absolute;
	right:1%;
	top:5%;
	margin-top:-32px;
	z-index:2;
}

.extToolConnectBar
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:5%;
	min-height:25px;
	z-index:1;
	text-align:center;
	/*
	background-image:url(../img/window/connect-bar.png);
	background-color:#000000;
	*/
	/*
	background-image:url(../img/bg/topline.png);
	background-position:bottom 0px;
	*/
}

.extToolConnectBarZone
{
	position:relative;
	width:800px;
	height:25px;
}

.extToolConnectBarItem,
.extToolConnectBarItemHover
{
	float:left;
	display:block;
	margin-left:10px;
}

.extToolConnectBarItemHover
{
	background-image:url(../img/bg/extToolConnectBarHover.png);
}

.extToolBgContainer
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	/*
	background-color:#000000;
	*/
}

.buildingCheckPanel
{
	font-size:12px;
}

.buildingCheckPanel .c1,
.buildingCheckPanel .c2,
.buildingCheckPanel .c3
{
	float:left;
	overflow:hidden;
}

.buildingCheckPanel .c1
{
	font-size:14px;
	font-weight:bold;
	width:150px;
}

.buildingCheckPanel .c2
{
	width:400px;
}

.buildingCheckPanel .c3
{
	width:200px;
}

.buildingCheckPanel .correct
{
	background-color:#50992D;
	color:#ffffff;
	padding:1px 5px;
}

.buildingCheckWait
{
}

.buildingCheckWait img
{
	float:left;
	margin-right:10px;
}

.buildingCheckWait .text
{
	padding-top:15px;
	float:left;
	font-size:14px;
	font-weight:bold;
}

.alpha_invisible
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}

.questionaryFrameUpload
{
	position:absolute;
	right:0px;
	top:0px;
	border-width:0px;
	width:32px;
	height:32px;
	overflow:hidden;
}

.userOnBuildingAvatar
{
	float:left;
	width:24px;
	height:24px;
	margin-bottom:2px;
	margin-right:5px;
}

.userOnBuildingName
{
	float:left;
	font-size:10px;
	font-weight:bold;
	/*color:#ffffff;*/
	padding-top:5px;
	margin-right:15px;
}

.reportingFloater,
.reportingFloaterLeft
{
	float:left;
	min-height:60px;
	font-size:11px;
}

.reportingFloater
{
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #888888;
}

.reportingFloater div.label,
.reportingFloaterLeft div.label
{
	float:left;
}

.reportingFloater div.value,
.reportingFloaterLeft div.value
{
	float:right;
}

.select_typology,
.select_typology_activated,
.intra_filter_panel a.select_typology
{
	padding:3px 6px 3px 6px;
	color:#666666;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	display:inline;
	margin-right:0px;
}

.select_typology_activated
{
	background-color:#CC0A24;
	color:#ffffff;
}