html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #f8f8f8 url(images/background.png) top repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	border: none;
}

th {
	text-align: left;
}
#pageWrap {
	min-height: 100%;
}
img { border: none; vertical-align: middle}
#header {
	width:100%;
	min-width: 920px;
	height: 94px;
	margin: 0px auto;

}

#headerMain {
	overflow:hidden;
	height: 94px;
	background-image:url(images/menu_m.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#headerMain div {
	height: 87px; /* Height - 7px for the dropshadow */
}

#headerMain div #logo {
	float: left;
	width: 226px;
	height: 100%;
	background-image: url(images/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 5px;
	cursor: pointer;
}
#headerMain div #menu {
	float: left;
	width: auto;
}

#headerMain div #menu ul {
	list-style: none;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#headerMain div #menu ul li {
	line-height: 87px;
	height: 100%;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	list-style: none;
	float: left;
}

#headerMain div #account {
	position: relative;
	float: right;
	width: 180px;
	height: 100%;
	border-left: 1px solid #ebebeb;
}
#headerMain div #account ul {
	list-style: none;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#headerMain div #account ul li {
	line-height: 28px;
	height: 28px;
	vertical-align: middle;
	margin: 0px;
	padding-left: 15px;
	list-style: none;
}
a, .link {
	cursor: pointer;
	text-decoration: none;
	color: #999;

}
a:hover, .link:hover {
	color: #666;
}

#headerMain div #account ul .middle {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#headerMain div #account #status {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0px;
	top: 5px;
}

#headerLeft, #headerRight {
	width: 18px;
	height: 94px;
}

#headerLeft {
	background-image:url(images/menu_l.png);
	float: left;
}
#headerRight {
	background-image:url(images/menu_r.png);
	float: right;
}

.roundedContent {
	border: 1px solid #e5e5e5;
	background: url(images/content_background.png) #f4f4f4 top repeat-x;
	margin: 25px auto;
	padding: 15px;
	width: auto;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
#stalkerWall, #videocontainer {
	min-width: 900px;
	max-width: 95%;
	margin: 0px auto;
	margin-bottom: 40px;
	position: relative;
}

.wallPage {
	position:relative;
	margin: 0px auto;
	zoom: 1;
	clear-after: both;
	width: auto;
}
.wallPage:after, #stalkerWall:after, .roundedContent:after {
    content: ".";
    display: block;
    height: 0;
	width: 0px;
    clear: both;
    visibility: hidden;
}

#newStreams {
	display: none;
}
#options, .small {
	width: 700px;
	margin: 15px auto;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

#options {
	width: 300px !important;
	position: relative;
}
.small p {
		line-height: 16px;
	vertical-align: middle;
}
#wallPreferences #refresh {
	float: right;
	vertical-align: middle;
	margin-left: 5px;
}
#wallPreferences #refresh a {
	line-height: 16px;
	text-align: middle;
	border-width: 0px;
}

#wallPreferences {
	width: 100px;
	text-align: center;
	margin: 0px auto;
	position: absolute;
    left: 50%;
    margin-left: -50px;

}
.stream {
	display: none;
	position: relative;
	width: 100px;
	border: 1px solid #e5e5e5;
	background-color: #f4f4f4;
	-webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    CCborderRadius: 0px 0px 10px 10px;
	text-align: center;
	float: left;
	margin: 7px;

}
.xs {
	width: 80px;
}
.s {
	width: 160px;
}
.m {
	width: 250px;
}
.l {
	width: 350px;
}
.xl {
	width: 500px;
}
.xxl {
	width: 900px;
}
.stream .name {
	line-height:20px;
	height: 20px;
}
.stream .buttons {
position: absolute;
bottom: 2px;
right: 4px;
}
.stream .video {
	display: none;
}
.stream .loader {
	background-image: url(images/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
}
/* some bug fixes for the dynamic corners */
.autoPadDiv, #ccshell
{
top:0px;
background-repeat: repeat-x;
} 

.fixed {
	width: 830px;
	margin-bottom: 50px;
}

#footerContainer {
	width: 100%;
	height: 31px;
	margin-top: -31px;
}
#footer {
	width: 95%;
	margin: 0px auto;
}

#footerMain {
	overflow: hidden;
	height: 31px;
	line-height: 31px;
	text-align:center;
	vertical-align: middle;
	background-image:url(images/foot_m.png);
	background-repeat: repeat-x;
	background-position: top left;
}
#footerMain div {
	float: right;
	width:100%;
	height: 100%;
}
#footerLeft, #footerRight {
	width: 11px;
	height: 31px;

}
#footerLeft {
	background-image:url(images/foot_l.png);
	float: left;
}
#footerRight {
	background-image:url(images/foot_r.png);
	float: right;
}

#page1 .pin {
	display: none;
}

#fancy_div h1{
text-align:left;
color:#999;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #999;
padding-bottom:2px;
margin-bottom:20px;
}
#fancy_divClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#999;
font-weight:700;
display:block;
cursor: pointer;
}
#fancy_div ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#fancy_div li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;

}
#fancy_div label {
	float:left;
	width: 100px;
display: block;
text-align: right;
margin-right: 10px;
}

#fancy_div input, select {
	width: 160px;
	float: right;
	margin-right: 20px;
}

#fancy_div .rememberField, #fancy_div .remember {
	width: auto !important;
	float: right !important;
	margin-left: 5px !important;
	margin-right: 0px !important;
}

#fancy_div .rememberField {
	margin-right: 20px !important;
}

#fancy_div .loginFeedback {
	float: left;
	color: #C00;
	text-align: right;
	width: 100px;
}

#fancy_div p {
	margin: 0px;
	padding: 0px;
	float: right;
	font-size: 10px;
	margin-right: 20px;
}

.clear {
	clear: both;
}

.pageform {text-align:left;margin-left:30px;float:left;width:360px; }
.pageform textarea { float:right;padding-right:10px; width: 160px; }
.pageform input {float:right;padding-right:10px; width: 160px; }
.pageform select {float:right;padding-right:10px; width: 160px; }
.pageform label {width:180px;float:left;margin-bottom: 11px;}
.pageform br{clear:both;}
.pageform .subbut {margin-top:5px;margin-right: 0px; width: 120px}
.wideLabel { width: 330px !important; line-height: 20px !important; margin-left: 10px !important; }
.wideLabel label { width: 130px !important; }
.error, .success, info {
    border: 1px solid;
    margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	width: 360px;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}

.success, .info {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}

#hakhouse {
	margin-bottom: 20px;
}
#scrollable {
	max-height:100px;
	min-height:100px;
	max-width:835px;
	min-width::835px;  
}

.scrollable td {
}
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url("images/loading.gif");
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #f8f8f8;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f8f8f8;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #ccc;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #f8f8f8;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

.poll{
	min-height:100px;
	width:826px;
	background-color:#E5ECFF;
	border:#c1dad7 thin solid;
	color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}
.pollstat{
	height:100px;
	width:250px;
	float:left;
	clear:right;
	background-color:#CCDAFF;
	padding-left:5px;
}

.pollstat > p{
	padding:0;
	margin:0;
	font-size:13px;
}

.spacer{
	height:10px;
	width:20px;
}