body {
margin: 0px;
padding: 0px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
#topbar {
background-color:#ddd;
height: 34px;
width: 900px;
text-align:right;
padding-top:3px;
padding-right:5px;
border-width: 2px;
border-top-style:solid;
border-top-color:#CCCCCC;
}

#searchbar {
text-align:left;
padding-left:5px;
}

.barchart {
margin-top:2px;
}

.smallx {
float: right;
margin-right: -13px;
margin-top: -15px;
*margin-top: -35px;
}

/* This fixes the close X for firefox */
html>body .smallx, x:-moz-any-link, x:default {margin-top: -35px; margin-left: 790px;}

/* This fixes the close X for IE 7 */
*+html .smallx {float: right; margin-top: -35px; margin-right: -13px;}

#middle {
background-color:#FFFFFF;
width: 900px;
text-align:left;
padding-top:5px;
padding-right:5px;
padding-bottom:10px;
}

#apimiddle {
background-color:#FFFFFF;
width: 900px;
text-align:left;
padding-top:5px;
padding-left: 30px;
padding-right:5px;
padding-bottom:10px;
}

#bottombar {
background-color:#ddd;
/*height: 105px;*/
width: 900px;
text-align:left;
padding-top:5px;
padding-right:5px;
padding-bottom: 5px;
border-width: 2px;
border-top-style:solid;
border-top-color:#CCCCCC;
}

#sqworlbox {
background-color:#DBDBDB;
width: 220px;
height: 180px;
}

#sqworlfront {
width: 230px;
}

#referlink {
padding-bottom: 2px;
}

#sqworlshare {
padding-left:5px;
text-align: left;
}
#sharelink {
margin-top: 10px;
}
#homeshare {
margin-top: 10px;
margin-left: 5px;
padding-bottom: 8px;
font-size: small;
text-align: left;
}
#indexshow {
padding-top: 5px;
margin-left: 5px;
padding-bottom: 5px;
text-align: left;
}

#infobox {
width: 95%;
text-align: left;
/*
border:thick;
border-top: 2px solid #00c000;
border-bottom: 2px solid #00c000;
border-left:2px solid #00c000;
border-right:2px solid #00c000;
*/
}

#logo {
width: 900px;
text-align:left;
padding-top:5px;
padding-bottom: 10px;
}

/* Errors */
#greenalert {
background: #c0ffc0;
background-position: 15px 50%; /* x-pos y-pos */
text-align: center;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #00c000;
border-bottom: 2px solid #00c000;
border-left:2px solid #00c000;
border-right:2px solid #00c000;
width: 800px;
}
	
#yellowalert {
background: #fff6bf;
background-position: 15px 50%; /* x-pos y-pos */
text-align: center;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
border-left:2px solid #ffd324;
border-right:2px solid #ffd324;
width: 800px;
}
	
#redalert {
background: #ff8080;
background-position: 15px 50%; /* x-pos y-pos */
text-align: center;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #c00000;
border-bottom: 2px solid #c00000;
border-left:2px solid #c00000;
border-right:2px solid #c00000;
width: 800px;
}

#homealert {
background: #fff6bf;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
margin-top: 15px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
border-left:2px solid #ffd324;
border-right:2px solid #ffd324;
width: 800px;
}

#apicode {
background: #ddd;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
margin-top: 5px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-left:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
width: 610px;
}

#registerbox {
background: #ddd;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
margin-top: 5px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-left:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
width: 510px;
}

#apilist {
background: #ddd;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
margin-top: 5px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
border-left:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
width: 250px;
}

/* Bookmarklet CSS*/
#bm_greenalert {
background: #c0ffc0;
background-position: 15px 50%; /* x-pos y-pos */
text-align: center;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #00c000;
border-bottom: 2px solid #00c000;
border-left:2px solid #00c000;
border-right:2px solid #00c000;
width: 500px;
}
	
#bm_yellowalert {
background: #fff6bf;
background-position: 15px 50%; /* x-pos y-pos */
text-align: center;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
border-left:2px solid #ffd324;
border-right:2px solid #ffd324;
width: 500px;
}
	
#bm_redalert {
background: #ff8080;
background-position: 15px 50%; /* x-pos y-pos */
text-align: center;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #c00000;
border-bottom: 2px solid #c00000;
border-left:2px solid #c00000;
border-right:2px solid #c00000;
width: 500px;
}

.safe_desc {
	display: block;
	overflow: hidden;
	width: 230px;
}

#csstest {
position:absolute;
padding-left: 20px;
padding-top:  5px;
border-style: hidden;
}

.sqworlimg{
text-align:center;
padding-top:5px;
padding-bottom:2px;
}

.favicon {
margin-top: 2px;
}

.twitter {
margin-top: -45px;
margin-left: 850px;
}

a:link { 
	color: #000000;
	}
a:visited { 
	color: #000000;
	}
a:hover { 
	color: #000000;
	/* background-color: #333333; 
	text-decoration: none;*/
	}
a:active { 
	color: #000000;
	}

div#containerlist {
    width: 850px;
    text-align: left;
}

#groupwlinks {
	width: 650px;
	padding-left: 90px;
}

#grouplinkbox {
	background-color: FFFFFF;
	border: 5px solid #DDDDDD;
	text-align: left;
	padding-left: 5px;
	width: 500px;
	float: right;
	margin-right: -89px;
	margin-top: -110px;
	*margin-top: -130px;
}

#groupsize {
	width: 230px;
}
	
.photolistitem
{
    position: relative;
    display: block;
    float: left;    
    list-style-type: none;
    height: auto;    
    width: 230px;    
    padding: 1px;
    margin: 12px;
    text-align: center;
}

/* test code */

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #ddd;}
.contentf div {margin-left: 0px;}
/* w/ borders */
.b1b, .b2b, .b3b, .b4b{font-size:1px; overflow:hidden; display:block;}
.b1b {height:1px; background:#888; margin:0 5px;}
.b2b {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3b {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4b {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentbb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
/*.contentbb div {margin-left: 5px;}*/