/* ---------------------------------------------------

	    Conduct web version primary css file
	      Developed by Matatiro Solutions
	        www.matatirosolutions.co.uk
	
	                2 July 2007

	 This file is copyright 3 Sqaure Associates
        No part of the file may be used or 
       reproduced without the express written 
         permission of 3 Sqaure Associates
	         www.3squareassociates.com
	
   ---------------------------------------------------- */ 	

/* --------- primary classes for screen layout -------- */
body {
  margin: 10px;
  padding: 0;
  font: 11px Arial, Helvetica, sans-serif;
}

#header {
	width: 750px;
	height: 80px;
}

#logo {
  width: 250px;
  height: 79px;
  background: url(../graphics/logoWithFooter.jpg) top left no-repeat;
  float: left;
}

#login {
  float: right;
}

#menu {
  width: 735px;
  height: 30px;
  padding: 5px;
  margin: 5px 0px;
  background-color: #9c6;
  color: white;
}

#leftColumn {
  float: left;
  width: 250px;
  
}

#rightColumn {
  float: left;
  width: 495px;
  padding: 0px;
  margin: 0px;
}


#searchBox {
	border: 1px solid orange;
	padding: 10px;
	width: 220px;	
	margin-bottom: 10px;
}

#searchBox h2 {
	margin-top: 0px;
}

#browseBox {
	border: 1px solid orange;
	padding: 0px 0px 0px 10px;
	width: 230px;
	
}

#browseBoxList {
  height: 400px;
  width: 230px;
  overflow: auto;
  padding-bottom: 5px;
}

#browseBoxList ul {
  list-style:none;
  margin: 0px;
  padding-left: 5px;
}

/* --------- more panel layout -------- */

#morePanelWrapper {
	position: absolute;
	width: 465px;
	height: 600px;
	z-index: 209;
	display: none;
	padding: 0px;
}

#morePanel {
	position: absolute;
	width: 465px;
	height: 600px;
	border: 1px solid orange;
	z-index: 210;
	/*display: none;*/
	background-color: white;
	padding: 10px;
	margin: 10px;
}

#morePanelImage {
	height: 465px;
	text-align: center;
}

#morePanelClose {
	position: absolute;
	z-index: 211;
}

#morePanelWrapper img {
	border: none;	
}

/* --------- minor utility styles -------- */

.error {
  color: red;
}

.hint {
	color: orange;
}

h2 {
	color: orange;
}

.floatLeft {
	float:left;
	margin: 0px;
}

.floatRight {
	float: right;
	margin: 0px 5px 0px 0px;
}

.padd20 {
	padding: 20px;	
}

.padd10 {
	padding: 10px;	
}
#menu a {
	text-decoration: none;
}

.detailHeader {
	font-weight: bold;
		
}

.archiveImport {
	width: 200px;
	height: 150px;
}

#menuSearch,
#menuBrowse {
	margin-right: 40px;	
}

#searchButton {
	height: 20px;	
}

/* ---------------- admin stuff --------------*/

#adminBar {
	position: absolute;
	background: url(../graphics/bkg.png) top left repeat-x;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	z-index: 1000;
	padding: 0px;
	
}

#adminBar p {
	margin: 0px;
	padding: 0px;
}

#adminBar a {
	text-decoration: none;
	color: white;
	float: left;
	border-right: 1px solid #323232;
	border-bottom: medium none;
	padding: 2px 20px 0px 20px;
	height: 100%;
	font-size: 10px;
}	

#adminBar a:focus,
#adminBar a:hover {
	background-color: #323232;
}	
/* ---------------- image grid ---------------*/

.thumb {
	width: 130px;
	height: 180px;
	border: 1px solid orange;
	padding: 5px;
	float: left;
	text-align: center;
	margin: 10px;
}	

.thumbImage {
	width: 130px;
	height: 115px;
	padding: 10px auto;
}

.adminImage {
	z-index: 10;
	float: left;
	width: 22px;
	height: 22px;
	position: absolute;
}

.adminImagelandscape {
	margin-top: 25px;
	margin-left: 9px;	
}

.adminImageportrait {
	margin-top: 10px;
	margin-left: 28px;
}

.adminNotice {
	border: 1px solid #E7DA76;
	background: #FEFBCF;
	padding: 0px;
	margin-top: 0px;
}

.adminNotice ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.adminNotice li {
	padding: 0px;
	margin: 10px;
	background-image: url('../graphics/iconInfo.gif');
	background-repeat: no-repeat;
	background-position:0 1px;
	padding-left:20px;
}

.adminNotice li .error {
	background-image: url('../graphics/iconError.gif');
}

.landscape {
	margin-top: 25px;
}

.landscapeSmall {
	width: 35px;	
}

.portrait {
	margin-top: 10px;
}

.portraitSmall {
	height: 35px;	
}

.thumbImage img {
	border: none;
}

.action a {
	text-decoration: none;
	color: grey;
	font: 13px Verdana,Tahoma,Arial,sans-serif;
}

.clearAbove {
	clear: both;
	font: 1px Arial;
	height: 1px;
}

#pagination {
	height: 15px;
}

#imageTable .center{
	text-align: center;	
}

#imageTable .odd {
	background-color: #eeeeee;
}

/* -------------- lightBox ----------------*/

#lightBox {
	position: absolute;
	top: 95px;
	left: 800px;
	width: 400px;
	height: 500px;
	border: 1px solid orange;
	z-index: 190;
	display: none;
	background-color: white;
	padding: 0px;
	overflow: none;
}

#lightBoxHeader {
	background-color: #9c6;
	padding: 5px;
	margin: 0px;
	height: 30px;
}

#lightBoxHeader img {
	border: none;	
}

#lightBoxHeader h2 {
	color: white;	
}	

#lightBoxContent {
	height: 440px;
	overflow: auto;
	width: 380px;
	margin: 0px;
	padding: 10px;
	z-index: 230;
}	

#lightBox .thumbImage {
	padding: 2px;
	float: left;
	width: 120px;
}

#lightBox .lightBoxDescription {
	float: left; 
	width: 235px;
}

#lightBox .portrait {
	margin-left: 20px;	
}

#lightBox .lightBoxLeft {
	float: left;
	width: 125px;	
}

#lightBox .action {
	margin-left: 10px;
	float: left;	
}

.lightBoxRow {
	border-top: 1px solid grey;
	z-index: 235;	
}

/* -------------- popupPanel ----------------*/

#popupPanel {
	position: absolute;
	top: 140px;
	left: 260px;
	width: 492px;
	height: 150px;
	border: 1px solid orange;
	z-index: 220;
	display: none;
	background-color: white;
	padding: 0px;
	overflow: none;
}

#popupPanelHeader {
	background-color: #9c6;
	padding: 5px;
	margin: 0px;
	height: 30px;
}

#popupPanel h2 {
	color: white;
	float: left;
	margin: 0px;	
}	

#popupPanelContent {
	overflow: auto;
	width: 472px;
	margin: 0px;
	padding: 10px;
	z-index: 230;
}

#popupPanel .popupLoading {
	margin: 60px 0px 0px 130px;
}

/* --------- Masking layers --------- */
  
#maskOverlay {
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height: 100%;
  background-color: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  display: none;
}

/* ------- autoComplete styles ------- */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.noBottom {
	margin-bottom: 0px;
}

.top5 {
	margin-top: 5px;
}

#keywordX {
	padding: 0px;
	margin: 0px;
}

#keywordX p {
	margin: 0px;
}

#keywordX img {
	border: none;	
}

#loginForm {
	border: 1px solid orange;
	margin: 50px 0px 0px 100px;
	width: 250px;
	padding: 10px 0px 10px 40px;
	background: #eeffbb;
}

#loginForm th {
	padding: 8px 8px 8px 30px;
}

#loginForm td {
	padding: 5px 0px 5px 0px
}

#searchForm label {
	display: block;
	width: 30px;
	float: left;
	margin-top: 5px;
	padding-left: 5px;
}

#searchForm input {
	margin-top: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
}

img {
	border: none;
}



/*------------------ Pete's Styles ----------------*/

.style1 {color: #CC6600}
.style2 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-size: 11px}
.style4 {
	font-size: 17.5px;
	font-weight: bold;
}
.style5 {color: #333333}
.style6 {
	color: #CC6600;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.style7 {font-size: 18px}
.style9 {font-size: 17.5px}
.style12 {
	font-size: 14px;
	color: #CC6600;
	font-weight: bold;
}
.style13 {font-size: 12px}
.style15 {font-weight: bold}
.style16 {font-size: 11.5px}
.style23 {font-size: 14px; color: #CC6600; }