/* ====== 		  */
/*  Main areas  */
/* ====== 		  */
#header
{
  height: 125px;
  vertical-align: top;
  border-bottom: 1px solid #999999;
}

#top
{
  background: url(../images/cornr_tl.png) no-repeat top left;
}

#top div
{
  background: url(../images/cornr_tr.png) no-repeat top right;
  height: 16px;
}

#header #logo
{
  position: absolute; 
  margin: 5px 0 0 0;
}

#header #text
{
  position: absolute;
  margin: 25px 0 0 155px;
}

#header #languageFlags
{
  position: absolute;
  margin: 0px 0 0 730px;
}

#innerFlags
{
  padding-right: 10px;
  padding-left: 10px;
}

.flag
{
  position: relative;
}

.mainTable
{
  background-color: White;
}

#LeftMenu
{
  border: none;
  width: 190px;
  padding-top: 20px;
  color: black;
  background-color: White;
  min-height: 500px;
  padding-bottom: 40px;
   text-align: left;
}

#LeftMenu table{
	background-color: #E5F0C6;
    border: 1px solid #33675A;
    padding-bottom: 20px;
}

#MainArea
{
  border: none;
  position: relative;
  padding-top: 40px;
  color: black;
  background-color: White;
  padding-bottom: 40px;
}

.introArea
{
  border: none;
  width: 662px;
  color: black;
  background-color: White;
  padding-bottom: 40px;
}

/* ====== */
/*  Login */
/* ====== */

.introArea #loginTable
{
  padding: 20px;
}

.login .loginHeader {
  color: #cc1010;
  font-weight: bold;
  text-align: center;
}

.login .loginLabel {
   font-family: Verdana;
   font-size: 8pt;
   width: 150px;
   padding-right: 5px;
}

.login .loginTextBox {
  width: 272px;
  margin-bottom: 5px;
}

.login .loginButton {
  margin-right: 5px;
}

.login .loginCheckBox {
  font-family: Verdana;
  font-size: 8pt;
  padding-left: 153px;
}

.loggedInUser {
  color: White;
  font-weight: bold;
}

/* ====== 				      */
/*  error messages     	*/
/* ====== 				      */

.errorMessage
{
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  color: Red;
  text-decoration: none;
  text-transform: none;  
}

.requiredFieldError
{
  color: Red;
}

/* ====== 				      */
/*  Global formatting  	*/
/* ====== 				      */

.printBody body, .printBody, #helpContent body
{
  background-color: White;
  width:85%;
}

body
{
  width: 980px;
  margin: auto;
  margin-top: 0;
  padding: 0px;
  text-transform: none;
  color: #231F20;
  font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
    font-size: 90%;
  height: 100%;
}

.lightLabel a
{
  font-size: 1em; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.lightLabel a:hover
{
  font-weight: bold;
  text-decoration: none;
  color: #cc1010;
}

a
{
  text-decoration: none;  
  color: black;  
  font-size: 90%;
  font-weight: bold;
}

a:hover, #loginTable a
{
  color: #2B574D;
}

H1
{
  font-family: Verdana, Arial, Helvetica, sans-serif; /*  font-size: 1em; */
  font-size: 1.3em;
  font-weight: bold;
  color: #990000;
  text-decoration: none;
}

H2
{
  padding-top: 3px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 1em;
  margin: 0px;
  color: #990000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

UL
{
  list-style-type: none;
}

.hilite
{
  font-weight: bold;
  color: #cc1010;
}

.highlight
{
  font-weight: bold;
  color: #cc1010;
}

/* ====== */
/*  TABS  */
/* ====== */

.tabUnderlay
{
  border-right: solid 1px #999;
}

.maintabsLeftSpace, .tabBackground
{
  background-color: #E5F0C6;
  font-family: Arial,Sans-Serif;
    font-size: 95%;
    line-height: 1.7em;
}

.tab, .activetab
{
  position: relative;
	float: left;
	top: 0;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
  border-right: solid 1px #999;
}

.tab a, .activetab a
{
  color: black;  
  display:block;
  float:left;
  padding: 0 0.3em 0 0.5em;
  text-decoration:none;
}

.tab a:hover, .activetab a:hover
{
font-family: Arial,Sans-Serif;
  color: black;
  font-weight: bold;
}

.tab, .tab a
{
  text-decoration: none;  
  color: #2B574D;
  background-repeat: repeat-x;
}

.tab a[disabled='disabled'], .tab a[disabled='disabled']:hover
{
  color: #9cc;
  cursor:default;
}

.activetab, .activetab a
{
  font-size: 1em;
  text-decoration: none;
  color: black;
  background-repeat: repeat-x;
}

.tab a:hover
{
  color: black;
}

/* ======           */
/* Leftnav Buttons  */
/* ======           */

td.button a 
{
  text-align: left;
  padding: 0px 0px 0px 20px;
  display: block;
}

td.activebutton a 
{
  display: block;
  text-align: left;
  padding: 0px 0px 0px 20px;
  color: #877404;
  background:url("../images/arrow.png") no-repeat scroll transparent;
  background-position: 5px 3px;
}

td.activebutton a:hover
{
  text-decoration: none;
  color: #877404;
}

td.button a:hover
{
  color: #877404;
  background:url("../images/arrow.png") no-repeat scroll transparent;
  background-position: 5px 3px;
}

.checkBox
{
  border: 0px;
  padding-top: 2px; 
}

/* ------------ */
/* Search form  */
/* ------------ */

.searchformHeaderText
{
  font-size: 18px;
}

#SearchForm1_searchButton, #SearchForm1_clearButton, 
#AddCommentControl1_saveButton, #AddCommentControl1_resetButton,
#AddTaggingControl1_saveButton, #AddTaggingControl1_resetButton, .loginButton,
input[type=submit]
{
  background:url("../images/stripe_bck_button.jpg") repeat-x scroll 0 0 transparent;
  width: 88px;
  height: 30px;
  cursor:pointer;
  margin-right:-8px;
  padding-bottom: 3px;
}

.submitButton, .submitButton:hover
{
  background:url("../images/stripe_bck_button.jpg") repeat-x scroll 0 0 transparent;
  width: 188px;
  height: 30px;
  cursor:pointer;
  margin-right:-8px;
  padding: 6px 15px 6px 15px;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 1px #eee;
  border-left: solid 1px #eee;
  color: Black;
}

#PanelMailMe input[type=submit]
{
  background:url("../images/stripe_bck_button.jpg") repeat-x scroll 0 0 transparent;
  width: 128px;
  height: 30px;
  cursor:pointer;
  margin-right:-8px;
  padding-bottom: 3px;
}

.searchTableSubmit td, .searchTableSimpleSearch td, .briefTableRow td, .detailTableRow td
{
  border-top: 1px solid #C3C3C3;
  padding-top: 10px;
  padding-bottom: 10px;
}

.briefTableRowTop td
{
  padding-bottom: 10px;
}

.detailTableRow td table, .detailTableRow td table td
{
  border: none;
}

.searchTableSort td
{
  border-top: 1px solid #C3C3C3;
  padding-top: 12px;
  padding-bottom: 10px;
}

.searchTableSort td table td
{
  padding-top: 10px;
  border: none;
  padding-bottom: 0px;
}

.searchTableSort td table
{
  position: relative;
  top: -10px;
}

#searchTopTable .searchTopLeft
{
  background:url("../images/roundTopLeft.png") no-repeat scroll 0 0 transparent;
  height:16px;
  width:16px;
  border:none;
}

#searchTopTable .searchTopRightClose
{
  background:url("../images/closeRoundTopRight.png") no-repeat scroll 0 0 transparent;
  height:16px;
  width:16px;
  border:none;
}

.searchTopRight
{
  background:url("../images/roundTopRight.png") no-repeat scroll 0 0 transparent;
  height:16px;
  width:16px;
  border:none;
}
.searchTopMiddle
{
  background:url("../images/border1px.png") repeat-x scroll 0 0 transparent;
  height:1px;
  width: 630px;
}

.searchBottomLeft
{
  background:url("../images/roundBottomLeft.png") no-repeat scroll 0 0 transparent;
  height:16px;
  width:16px;
  border:none;
}

.searchBottomRight
{
  background:url("../images/roundBottomRight.png") no-repeat scroll 0 0 transparent;
  height:16px;
  width:16px;
  border:none;
}

#searchBottomTable .searchBottomMiddle, #searchBottomTableRow .searchBottomMiddle
{
  background:url("../images/border1px.png") repeat-x bottom;
  width: 630px;
}

/* left and right table borders  */
#loginTable, table#searchTable, .briefResultsTable, 
.detailTable, .ArchiveResultsTable, .addCommentTable, .addTaggingTable, .detailCommentsTable, 
.detailArchiveTable, .detailTaggingTable
{
  border-color:#C3C3C3;
  border-right:1px solid #C3C3C3;
  border-style:none solid none;
  border-width:medium 1px 1px;
  width: 662px;
  padding: 0px;
  margin: 0px;
}

/* left and right table borders cart version  */
.detailCartTable
{
  border-color:#C3C3C3;
  border-right:1px solid #C3C3C3;
  border-bottom:1px solid #C3C3C3;
  border-style:none solid none;
  border-width:medium 1px 1px;
  width: 662px;
  padding: 0px;
  margin: 0px;
}

.photoTable
{
	border-right:1px solid #C3C3C3;
	border-left:1px solid #C3C3C3;
}

.centerPhotoTableRow
{
  padding-bottom: 5px;
}

#photoTableRow td
{
  padding-top: 5px;
	border-top:1px solid #C3C3C3;
}

#photoTableRow td table td
{
	border-top:none;
}

.rightPhotoTableRow
{
	border-right: solid 1px #C3C3C3;
}	

.leftPhotoTableRow
{
	border-left: solid 1px #C3C3C3;
}

#searchTopTable, #searchBottomTable
{
  width: 662px;
  padding: 0px;
  margin: 0px;
}

.darkLabel
{
	vertical-align: top;
  padding-left: 25px;	
  color: Black;
  font-weight: bold;
  width: 183px;
}

.lightLabel
{
	padding-right: 10px;
	padding-left: 25px;
	vertical-align: top;
  width: 183px;
}	

.searchFormDropdown, .searchFormTextbox, .listButton
{
  padding-left: 5px;
  padding-right: 10px; 
}

.searchFormTextbox input[type=text], .searchTableSimpleSearch input[type=text], 
input[type=text], input[type=password]
{
  border: none;
  background-color: #eee;
}

.searchFormDropdownList 
{
}

.dualPanelSeparator
{
  text-align: center; 
}

.checkBoxCol
{
  padding-left: 1px;
  padding-right: 5px;
  width: 0px;
}

.advSearchField
{
  padding-left: 25px;
}

#scanListContainer, #tagListContainer
{
  position: relative;
  z-index: 99;
}

div#scanListDiv
{
  position: absolute;
  display: block;
  float: right;
  left: 370px;
  top: -10px;
  width: 400px;
  z-index: 99;
}

div#scanListDiv table, .listBrowsePanel, #listMain
{
  padding: 2px 20px 2px 20px;
  color: silver;
  background-color: #aaaaaa;
}

.listBrowsePanel span
{
  position: relative;
  top: 3px;
  vertical-align:top;
  color: black;
}

.scanList .listPanel a
{
  color: white;
  background-color: #aaaaaa;
}

.scanList .listPanel a:hover
{
  text-decoration: none;
  color: black;
}

#topScan
{
  background: url(../images/cornr_tl_list.png) no-repeat top left;
  height: 16px;
}

/*  ==================  */
/*  Detail photo float  */
/*  ==================  */

#photoContainer, .photoContainer
{
  position: relative;
  display: none;
  z-index: 99;
  background-color: #aaaaaa;
}

#photoDiv
{
/*  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  behavior: url(/css/border-radius.htc);
  border-radius: 20px; */
  padding: 0px 0px 10px 0px;
  position: absolute;
  display: block;
  float: right;
  top: -300px;
  left: -350px;
  z-index: 199;
}

#photoContainer #topScan
{
}

#photoSource
{
  padding: 0px 20px 2px 20px;
}

.photoButtons
{
  padding: 0px 20px 2px 20px;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 5px;
  min-width: 450px;
}

.photoButtonsText
{
  color: white;
  padding-bottom: 24px;
  position: relative;
  top:-6px;
}

#photoMain
{
  background-color: #aaaaaa;
}

#detailZoomImage
{
  vertical-align: middle;
  border: solid 1px #cccccc;
  margin-bottom: 10px;
}

#topScan div.middle, #bottomScan div.middle
{
  background: url(../images/8adot16.png) repeat-x;
  background-color: #aaaaaa;
  left: 16px;
  padding: 0px 16px 0px 16px;
  margin: 0px 16px 0px 16px;
}

#topScan div.right
{
  background: url(../images/cornr_tr_list.png) no-repeat top right;
  height: 16px;
}

#bottomScan
{
  background: url('../images/cornr_bl_list.png') no-repeat left bottom;
  height: 16px;
  }

#bottomScan div.right
{
  background: url(../images/cornr_br_list.png) no-repeat bottom right;
  height: 16px;
}

/* =============== */
/* Brief results   */
/* =============== */

.briefResultsTable
{
  width: 662px;
  border-collapse: collapse;  
}

.briefResultsTable td
{
	padding: 5px;	
	vertical-align: top;
}

.briefResultsTable td.gallery
{
	padding: 5px;	
	vertical-align: bottom;
}

.briefThumbnailCell td
{
	text-align: right;
	border: none !important;
}

.briefOptionControl
{
  border: 1px solid #000000;
  width: 600px;
  padding: 2px; 
}

.navControl table td table td a
{
  border: solid 1px #cccccc;
  padding: 1px 5px 0 5px;
  font-weight: normal;
}

.navControl table td table td a.hilite
{
  border: solid 1px #cccccc;
  background-color: #cccccc;
  padding: 1px 5px 0 5px;
  color: Black;
}

/* =============== */
/* Archive results   */
/* =============== */

.ArchiveResultsTable
{
  border-collapse: collapse;
	width: 600px;
}

.ArchiveResultsTable td
{
	padding: 0px;	
}

.ArchiveThumbnailCell
{
	text-align: right;
}

.active, .active a
{
  background: #cccccc;
  font-weight: bold;
  color: #cc1010;  
}

.selectedHierarchy a
{
/*  background-color: #eeeeee;*/
  color: #cc1010;
}

/* ---------------- */
/* Detail display   */
/* ---------------- */

#detailNav
{
	margin-bottom: 20px;
}	

#detailNav span
{
	vertical-align: top;
}

.detailTable td, .detailArchiveTable td table td
{
	padding-left: 10px;
	vertical-align: top;
}

.detailArchiveTable td
{
	padding-left: 0px;
	vertical-align: top;
}

.detailTable td a
{
  color: #877404;
}

.detailTable
{
  width: 662px;
  border-collapse: collapse;  
}

table.detailTable .detailSelectionRecordSeperator td
{
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
  height: 5px;
  border-collapse:separate;  
}

.detailCopyTable td
{
  border: none;
  padding: 2px;
}

.detailLabel
{
  font-weight: bold;
}
/* ---------------- */
/* Comments   */
/* ---------------- */
.showLinkedData, .addComment {
  width: 662px;
}

#detailComment {
  width: 662px;
}

.addComment td, #detailComment td {
}

.showLinkedData table, .addComment table {  
  width: 662px;
}

.showLinkedData .detailCommentsTable {
  background: none;
  text-align: left;
}

.showLinkedData .detailCommentsTable td{
  padding-top: 5px;
  padding-bottom: 5px;
}

.showLinkedData .detailCommentsTable th, .addComment .addCommentTable th, .addComment .addCommentTable td, #detailComment th {
  padding-left: 10px;
  text-align: left;
  vertical-align: top;
  color: black;
  height: 15px;
  width: 662px;
}

.showLinkedData .detailCommentsTable .loginLogoutButton {
  position:relative;
  right: 0px;
}

.showLinkedData .detailCommentsTable .header {
  position:absolute;
}

.showLinkedData .detailCommentsTable tr {
  vertical-align: top;
}

.showLinkedData .detailCommentsTable .dark {
  background-color: #cccccc;
}

.showLinkedData .detailCommentsTable tr .date {
  padding-left: 10px;
  width: 75px;
}

.showLinkedData .detailCommentsTable tr .name {
  width: 93px;
}

.showLinkedData .detailCommentsTable tr .comments {
}

.addComment #showFormImage {
  position: absolute;
}

.addComment #showFormLink {
  position: absolute;
  margin-left: 30px;
  padding-top: 5px;
}

.addComment .addCommentTable td.label {
  vertical-align: top;
  text-align: left;
  width: 183px;
}

.addComment .addCommentTable .disclaimerCheckbox input
{
  text-align: left;
  width: 10px;
}

.addComment .addCommentTable input {
  width: 401px;
}

.addComment .addCommentTable textarea {
  width: 401px;
  height: 136px;
}

/* ---------------- */
/* Tagging          */
/* ---------------- */

.showLinkedData, .addTagging {
  padding-top: 25px;
  width: 662px;
}

#detailTagging {
  width: 662px;
}

.addTagging td, #detailTagging td {
}

.showLinkedData table, .addTagging table {  
  width: 662px;
}

.showLinkedData .detailTaggingTable {
  border-top: none;
  border-bottom: none;
  background: none;
  text-align: left;
}

.showLinkedData .detailTaggingTable th, .showLinkedData .detailTaggingTable td, .addTagging .addTaggingTable td, 
.addTagging .addTaggingTable th, #detailTagging th {
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  vertical-align: top;
  color: black;
  height: 25px;
}

.showLinkedData .detailTaggingTable .loginLogoutButton {
  float: left;
  padding-left: 55px;
}

.showLinkedData .detailTaggingTable .header {
  position:absolute;
  margin: 3px 0 0 0px;
}

.showLinkedData .detailTaggingTable tr {
  vertical-align: top;
}

.showLinkedData .detailTaggingTable .evenRow {
  background-color: White;
}

.showLinkedData .detailTaggingTable tr .date {
  padding-left: 10px;
  width: 75px;
}

.showLinkedData .detailTaggingTable tr .name {
  width: 93px;
}

.showLinkedData .detailTaggingTable tr .tagging {
}

.addTagging #showAdminLogin
{
  position: absolute;
}

.addTagging #showFormImage {
  position: absolute;
}

.addTagging #showFormLink {
  position: absolute;
  margin-left: 30px;
  padding-top: 5px;
}

.addTagging .addTaggingTable td.label {
  vertical-align: top;
  text-align: left;
  width: 183px;
}

.addTagging .addTaggingTable input {
  width: 401px;
}

.sdiTable td
{
  border-collapse: collapse;
  margin-left: 20px;
  padding: 2px;
}

/* ---------------- */
/* COPYINFO WINDOW  */
/* ---------------- */

body#copyInfo
{
  background-color: #eeeeee;
  color: #000000;  
  text-align: left; 
  padding: 15px;
}

body#copyInfo td
{
  text-align: left;  
  border: solid 1px black; 
}

body#copyInfo .header
{ 
  font-weight: bold; 
}

/* ------------- */
/*  PHOTO WINDOW */
/* ------------- */

body#photoInfo
{
  background-color: white;
  color: black;
  padding: 20px;
  width: 90%;
}

/* ------------- */
/*  HELP WINDOW  */
/* ------------- */

body#helpContent
{
  background-color: white;
  color: #000000;
  padding: 20px;
  width:90%;
}

.helpDiv
{
  border-left: 2px solid #cccccc;
  padding: 10px;
}

.perkament .tdTop
{
  background-image: url(../images/perkament-top.gif);
  width:600px;  
  height: 78px;
}

.perkament .tdMiddle
{
  background-image: url(../images/perkament-middle.gif);
  width:400px;
  background-repeat: repeat-y;
  text-align: justify;  
}

.perkament .tdBottom
{
  background-image: url(../images/perkament-bottom.gif);
  width:600px;
  height: 202px;
}

/* ------------- */
/* LIST WINDOW   */
/* ------------- */

body.listContent, .tagList, .tagList a
{   
  width: 350px;
  background:#aaaaaa;     
  color: white;
}

 .tagList a:hover
 {
  color: black;
 }
 
.tagList h2
{
  font-weight: bold;
}

/* ------------- */
/* CART WINDOW   */
/* ------------- */

.reserveButton a
{
  font-weight:bold;
  color: #cc1010;
}

.termsAndConditionsDownloadButton
{
  text-align: center;
  background-color: #EEEEEE;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #555555;
  border-left: 2px solid #777777;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}


/* -------------      */
/* CALENDAR WINDOW    */
/* -------------      */

.CalenderBody
{   
  background:#EEEEEE; 
}

.calendar table td a,.calendar table td 
{   
  font-family: Verdana, Arial, Helvetica, sans-serif;
  
  font-size: 1em;
  margin-left:0px;  
  background-color:#EEEEEE; 
  color : #000000;
}

.calendar table .DayHeader
{   
  background-color: #c33030; 
  color : #FFFFFF;
}

.calendar table td a .SelectedDay
{   
  background-color:#EEEEEE; 
  color:black;
}

.calendar table .TodayDay a
{   
  background-color: #c33030; 
}

.calendar table .Selector
{   
  background-color:#EEEEEE; 
}

.calendar table .NextPrev, .calendar table .Title
{   
  background-color:#EEEEEE;  
}

/* IP management */
#ipManagement #description {
  position: absolute;
  margin: 0px 0 0 25px;
  color: #c33030;
  font-weight: bold;
  font-size: large; 
}

#ipManagement #actionButton {
  position: absolute;
  margin: 30px 0 0 25px;
}

#ipManagement #operationSuccessFully {
  position: absolute;
  margin: 36px 0 0 170px;
}

.recaptcha
{
  width: 400px;
}

.recaptcha_reload
{
  position: relative;
  top: -50px;
  float: right;
}