/*Bocoup Standards*/
.fancy{font-family: "Goudy Old Style", Baskerville, "Warnock Pro", "Palatino","Book Antiqua", Georgia, serif;}
.center{text-align: center}
.listless, .listless li{list-style-type: none; margin: 0;padding: 0;  display: block; clear: both;}
.inline, .inline li{display: inline;list-style-type: none}
.newslist li{margin-bottom: 30px}


/*Blue Print Overides*/
.colborder{border-right: 1px solid #aaa}
body{background: #ADAFB5;/*text-shadow:0 1px 0 rgba(0, 0, 0, 0.8);*//* background: url("images/tile-light.gif") repeat scroll 0 0 transparent !important;  */font-family:arial,helvetica,sans-serif;}
body, p, a{color: #222; /*text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);*/}
h1, h2, h3, h4, h5{margin-bottom:.5em;color: #222;/* text-shadow: -1px 1px 0 rgba(155, 155, 155, 0.5) */}
hr{
  background-color:#CCCCCC;
  border-top:1px solid #777777;
  height:2px;
}
ul{font-size: 14px}
h1{color: #333}
h2{color: #333}
h4{font-size: 14;line-height: 1.3}
h1 .reenie{color:#175Aa2 /*#377ac2 003350 */ }


._hidden{visibility:hidden}

/*jQuery UI Overides*/
.ui-tabs {background: none repeat scroll 0 0 transparent !important}
.ui-tabs-panel{background:#fff !important ;}
.ui-button-text-only .ui-button-text{
  /* overrides   padding:5px 12px; */
  padding:5px 8px;
}
.ui-state-default, .ui-widget-content .ui-state-default {background-image: none !important}

/*Public Site Styles*/
.navigation{
  margin: 0 0 0 0;
}

.navigation li a{
  display: block;
  text-decoration: none;
  float:   left;
  padding: 14px 40px ;
  font-size: 14px;
}

.navigation li a:hover, .navigation li a.active{
/*   background-color: #999; */
  background-color: rgba(155, 155, 155, .1);
}

/* Boaz - we cant set the width, it has to be the size of the column, need to figure out how to do this. */
.public .shoutwall-content textarea{
  width: 298px; /*same as span-8*/
}

.public .widget{
margin:0 0 20px;
padding:0 0 20px;
}

.markItUp {width: auto !important}  


/* App Styles */
#head, #head-home, #head-static {
  padding: 5;
  /*text-shadow:-1px 0 0 #999999;*/
  background: url("/images/stripes.png") repeat scroll center top #C1C3C8;
  font-family: 'Molengo', arial, serif; 
  border-bottom: 1px solid #CCCCCC;
/*
  background: #2c2c28;
  background: url("/images/stripes.png") repeat scroll center top #C1C3C8
  background: url("http://www.rogueamoeba.com/global/images/simplebits/header-speaker-grate.png") repeat-x scroll -68px 2px #333333
  background: url("/images/logo.png") no-repeat scroll 0 0 transparent
*/
}

#head-home .container, #head-static .container{
  background: url("http://atebits.cachefly.net/atebits/img/header.png") no-repeat scroll -47px 0 transparent
}

#head h2{
  font-size: 3em;
  margin: -20px 0 0 0;
  color:#efefef;  
}

/*#head-home h1 */
.so-logo {
  background:url("/images/so-logo-100x24.png") no-repeat;
  width:100px;
  height:24px;
}



#head-home h1, #head-static h1{
/*
  padding: 25px 0;
  margin: 0;
  text-shadow: 0px 1px #bbb;
  font-size: 12em;
  color:#efefef;  
*/

  background:url("/images/logo.png") no-repeat scroll 0 52px transparent;
  color:#EFEFEF;
  font-size:12em;
  margin:0;
  padding:0px 0;
  text-indent:-10000px;
  text-shadow:0 1px #BBBBBB;

}


/* ALTERNATE STYLES */
#head-home h1, #head-static h1{
  background:url("/images/logo.png") no-repeat scroll 0 52px transparent;
  color:#EFEFEF;
  font-size:12em;
  margin:0;
  padding:0px 0;
}

#head-static h1{
  background:url("/images/logo-small.png") no-repeat scroll 0 10px transparent;
  color:#EFEFEF;
  font-size:7em;
  margin:0;
  padding:0 0;
  /*
  text-indent:-10000px;
  text-shadow:0 1px #BBBBBB;
  */
}

#head-home .navigation li a, #head-static .navigation li a{
  border-radius:         8px;
  -webkit-border-radius: 8px;
  -moz-border-radius:    8px;
  color:#BBBBBB;
  font-size:13px;
  margin:10px 7px;
  padding:2px 8px;
  /*
  text-shadow:0 1px 1px #000000;
  text-shadow:0 1px 1px #222;
  */
}

#head-home .navigation li a:hover, #head-static .navigation li a:hover, .navigation li a.active{
/*   background-color: #999; */
  padding: 1px 7px ;
  background-color: rgba(0, 0, 0, .6);
  border-top:    1px solid rgba(0, 0, 0, .4);
  border-right:  1px solid rgba(255, 255, 255, .4);
  border-left:   1px solid rgba(0, 0, 0, .4);
  border-bottom: 1px solid rgba(255, 255, 255, .4);

}
.molengo{
  font-family: 'Molengo', arial, serif;
  color: #175Aa2;
/*
  text-shadow:0 1px 0 rgba(0, 0, 0, 0.6)
*/
}
.reenie{
  font-family: 'Reenie Beanie', arial, serif; 
  font-size: 1.5em;
}

.screenshot{
  background:url("/images/screenshot.png") no-repeat scroll 0 5px #ADAFB5;
  margin-top:-170px;
  padding:371px 0 0 14px;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-radius-topleft: 12px;
  border-radius-topright: 12px;
}





.screenshot img{
  margin-bottom: 70px
}


.pricing td{
  border-top: 1px solid #ccc;
}
.pricing th, .pricing td{
  border-bottom: 1px solid #777;
}

/*

#footer, #footer a{
  border-top: 1px solid #ccc;
  background: #7D7F85;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
  height: 500px
}
#footer, #footer a{
  color: #222;
}
#footer .container{
  border-top: 1px solid #777;
}
*/

.fbhome{
  display:block;
  float:right;
  margin:-6px 44px 0 0;
}

#page-content{
  
}

.dashboard{
  background: url("http://atebits.cachefly.net/atebits/img/header.png") no-repeat scroll 0 0 transparent
}


._right{  text-align:right}
.fullheight {height:100%}
.no-margin {margin:0;}
.no-margin-bottom {margin-bottom:0;}
.no-padding-all{padding:0;}
.themed-li{padding:.1em;list-style-type:none}

.content-bounding-box{padding:0px;border:0px;}

.avatar img, .avatar{
  margin: 5px;
  float: left;
  -moz-box-shadow: 0px 0px 5px #111; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #111; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 1px #111; /* Opera 10.5, IE 9.0 */
}

#user-header{
margin-bottom:0.5em;
}
#user-cluster hr {
  margin:0;
}
#user-cluster hr.space {
  margin:0 0 1.45em;
}
#editor-menu .text {
  width:130px;
}
#editor-menu .fullsize {
  width:200px;
}

#editor-menu .ui-button {
  width: 40px
}

#editor-menu-main .text {
  width:130px;
}
#editor-menu-main .fullsize {
  width:200px;
}

#editor-menu-inner.ui-tabs{padding:0;border-width:0;}
#editor-menu-inner.ui-tabs-nav {
  border-width: 3px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  -moz-border-radius-bottomleft:0;
  -webkit-border-bottom-left-radius:0;
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius:0;
  padding:0;
} 
#editor-menu-inner.ui-tabs-nav li {
  margin-right:.5em;
}

#editor-menu-inner.ui-tabs-nav li.ui-tabs-selected {
  /*border-width:1px;*/
  /*margin-bottom:-3px;*/
}
#editor-menu-inner ul {
  padding-left: 0;
}
/* DO NOT CHANGE - THIS IS SET TO ALIGN PROPERLY ON THE HORIZONTAL TOOL BARS */
#editor-menu .text{
  padding: 7px;
}

/* DO NOT CHANGE - THIS IS SET TO ALIGN PROPERLY ON THE HORIZONTAL TOOL BARS */
#editor-menu select.text{
  padding: 7px 7px 5px 7px;
}

/* why the fuck do we ALWAYS have these css declarations that are id specific ?? */
input.text{
  padding: 7px;
}

select.text{
  padding: 6px;
}


#editor-canvas .widget{
  /*height: 200px*/
}

#editor-canvas .widget-button{
  float: right;
  margin-left: 4px;
  background: none !important;
}


/*Editor Widget styles*/
/* has a remote source:*/
.widget-data-src{}
  
/*has user created content:*/
.widget-content{}
  
/*is neither:*/
.widget-independant{}

.widget-data-src, .widget-content, .widget-independant{
}

.widget{
  margin: 0 0 0 0; /* changed from margin: 0 0 20px 0; -- too much space */
}


.widget-header{
  cursor: move;
  background: #3B5998 /* url('images/tile-dark.png') */;
  display: block;
  height:26px;
  padding:6px 6px 6px 9px;
  font-family: Verdana;
  font-size: 13px;
  color: #fff;
  text-shadow: none;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-radius-topleft: 8px;
  border-radius-topright: 8px;
}

.widget-label{
  height: 10px;
  margin-top: 3px;
  font-family: Verdana; 
}
.widget-label img{
  margin: -5px 0 0 0;
}

.miniwiki     .widget-header {background: #dd4f4c}
.profile      .widget-header {background: #fdbf42}
.shoutwall    .widget-header {background: #78B340}
.minibrowser  .widget-header {background: #40B383}
.rssfeed      .widget-header {background: #409EB3}
.contacts     .widget-header {background: #B86CAF}
.video        .widget-header {background: #cc0000}
.wikipedia    .widget-header {background: #cc0043}
.followme     .widget-header {background: #0066cc}
.contact      .widget-header {background: #cc5b00}

.miniwiki     .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/miniwiki/miniwiki-16.png)}
.profile      .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/profile/profile-16.png)}
.shoutwall    .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/shoutwall/shoutwall-16.png)}
.minibrowser  .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/minibrowser/minibrowser-16.png)}
.rssfeed      .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/rssfeed/rssfeed-16.png)}
.contacts     .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/contacts/contacts-16.png)}
.video        .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/video/video-16.png)}
.wikipedia    .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/wikipedia/wikipedia-16.png)}
.followme     .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/followme/followme-16.png)}
.contact      .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/contact/contact-16.png)}

/* Added With New Widgets */
.stream       .widget-header {background: #999}
.comment      .widget-header {background: #999}
.board      .widget-header {background: #999}
.embeddable      .widget-header {background: #999}


.stream       .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/stream/stream-16.png)}
.comment      .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/comment/comment-16.png)}
.board        .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/board/board-16.png)}
.embeddable   .widget-label {padding: 0 0 0 18px; background: no-repeat url(/_widgets_/embeddable/embeddable-16.png)}


.widget-header .ui-button .ui-button-text{
  font-size: 10px;
}

.widget-instance-body{
  padding: 10px
}

.editor-dialog .text{
  padding: 7px;
}

.editor-dialog select.text{
  padding: 6px;
}

.editor-layout-column-sortable {
  position:relative;
}


.button img.button-icon {
  vertical-align: middle;
  border: 0px;
}

#tabs-2 img.button-icon {
  vertical-align: middle;
}

.ui-button-text img.button-icon {
  vertical-align: middle;
}

.isclone  {
  /*margin: 5px;*/
  background-color: #ffffff;
  border: 1px dashed #ccc;
  /*border-top: 3px dashed #ccc;
  border-bottom: 3px dashed #ccc;*/
}

#editor-page-selector{
  padding:7px;
  position:relative;
  top:1px;
}

/*
#tabs-2, .button, .panel img.button-icon {
  vertical-align: middle;
}

#tabs-2 img.button-icon {
  vertical-align: middle;
}
*/

/* Tooltip
----------------------------------*/
/*
.ui-tooltip {
  padding:8px;
  position:absolute;
  z-index:9999;
  -o-box-shadow: 0 0 5px #aaa;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  background-color:#fff;
}

* html .ui-tooltip {
  background-image: none;
  background-color:#fff;
}
body .ui-tooltip { border-width:2px; }
*/


/* Graph*/
.chartlist { 
  float: left; 
  border-top: 1px solid #ccc; 
  width: 100%;
}
.chartlist li { 
  position: relative;
  display: block;  
  border-bottom: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  _zoom: 1;
}
.chartlist li a { 
  display: block; 
  padding: 0.4em 4.5em 0.4em 0.5em;
  position: relative; 
  z-index: 2; 
  color: #222277; 
  text-decoration: none; 
  font-weight: bold;
  font-size: 16px;
}
.chartlist li a:hover { 
  color: #333; 
}
.chartlist .count { 
  display: block; 
  position: absolute; 
  top: 0; 
  right: 0; 
  margin: 0 0.3em; 
  text-align: right; 
  color: #999; 
  font-weight: bold; 
  font-size: 0.875em; 
  line-height: 2em; 
}
.chartlist .index { 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  background: #F5F0E1; 
  background: rgba(155, 155, 155, .4); 
  /*
  text-indent: -9999px; 
  */
  overflow: hidden; 
  line-height: 2em;
}
.chartlist li:hover { 
  background: #EFEFEF; 
}



/*Some Nice Colors*/
.colora{background-color: #dd4f4c;}
.colorb{background-color: #fdbf42;}
.colorc{background-color: #78B340;}
.colord{background-color: #40B383;}
.colore{background-color: #409EB3;}
.colorf{background-color: #B86CAF;}
.colorg{border-left:4px solid #cc0000}
.colorh{border-left:4px solid #cc0043}
.colori{border-left:4px solid #cc00b2}
.colorj{border-left:4px solid #0066cc}
.colork{border-left:4px solid #de1c8e}
.colorl{border-left:4px solid #7a108a}
.colorm{border-left:4px solid #2a108a}
.colorn{border-left:4px solid #10808a}
.coloro{border-left:4px solid #00a3cc}
.colorp{border-left:4px solid #00cc9e}
.colorq{border-left:4px solid #00cc2b}
.colorr{border-left:4px solid #52cc00}
.colors{border-left:4px solid #86cc00}
.colort{border-left:4px solid #b2cc00}
.colorw{border-left:4px solid #cca300}
.colorx{border-left:4px solid #cc5b00}
.colory{border-left:4px solid #cc4800}
.colorz{border-left:4px solid #cc1d00}



.ui-tabs .ui-tabs-panel {
  border-width:0 0 1px;
}

#editor-menu-outer {
  background-color:#FFFFFF;
  border:1px solid #C2C2C2;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-radius-topleft: 3px;
  border-radius-topright: 3px;
}


.shadow-box {
  margin: 5px;
  float: left;
  -moz-box-shadow: 1px 6px 10px  #111; /* FF3.5+ */
  -webkit-box-shadow: 1px 6px 10px  #111; /* Saf3.0+, Chrome */
  box-shadow: 1px 6px 10px  #111; /* Opera 10.5, IE 9.0 */
}


.widget-button .ui-button-text-only .ui-button-text {
  padding:0px;
}
#page_is_private_icon {
cursor:pointer;
}