/*

style.css

Shared stylesheet for WebEdit.

(C) 2009 Spoton Corporation - http://www.spoton.net/
Created by Stephen Morley - http://safalra.com/

*/

.webeditText span.f1{
  color:rgb(255,255,255) !important;
}

.webeditText span.h1{
  background-color:rgb(255,255,255);
}

.webeditText span.f2{
  color:rgb(0,0,0) !important;
}

.webeditText span.h2{
  background-color:rgb(0,0,0);
}

.webeditText span.f3{
  color:rgb(234,101,32) !important;
}

.webeditText span.h3{
  background-color:rgb(234,101,32);
}

.webeditText span.f4{
  color:rgb(247,191,8) !important;
}

.webeditText span.h4{
  background-color:rgb(247,191,8);
}

.webeditText span.f5{
  color:rgb(202,42,21) !important;
}

.webeditText span.h5{
  background-color:rgb(202,42,21);
}

.webeditText span.f6{
  color:rgb(230,52,29) !important;
}

.webeditText span.h6{
  background-color:rgb(230,52,29);
}

.webeditText span.f7{
  color:rgb(190,65,1) !important;
}

.webeditText span.h7{
  background-color:rgb(190,65,1);
}

.webeditText span.f8{
  color:rgb(232,99,30) !important;
}

.webeditText span.h8{
  background-color:rgb(232,99,30);
}

.webeditText span.f9{
  color:rgb(214,107,2) !important;
}

.webeditText span.h9{
  background-color:rgb(214,107,2);
}

.webeditText span.f10{
  color:rgb(238,131,25) !important;
}

.webeditText span.h10{
  background-color:rgb(238,131,25);
}

.webeditText span.f11{
  color:rgb(213,163,0) !important;
}

.webeditText span.h11{
  background-color:rgb(213,163,0);
}

.webeditText span.f12{
  color:rgb(246,190,8) !important;
}

.webeditText span.h12{
  background-color:rgb(246,190,8);
}

.webeditText span.f13{
  color:rgb(95,149,1) !important;
}

.webeditText span.h13{
  background-color:rgb(95,149,1);
}

.webeditText span.f14{
  color:rgb(135,184,50) !important;
}

.webeditText span.h14{
  background-color:rgb(135,184,50);
}

.webeditText span.f15{
  color:rgb(220,221,222) !important;
}

.webeditText span.h15{
  background-color:rgb(220,221,222);
}

.webeditText span.f16{
  color:rgb(202,202,202) !important;
}

.webeditText span.h16{
  background-color:rgb(202,202,202);
}

.webeditText span.f17{
  color:rgb(119,99,40) !important;
}

.webeditText span.h17{
  background-color:rgb(119,99,40);
}

/*

default-style.css

Default stylesheet for WebEdit.

(C) 2008 Spoton Corporation - http://www.spoton.net/
Created by Stephen Morley - http://www.safalra.com/

*/

/* centre the page */
body{
  margin:0;
  padding:0;
  font-size:0.75em;
  text-align:center; /* for non-standards-compliant browsers */
}
#webeditCorePage,
#webeditCoreEditModePage{
  text-align:left; /* for non-standards-compliant browsers */
  margin:0 auto; /* for standards-compliant browsers */
}

/* style the outer div to wrap the whole page*/
#webeditCorePageOuter{
  float:left;
  width:100%;
}

/* cover the page under the lightbox with a semi-transparent black */
#webeditCoreLightbox{
  background:url("../generator/images/semitransparent-black-block.png") repeat top right;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:100;
  cursor:pointer;
}
* html #webeditCoreLightbox{
  position:absolute; /* for Internet Explorer 6 */
}

/* style the lightbox to have a fixed position and a black and white border */
#webeditCoreLightbox div{
  position:fixed;
  padding:10px;
  background-color:white;
  border:1px solid black;
}
* html #webeditCoreLightbox div{
  position:absolute; /* for Internet Explorer 6 */
}

/* style the lightbox image to have a black border */
#webeditCoreLightbox img{
  border:1px solid black;
  margin-bottom:10px;
}

/* style the lightbox text */
#webeditCoreLightbox span{
  font-family:Verdana,Geneva,sans-serif;
  line-height:18px;
}

/* turn off borders on linked images */
a img{
  border:none;
}

/* position images and objects at the bottom of their containers */
img, object{
  vertical-align:bottom;
}

/* turn off margins and padding on forms */
form{
  margin:0;
  padding:0;
}

/* set column positioning */
.webeditCoreColumn{
  float:left;
  min-height:1px;
  width:100%;
}
* html .webeditCoreColumn{
  height:1px;
}

/* set row positioning */
.webeditCoreRow{
  float:left;
  clear:left;
  width:100%;
}

/* formatting for the div displayed instead of a Flash file */
.webeditFlashMissingPlugin,
.webeditFlashEditMode{
  background:white url('../generator/images/flash-logo.png') no-repeat center center;
}

/* style the search submit button so that only the image shows */
.webeditSearchSubmitButton button{
  padding:0;
  width:auto;
  overflow:visible;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
}

/* remove the extra space around small images */
.webeditImageComponent{
  line-height:1px;
}

/* display the required field asterisk in bold red text */
.webeditFormRequiredField{
  color:red;
  font-weight:bold;
}

/* display form error messages in bold red text */
.webeditFormError{
  color:red;
  font-weight:bold;
}

/* default to showing the it'seeze link in the colour of the surrounding text */
.webeditItseezeComponent a{
  color:inherit;
}

/* display table cell contents at the top of the cell */
.webeditTableComponent td{
  vertical-align:top;
}

/* centre the Houndbite player */
.webeditHoundbiteComponent{
  text-align:center;
}

.webeditText .db, .webeditText{
  display:block;
}

.webeditText .dl{
  display:list-item;
  margin-left:18px;
}

.webeditText .al, .webeditText{
  text-align:left;
}

.webeditText .ar{
  text-align:right;
}

.webeditText .ac{
  text-align:center;
}

.webeditText .aj{
  text-align:justify;
}

.webeditText .i0, .webeditText{
  margin-left:0;
}

.webeditText .i18{
  margin-left:18px;
}

.webeditText .i36{
  margin-left:36px;
}

.webeditText .i54{
  margin-left:54px;
}

.webeditText .i72{
  margin-left:72px;
}

.webeditText .i90{
  margin-left:90px;
}

/* note: this must be applied to spans to avoid display issues */

.webeditText div.h75 span, .webeditText div.h75{
  line-height:0.75em;
}

.webeditText div.h100 span, .webeditText div.h100{
  line-height:1.00em;
}

.webeditText div.h125 span, .webeditText div.h125{
  line-height:1.25em;
}

.webeditText div.h150 span, .webeditText div.h150, .webeditText span, .webeditText{
  line-height:1.50em;
}

.webeditText div.h200 span, .webeditText div.h200{
  line-height:2.00em;
}

.webeditText div.h250 span, .webeditText div.h250{
  line-height:2.50em;
}

.webeditText div.h300 span, .webeditText div.h300{
  line-height:3.00em;
}

.webeditText .lm10 *{
  letter-spacing:-0.10em;
}

.webeditText .lm5 *{
  letter-spacing:-0.05em;
}

.webeditText .l0 *, .webeditText *{
  letter-spacing:0;
}

.webeditText .l5 *{
  letter-spacing:0.05em;
}

.webeditText .l10 *{
  letter-spacing:0.10em;
}

.webeditText .l15 *{
  letter-spacing:0.15em;
}

.webeditText .l20 *{
  letter-spacing:0.20em;
}

.webeditText .lon{
  text-decoration:underline;
  color:#00f;
}

.webeditText .tm{
  font-family:'Courier New','Courier',monospace;
}

.webeditText .tws{
  font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','URW Palladio L','Book Antiqua',serif;
}

.webeditText .tns{
  font-family:'Times New Roman','Times',serif;
}

.webeditText .twss, .webeditText{
  font-family:Verdana,Geneva,sans-serif;
}

.webeditText .tnss{
  font-family:Arial,Helvetica,sans-serif;
}

.webeditText .s10{
  font-size:0.833em;
}

.webeditText .s12, .webeditText{
  font-size:1.000em;
}

.webeditText .s14{
  font-size:1.166em;
}

.webeditText .s16{
  font-size:1.333em;
}

.webeditText .s18{
  font-size:1.500em;
}

.webeditText .s20{
  font-size:1.666em;
}

.webeditText .s22{
  font-size:1.833em;
}

.webeditText .s24{
  font-size:2.00em;
}

.webeditText .s36{
  font-size:3.00em;
}

.webeditText .s48{
  font-size:4.00em;
}

.webeditText .s60{
  font-size:5.00em;

}

.webeditText .s72{
  font-size:6.00em;
}

.webeditText .bon{
  font-weight:bold;
}

.webeditText .ion{
  font-style:italic;
}

.webeditText .du{
  text-decoration:underline;
}

.webeditText .ds{
  text-decoration:line-through;
}

.webeditText .do{
  text-decoration:overline;
}

.webeditText .con{
  font-variant:small-caps;
}

/*

style.css

Site-specific stylesheet.

(C) 2009 Spoton Corporation - http://www.spoton.net/
Created by Stephen Morley - http://safalra.com/

*/

.webeditText {
font-family:arial,helvetica,sans-serif;
}

body {
  background:#ea6520 url('../uploaded-files/pageBG.png') repeat-x top;
}

#footer {
  background:url('../uploaded-files/footerfade.png') repeat-x top;
}

* html #footer {
  background:url('../uploaded-files/footerfade-ie.png') repeat-x top;
}

#blackTop {
background-color:black;
margin-bottom:3px;
}

#mainRow {
  background:url('../uploaded-files/mainBG.png') repeat-y center;
}

#webeditCoreEditModePage {
margin-top:60px;
}

#editButton {
text-align:center;
}

#copyright {
font-size:0.8em;
}

#topNav .webeditText, #topNav .webeditText a{
color:white;
text-decoration:none;
}

#topNav .webeditText {
line-height:30px;
}

#topNav .webeditText div {
white-space:pre;
} 

#topNav .webeditText a:hover {
color:#f7be09;
text-decoration:none;
}

.webeditText a, .webeditText .lon {
color:#434343;
text-decoration:none;
}

.webeditText a:hover {
color:#808080;
text-decoration:none;
}

.theirFoot .webeditText a, .ourFoot a {
color:#434343;
}

.topNav  a:hover, .theirFoot .webeditText a:hover, .ourFoot a:hover{
color:#808080;
}

.linkText {
border-bottom:1px solid #7f7f7f;
}

.linkTextLast {
margin-bottom:10px;
}


.divider  {
border-top:1px solid #7f7f7f;
}

/*###########################################################*/
/*group block styling*/

.groupBlockOuter .webeditText, .groupBlockOuter .webeditText a {
color:white;
}

.gbbRed {
border:2px solid #f21c00;
}

.gbRedText739 {
background:#f21c00 url('../uploaded-files/red739.png') no-repeat center bottom;
}

.gbRedText363 {
background:#f21c00 url('../uploaded-files/red363.png') no-repeat center bottom;
}

.gbRedText175 {
background:#f21c00 url('../uploaded-files/red.png') no-repeat center bottom;
}

.gbbOrange {
border:2px solid #ef841a;
}

.gbOrangeText739 {
background:#ef841a url('../uploaded-files/orange739.png') no-repeat center bottom;
}

.gbOrangeText363 {
background:#ef841a url('../uploaded-files/orange363.png') no-repeat center bottom;
}

.gbOrangeText175 {
background:#ef841a url('../uploaded-files/orange.png') no-repeat center bottom;
}

.gbbMidOrange {
border:2px solid #e9641f;
}

.gbMidOrangeText739 {
background:#e9641f url('../uploaded-files/midorange739.png') no-repeat center bottom;
}

.gbMidOrangeText363 {
background:#e9641f url('../uploaded-files/midorange363.png') no-repeat center bottom;
}

.gbMidOrangeText175 {
background:#e9641f url('../uploaded-files/midorange.png') no-repeat center bottom;
}

.gbbYellow {
border:2px solid #f5be08;
}

.gbYellowText739 {
background:#f5be08 url('../uploaded-files/yellow739.png') no-repeat center bottom;
}

.gbYellowText363 {
background:#f5be08 url('../uploaded-files/yellow363.png') no-repeat center bottom;
}

.gbYellowText175 {
background:#f5be08 url('../uploaded-files/yellow.png') no-repeat center bottom;
}

.gbbGreen {
border:2px solid #87b732;
}

.gbGreenText739 {
background:#87b732 url('../uploaded-files/green739.png') no-repeat center bottom;
}

.gbGreenText363 {
background:#87b732 url('../uploaded-files/green363.png') no-repeat center bottom;
}

.gbGreenText175 {
background:#87b732 url('../uploaded-files/green.png') no-repeat center bottom;
}

/*####################~~~#####################*/

/*###########################################################*/
/*search styling*/

.webeditSearchComponent {
position:relative;
background:url('../uploaded-files/nowt.html') no-repeat right bottom;
height:20px;
}

.webeditSearchQueryBox input{
position:absolute;
right:5px;
top:4px;
width:200px;
} 

.webeditSearchSubmitButton button{
position:absolute;
top:8px;
right:215px;
cursor:pointer;
}

.searchPage .webeditSearchComponent form {
display:none;
}

.searchPage .webeditSearchComponent {
background-image:none;
height:auto;
}

.webeditSearchResultsHeader {
font-weight:bold;
margin-bottom:20px;
text-align:center;
}

.webeditSearchResultsFooter {
font-weight:bold;
margin-top:20px;
text-align:center;
}

.webeditSearchResultsFooter a, .webeditSearchResult a{
color:red;
}

.webeditSearchResult a {
font-weight:bold;
}

.webeditSearchResultsFooter a:hover, .webeditSearchResult a:hover {
color:#ed7a1a;
}

.webeditSearchResult {
margin:1.5em 0 1.5em 0;
}

.webeditSearchResultDescription {
padding-left:15px;
background:url('../uploaded-files/searchResult.png') no-repeat top left;
}

/*####################~~~#####################*/

/*###########################################################*/
/*form styling*/

.webeditFormLabel{
  width:190px;
}

.webeditChoiceChoices{
  width:150px;
    margin-bottom:5px;
}

.webeditChoiceChoices select{
  width:150px;
}

.webeditChoiceChoice{
  display:block;
}

.webeditFieldField{
  width:150px;
    margin-bottom:5px;
}

.webeditFieldField *{
  width:150px;
}

.webeditFormSubmitButton{
  text-align:center;
}

.webeditFormSubmitButton div{
  display:none;
}

.webeditFormSubmitButton button{
  width:100px;
  height:25px;
  padding:0;
  border-width:0;
  background:url('../uploaded-files/submit-button.png') no-repeat top left;
    cursor:pointer;
} 
/*####################~~~#####################*/

/*###########################################################*/

/*text-over-image styling*/
.overlayContainer{
  position: relative;
}

.overlayImageT0L0{
  position: relative;
  top:0;
  left:0;
}

.overlayBoxT20L20{
  position: absolute;
  top: 10px;
  left: 10px;
  background: url('../uploaded-files/transpix.html') repeat;
}

.overlayBoxB20L20{
  position: absolute;
  bottom: 20px; /* allow for bottom padding of 10px */
  left: 10px;
  background: url('../uploaded-files/transpix.html') repeat;
}

/*####################~~~#####################*/

/*#*/
/*###*/
/*#####*/
/*PAGEBUIDLER NAV*/

#left  ul {
padding:0;
margin:0;
}

#left .webeditNavigationItem {
color:black;
list-style-type:none;
padding:5px 5px 5px 30px;
}

#left .webeditNavigationItem  a{
color:black;
text-decoration:none;
}

#left .webeditNavigationSelectedItem {
background-color:#cacaca;
}

#left .webeditNavigationItem a:hover{
color:#626262;
text-decoration:none;
}

/*PAGEBUIDLER NAV ENDS*/
/*#####*/
/*###*/
/*#*/


/*#~#~CUSTOM GALLERY STYLING~#~#*/

.customGallery .webeditGalleryTitle .webeditText{
  padding: 5px;
  background: black;
  color: white;
  font-weight:bold;
}
