body
{
	color: #333333;
	background-color: #eaeaea;
	font: 0.85em/1.6em Arial, Helvetica, sans-serif;
}



#container {
	border-color: #3A4356;
}

a:link, a:visited {
	color: #040020;
}




#pageHeader {
    font-family: Arial, "Times New Roman", Times, serif;
    background-color: #fff;
    border-bottom-color: #125FDF;
    background-image: url(ukpostbox.png);
    background-repeat: no-repeat;
    height: 120px;
    background-size: 1200px;
}


#pageHeader #bar {
	background-color: #1375d0;
	border-top-color: #529FFF;
	height:45px
}
#mainnavcontainer {
	height:45px;
	top:100px;
}

#subnavcontainer
{
    border-color:#ccccff;
    font-size:0.9em;
    top: 125px;
}

#msgsubnavcontainer
{
    border-color:#ccccff;
    font-size:0.9em;
    top: 125px;
}

#container
{
	border-color: #ccc;
	border-width:4px;
}


h1 {
	letter-spacing: -1px;
	font: 2.2em Arial, "Times New Roman", Times, serif;
	margin: 0 0 0;
	display:none;
}

h2 
{
	font: normal 1.8em Arial, "Times New Roman", Times, serif;
}

#pageHeader h1,
.photo-title,
.movie-title {
	color: #d5d5d5;
	font-size: 2.0em;
}
div #contact
{
	left: 600px;
	position:absolute;
	
}
		
#pageHeader h2,
.photo-caption,
.exif-data {
	color: #76808C;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
	position:absolute;
	right:10px;
	top: 10px;
}
#pageHeader h2 strong
{
	color: #1e81de;
}


#footer {
	color: #76808C;
	background-color: #efefef; /*#fff;*/
	border-top-color: #1576d0;
}

#footer a:link, #footer a:visited {
	color: #76808C;
}

#footer a:hover, #footer a:active 
{
    color: #000;
}



#navcontainer a:hover {
}

#navcontainer ul {
}

#navcontainer ul a {
	color: #fff;
	font-size: 0.9em;
}

#navcontainer ul ul a:active 
{
    color: #000000;
}
    

#navcontainer ul a:hover {
	color: #000000;
}

#navcontainer ul ul {
}

#navcontainer ul ul a {
	color: #0244D8;
}

#navcontainer #bottomBar {
	border-top-color: %colour_header_bg * 0.75%;
	background-color: %colour_header_bg * 0.4%;
}

#contentContainer {
	border-color: #8EA0C6;
}

#sidebarContainer .sideHeader,
#sidebarContainer h1,
#sidebarContainer h2,
#sidebarContainer h3,
#sidebarContainer h4,
#sidebarContainer h5,
.blog-archive-link {
	border-bottom-color: #A9B4BF;
	color: #76818C;
}

#sidebarContainer #sidebar {
	border-bottom-color: #A9B4BF;
}

/* Green tabs */
.detailsTabs .ajax__tab_hover .ajax__tab_outer {background:url(../Images/tabs_green/tab-hover-right.png) no-repeat right; color:White}
.detailsTabs .ajax__tab_hover .ajax__tab_inner {background:url(../Images/tabs_green/tab-hover-left.png) no-repeat; color:White}
.detailsTabs .ajax__tab_hover .ajax__tab_tab {background:url(../Images/tabs_green/tab-hover.png) repeat-x; color:White}
.detailsTabs .ajax__tab_active .ajax__tab_outer {background:url(../Images/tabs_green/tab-active-right.png) no-repeat right; color:White}
.detailsTabs .ajax__tab_active .ajax__tab_inner {background:url(../Images/tabs_green/tab-active-left.png) no-repeat; color:White}
.detailsTabs .ajax__tab_active .ajax__tab_tab {background:url(../Images/tabs_green/tab-active.png) repeat-x; color:White}


/* Inactive tabs */
.detailsTabs .ajax__tab_outer {padding-right:4px;padding-top:3px;background:url(../Images/tabs_green/tab-right.png) no-repeat right;height:21px; color:White}
.detailsTabs .ajax__tab_inner {padding-left:3px;padding-top:5px;background:url(../Images/tabs_green/tab-left.png) no-repeat; color:White}
.detailsTabs .ajax__tab_tab {padding: 5px 4px 0px 4px; margin:0 !important;background:url(../Images/tabs_green/tab.png) repeat-x; color:White}

/* grid */
tr.hover td
{
	background: #d2e8fd;
}

table.gridview
{
    border:solid 1px #6387a7 !important;
}

.gridview .th th
{
	cursor: pointer; 
	text-align:left;
	height:39px;
	padding:0px 4px;
	background:url(BlueHeaderGradient.png) repeat-x;
	border:solid 1px #6387a7;
	color:#333;
	font-weight: normal;
}



.gridview .GridViewRow td
{    
	color:#222;
	text-align:left;
	padding:4px 4px;
	border:solid 1px #6387a7;
}

#status {
	background: #565656;
	border-top: 1px solid #CECECE;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
	color: #fff;
	font-size: 2em;
	padding: 10px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

/****** Context Menu Styles ******/
#contextMenu {
	background: #F9F9F9;
	box-shadow: 0 0 12px rgba( 0, 0, 0, .3 );
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	top: 0; left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 100px;
}
#contextMenu li {
	position: relative;
}
#contextMenu li:hover {
	background: #444;
}
#contextMenu a {
	color: #444;
	display: inline-block;
	padding: 2px;
	text-decoration: none;
	width: 85%;
}
#contextMenu li:hover a {
	color: #f9f9f9;
}