﻿* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
font-size: 100%;
background: #000000 url(../images/interface/body_bg.jpg) no-repeat;
background-position:center;
background-attachment: fixed;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clear {
height: 0;
font-size: 0px;
overflow: hidden;
clear: both;
}

.hidden {display: none !important;}

a.form-button-left {
background: url(../images/interface/function_panel_li_left.gif) 0 0 no-repeat;
display: block;
width: 156px;
height: 17px;
line-height: 1em;
font-size: 0.750em;
padding: 4px 0px 0px 25px;
text-decoration: none;
color: #FFF;
margin: 2px 2px 2px 2px;

}

a.form-button {
background: url(../images/interface/function_panel_li.gif) 0 0 no-repeat;
display: block;
width: 156px;
height: 17px;
line-height: 1em;
font-size: 0.750em;
padding: 4px 0 0 11px;
text-decoration: none;
color: #FFF;
margin: 2px 2px 2px 2px;

}

a.form-button:hover {
   background: url(../images/interface/photo_feature_links.gif) 0 -32px repeat-x;
}

#container {
    background: url(../images/interface/top_header.gif) 0 0 repeat-x;
}

#top-header {
margin: 0 auto;
width: 960px;
}

#top-header img {
float: left;
}

#top-header #top-nav fieldset {
width: 134px;
float: right;
}

#top-header #top-nav 
{	
	float: right;
	width: 550px;
	padding: 53px 0 0 0;
}

#top-header #top-nav ul {
float: right;
list-style: none;
width: 350px;
text-align: right;
margin: 17px 20px 0 0;
}

#top-header #top-nav ul li {
display: inline;
float: right;
font-size: 0.6875em;
}

#top-header #top-nav ul li a {
color: #FFF;
text-decoration: none;
margin: 0 0 0 9px;
padding: 0 0 0 8px;
border-left: 0.5px solid #999;
}

#top-header #top-nav ul li.first a {
border-left: 0;
margin: 0 0 0 0;
}

#top-header #top-nav ul li a:hover {
color: #999;
}

#top-header #top-nav fieldset {
border: 0;
}

#top-header #top-nav legend {
display: none;
}

#top-header #top-nav label {
display: block;
width: 95px;
height: 8px;
text-indent: -9999px;
background: url(../images/interface/looking_for.gif) 0 0 repeat-x;
line-height: 0;
font-size: 0;
}

#top-header #top-nav input.text-field {
width: 112px;
height: 22px;
border: 0;
float: left;
margin: 5px 0 0 0;
}

#top-header #top-nav input.button {
margin: 6px 0 0 0;
float: right;
}

#navigation {
clear: both;
margin: 0 auto;
width: 960px;
display:block;
}

#navigation ul {
width: 960px;
height: 31px;
padding:0 0 0 0;
margin: 0 0 0 0;
list-style:none;
position: relative;
}

#navigation ul li 
{
display: inline;
float: left;
height:100%;
margin-right: 2px;
margin-top: 1px;
margin-right: 2px;
border-right: solid 0.1px #808080;
border-top: solid 0.1px #808080;
border-bottom: solid 0.1px #808080;
}

#navigation ul li.commercial-button 
{float:right;}

#navigation ul li a 
{
display: inline;
text-decoration: none;
padding: 5px 10px 5px 10px;
margin: 0 0 0 0;
height: 31px;
font-size:8pt;
background-image: url('../images/interface/navigation_slice.jpg'); 
background-repeat: repeat-x;
color:#333333;
}

#navigation ul li.commercial-button a 
{
background-image: url('../images/interface/navigation_slice_commercial.jpg'); 
color:#FFFFFF;
}

#navigation .selected a.commercial {
display: inline;
float: left;
height:20px;
padding: 5px 10px 5px 10px;
margin: 1px 3px 0 0;
background-image: none;
}

#navigation .selected a {
display: inline;
float: left;
height:20px;
padding: 5px 10px 5px 10px;
margin: 1px 3px 0 0;
background-image: none;
}

#navigation ul li a:hover,a:active {    
    background-image: none;
    color:#000000;
}

#breadcrumb {
height: 20px;
margin: 5px auto 0 auto;
width: 960px;
background-color:#5d5c63;
}

#breadcrumb 
{
 padding-bottom:4px;
}

#breadcrumb ul {
list-style:none;
height: 8px;
padding: 4px 0 0 4px;
}

#breadcrumb ul li {
display: inline;
float: left;
font-size: 0.6875em;
line-height: 1.5em;
color: #FFF;
padding: 0px 0px 0px 8px;
margin: 0 0 0 0;
background-image: url("../images/interface/breadcrumb_arrow_white.gif");
background-repeat:no-repeat;
background-position:right;
}

#breadcrumb ul li a {
color: #ffffff;
text-decoration: none;
padding: 0 10px 0 0;
margin: 0 4px 0 0;

}

#breadcrumb ul li a:hover {
color: #000;
}

#sitemap {
margin: 0 auto;
width: 960px;
height: 83px;
background: url(../images/interface/sitemap_bg.gif) 0 0 repeat-x;
}

#sitemap ul {
list-style: none;
width: 960px;
padding: 18px 0 0 0;
}

#sitemap ul li {
width: 176px;
display: block;
float: left;
line-height: 1em;
padding: 0 0 0 16px;
}

#sitemap ul li a {
display: block;
width: 160px;
height: 20px;
background: url(../images/interface/sitemap_arrow.gif) 0 1px no-repeat;
font-size: 0.6875em;
color: #FFF;
text-decoration: none;
line-height: 1em;
padding: 0 0 0 16px;
}

#sitemap ul li a:hover {
color: #CCC;
}

#copyright {
    border-left: 2px;
    font-size: 0.6875em; 
    color: #999999;
    padding-left: 4px;   
}

#content {
width: 960px;
margin: 2px auto 5px auto;
}

#photo-feature {
width: 640px;
height: 340px;
float: left;
background: #6f6e76;
margin: 0 0 5px 0;
padding: 10px 0 10px 10px;
position: relative;
}

#photo-feature img {
display: block;
}

#photo-feature h2 {
display:block;

background: url(../images/interface/trans_70.png) 0 0 repeat;
width: 630px;
height: 35px;
font-size: 0.750em;
margin-top:0px;
}

#photo-feature h2 a {
position: relative;
width: 615px;
height: 27px;
display: block;
text-decoration: none;
line-height: 1em;
font-weight: normal;
color: #403f44;
padding: 15px 0 0 15px;
background: url(../images/interface/photo_feature_arrow.gif) 600px 13px no-repeat;
}

a{
color: #6F003F;
text-decoration: none;    
}
a:hover{
color: #fff;
}

#photo-feature h2 a:hover {
color: #000;
}

#photo-feature ul {
height: 32px;
list-style: none;
padding: 4px 0 0 0;
width: 633px;
overflow: hidden;
}

#photo-feature ul li {
display: inline;
float: left;
width: 208px;
margin: 0 3px 0 0;
}

#photo-feature ul li a {
height: 22px;
width: 197px;
display: block;
background: url(../images/interface/photo_feature_links.gif) 0 0 repeat-x;
font-size: 0.6875em;
padding: 10px 0 0 11px;
text-decoration: none;
line-height: 1em;
text-transform: uppercase;
color: #FFF;
}

#photo-feature ul li a:hover {
background: url(../images/interface/photo_feature_links.gif) 0 -32px repeat-x;
}

#headline-square {
width: 232px;
height: 311px;
float: right;
background-color: #5b5b61;
margin: 0 0 1px 0;
padding: 60px 32px 0 38px;
}

#headline-square h1 {
font-size: 2em;
color: #FFF;
text-transform: uppercase;
line-height: 0.9em;
font-weight: normal;
}

#headline-square p {
margin: 8px 0 0 0;
font-size: 0.6875em;
color: #FFF;
line-height: 1.3em;
}

#function-panels {
clear: both;
width: 960px;
background: url(../images/interface/function_panels_bg.gif) 0 0 repeat-y;
}

.function-panel {
width: 178px;
float: left;
background: #C5C5C5 url(../images/interface/function_panel_bg.gif) 0 0 repeat-x;
margin: 0 5px 4px 0;
padding: 10px 0 6px 10px
}

.last {
margin: 0 0 0 0;
}

.function-panel img {
display: block;
margin: 0 0 2px 0;
}

.function-panel h2 {
background: url(../images/interface/function_panel_h2.gif) 0 0 no-repeat;
font-size: 0.750em;
line-height: 1em;
text-transform: uppercase;
width: 171px;
height: 30px;
font-weight: normal;
}

.function-panel h2 a {
display: block;
text-transform: uppercase;
width: 151px;
height: 22px;
display: block;
text-decoration: none;
color: #5d5c60;
padding: 8px 0 0 20px;
}

.function-panel h2 .no-link {
display: block;
text-transform: uppercase;
width: 151px;
height: 22px;
display: block;
text-decoration: none;
color: #5d5c60;
padding: 8px 0 0 20px;
}

.function-panel ul {
list-style: none;
}

.function-panel ul li {
display: inline;
float: left;
width: 167px;
height: 21px;
margin: 0 0 1px 0;
}

.function-panel ul li a {
background: url(../images/interface/function_panel_li.gif) 0 0 no-repeat;
display: block;
width: 156px;
height: 17px;
line-height: 1em;
font-size: 0.750em;
padding: 4px 0 0 11px;
text-decoration: none;
color: #FFF;
}

.function-panel ul li a:hover {
background: url(../images/interface/photo_feature_links.gif) 0 -32px repeat-x;
}

.function-panel h2 a:hover {
color: #000;
}

.function-panel fieldset {
border: 0;
}

.function-panel fieldset legend {
display: none;
}

.function-panel fieldset p {
display: block;
width: 171px;
height: 22px;
background: url(../images/interface/function_panel_form_p.gif) 0 0 no-repeat;
}

.function-panel fieldset p label {
font-size: 0.750em;
color: #FFF;
display: block;
float: left;
padding: 3px 0 0 11px;
}

.function-panel fieldset p input {
width: 111px;
height: 17px;
border: 0;
margin: 0 0 0 0;
display: block;
float: left;
}

.shop-search-form-fields {
    padding-left:5px;
    padding-top:1px;
    height: 24px;
}

.shop-search-form-fields p {
    background: transparent;
}

.shop-search-form-fields select {    
    width: 130px;
    font-size: 0.700em;
    height: 20px;
}

.shop-search-form-fields input {   
    width: 130px;
    font-size: 0.650em;
}
.gift-cards-panel form fieldset p label {
width: 49px;
}

.gift-cards-panel form fieldset p input {
width: 105px;
}

.function-panel fieldset a {
background: url(../images/interface/function_panel_li.gif) 0 0 no-repeat;
display: block;
width: 156px;
height: 17px;
line-height: 1em;
font-size: 0.750em;
padding: 4px 0 0 11px;
text-decoration: none;
color: #FFF;
margin: 2px 2px 2px 2px;

}

.function-panel fieldset a:hover {
    background: url(../images/interface/photo_feature_links.gif) 0 -32px repeat-x;
}

.function-panel .function-panel-box {
width: 171px;
background: url(../images/interface/function_panel_box_bg.gif) 0 0 repeat-y;
}

.function-panel .function-panel-box p {
background: url(../images/interface/function_panel_box_bottom.gif) 0 100% no-repeat;
font-size: 0.6875em;
color: #FFF;
line-height: 1.2em;
padding: 8px 6px 10px 11px;
}

.shopping-panel p{
    font-size: 0.6875em;
    line-height: 1.3em;
    color: #5d5c60;
    padding: 20px 10px 10px 10px;
}

.function-panel dl {
font-size: 0.6875em;
line-height: 1.3em;
color: #5d5c60;
}

.function-panel dt {
width: 73px;
float: left;
}

.function-panel dd {
width: 93px;
float: left;
}

.function-panel dt.bankholidays {
margin: 5px 0 0 0;
width: 100px;
}

/* Zone Guide */

.zoneguide-page #photo-feature {
height: 183px;
}

.zoneguide-page #headline-square {
height: 183px;
padding: 20px 32px 0  38px;
}

/* Zone Journey */

.zonejourney-page #photo-feature {
height: 183px;
}

.zonejourney-page #headline-square {
height: 183px;
padding: 20px 32px 0 38px;
}

/* 3-col layout */

#left-column {
width: 178px;
float: left;
background: #6f6e76;
margin: 0 4px 0 0;
padding: 10px 0 0 10px;
}

#left-column img {
display: block;
margin: 0 0 10px 0;
}

#bottom-left-image-box {
width:168px;
height:330px;
display: block;
margin: 0 0 10px 0;
/*background: #323033 url(../images/photos/side_image_bottom.jpg) no-repeat;*/
}

#middle-column {
width: 576px;
float: left;
}

#middle-column img {
background: #6f6e76;
margin: 0 0 4px 0;
padding: 10px;
display: block;
}

#heading-panel, .heading-panel {
background: #5D5C63 url(../images/interface/h1_bg.gif) 0 0 repeat-x;
margin: 0 0 4px 0;
padding: 20px 20px 0 20px;
_height: 63px;
min-height:63px;
vertical-align: middle;
}

#heading-panel h1, .heading-panel h1 {
font-size: 2em;
color: #FFF;
text-transform: uppercase;
line-height: 0.9em;
font-weight: normal;
margin: 0 0 6px 0;
}

#heading-panel p, .heading-panel p {
font-size: 0.750em;
color: #FFF;
}

#story-box {
background: #c5c5c5;
padding: 35px 35px 0 50px;
overflow:auto;
height:525px;
}

#story-box-short {
background: #c5c5c5;
padding: 35px 35px 0 50px;
height:300px;
}

#story-box-short p {
font-size: 0.850em;
color: #333;
line-height: 1.2em;
padding: 0 0 1em 0;
}

.story-box {
background: #c5c5c5;
padding: 35px 35px 0 50px;
overflow:auto;
height:526px;
}

.story-box-short {
background: #c5c5c5;
padding: 35px 35px 0 50px;
height:300px;
overflow:auto;
}


#story-box p {
font-size: 0.850em;
color: #333;
line-height: 1.2em;
padding: 0 0 1em 0;
}

#right-column {
width: 188px;
float: left;
margin: 0 0 0 4px;
}

#right-column .function-panel {
margin: 0 0 4px 0 !important;
padding: 10px 0 10px 10px !important;
}

#right-column .last {
height: 174px;
margin: 0 0 0 0 !important;
}

#flash-video {
background: #6f6e76;
height: 285px;
margin: 0 0 4px 0;
padding: 18px 0 0 87px;
}

#middle-column #flash-video img {
background: none;
margin: 0 0 0 0;
padding: 0;
display: block;
}

/* List pages */

.list-item {
background: #d5d5d5 url(../images/interface/list_item_bg.gif) 0 0 repeat-x;
margin: 0 0 4px 0;
padding: 10px 10px 10px 10px;
width: 556px;
}

.list-item img {
background: none !important;
margin: 0 15px 0 0 !important;
padding: 0 0 0 0 !important;
display: block !important;
float: left;
}

.list-item h2 {
font-size: 1em !important;
margin: 7px 0 7px 0 !important;
padding: 0 0 0 0;
}

.list-item h2 a {
background: url(../images/interface/photo_feature_arrow.gif) 0 1px no-repeat;
padding: 0 0 0 23px;
font-weight: normal;
color: #6f003f;
text-decoration: none;
}

.list-item h2 a:hover {
color: #000;
}

.list-item p {
font-size: 0.720em;
color: #333;
line-height: 1.2em;
padding: 0 20px 0 23px;
margin: 0 0 1em 0;
}

.photo-item p {
padding: 0 20px 0 171px;
}

#list-page-nav {
background: #d5d5d5 url(../images/interface/list_page_nav_bg.gif) 0 0 repeat-x;
height: 22px;
padding: 8px 0 0 0;
}

#list-page-nav p {
font-size: 0.750em;
color: #5d5c60;
margin: 0 10px 0 0;
text-align: right;
text-transform: uppercase;
}

#list-page-nav p a {
font-weight: bold;
text-decoration: none;
color: #6f003f;
}

#list-page-nav p a:hover {
color: #000;
}

/* Job List pages */
/* Accordian */

.accordianPageHeader {
background: #C3C3C3;
margin: 4px 0 0 0;
width: 576px;
height:35px;
padding: 0px 0px 15px 0px;
}

.accordianHeader {
background: #C3C3C3;
margin: 4px 0 0 0;
width: 576px;
height:35px;
padding: 0px 0px 0px 0px;
}

.accordianHeader h2 {
float: left;
font-size: .8em !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0;
}

.accordianHeader h2 a {
display: block;
height: 26px;
width: 467px;
background: url(../images/interface/photo_feature_arrow.gif) 10px 8px no-repeat;
padding: 7px 0 0 33px;
font-weight: normal;
color: #6f003f;
text-decoration: none;
}

.accordianHeader h2 a:hover {
color: #000;
}

.accordianHeader p {
float: right;
font-size: 0.750em;
}

.accordianHeader p a {
display: block;
width: 66px;
height: 24px;
color: #444;
padding: 9px 10px 0 0;
text-align: right;
text-decoration: none;
}

.accordianHeader p a:hover {
color: #000;
}

.accordianContent {
background: #d5d5d5;
width: 576px;
}

.accordianContent p {
display: block;
float: left;
height: 22px;
width: 470px;
font-size: 0.750em;
padding: 8px 0 0 33px;
color: #444;
}

.accordianContent p.ac_button img {
display: block;
padding: 0 !important ;
margin: 4px 0 0 0 !important ;
background: none !important ;
border: 0;
}

.accordianContent p.ac_button {
float: right;
width: 53px;
padding: 0 0 0 0 !important ;
margin: 0 4px 0 10px;
}

#filter {
background: url(../images/interface/filter_bg.gif) 0 0 repeat-x;
height: 34px;
width: 576px;
}

#filter h2 {
font-size: 0.750em;
color: #FFF;
float: left;
padding: 9px 20px 0 10px;
}

#filter form {
float: left;
margin: 5px 0 0 0;
width: 510px;
}

#filter fieldset {
border: 0;
float: left;
display: inline;
}

#filter legend {
display: none;
}

#filter label {
font-size: 0.750em;
color: #FFF;
padding: 0 0 0 10px;
}

#filter input.textfield {
width: 109px;
height: 19px;
border: 0;
}

#filter select
{    
    width: 130px;
    font-size: 0.700em;
    height: 20px;
}

#filter option
{    
    padding-left:2px;
}
#filter input.button {
float: right;
margin: 2px 0 0 0;
}

/* Video page */

.video-event {
height: 187px !important;
}

.video-event2 {
height: 187px !important;
float: left;
width: 245px !important;
padding: 35px 20px 0 35px !important;
}

.video2 {
float: right;
width: 252px !important;
}

.video2 img {
margin: 0 10px 0 0 !important;
}

.video2 p {
padding: 0 5px 0 110px !important;
font-size: 0.6875em;
margin: 0 0 0.5em 0 !important;
}

/* Commercial */

.commercial {
background: #768482 url(../images/commercial/commercial_body_bg.jpg) 0 125px repeat-x;
}

.commercial #photo-feature {
background-color:#a0afad;
height:310px;
margin: 5px 0px 5px 0px;
}

.commercial #headline-square {
background-color:#a0afad;
height:290px;
width:235px;
margin: 5px 0px 5px 0px;
padding: 40px 20px 0px 50px;
}

.commercial #function-panels {
background: url(../images/commercial/commercial_function_panels_bg.gif) 0 0 repeat-y;
}

.commercial .function-panel {
background: #d8dfde url(../images/commercial/commercial_function_panel_bg.gif) 0 0 repeat-x;
}

.commercial .function-panel h2 {
background: url(../images/commercial/commercial_function_panel_h2.gif) 0 0 no-repeat;
}

.commercial .function-panel h2.no-link {
background: url(../images/commercial/commercial_function_panel_h2_no_link.gif) 0 0 no-repeat;
color:#5D5C60;
display:block;
height:22px;
padding:8px 0 0 20px;
text-decoration:none;
text-transform:uppercase;
width:151px;
}

.commercial .function-panel form fieldset p {
background: url(../images/commercial/commercial_function_panel_form_p.gif) 0 0 no-repeat;
}

.commercial .function-panel .function-panel-box {
background: url(../images/commercial/commercial_function_panel_box_bg.gif) 0 0 repeat-y;
}

.commercial .function-panel .function-panel-box p {
background: url(../images/commercial/commercial_function_panel_box_bottom.gif) 0 100% no-repeat;
}

.commercial #breadcrumb {
background: none;
background: #626D6B;
}

.commercial #breadcrumb ul li {
background-color:#626D6B;
background-image: url("../images/interface/breadcrumb_arrow_commercial.gif");
}


.commercial #left-column {
background: #a0afad;
}

.commercial #middle-column img {
background: #a0afad;
}

.commercial #heading-panel {
background: #6D7A77 url(../images/commercial/commercial_h1_bg.gif) 0 0 repeat-x;
}

.commercial #story-box {
background: #d8dfde;
}

.commercial #flash-video {
background: #a0afad;
}

.commercial .list-item {
background: #D8DFDE url(../images/commercial/commercial_list_item_bg.gif) 0 0 repeat-x;
}

.commercial #list-page-nav {
background: #D8DFDE url(../images/commercial/commercial_list_page_nav_bg.gif) 0 0 repeat-x;
}

.commercial #filter {
background: url(../images/commercial/commercial_filter_bg.gif) 0 0 repeat-x;
}

.commercial .accordianHeader {
background: #C1C7C6 url(../commercial/commercial_accordianHeader_bg.gif) 0 0 repeat-x;
}

.commercial .accordianContent {
background: #D8DFDE;
}

.commercial #interactive-panel {
background: #a0afad;
}

.commercial .form-area {
background: #d8dfde url(../images/commercial/commercial_function_panel_bg.gif) 0 0 repeat-x;
}

/* Registration */

.form-area {
background: #C5C5C5 url(../images/interface/function_panel_bg.gif) 0 0 repeat-x;
margin: 0 0 4px 0;
padding: 19px;
}

.form-area fieldset {
border: 0;
}

.form-area legend {
display: block;
font-size: 1em;
text-transform: uppercase;
color: #444;
padding: 0 0 9px 0;
margin: 0 0 0 0;
text-indent: 0;
}

.form-area fieldset p {
font-size: 0.6875em;
padding: 7px 0 7px 0;
margin: 0 0 6px 0;
border-top: 1px solid #acacad;
border-bottom: 1px solid #acacad;
}

.form-area table {
border-collapse: collapse;
}

.form-area table td.label-column {
text-align: right;
width: 188px;
padding: 0 13px 2px 0;
vertical-align: top;
}

.form-area table td.label-column label, .form-area td.label-column p {
display: block;
color: #444;
font-size: 0.750em;
padding: 5px 0 0 0;
margin: 0 0 0 0;
line-height: 1em;
border-top: 0;
border-bottom: 0;
float: none;
}

.form-area td {
padding: 0 0 0 0;
vertical-align: middle;
}

.form-area td label {
color: #444;
font-size: 0.6875em;
padding: 1px 20px 4px 3px;
float: left;
line-height: 1em;
}

.form-area td.checkbox-cell {
padding: 4px 0 4px 0;
}

.form-area td input.checkbox-input {
float: left;
}

.form-area td span.checkbox-input {
float: left;
}

.form-area td span.checkbox-input input {
float: left;
}

.form-area input.text-field {
width: 220px;
height: 19px;
border: 0;
margin: 0 2px 2px 0;
padding: 0 0 0 5px;
float: left;
display: block;
}

.form-area input.veryshort {
width: 30px;
}
.form-area input.short {
width: 65px;
}

.form-area h2 {
color: #444;
font-size: 0.750em;
padding: 1.5em 0 0.75em 0;
font-weight: normal;
}

.form-area table.three-col-checkboxes {
width: 538px;
}

.form-area table.three-col-checkboxes td {
width: 33%;
padding: 0 0 0 0 !important;
vertical-align: middle;
}

.form-area table.three-col-checkboxes td input {
float: left;
}

.form-area table.three-col-checkboxes td label {
padding: 1px 0 4px 3px !important;
line-height: 1em;
float: left;
}

.form-area input.button {
float: right;
margin: 10px 0 0 0;
}

form .last {
margin: 0 0 0 0;
}

#register-page img.expand-image {
height: 729px;
}

#register-page #right-column .last {
height: 629px;
}

#register-page form .form-area {
height: 470px;
}

#register-page form .last {
height: 410px;
}

/* Event form */

#events-page img.expand-image {
height: 317px;
}

#events-page #right-column .last-function {
height: 193px;
}

#events-page form .last {
height: 510px;
}

/* Interactive */

#interactive-column {
width: 768px;
float: left;
}

#interactive-panel {
width: 748px;
height: 509px;
padding: 10px;
background: #6f6e76;
}

#interactive-panel img {
display: block;
}

/* Job Details */

.job-details {
background: #C5C5C5 url(../images/interface/function_panel_bg.gif) 0 0 repeat-x;
margin: 0 0 4px 0;
padding: 19px;
font-size:small;
_height:520px;
min-height:520px;
}

.sitemap-page .form-area 
{
	background: #c5c5c5;
	padding: 35px 35px 0 50px;
	overflow:auto;
	height:526px;
}

.job-details fieldset {
border: 0;
}

.job-details legend {
display: block;
font-size: 1em;
text-transform: uppercase;
color: #444;
padding: 0 0 9px 0;
margin: 0 0 0 0;
text-indent: 0;
}

.job-details fieldset p {
font-size: 0.6875em;
padding: 7px 0 7px 0;
margin: 0 0 6px 0;
border-top: 1px solid #acacad;
border-bottom: 1px solid #acacad;
}

.job-details table {
border-collapse: collapse;

}

.job-details table td.label-column {
	text-align: left;
	width: 125px;
	padding: 0 13px 2px 0;
	vertical-align: top;
	font-weight: bold;
}

.job-details table td.label-column label, .job-details td.label-column p {
display: block;
color: #444;
font-size: 0.750em;
padding: 5px 0 0 0;
margin: 0 0 0 0;
line-height: 1em;
border-top: 0;
border-bottom: 0;
float: none;
}

.job-details td {
padding: 0 0 0 0;
vertical-align:top;
}

.job-details td label {
color: #444;
font-size: 0.6875em;
padding: 1px 20px 4px 3px;
float: left;
line-height: 1em;
}

.job-details td.checkbox-cell {
padding: 4px 0 4px 0;
}

.job-details td input.checkbox-input {
float: left;
}

.job-details td span.checkbox-input {
float: left;
}

.job-details td span.checkbox-input input {
float: left;
}

.job-details input.text-field {
width: 220px;
height: 19px;
border: 0;
margin: 0 2px 2px 0;
padding: 0 0 0 5px;
float: left;
display: block;
}

.job-details input.veryshort {
width: 30px;
}
.job-details input.short {
width: 65px;
}

.job-details h2 {
color: #444;
font-size: 0.750em;
padding: 1.5em 0 0.75em 0;
font-weight: normal;
}

.job-details table.three-col-checkboxes {
width: 538px;
}

.job-details table.three-col-checkboxes td {
width: 33%;
padding: 0 0 0 0 !important;
vertical-align: middle;
}

.job-details table.three-col-checkboxes td input {
float: left;
}

.job-details table.three-col-checkboxes td label {
padding: 1px 0 4px 3px !important;
line-height: 1em;
float: left;
}

.job-details input.button {
float: right;
margin: 10px 0 0 0;
}

.sitemap-page .form-area 
{
	background: #c5c5c5;
	padding: 35px 35px 0 50px;
	overflow:auto;
	height:526px;
}

.sitemap-page .form-area li
{
	padding-left: 10px;
	list-style-type: disc;
	font-size:small;
}

.divSearchResults
{
	height:485px;
}