﻿/*
Notes:

Blue:		#1D97C3;
Green:		#A3BD0B;
Light grey: #CCCCCC;
Grey:		#B3B3B3;
*/

body
{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	background-color: #f0f0f0;
	color: #333;

	margin: 0;
	margin-bottom:10px;

	height:100%;
}

html { margin-top:0; margin-bottom:0;}

html { overflow-y:scroll; }

h1
{
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #1D97C3;
	margin-top: 0px;
	margin-bottom: 8px;
}

h2
{
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1D97C3;
	margin-top: 0px;
	margin-bottom: 3px;
}

h3
{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1D97C3;
	margin-top: 0px;
	margin-bottom: 5px;
}

strong {
	color:#555;
}

@media print {
	.noPrint {
		 display:none;
	}
}

input[type='text'], input[type='password'], select, textarea
{
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	margin:2px;
	border-radius:3px;
	padding:2px;
}


.clear
{
	clear:both;
}


.wideTextBox
{
	width: 320px;
}

.veryWideTextBox
{
	width: 580px;
}

.numberTextBox
{
	width: 80px;
}

.numberTextBoxSmall {
    width: 40px;
    text-align:right;
}

.entryTitle
{
	text-transform: none;
}

.messageLabel 
{
	color:#e00;
	display:block;
	margin-bottom:4px;
}

.formHintText {
    color: silver;
}

.resultsListLink a
{
	text-decoration: none;
}

.resultsListLinkDeleted a:link, .resultsListLinkDeleted a:visited  {
	text-decoration: none;
	color:#bbb;
}

.numResultsLabel
{
	display:block;
	padding-top: 10px;
	font-weight: bold;
}

.headerInstanceName
{
	float: right;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 50px; 
	color: #cccccc; 
	margin-right: 2px;
	margin-top:16px;
}

#SideBarTD
{
	background-color: #f0f0f0;
	padding-top:5px;
	border-radius:5px;
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.07);
}

.FilterPanelDiv {
	margin-bottom:10px; 
	padding:2px; 
	border:1px solid #ccc; 
	border-radius:5px; 
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.07);
	background-color:#f0f0f0;
}

.sideMenuGreenBox 
{
	background-color:#A3BD0B; 
	color:White; 
	padding: 3px;
	border-radius:5px;
}

@media print
{
	#SideBarTD {
		 display:none;
	}
}

#ContainerDiv
{
	background-color:white;
	min-width: 965px;
	max-width: 1200px;
	height:100%;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom:0px;
	margin-top:20px;

	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	border-radius:3px;

	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.2);
}

#topBarButtons
{
	margin-bottom: 4px;
	text-align: right;
}

#topBarButtons a, .topBarButtons a:visited
{
	color: #b3b3b3;
	font-weight: bold;
	font-family: Arial;
	padding-left: 18px;
	text-decoration: none;
}

#HeaderDiv
{

	background-color: White;
	height: 96px;
	border-bottom: none;
}

#NavBarDiv
{
	background-color: #1D97C3;
	color: White;
	border-radius:4px;
	border-bottom:1px solid white;
}

#NavBarDiv a, #NavBarDiv a:visited
{

	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 8px 5px 4px;
	margin:0;
	line-height: 24px;
	text-decoration: none;
}

#MainDiv
{
	background-color: White;
	margin-top:12px;
	border-top: none;
}

#MainTable
{
	height: 550px;
}

a:link, a:visited
{
	/* DON'T EVEN *THINK* OF GLOBALLY DISABLING UNDERSCORES ON LINKS!! */
	color: #1D97C3;
}

hr
{
	border: 0;
	height: 2px;
	color: #e6e6e6;
	background-color: #e6e6e6;
}

form
{
	margin: 0px;
}

th
{
	text-align: left;
}

#SideMenu a:link, #SideMenu a:visited
{
	display: block;
	text-decoration:none;
}

#SideMenu h3 {
	margin-bottom:0;
}

table.packagesFloatingBox 
{
	width:100%;
	background-color: #fafafa; 
	border: 1px solid #ddd; 
	border-radius:5px;
}

.demoText
{
	color: #d00;
	margin-top: 6px;
	margin-bottom: 10px;
}

.errorTextSolid {
	background-color:#cc0000; color:white; padding:2px;
}

.warningText
{
	color: #d00;
	margin-top: 6px;
	margin-bottom: 10px;
}

.validationWarning 
{
	display:block;
	color: red;
	font-weight:bold;
	margin-top: 6px;
	margin-bottom: 10px;
}

.blueText
{
	color: #1D97C3;
}

.toolTip
{
	border-bottom: 1px dotted blue;
}

/********** VENUE RATES **********/

.rateDescription
{
	width: 160px;
}

.rateRow
{
	height: 30px;
}

.rateFrom
{
	width: 65px;
}

.rateAvailableOnRequest
{
	width: 160px;
}
/*********************************/

/********** ATTRACTIONS / PLACES OF INTEREST **********/

.tablePlacesOfInterest td
{
	padding-right: 10px;
}

/*********************************/

.standardTable
{
	
	border-collapse: collapse;
	border-radius:5px;
}

.standardTable td, .standardTable th
{
    border: 1px solid #ddd;
	padding: 2px;
	
}

.standardTable th
{
	padding: 2px;
	background-color: #f0f0f0;
}


/* Remove border from nested pager table */
.standardTable td > table td  {
    border: none;
}

.autoExtenderCompletionList
{
	visibility: hidden;
	margin: 0px 0px 0px 0px !important;
	background-color: #FFFFFF;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-color: Silver;
	border-style: solid;
	cursor: 'default';
	text-align: left;
	list-style-type: none;
	overflow: auto;
	padding: 0px;
}

.autocompleteHighlightedListItem
{
	background-color: #F3F3F3;
	color: black;
	padding: 1px;
}

.autocompleteListItem
{
	background-color: window;
	color: windowtext;
	padding: 1px;
	margin: 0 !important;
}

.textbox30CharactersLong
{
	width: 220px;
}

.textbox75CharactersLong
{
	width: 330px;
}

.menuList
{
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 30px;
}

.menuList li
{
	padding: 3px;
}

.requiresApproval
{
	color: Red;
}

.requiresApproval a:link, .requiresApproval a:visited 
{
	color: Red;
}

input[type="text"].capscanAddressTextBox 
{
	width: 280px;
	background-color: White;
	margin-left: 10px;
}

.center {
	text-align:center;
}

/* Production Status Screens */
.Status {
	display:block;
	padding: 3px;
	color:#333;
    margin-bottom: 2px;
    border: 1px solid transparent;
    border-radius: 4px;
	margin-top:4px;
	min-width:110px;
	text-shadow: 0 1px 0 rgba(255,255,255,.);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
}

.StatusAwaitingCopy { background-color: #fd7f7f; } /* Red */
.StatusCopyInHouse { background-color: #fbbb56; } /* Orange ffc870 */
.StatusToBeProofed { background-color: #d171df; }  /* Pink */
.StatusOnProof { background-color: #55d2ff; }  /* Blue */
.StatusComplete { background-color: #b7d234; } /* Green abe8a3 */
.Overdue  { background-color: #ff5757; } /* Red */

.ActivityLogTable
{
	border: 1px solid silver;
	border-collapse: collapse;
}

.ActivityLogTable td
{
	padding: 2px;
	vertical-align:top;
}

.ActivityLogTable th
{
	padding: 2px;
	background-color: #eee;
}

.ActivityLogStatusChange {
	background-color:#c7e3fd;
}


/* Advert package status  */
.PackageCurrent { background-color: #ABE8A3; }
.PackageExpired, .PackageExpired a { color:#aaa;}
.PackageFuture { background-color: #C7E3FD; }

.ui-widget-overlay {
	opacity: .9;
}

#validationItemsUL li 
{
	margin-top:5px; 
	margin-bottom:5px;
}

.alert {
    display:block;
	padding: 10px;
    margin-bottom: 2px;
    border: 1px solid transparent;
    border-radius: 5px;
	margin-top:4px;
	
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
}

.alert-danger, .alert-danger a {
	color: #333;
    background-color: #fd7f7f;
    border-color: #dca7a7;
}

.alert-warning {
	color: #8a6d3b;
	background-color: lightyellow;
	border-color: #dca7a7;
}

.alert-success {
	color: #326033;
	background-color: #b7d234; /*#abe8a3;*/
	border-color: #b2dba1;
}

.requiresApprovalBox {
	text-align: center; 
	padding: 3px;
	border-radius: 5px;
	background-color: #dd3333;
}

	.requiresApprovalBox a, .requiresApprovalBox a:visited {
		color: white !important;
	}