/*SqueakSiteStyle css26Popup*/

div.popup {
/*    position: absolute; */
    float: right;
    z-index: 10;
    background-color: #d5e4f2;
    font-family: arial;
    border: 1px solid #6599cd;
    padding: 15px;
    margin: 0px 6px 6px -6px !important;
    margin: 0;
}

/*SqueakSiteStyle cssAll*/

html, body, div {
	margin: 0px;
}

img {
	border: 0px none white;
}
	
body {
	background: #FFFFFD; 
	background-repeat: no-repeat;
	color: black;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a, a:link, a:active, a:visited, a:focus, a:hover {
	color: #4164AE;
}

a, a:link, a:visited {
	text-decoration: none;
}

a:active, a:focus, a:hover {
	text-decoration: underline;
}

/* -- container -- */
#container {
	width: 100%;
	margin-top: 75px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
/*	background-image: url("balloon.jpg"); */
}

#title {
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #1B3C81 url("img/headerMouseJpg.jpg");
	background-repeat: no-repeat;
	height: 55px;
	width: 50%;
}

#title h1 {
	color: #fffff2;
	font-size: 38px;
	font-style: italic;
        margin-top: 0px;
        margin-left: 5px; 
	margin: 3px 0px 0px 100px;
}

#session div a {
	color: lightgray;
	padding: 5px;
}

#session div a:hover {
  text-decoration: none;
}

#session {
        text-align: right;
        position: absolute;
        top: 0px;
        right: 5px;
	background: #1B3C81 url("img/headerJpg.jpg");
	background-repeat: no-repeat;
	height: 55px;
	width: 55%;
}

#session h1 {
	display: none;
}

#session h2 {
	font-size: 11px;
	display: inline;
}

#session h2:after {
	content: ":";
}

#session .list {
	display: inline;
}

#session .listItem {
	display: inline;
	margin: 0px 0px 0px 5px;
}

#session .listSeparator:after {
	content: ",";
}

#path {
	text-align: left;
	font-size: 10px;
	position: absolute;
	top: 55px;
	left: 3px;
}

#path h1 {
	display: none;

}

#path .list {
	margin: 0px;

}

#path .listItem {
	display: inline;
	margin: 0px 2px 0px 2px;

}

#path .listItem a {
	color: #1e2583;

}

#path .listSeparator:after {
	content: "/";
}

/* -- menu -- */

#menu {
/*	float: left; */
	width:130px;
	padding: 5px; /*10px;*/
	background-color: #3f5e9e; 
	border: thin solid #003cff;
	line-height:17px;
	margin-left: 0.5em;
}

#menu {
	font-size: 10px;
}

#menu a {
	color: white;  /*#ffffcc; */
}
#menu .list {
	display: block;
	margin-left: 5px;
}

#menu .listItem {
	display: block;
	margin-left: 5px;
}

#menu .listItemCurrent {
	display: block;       
	font-weight: bold; 
	margin-left: 5px;
} 

#menu .listItemCurrentOpen:before {
	float: left;
	content: " - ";
}

#menu .listItemCurrentOpen {
	font-weight: bold;
}

#menu .listItemClosed:before {
	float: left;
	content: " + ";
}

#menu .listItemFolder{ 
	display:block;
}

#menu .listItemFolderOpen{
	display:block;
}

#menu .listItemFolder:before {
	margin-right:0px;content: url("img/closedWhiteGif.gif");
}

#menu .listItemCurrentFolder {
	display:block; font-weight: bold;
}

#menu .listItemCurrentFolder:before{
	margin-right:0px;content: url("img/openWhiteGif.gif");
}

#menu .listItemFolderOpen:before{
	margin-right:0px;content: url("img/openWhiteGif.gif");
}

#links {
	background-color: #ffcc66; 
	border: thin solid #ff9900; 
	margin: 0.5em;
	color:#f90;
	padding: 5px;
/*	float: left; */
/*	clear: left; */
	width: 130px;
	font-size: 10px;
	line-height:10px;
}
#links h1{
	padding: 7px;
	margin:0px;
	color: white;
	background-color: #ff9900;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
}

a {white-space: nowrap}

#actions {
	text-align: right;
	font-size: 10px;
	position: absolute;
	top: 55px;
	right: 3px;
}

#actions h1 {
	display: none;
}

#actions .list {
	margin: 0px;
}

#actions .listItem {
	display: inline;
	margin: 0px 2px 0px 2px;
}

#actions .listItemCurrent{
	display: inline;
	margin: 0px 2px 0px 2px;
	font-weight: bold;
}

#actions .listSeparator:after {
	content: "|";
}

/* -- validator -- */
#validator {
	text-align: right;
}

#validator h1 {
	display: none;
}

#validator .listItem {
	display: inline;

}

/* -- content -- */
#contents th {
	text-align: left;
}

#contents hr {
	border: 1px solid #4164AE;
}

/* -- error -- */
#error {
	color: #AE4156;
}

#contents {
/* absolute: position is used because of IE6/7. Works better for other browsers if
   absolute: position is removed. Must also have left: right: and top:
   W/o absolute position, bottomlogos will work */

/* begin IE hack */
/*	position: absolute; */
/*	left: 155px; */ /* if position: absolute is used, use these */
/*	right: 175px; */ /* instead of left: right: */
/*	top: 75px; */ /* remove this if no position: is used */
/* end IE hack */

	/*margin-left: 155px; */  /* if position: is not used, use these */
	/* margin-right: 175px; */ /* in place of left: right: */
	padding: 5px; 
	background-color: #fffff2; 
	border: 2px solid #dbe9ff;
	font-size: 12px;

}

#contents h1 {
	padding: 5px;
	margin: 0px;
	color: white;
	background-color:  #3f5e9e; 
	font-size: small;
}

#contents h1 a {
	color: lightgray;
}

#contents h1 a:hover {
	text-decoration: none;
}

#contents h1 a:after, #contents h1 a:before {
	content: ' ';

}

#contents h2 {
	color: midnight-blue;
	font-size: small;
}

#contents blockquote {
	padding: 5px;
	margin:30 px;
	color: black;
	border: 1px solid #4164AE;
	background-color: white;
	font-size: 10px;
}


#downloadbox {
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding: 5px;
/*	float: right; */
	width: 150px;
	background-color: #ccffcc;
	border: thin solid #77dd77;
	/*right: 5px;*/
}

#downloadbox h1 {
	padding: 5px;
	margin: 0px;
	color: white;
	background-color: #77dd77;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
}

#downloadversion {
	padding: 5px;
	margin: 0px;
	font-size: 12px;
}

#downloadlinux {
	padding: 5px;
	margin: 0px;
	font-size: 16px;
	background: url(img/sqOthersGif.gif) no-repeat left top;
}

#downloadmac {
	padding: 5px;
	margin: 0px;
	font-size: 16px;
	background: url(img/sqMacGif.gif) no-repeat left top;
}

#downloadwindows {
	padding: 5px;
	margin: 0px;
	font-size: 16px;
	background: url(img/sqWinGif.gif) no-repeat left top;
}

#downloadother {
	padding: 5px;
	margin: 0px;
	font-size: 16px;
	background: url(img/sqOthersGif.gif) no-repeat left top;
}

#downloadhelp {
	margin-top: 5px;
	font-size: 10px;
	text-align: center;
	white-space: normal; 
}

a.external:after {
	/* margin-left: 2px; */
	/* content: url("external.png"); */
}

.code {
	background-color: #fff;
	padding: 10px;
	font-size: 12px;
	border: 1px solid #4164AE;
	width: 60%;
	text-align: left;
	white-space: pre;
}

.multiline {
	line-height: 0px;
}

li.thumbnail {
	list-style-image: url("img/externalPng.png");
	width: 100%;
}

li.thumbnail a, li.thumbnail a img {
	vertical-align: middle;
}


/* news is just to hold the javascript for the rss feeds */
#news {
/*
/*	position:absolute; */
	background-color: white;
/*	margin : 0.5em; */
/*	right: 10px; */
/*	margin-right: 0.5em; */
	width:150px;
/*	padding:5px; */
/*	top: 400px; */
	line-height:17px;
*/
}

/* begin styles for news RSS Feed */
/*
  - rss-box defines the bounding div for the entire display- use to define borders, fill, etc.
  - rss-title the title of the feed and link style if displayed. Use with variants of rss-title a:link, rss-title a:hover, etc for rollover styles
  - rss-items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items.
  - rss-item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed.
  - rss-item a: variant for the item title and link style
  - rss-date defines the display of item posting dates
*/

.rss-box {
	margin-left: 0.5em; 
	margin-right: 0.5em;
	margin-top: 0.5em; 
/*	float: right; */
/*	clear: right; */
	/*right: 5px;*/
	width: 150px;
/*	top: 295px; */
	padding: 5px;
	background-color: #d4bae9;
	border: thin solid #763da6;
}
.rss-items {
	margin-top:0px;
	padding:0.5em 0.5em; 
	margin-left:0px;
	color: #FFFFFF;
}
p.rss-title {
	padding:0.5em;
	color: white;
}

.rss-title {
	text-decoration: none;
	color: white;
	font-family: verdana, small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; 
	background-color: #763da6;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	margin: 0px;
	padding:0em; 
	white-space: normal; 
	
}

.rss-title a {
	color: white;
}
/* text of the post */
.rss-item  {
	font-family: verdana, small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	font-size: 10px;
	font-weight : normal;
	list-style:none;
	color: #333;
	padding-bottom:1em;
	white-space: normal; 
}

/* post title */
.rss-item a {
	text-decoration: none;
	font-size: 12px;
	font-weight:light;
	font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
}

.rss-item a:hover {
	text-decoration: underline;
}
	
.rss-item a:visited {
/*	color: #330066;*/
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #333;
} 


 #bottomlogos {
	position: relative;
	padding: 0px;
	visibility: hidden;
}

#sidelogos
{
/*	float: left; */
/*	clear: left; */
	/*position: relative;*/
	/*padding: 2px;*/
	/*clear: both;*/
	/*visibility:hidden;*/

}

/*SqueakSiteStyle cssScribo*/

#content {
	background-color: #ffffff;
}


/*SqueakSiteStyle cssTabs1*/

/*from A List Apart article: http://www.alistapart.com/articles/slidingdoors/ */
/*WebTabs newClass: #tabs1 but dont forget to define class tabs1selected too ! */

ul.tabs1 {
  float:left; 
  width:100%; 
  background:#DAE0D2 url("/img/tab1bggif.gif") repeat-x bottom; 
  font-size:10px;
  line-height:normal;
  margin:0;
  padding:10px 0 0 0;
  list-style:none;
  }
ul.tabs1 li {
  float:left; 
  background:url("/img/tab1leftgif.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
ul.tabs1 a, ul.tabs1 b {
  float:left; 
  display:block;
  background:url("/img/tab1rightgif.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul.tabs1 a {float:none;}
/* End IE5-Mac hack */
ul.tabs1 a:hover {
  color:#333;
  }
ul.tabs1 li.tabs1selected {
  background-image:url("/img/tab1leftongif.gif");
  }
ul.tabs1 li.tabs1selected b {
  background-image:url("/img/tab1rightongif.gif");
  color:#333;
  padding-bottom:5px;
  }