body {
  color: black;
  background: #f6f6f6 url(/img/body_bg.gif) 50% repeat-y;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 62%;
}

body, h1, h2, h3, h4, h5, p, img, ul, form { margin: 0; padding: 0; }

ul { list-style: none; list-style-position: outside; }

ul.basiclist {
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 10px;
}

td { 
	line-height: 1.4em;
	font-size: 1.3em;
	color: #000;
	}
	
th { 
	line-height: 1.4em;
	font-size: 1.5em;
	color: #000;
	font-style: bold;
	}
	
table.sdcompare td{
	font-size: 1.5em;
	border: 1px solid #ddd;
	}

img { border: none; }

a { color: #07426b; }

a:hover { text-decoration: none; }
/*a:visited { color: blue; text-decoration: underline; }*/

#container {
  background: white url(/img/bg.gif) repeat-y;
  width: 762px;
  margin: 0 auto;
  padding: 0 34px;
}

/*** Header ***/

form#signup {
  padding: 0px 20px;
}

input.text {
  height: 14px;
  width: 96px;
  margin: 0 6px 0 10px;
  border: 2px solid #ddd;
  border-style: inset;
}

input.button {
  background: white url(/img/button_bg.gif) repeat-x;
  border: 1px solid #ccc;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

#navi {
  background: #07426b;
  padding: 4px 10px 5px;
  font: bold 1.6em Helvetica, Arial, sans-serif;
}

#navi-bottom {
  background: url(/img/navi-bottom.png) repeat-x;
  margin-bottom: 10px;
}

#navi li {
  display: inline;
}

#navi a {
  color: white;
  background: none;
  margin-right: 20px;
  text-decoration: none;
  padding: 5px 3px 5px 3px;
}

#navi a:hover {
  text-decoration: none;
  background-color: #00aeef;
}

#navi-display {
  font-size: 1.1em;
  text-align: right;
}

#navi-display a {
  text-decoration: none;
}

/*** Logos & Titles ***/

#streamdays-logo {
  color: #77adc8;
  width: 244px;
  text-align: center;
  float: left;
}

#streamdays-logo p {
  color: #a8a8a8;
  margin-top: -5px;
  padding-right: 60px;
  /*font: bold 1.3em "Swis721 Cn BT", "Arial Narrow", Arial, sans-serif;*/
  font: 1.2em Helvetica, Arial, sans-serif;
  text-align: right;
}

#title {
  /*width: 520px;*/
  margin-left: 40px;
  margin-bottom: 16px;
}

#slogan {
  width: 496px;
  margin-left: 262px;
  margin-bottom: 16px;
  text-align: center;
}

#slogan h2, #title h2 {
  font-family: "Georgia", "Times New Roman", "Serif";
  font-weight: bold;
  font-size: 2.4em;
  color: #07426b;
}

#slogan p {
  color: #6d6e71;
  font: 1.2em Helvetica, Arial, sans-serif;
}

#slogan p img {
  margin-bottom: -3px;
}

#title {
  margin-top: 10px;
  margin-bottom: 30px;
}

/*** mid section wrapper ***/

#mid-section-wrapper { width: 762px; height: 206px; background-color: #ededed; }

/*** Live image panel ***/

#live-image {
  width: 216px;
  padding: 13px 13px 10px;
  font-size: 1.1em;
  float: left;
}
#live-image-inner {
  width: 218px;
  height: 164px;
  border: 1px solid #9cf;
}

p.left {
  margin-top: 10px;
  float: left;
}

p.right {
  margin-top: 10px;
  text-align: right;
}

/*** Explore panel ***/

#categories {
  /*background: white url(/img/categories_bg.gif) repeat-x;*/
  height: 192px;
  width: 468px;
  margin-left: 263px;
  margin-bottom: 18px;
  padding: 0 14px 8px;
  position: relative;
}

html>body #categories {
  margin-left: 254px;
  height: auto;
  min-height: 150px;
}

#categories h3 {
  /*background: url(/img/categories-h3_bg.gif) no-repeat;*/
  margin: 0 -14px;
  padding: 8px 14px 0;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 1.6em;
  color: #07426b;
}

#categories h4 {
  background: url(/img/ico_camera.png) no-repeat;
  margin: 12px 0 3px;
  padding-left: 20px;
  font: bold 1.6em Georgia, Serif;
}

#categories p {
  font: 1.1em Helvetica, Arial, sans-serif;
}

p#map-view {
  font-size: 1.1em;
  position: absolute;
  top: 7px;
  right: 50px;
}

img.bullet {
  margin: 0 2px 2px 0;
}

div#more {
  margin-top: 155px;
}

.left-column {
  width: 240px;
  float: left;
}

.right-column {
  width: 220px;
  float: left;
}

/*** Promos panel ***/

#promos {
  /*background: white url(/img/promos_bg.gif) repeat-x;*/
  height: 124px;
  width: 222px;
  padding: 11px 10px;
  border: 1px solid #dddddd;
  text-align: center;
  float: left;
}

html>body #promos {
  height: auto;
  min-height: 121px;
}

#promos h3 {
  margin-bottom: 6px;
}

#promos a#add {
  font-size: 1.8em;
  font-weight: bold;
}

#promos p {
  margin-top: 9px;
  font-size: 1.2em;
  text-align: center;
}

/*** Tabs area ***/

#tabs {
  width: 496px;
  margin-left: 263px;
  margin-bottom: 15px;
}

#socialhp {
  margin-bottom: 15px;
  text-align: center;
  height: 30px;
  border: 1px solid #dddddd;
  padding: 10px 0 0 10px;
}

#socialhp #fb { width: 90px; float: left; margin-top: 0px; }
#socialhp #fb-root { margin-top: 0px; }
#socialhp #gplus1 { width: 75px; float: left; }
#socialhp #twit { width: 50px; float: left; }

html>body #tabs {
  margin-left: 266px;
}

#tab-links {
  height: 27px;
  margin-bottom: -3px;
  position: relative;
  z-index: 2;
}

#tab-links img {
  margin: 0 0 2px 5px;
}

#tab-links a {
  color: black;
  width: 89px;
  padding: 5px 10px;
  font: bold 1.2em Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: underline;
  display: block;
  float: left;
}

#tab-links a:active {
  color: #84c441;
  background: url(/img/tab.gif) no-repeat;
}

#tab-links a:hover {
  color: #84c441;
  background: none;
}

#tab1, #tab2, #tab3, #tab4 {
  height: 100px;
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
  z-index: 0;
}

html>body #tab1, #tab2, #tab3, #tab4 {
  height: auto;
  min-height: 97px;
}

#tab1 img#hp-tab1-img {
  margin: 0px 2px 0px 20px;
  float: right;
}

#tab1 p {
  font-size: 1.2em;
  line-height: 1.4em;
}

#tab1 p img {
  margin-left: 4px;
  float: none;
}

#tab2 {
  font: 1.2em Helvetica, Arial, sans-serif;
  line-height: 1.4em;
}

#tab2 span {
  color: #600;
}

#tab2 a {
  text-decoration: none;
}

#tab2 a:hover {
  text-decoration: underline;
}

#tab3 h4 {
  font-size: 1.2em;
  margin-bottom: 15px;
}

#tab3 p {
  font-size: 1.2em;
}

#tab3 .left-column {
  height: 50px;
}

#tab4 img#tb-logo {
  margin: 0 6px 4px 10px;
  float: right;
}

#tab4 img#hp-tab1-img {
  margin: 0px 2px 0px 20px;
  float: right;
}

#tab4 p {
  font-size: 1.2em;
}

#tab4 p img {
  margin-left: 4px;
  float: none;
}

#spacer {
	margin-bottom: 1px;
	clear: both;
}

div.spacer {
	margin-bottom: 10px;
	clear: both;
}

/*** Camera Page ***/

#cam-column {
  width: 414px;
  float: left;
}

#map-column {
  width: 328px;
  margin-left: 430px;
  margin-bottom: 20px;
}

html>body #map-column {
  margin-left: 434px;
}

/*** Video area ***/

#video-area {
  color: #069;  
  background: #ededed;
  padding: 14px 0 8px;
  font: bold 1.2em Helvetica, Arial, sans-serif;
  text-align: center;
}

#video-area a:hover {
  text-decoration: none;
}

#video-area img#video {
  border: 1px solid black;
}

#video-area p.left {
  margin-left: 14px;
}

#video-area p.left img {
  margin-bottom: -5px;
}

#video-area p.left img.ext {
  margin: 0 4px;
}

#video-area p.right {
  margin-right: 14px;
}

#video-area p.right a {
  margin-left: 10px;
}

/*** Rating ***/

#vote {
  margin-top: 10px;
  padding-left: 14px;
}

#vote label {
  margin-top: 4px; 
  /*font: bold 2em "Swis721 Cn BT", "Arial Narrow", Arial, sans-serif;*/
  font: 1.8em Helvetica, Arial, sans-serif;
  float: left; 
}

#vote .unit-rating {
  margin-left: 90px;
}

#vote p {
  color: #979797;
  margin-top: 6px;
  font-size: 1.1em;
  text-align: center;
}

#vote p span {
  color: black;
}

#clientlink {
  font-size: 1.2em;
  margin-top: 8px;
  text-align: center;
}

/*** Map ***/

#control-panel {
  background: url(/img/control_bg.gif) repeat-x;
  margin-bottom: 16px;
  padding: 8px 10px;
  border: 1px solid #c6c6c6;
  font: normal 1.8em Helvetica, Arial, sans-serif;
  position: relative;
}

#control-panel img {
  position: absolute;
  top: 15px;
  right: 10px;  
}

#control-panel a {
  color: black;
  text-decoration: none;
}

#control-panel a:hover {
  background: none;
}

#control-panel2 {
  background: url(/img/control_bg.gif) repeat-x;
  margin-bottom: 12px;
  padding: 4px 5px;
  border: 1px solid #c6c6c6;
  font: bold 1.2em Helvetica, Arial, sans-serif;
  position: relative;
}

#control-panel2 img {
  position: absolute;
  top: 15px;
  right: 10px;  
}

#control-panel2 a {
  color: #0000ff;
  text-decoration: none;
}

#control-panel2 a:hover {
  background: none;
}


#map-column p {
  margin-top: 10px;
  font-size: 1.2em;
}

#map {
  border: 1px solid #ededed;
}

.info-window {

}

.info-window h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

/*** About camera ***/

#about {
  background: url(/img/about_bg.gif) repeat-x;
  margin-bottom: 50px;
  padding: 0 22px;
  font: 1.2em Helvetica, Arial, sans-serif;
}

#about h3 {
  background: url(/img/about-h3_bg.gif) no-repeat;
  margin: 0 -22px 10px;
  padding: 12px 22px 0;
  font-size: 1.4em;
}

#fb-root { margin-top: 5px; }

/*** Footer ***/

#footer {
  color: #fff;
  background: #07426b;
  height: 100px;
  padding: 0 12px;
  border-top: 3px solid #c4c7c7;
  font-size: 1.1em;
}

#footer a {
  color: #00c7ef;
  text-decoration: none;
}

#footer a:hover {
  background: none;
  text-decoration: underline;
}

#bkmks {

}

#bkmks img {
	padding: 7px 0px 5px 3px
}

/*** Search results ***/

#search-results {
	float: left;
	width: 520px;
	line-height: 1.4em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 20px;
}

#search-results h3 {
	margin-bottom: 20px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 1.6em;
	color: #07426b;
	padding: 10px;
	line-height: 1.4em;
}

#search-results h3 span {
	color: #333;
	background: #ffffcc;
}

#search-results P {
	line-height: 1.6em;
	margin-bottom: 20px;
	margin-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	/*margin-left: 10px;*/
	/*margin-left above determines left align of main listing*/
}

#search-results p span {
	color: #84c441;
}

.entry {
	/*background: #f2f0f0;*/
	padding: 5px;
	border-top: 1px solid #f2f0f0;
}

.results {
	font: bold 1.4em Georgia, Times New Roman, Serif;
}

#search-results ul {
	color: #000;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

#search-results ul ul {
	margin-left: 30px;
	list-style-type: circle;
}

#search-results li {
	list-style-image: url(/img/bullet.gif);
	list-style-position: inside;
	display: list-item;
	text-indent: 20px;
}

#search-results li li {
	font-size: 0.8em;
}

#search-rhs {
	width: 200px;
	margin-left: 559px;
	margin-bottom: 50px;
	height: 100%;
	font-size: 1.2em;
}

#search-paging {
	margin-bottom: 50px;
	clear: both;
}

#search-paging P {
	line-height: 1.4em;
	margin-bottom: 20px;
	margin-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006600;
}

#search-rhs-box {
	background-color: #fff;
	border: 1px solid #c4c7c7;
	padding: 8px;
	margin: 0 0 30px 0;
}

/*** Add A Cam page ***/

#supported-column {
  background: url(/img/bg-addcam-col-supported.jpg) no-repeat;
  width: 371px;
  float: left;
}

#supported-column h3 {
	margin-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	text-align: center;
}

#purchase-column {
  background: url(/img/bg-addcam-col-purch.jpg) no-repeat;
  width: 371px;
  margin-left: 388px;
}

#purchase-column h3 {
	/*margin-top: 50px;*/
	padding-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	text-align: center;
}

#addacam-area {
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#addacam-area p {
	font-size: 1.2em;
	line-height: 18px;
	margin: 10px 30px 20px 30px;
}

#addacam-area p span{
	color: #fff;
	background-color: #333;
	padding: 10px;
	font-size: 2.8em;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

#addacam-area ul {
	color: #000;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: bold;
	margin-top: 10px;
}

#addacam-area li {
	list-style-image: url(/img/tick.gif);
	list-style-position: inside;
	display: list-item;
	text-indent: 20px;
}

#supported-cams, #supported-cams2 {
	background-color: #fff;
	width: 250px;
	border: 5px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}

#highlight {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 30px 0 30px 0;
}

#highlight h2 {
	text-align: center;
	font: bold 1.8em Georgia, Times New roman, Serif;
	color: #07426b;
}

#highlight p {
	font: 1.2em Helvetica, Arial, sans-serif;
	color: #07426b;
	margin-top: 5px;
}

/** Buy a webcam page - streamdays webcam hosting **/

#viewer-column {
  width: 420px;
  float: left;
}

#description-column {
  width: 300px;
  margin-left: 440px;
  margin-bottom: 20px;
}

#viewer-area {
	text-align: left;
}

#description-area {
	text-align: left;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#description-area h3 {
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
}

#description-area p {
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #333;
	padding: 7px 10px 0 10px;
}

#description-panel {
	background: white url(/img/control_bg.gif) repeat-x;
	font: bold 1.5em Helvetica, Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0;
}

#sd-features {
	width: 400px;
	float: left;
	margin-left: 30px;
}

#sd-benefits {
  width: 371px;
  margin-left: 388px;
}

#sd-features h3 , #sd-benefits h3, #sd-info h3 {
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
	font-family: Georgia, Serif;
}

#sd-features ul, #sd-benefits ul {
	color: #000;
	padding: 10px;
}

#sd-features li, #sd-benefits li {
	list-style-image: url(/img/tick.gif);
	list-style-position: inside;
	display: list-item;
	text-indent: 15px;
	font-size: 1.2em;
	line-height: 20px;
}

#sd-info {
	color: #000;
}

#sd-info p {
	color: #000;
	font-size: 1.2em;
	padding: 10px 0 10px 0;
}

/** About Us Page **/

#about-us {
	float: left;
	width: 535px;
	line-height: 1.4em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-left: 5px;
}

#about-us h3 {
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
}

#about-us h3 span {
	color: #600;
}

#about-us P {
	line-height: 1.4em;
	margin-bottom: 20px;
	margin-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	margin-right: 10px;
	margin-left: 18px;
}

#about-us p span {
	color: #600;
	font-size: 0.80em;
}

/** Large map page **/

#map-large {
	clear: both;
	width: 762px;
}

#map-large-foot {
	clear: both;
	width: 762px;
}
.redText {
	color: #900;
}
p.submit {
	padding: 11px;
	margin-top: 10px;
}
/** 10-point plan page **/

#points {
	margin-bottom: 20px;
}

#points span {
	font: bold 2.5em Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	margin-left: 15px;
}

#points span h3 {
	font: bold 4.0em Helvetica, Arial, sans-serif;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 5px solid #fff;
	padding: 0px 0px 10px 0px;
}

#points p {
	font: 1.2em Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	margin: 10px 40px 10px 46px;
}

#points p.tip {
	background: #99CCFF;
	padding: 10px;
	font: 1.2em Helvetica, Arial, sans-serif;
	color: #003399;
	margin-left: 80px;
}
#rss_cam {
	font: 1.2em Helvetica, Arial, sans-serif;
	color: #000;
	margin-top: -10px;
	padding: 0px;
}