﻿.main{display: none;}
#DamagesPage{position:relative; top: -20px;}
#VisitPage{position:relative; top: -20px;}
#OutcomePage{position:relative; top: -20px;}
#SitePage{position:relative; top: -20px;}
#StockPage{position:relative; top: -20px;}
#EvidencePage{position:relative; top: -20px;}
#ClosedownPage{position:relative; top: -20px;}
#LegacyPage{position:relative; top: -20px;}
#header a{font-size: 12px;padding: 4px 4px 4px 25px; margin: 4px 0px 4px 4px;}
#header p{font-size: 14px; font-weight:bold; padding: 9px 0 0 16px;}
#header {height:34px;}


#SiteTemplate{display: none;}
#VisitsTemplate{display: none;}

body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-align: left;
}
/*p, h1, form, button{border:0; margin:0; padding:0;}*/

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: 3px 8px; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;}

.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.invalid{color:Red}
#ErrorText li
{
	margin-bottom: 10px;
}

.blockCenter
{
	margin-left: auto;
	margin-right: auto;
}

.background
{
	background-color: #F9F9F9;
	border: solid 1px #cccccc;
	padding: 2.5% 2.5% 2.5% 2.5%;
}
		
.notify
{
	vertical-align:middle;
	height:20px;
	margin: 5px 0px 0px 20px;
	padding: 0 10px 0 10px;
	font-weight: bold;
	line-height:20px;
	background-color:#fffacd;
	color: black;
	font-size:11px; }
	

p.sub{padding: 5px 5px 5px 5px;}
hr
{
	color: #b2c7d7;
	height: 1px;
	
}
	
.dataText, .dataCheckbox, .dataList, .row, .packagerow{}
.rowtemplate, .packagerowtemplate{display:none;}


.row, .packagerow
{
	width: 85%;
	margin: 0px 10px 0px 0px;
	font-weight:bold;
}

#DraughtTotals, #PackageTotals
{
	display: none;
	font-weight: bold;	
}


input[type=text], input[type=password]
{
	font-size: 12px;
	padding: 2px 2px;
	border: solid 1px #cccccc;
	height: 14px;
	width: 90%;
}

.loginbox
{
	text-align: center;
}
.loginbox input[type=text], .loginbox input[type=password]
{
	font-size: 12px;
	padding: 2px 2px;
	border: solid 1px #cccccc;
	height: 14px;
	width: 95%;
	margin: 0 0 0 0;
}

.loginbox table
{
	width: 80%;
	text-align: left;
	margin: 20px 0 20px 0;
}

.loginbox .buttons
{
	text-align: right;
	padding-top: 20px;
}


label.locked
{
	font-size: 12px;
	padding: 2px 2px;
	margin: 2px 2px 2px 2px;
	height: 14px;
	width: 90%;
}

textarea
{
	font-size: 12px;
	padding: 2px 2px;
	border: solid 1px #cccccc;
	overflow: auto;
}

input{margin: 0 0 10px 0; }
.DamagesSummary input{margin: 0 0 0 0; }

select
{
	position: relative;
	top: 1px;
	margin: 0 0 10px 0;
	width: 93%;
}

select.autowidth
{
	position: relative;
	top: 1px;
	margin: 0 0 10px 0;
	width: auto;
}
select option
{
	width: auto;
}
	
.row select
{
	width: 95%;
}

.SelectList
{
	display:none;
	position: absolute;
	float:left;
	z-index:10;
	top: 20px;
	margin: 0 0 10px 0;
	width: 93%;
}



form.quicksearch { padding: 0px; background: #f7f7f7; }
form.quicksearch input { margin: 10px 0 0 5px; width: 300px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }
form.quicksearch p {padding: 5px;}

.newestNote
{
	/*border-left: solid 10px #FFD7D7 !important;*/
	font-weight:bolder;
}


.SiteRow td, .VisitsHeader td
{
	border-bottom: 1px solid #cccccc;
	padding: 6px 6px 6px 12px;
	margin: 0 0 0 0;
}

.SiteRow .button, .VisitRow .button
{
	border: none;
}

.SiteHeader .button, #SearchHead .button, .VisitsHeader .button
{
	border: none;
	background: none;
}

.SiteHeader th, #SearchHead th, .VisitsHeader th
{font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #e7eef3
}

#Repeater, #SearchResults, #SiteVisits
{
	padding: 0;
	margin: 0 0 10px 0;
	border-collapse: collapse;
}
#CreateNote{display:none;}
#BrowseNotes{display:none;}

#BrowserWarning{display: none;}
#SaveNote{display:none;}
#EmailCopy{display:none;}
#TableTemplate{display:none;}
#SiteTemplateParent{display:none;}
#editnote{display:none;}
#deletenote{display:none;}
#addDraught{display:none;}
#addDraught{display:none;}
#TotalDraughtValueAgreed{display:none;}
#DeleteDialog{display:none;}
#SearchResultsTemplate{display:none;}
#SearchRowTemplate{display:none;}
#SearchDisclaimer{display:none;}
#SelectedSite{display:none;}
#SelectedSite div{padding: 5px 0 0 0;}
.DialogValidation{display:none; color: Red;}
#loginValidation{color: Red;}		
#Loading{display:none;}
#DateCommentsLabel{display: none;}
#DateComments{display: none;}
#Message{display: none;}
#DamageObtainedDetailsLabel{display: none;}
#DamageObtainedDetails{display: none;}
#SaveNotification{display: none;
	background-color: #fbf9ee;
	border: solid 1px #fcefa1;
	margin: 5px 0 0 10px;
	height: 20;
	padding: 3px 2px 3px 2px;
}
.notification
{
	background-color: #fbf9ee;
	border: solid 1px #fcefa1;
	margin: 5px 0 0 10px;
	height: 20;
	padding: 3px 2px 3px 2px;
}


table.tablesorter thead tr .headerSortUp { 
    background-image: url(../img/asc.gif); 
    background-repeat: no-repeat;
	background-position: center right;

} 
table.tablesorter thead tr .headerSortDown { 
    background-image: url(../img/desc.gif); 
    background-repeat: no-repeat;
	background-position: center right;

} 
table.tablesorter thead tr .header { 
    cursor: pointer; 
} 

table .NumberOfVisits{text-align:right;}
table .NumberOfVisits a{color:Black}

table.tablesorter tbody tr .Action 
{
	font-size: xx-large;
	text-align: center;
	color: Red; 
	line-height: 1px;
} 


#CustomerPartialLabel{display:none;}
#CustomerPartial{display:none;}
#VisitsTemplateParent{display:none;}
#VisitsTemplate{display:none;}
#VisitArchive
{
	height: 450px; 
	width: 650px;
	border:0px;	
	margin-top: 10px;
}