/* GEOBEATS STYLESHEET
----------------------------------------------- */
body {
  margin:0;
  padding:11px 0;
  background:#FFF url(/images/bg-border.gif) repeat-x left top;
  text-align:center;
  font:76% Verdana, Arial, Helvetica, sans-serif;
  color:#434343;}

img { border:none;}

.clear { clear: both; font-size:1px; line-height:0px;}
br.clear { font-size:0; line-height:0.0; height:0; clear:both; }

/* TEXT
----------------------------------------------- */
h1 {font-size:1.6em; }
h2 {font-size:1.4em; color:#B30802; }
h3 {font-size:1em; color:#555555;}

/* LINKS
----------------------------------------------- */
/* Brown links
a:link, a:visited { color:#B67B35; text-decoration:none;}
a:hover, a:active { color:#B67B35; text-decoration:underline;}*/

a:link, a:visited { color:#555555; text-decoration:none;}
a:hover, a:active { color:#555555; text-decoration:underline;}

h3 a:link, h3 a:visited { color:#555555;}

/* FORM
----------------------------------------------- */
form { margin:-2; padding:0;}
input, select { font:13px Arial, Helvetica, sans-serif; color:#000; }
input.button { vertical-align:bottom; background:transparent url(/images/btn-lets-go.jpg) no-repeat left top; height:22px; width:58px; border:none; cursor:pointer; }
.button { vertical-align:bottom; width:56px; height:22px; border:none; cursor:pointer; }

/* IMAGE REPLACEMENT
----------------------------------------------- */
.replace { position:absolute; left:0; top:0; display:block;}

/* LOGO
----------------------------------------------- */
#logo { float:left; position:relative; width:168px; height:61px; margin:0 0 0 0px; padding:0; font-size:1px;}
#logo em { height:61px; width:168px; background:transparent url(/images/logo.gif) no-repeat left top; cursor:pointer; }
/* Hides from IE5-mac \*/
#logo {overflow:hidden;}
/* End hide from IE5-mac */

/* PAGE LAYOUT
----------------------------------------------- */
#search {float:right; width:491px; padding-top:7px;}
#container {width:937px; margin:0px auto; text-align:left; font-size:1em;}
#pagecontent {padding-top:20px;}
#staticContent {text-align: left;}
#video { float:left; width:400px; margin:0 10px; font-size:0.9em }
/* SEARCH
----------------------------------------------- */
#search h2 { position:relative; width:296px; height:14px; margin:0; padding:0; font-size:1px;}
#search h2 em { width:296px; height:14px; background:transparent url(/images/see-destination.gif) no-repeat left top;  }
/* Hides from IE5-mac \*/
#search h2 {overflow:hidden;}
/* End hide from IE5-mac */

#search form { margin-top:10px;}
#search select { width:140px;}
#search span {float:right;margin-right:63px;margin-top:1px;font-size:10px; }
#search span a:link {text-decoration: none; color:#6B3312;}
#search span a:visited {text-decoration: none; color:#6B3312;}
#search span a:hover {text-decoration: underline; color:#6B3312;}

/* TOP VIDEO AREA
----------------------------------------------- */
#top-video {width:935px; margin:0 auto; text-align:left; height: 324px;}
/*#top-video { background:url(/images/faux-col-1.gif) repeat-y left top; width:934px; margin:0 auto; text-align:left; height: 339px;}*/
#feature-video { float:right; width:267px; padding:0px 0px; }
#left-column { background:url(/images/travel-made-easy_production.jpg) no-repeat left top; float:left; text-align:right; height:200px; width:268px;}
#main {float:left; width:400px; margin-left:0px;}
/*#top-video .clear-faux { clear:both; line-height:1px; font-size:1px; background:url(/images/faux-col-1-bot.gif) no-repeat left bottom;}*/

/*Tag Clouds
---------------------------------------*/
#tagcloud {margin-top: 197px; background-color:#f2f2f2; border: #e5e5e5 solid 1px; height:124px; padding:1px; width:249px; overflow:hidden; text-align:left; float:left;}
#tags{margin:6px;}
#tagheader{text-align: center;}

/*Hot Topics
---------------------------------------*/
#ht-panel {margin-top: 197px; background-color:#f2f2f2; border: #e5e5e5 solid 1px; height:124px; padding:1px; width:249px; overflow:hidden; text-align:left; float:left;}
#ht-header{text-align: center;}
#ht-panel ul {
  margin: 0px;
  padding: 0 5px 0 15px;
  font-size: 10px;
  font-weight: bold;
  list-style-type:square;
}
#ht-panel li {
  margin: 4px 0;
}

#ht-panel li a:hover{
  color:red;
}

.ht-left {
  float: left;
  padding-right: 20px;
}

/* LEFT-COLUMN
----------------------------------------------- */
#left-column h2, #left-column h2 a:link, #left-column h2 a:visited { color:#B67B35;}
#left-column h2 {position:relative; width:189px; height:126px; margin:0 0 -20px 0; padding:0; font-size:1px;}
#left-column h2 em {width:189px; height:126px;}
#left-column .linkAboutUs {cursor:pointer;}
/* Hides from IE5-mac \*/
#left-column h2 {overflow:hidden;}
/* End hide from IE5-mac */

h2#before-visit em {background:transparent url(/images/Guided-Video-Tour.gif) no-repeat left top;}
h2#submit-film em { margin-top: 0px; background:transparent url(/images/GeoBeats_filmmakers2.gif) no-repeat left top;}

/* FEATURE VIDEO
----------------------------------------------- */
#feature-video h2 { position:relative; width:182px; height:17px; margin:0; padding:0; font-size:1px;}
#feature-video h2 em { width:182px; height:17px; background:transparent url(/images/feature-video.gif) no-repeat left top;  }
/* Hides from IE5-mac \*/
#feature-video h2 {overflow:hidden;}
/* End hide from IE5-mac */

#feature-video h3 { font-size:1.1em; margin:0 0 6px 0; padding:0 13px;}
.smallTitle {font-size: 0.9em; color:#555555;}
#feature-video p { font-size:0.85em; margin:0; padding:0 13px;}
#feature-video .video { text-align:center; margin:9px 0 9px 0;}

/* GRAY COLUMNS
----------------------------------------------- */
#gray-columns { margin-top:11px; background:url(/images/faux-col-grey.gif) repeat-y left top; text-align:left; }
#gray-columns div.column { float:left; width:310px; margin-right:2px;  }
#gray-columns #middle { width:311px; }
#gray-columns div.last { margin:0;}

#gray-columns .clear-faux { line-height:5px; font-size:36px;}

/* SUBPAGES
----------------------------------------------- */
/*
Remove the videoclip title on video play page
#related-videos, #details { border-top:solid 27px #FFF;}
*/
#related-videos { float:left; width:293px; }
#related-videos div.news-block { margin:13px 0;}
#related-videos div.news-block a:link, #related-videos div.news-block a:visited  { color:#555;}
#related-videos div.title-bar { margin-bottom:20px; padding-right:10px; background:#B20802 url(/images/bg-h2-red-2.gif) repeat left top; color:#FFF; font-size:1em; text-align:right;}
#related-videos div.title-bar h2 { width:99px; color:#FFF; text-align:left; font-size:1em}
#related-videos div.title-bar span {width:170px; text-align:right; color:#FFF; font-size: 10px}

#details { float:right; width:222px; margin-right:19px; font-size:0.9em; color:#575755; }
#details p {padding:0px 11px 0px 16px;}
#details p.italic {font-style: italic;}
#details a:link, #details a:visited { color:#575755;}
#details div.heading h2{font-family: Helvetica Condensed Bold, Verdana; margin:11px 0px 0px 16px; color:#B20802; text-align:left; font-size:1.2em}

#video .location { color:#666666; line-height:20px; margin:0 0 6px 0; font-size:1.4em; font-weight: bold;}
#video a:link, #video a:visited { color:#6B3312;}
#video ul { list-style:none; margin:8px 0; padding:0; text-align:center; }
#video li {font-size: 1.1em; margin:0; padding:0 4px 0 0; display:inline; font-weight: bold;}

#creators { float:right; width:400px; margin:8px 0px;}
div.layout {float:left; line-height:1.2; margin-top:4px; font-size:0.85em;}
div.layout img { float:left; margin:0px 6px; background-color:#FFF; }
div.layout h3 { margin:0; padding-top:2px; font-size:1.1em; color:#555555; font-weight: bold;}
div.layout p {margin: 0; z-index: 10; font-size: 1.1em;}
#sharelinks #creators div.layout a:link, #sharelinks #creators div.layout a:visited {color:#6B3312; font-size:1.2em; font-weight: bold;}
#creators div.layout a:link, #creators div.layout a:visited {color:#6B3312; font-weight: bold;}
.textLayout {text-align: right; }
.spaceing {padding: 0px 2px 0px 2px}

#askmeabout img{margin:0px; margin-top:7px;}

/* COMMON ELEMENTS
----------------------------------------------- */
/* NEWS BLOCK */
div.news-block { line-height:1.2; margin:4px 0 11px 0; padding:0 13px; font-size:0.85em}
/* Hides from IE5-mac \*/
div.news-block {clear:both; }
/* End hide from IE5-mac */
div.news-block img { float:left; width:102px; height:72px; margin-right:8px; padding:5px; background-color:#FFF; border:0px solid #CECECC; }
div.news-block h3 { margin:0; padding:0px 0 6px 0; font-size:1.1em; color:#AE9317; font-weight: bold;}
div.news-block p {margin: 0; z-index: 10;}

div.title-bar { background:#B20802 url(/images/bg-h2-red.gif) no-repeat left top; margin-bottom:16px; padding:0 18px 0 14px; line-height:25px; font-weight:bold; text-align:right; font-size:0.8em }
div.title-bar h2 {float:left; width:120px; margin:0; padding:0; font-size:1.3em; text-align:left; color:#FFF;}
div.title-bar a, div.title-bar a:visited { color:#F2F2F2;}
div.title-bar a:hover { text-decoration:none; }

/* FOOTER
----------------------------------------------- */
#footer { margin-top:11px; padding:7px 0 40px 0; border-top:1px solid #CCC; text-align:center; font-size:10px; color:#555555;}
#footer a:link {text-decoration: underline; color:#555555;}
#footer a:visited {text-decoration: underline; color:#555555;}
#footer ul { margin:0; padding:0; list-style:none; margin-bottom: 5px;}
#footer li { display:inline;}
#footer span { margin:0 6px;}
#copyright { margin:0;}
#disclaimer { font:10px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#disclaimer a:link{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#disclaimer a:visited{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#333;}

/*other page this is only for aboutus and other pages.
-----------------------------------------------*/
#staticContent a:link, #staticContent a:visited, #staticContent a:active {font-weight: bold;}

/* COLUMN HEADERS */
div.column-header { background:#73695c url(/images/bg-h2-gray.gif) no-repeat left top; margin-bottom:16px; padding:6px 18px 5px 14px; font-size:11px; }
div.column-header img { float:right; width:56px; height:10px;}
div.column-header a { color:#E5E5E5;}

div.column-header h2 { float:left; position:relative; width:103px; height:14px; margin:0; padding:0; font-size:10px; color:#fff}
div.column-header h2 em { width:105px; height:14px;}
/* Hides from IE5-mac \*/
div.column-header h2 {overflow:hidden;}
/* End hide from IE5-mac */
#related-videos div.column-header { background:#B20802 url(/images/bg-h2-red-2.gif) no-repeat left top; margin-bottom:16px; padding:6px 9px 5px 10px; font-size:10px; color: #FFF; font-weight: bold;}
#related-videos div.column-header img { float:right; width:56px; height:10px;}
#related-videos div.column-header span { float:right; text-align:right; width:170px; font-weight:bold;}

h2#most-viewed em { background:transparent url(/images/most-viewed-gray.gif) no-repeat left top;}
h2#editors-choices em { background:transparent url(/images/editor-choices-gray.gif) no-repeat left top;}
h2#latest-submissions em { background:transparent url(/images/new-releases-gray.gif) no-repeat left top;}
h2#related-video em { background:transparent url(/images/related-videos.gif) no-repeat left top;}

/*Map all videos */
#myMap {}

/*Destinations */
#destinations div.clipblock1 ,div.clipblock2 { float:left; width:296px; margin:1px 2px 1px 0; padding:8px 6px 8px 8px; font-size:0.85em; line-height:1.2; Height: 82px; }
#destinations div.clipblock1 {background-color:#DFDFDF;}
#destinations div.clipblock2 {background-color:#F2F2F2;}
#destinations img {float:left; width:102px; height:72px; margin-right:8px; padding:5px; background-color:#FFF; border:0px solid #CECECC; }
#destinations h3 { margin:0; padding:0px 0 6px 0; font-size:1.1em; color:#AE9317; font-weight: bold;}
#destinations p {margin: 0; z-index: 10;}

#countryCityList { margin:1px 2px 1px 0; text-align:center;  width:154px;   float:left; background-color:#E5E5E5; height:125px; }
#countryCityList span{padding:2px; text-align:center; font-size:0.90em; font-weight: bold; }
#countryCityList img{margin-top:8px;padding:5px;background-color:#FFF;}

/* Wall of fame*/
#walloffame #imageblock { margin:0px 2px 2px 0px; background-color:#E5E5E5; float:left;   width:130px; height:138px; text-align:center; }
#walloffame #imageblock  img.hostfilmmaker {margin-top:8px; width:80px; height:70px; padding:4px; background-color:#FFF; }
#walloffame #imageblock span {padding:10px 0 6px 0; font-size:.85em; color:#555555; font-weight: bold;text-align:center;margin-top:10px;}
#walloffame #imageblock strong{color:#B30802;font-size:0.85em;}
#walloffame #imageblock #icons img {background-color:#E5E5E5; margin-top:0px;padding:4px;vertical-align:middle;}

/*Coments panel below Host/Filmmaker images*/
#comments { background-color:#f2f2f2; padding:8px 8px; margin:2px 0px; }
#comments .author { font-weight: bold; font-size:1em; color:#555555; }
#comments a:link, #comments a:visited { color:#555555; text-decoration: underline; }
#comments .posted-on {  font-weight: normal;  font-size:0.9em; }
#comments .message { color:#000000; padding: 8px 0px; }
#comments-panel{ border-top:solid 1px #cbcbcb; margin-top: 6px; }
#comments-panel h3 { font-weight: bold; font-size:1.2em; color:#b40c01; margin: 5px 0px; }
#post-comment { width:400px; }
#comments-panel #commentsaved { font-weight: bold; font-size:0.97em; padding: 9px 0px; }

#notes { font-size:.9em; padding-top: 15px;}
#notes a:link, #notes a:visited { color:#434343; text-decoration: underline;}
.flash-replaced .alt { display: block; height: 0;  position: absolute;  overflow: hidden;  width: 0;}

#Yattribution {
  margin: 11px 11px 11px 443px;
  width: 0px;
}
#tags .smallest:link, #tags .smallest:visited {color:#4e4945; font-size: 12px;}
#tags .large:link, #tags .large:visited {color:#a39e98; font-weight: bold; font-size: 14px;}
#tags .largest:link, #tags .largest:visited {color:#555555; font-weight: bold; font-size: 15px;}


/*Feedback page*/
#cLeft, #cRight, #cPressWhiteBg{
  background:#e5e5e5;
  width:655px;
  float:left;
}
#cRight{width:265px; float:right;background:#fff;}
#boxRightText, #pressRightText{background:#e5e5e5; padding:15px; border:1px solid #bbbbbb;}
#boxRightText p {
  padding: 0px 0px 17px 0px;
  margin:0px;
  font-size:11px;
}
#boxRightText a {
  font-weight:bold;
}

#pressRightText a {font-weight:normal; font-size:11px;}
#pressRightText p {padding: 5px 0px 2px 0px; margin:0px;}
#pressRightText {margin-bottom:20px;}
#imagebuttonDownloadkit{text-align:center;padding:15px 0px 10px 0px;}
#pressReleaseDate {padding-bottom:22px; text-align:right;}

#boxRightHeader, #pressReleaseHeader, #pressMediaResourcesKitHeader{position:relative; height:30px;background:transparent url(/images/email-addresses.gif) no-repeat left top; z-index:0; top:1px;}
 #dottedLine, #mediaHr{background:transparent url(/images/dotted-line.jpg) repeat-x center; padding:1px 1px;}
 #pageTitle{
  padding:5px 0px 15px 0px;
  vertical-align:bottom;
 }

 #SectionHeader {margin:0px; clear:both; background-color:#555555; padding:6px 0px 6px 8px;text-align:left;}
#imagebutton{
  padding:10px 0px 30px 0px;
  margin-left:170px;
}
#feedback.thanksMessage h4{
  text-align:center;
}
#requiredField{
  color:red;
  font-size:10px;
  vertical-align:top;
  margin:0px;
  padding:0px;
}

/*Press */
#cPressWhiteBg{
   background-color:white;
   font-size:11px;
}
#pressReleaseHeader{
  background:transparent url(/images/press-releases.gif) no-repeat left top;
}
#pressMediaResourcesKitHeader{
  background:transparent url(/images/media-resources.gif) no-repeat left top;
}
#mediaReferenceImg{
  float:left;
  margin: 6px 0px;
}
#mediaReferenceImg img{
  border: 1px solid #555;
}
#mediaQuote{
  height:35px;
  margin:5px 0px 0px 90px;
}
#mediaHr{
  margin:7px 0px 0px 0px;
}
#credits{
  margin-left: 15px;
  font-weight:normal;
  color:red;
}

#credits a:link{ color:#cb0801; font-weight:normal;}
#credits a:visited{ color:#cb0801; font-weight:normal;}
#credits a:visited{ color:#cb0801; font-weight:normal;}

#mediaContainer{
  padding: 5px 0px;
}
/*Content syndication page*/

#cContenSyndication{
  font-size:.9em;
  background-color:#ebebeb;
  border: 1px solid #e1e1e1;
  padding:12px;
}

#cContenSyndicationInnerBox{
  background-color:#f8f8f8;
  border: 1px solid #bfbfbf;
  padding: 0px 11px 11px 11px;
  margin: 10px 0px 0px 0px;
}

//fix margins in IE
#cContenSyndicationInnerBox p{
  margin:0px;
  padding:0px;
}

#cCSRight{
  width: 52%;
  float:right;
  padding-bottom:11px;
}

#cCSLeft{
  width: 45%;
  float:left;
  padding-bottom:11px;
}
#sectionTitle{
  padding:0px 0px 5px 0px;
}
#sectionTitle #dottedLine{
  padding: 5px;
}
#optionTitle{
  margin:9px 0px 9px 0px;
  padding:0px;
  text-align:center;
}
#smallEmbedCode{
  float:left; width:232px; height:170px;
}
#smallEmbedPlaer{
  float:left; width: 200px; padding-right:10px;
}

#smallInstructions, #IntegrationExamples{
  font-weight:bold;
  text-align:center;
  padding:0px 41px;
}

#smallInstructions a:link{ color:#cb0801;}
#smallInstructions a:visited{ color:#cb0801;}
#smallInstructions a:visited{ color:#cb0801;}

/*Travel Player*/

#tpLeft, #tpMiddle, #tpRight{
  margin: 0px 0px;
  margin-bottom:16px;
  background-color:#e5e5e5;
}
#tpLeft{
  float:left;
  width:224px;

}
#tpMiddle{
  float:left;
  width:272px;
  margin:0px 20px;

}
#tpRight{
  float:right;
  width:400px;
  background-color:white;
}

#tpContent{
  padding:12px;
}

#tpContent  .optional {
  line-height:21px;
}
#tpTitle{
  background-color:white;
  padding-bottom:7px;
  height:39px;
  text-align:middle;
}
#tpTitle img {
  float:left;
}

#ctitle{
  padding:5px 0px 0px 48px;
  font-size:11px;
  font-weight:bold;
}
#places{
  width:200px;
  height:425px;
}

.upLoadInstructions{font-size:0.9em; padding: 5px 0px;}
.upLoadInstructions li {padding:3px 0px;}
.upLoadInstructions ol{padding: 0px 18px; margin:0px auto;}

#terms input{padding:0px; margin:0px;}
#terms a{font-size:0.9em; font-weight:bold; text-decoration:underline;}
#checkbox{float:left;}
#imagebuttonCodeGen {text-align:center; padding:15px 0px 0px 0px;}
#checkBoxLabel{width:225px; float:right;}

/*About Us*/
#abtContent{
  padding:12px;
  line-height:19px;
}
#imgContainer{
  padding:10px;
  background-color:white;
}
#comment_submit {
  background:#fff url(/images/btn-post.gif);
  width: 56px;
  height: 26px;
}

#recaptcha_widget_div {
  margin-left: 88px;
}

.submit_button {
  background-color: #E60605;
  color:white;
  font-weight:bold;
  padding: 2px 12px;
  font-size: 12px;
}

/* pagination css */

/*------------------------------------------------------------------------
=pagination (REFACTOR)
------------------------------------------------------------------------*/
.pagination_wrap {
  background: #777;
  color: #fff;
  position: relative;
  clear: left;
  height: 35px;
}

.pagination_wrap span.record_count {
  float: none;
  line-height: 35px;
  padding-left: 10px;
}

/* for pagination at the top of a list */

.pagination_wrap.top {
  margin-bottom: 18px;
}

/* for pagination at the bottom of a list */

.pagination_wrap.bottom {
  margin: 9px 0 18px;
}

/* end */

.pagination a,
.pagination span, .pagination em {
  background: #fff;
  display: block;
  float: left;
  margin: 9px 4px 9px 0;
  padding: .2em .5em;
}

.pagination span.disabled {
  color: #999;
}

.pagination em {
  background: #333;
  color: #fff;
  font-weight: bold;
}

.pagination a {
  color: #105cb6;
  text-decoration: none;
}

.pagination a:hover,
.pagination a:focus {
  border-color: #003;
  color: #003;
}

.pagination .page_info {
  background: #2e6ab1;
  color: #fff;
  margin-bottom: .3em;
  padding: .4em .6em;
  text-align: center;
  width: 22em;
}

.pagination .page_info b {
  background: #6aa6ed;
  color: #003;
  padding: .1em .25em;
}



/* ----- SimpleForm Styles ----- */

.simple_form div.input {
  margin-bottom: 10px;
}

.simple_form label {
  float: left;
  width: 90px;
  text-align: right;
  margin: 2px 10px;
}

div.boolean, .simple_form input[type='submit'] {
  margin-left: 100px;
}

div.boolean label, label.collection_radio {
  float: none;
  margin: 0;
}

label.collection_radio {
  margin-right: 10px;
  vertical-align: -2px;
  margin-left:   2px;
}

.field_with_errors {
  /* background-color: #ff3333; */
}

.simple_form .error {
  clear:   left;
  color:   red;
  display: block;
  margin-left: 111px;
  font-size:    12px;
}

#new_comment.simple_form label {
  width: 70px;
}

#new_comment.simple_form .error {
  margin-left: 90px;
}

#comment_submit {
  margin: 5px 0 0 90px;
}

.simple_form .hint {
  clear: left;
  margin-left: 120px;
  font-size:    12px;
  color: #555;
  display: block;
  font-style: italic;
}

input.radio {
  margin-right: 5px;
  vertical-align: -3px;
}

input.check_boxes {
  margin-left: 3px;
  vertical-align: -3px;
}

label.collection_check_boxes {
  float: none;
  margin: 0;
  vertical-align: -2px;
  margin-left:   2px;
}