#beta-corner 
{
    position: fixed;
    bottom: 0px; right: 0px;
    background: url(gfx/beta_june15.png);
    width: 280px; height: 238px;
    z-index: 140;
}

/*** PAGE SEGMENTS ***/
.ad { width: 100%; background: #e5e5e5;	margin: 0 0 5px 0; }
.section { background: #6a93ed; margin: 0 0 10px 0; padding: 3px 5px 5px 5px; text-align: left; position: relative; }

/* corners - ie7 is stupid */
.corner {
	background: url(gfx/rounded-corners.gif) no-repeat;	
	position: absolute; width: 5px; height: 5px; margin: 0; padding: 0;
	overflow: hidden; font-size: 1px;	
}
.section .nw { top: 0; left: 0; background-position: 0 0; }
.section .ne { top: 0; right: 0; background-position: -5px 0; }
.section .sw { left: 0; background-position: 0 -5px; }
.section .se { right: 0; background-position: -5px -5px; }

.section img.profile-image {
	width: 100%;
	border: 1px solid black;
}
.section h1 {
	margin: 0 0 5px 0;
	font: bold 9pt arial;
	border-bottom: 1px dotted #bdd2fd;
	padding: 0px 0 5px 0;
	/*background: #6890ea;*/
	background: #6890ea url(gfx/section-h1-back.gif) repeat-x;
}
.section h1 img {
	vertical-align: text-top;
	width: 48px;
	height: 48px;		
}
.section h2 {
	font: 9pt arial;		
	padding: 0; margin: 3px;
	border-bottom: 1px solid white;
	text-align: left;
}
.section h2 img {
	vertical-align: text-top;
	width: 48px;
	height: 48px;		
}
.section h2 span.nopad {
	position: relative;
	padding-right: 0px;
	left: 0px;
	display: inline;
}



/*** secion buttons **/
.editlink {
	float: left; clear: both;
	background: url(gfx/buttons/button_l_off.gif) no-repeat;
    padding: 0 0 0 5px; margin: 0; height: 17px; 
}

.editlink a {
	float: left;
	height: 17px;
	background: url(gfx/buttons/button_fill_off.gif) repeat-x;
	line-height: 17px;
	padding: 0 10px;
	color: #fff;
    font: 8pt arial;
	text-decoration: none; 	 
}

.editlink span {
	background: url(gfx/buttons/button_r_off.gif) no-repeat;
	float: left;
	width: 10px;
	height: 17px;    
}

.editlink:hover { background: url(gfx/buttons/button_l_on.gif) no-repeat; }
.editlink:hover a { background: url(gfx/buttons/button_fill_on.gif) repeat-x; }
.editlink:hover span { background: url(gfx/buttons/button_r_on.gif) no-repeat; }
.editlink-big { float: left; clear: both; background: url(gfx/buttons/button_l_off_32.gif) no-repeat; padding: 0 0 0 13px; margin: 0; height: 32px; }
.editlink-big a { float: left; height: 32px; background: url(gfx/buttons/button_fill_off_32.gif) repeat-x; line-height: 32px; padding: 5px 10px; color: #fff; font: 10pt arial; text-decoration: none; white-space: nowrap; }
.editlink-big span { background: url(gfx/buttons/button_r_off_32.gif) no-repeat; float: left; width: 13px; height: 32px; }
.editlink-big:hover { background: url(gfx/buttons/button_l_on_32.gif) no-repeat; }
.editlink-big:hover a { background: url(gfx/buttons/button_fill_on_32.gif) repeat-x; }
.editlink-big:hover span { background: url(gfx/buttons/button_r_on_32.gif) no-repeat; }

/**** PAGING ****/
.pager {}
.pager div { float: left; font: bold 9pt arial; margin: 3px; }
.pager .prev, .pager .next, .pager .off { width: 16px; height: 17px; cursor: pointer; }
.pager .off {  cursor: default; }
.pager .prev {  background: url(gfx/buttons/pager-left.gif); }
.pager .next {  background: url(gfx/buttons/pager-right.gif); }
.pager .prev:hover { background: url(gfx/buttons/pager-left-on.gif); }
.pager .next:hover { background: url(gfx/buttons/pager-right-on.gif); }

/**** SECTION STYLES ****/
img.icon { width: 32px; height: 32px; }

.album { margin: 5px; display: inline-block; width: 53px; text-align: center; }
.album img { width: 48px; height: 48px; border: 1px solid black; display: block; }
.album span { font: 8pt arial }

table.board {}
table.board img { width: 64px; height: 64px; }
table.board tbody tr td.text{ font: 10pt arial; }
table.board td.from { font: bold 8pt arial; }

.caption { width: 100%; text-align: center; font: 9pt arial; }

/**** UTIL ****/
.clear { clear: both; }
.center { text-align: center; }

/**** HELP SECTION ****/
div.faq { padding: 10px; padding-bottom: 5px; }
div.faq h1 { font: bold 12pt arial; text-align: left; }
div.faq h2 { padding: 20px 0 0 20px; font: bold 9pt arial; border: none;}
div.faq p { padding: 0 20px 10px 20px; margin: 0; font: 9pt arial; text-align: justify; }
div.faq li { padding: 0 20px 10px 0; margin: 0; font: 9pt arial; text-align: justify; }
div.faq li p { padding: 0 20px 10px 0;  }
div.faq pre { padding: 0 0 0 40px; }
.faq h1, .home-page h1 { background: #6a93ed; }
.text { text-align: left; }

/**** FORMS ****/
.form h1 { font: bold 10pt arial; }
.form h2 { clear: both; float: left; }
.form h2 label { position: absolute; }
.form h2 span { position: relative; padding-right: 100px; left: 100px; display: inline; }

/**** POPUP WINDOWS ****/
div.form-header { background: #333; padding: 3px; margin: 0; }
div.form-header div { padding: 0; margin: 0; }
div.form-header .title { font: 11pt arial; }
div.form-header .left 	{ float: left; }
div.form-header .right 	{ float: right; }
div.form-body { margin: 0; padding: 10px; background: white; color: black; border: 3px solid #333; }
div.nopad { padding: 0; }

/*** MAILBOX ***/
#mail { font: 9pt arial; color: black; background: white; }
#mail h2 { padding: 0; margin: 3px; border-bottom: none; }
#mail tr th { font-weight: bold; color: #666; width: 60px; text-align: right; }
#mail tr td { }

.mail-header { background: #eee; padding: 10px; border-bottom: 1px solid #ccc; }
.mail-header a { font: 9pt arial; }
.mail-body { border: 1px solid #666; margin: 0; font: 9pt arial; color: black; padding: 10px; min-height: 150px; overflow: auto;}

.friend { float: left; text-align: center; width: 45%; cursor: pointer; border: 1px solid white; min-height: 84px; margin: 0 1% 3px 1%; }
.friend:hover { background: #bdd2fd; }
.friend span { font: 8pt arial; color: White; text-decoration: none; }
.friend img { width: 64px; height: 64px; margin-bottom: 20px; }

.blog { padding: 15px; }

/**** ERROR MESSAGES ****/
.error
{
    background: red url(elements/icons/alert.png) no-repeat 5px center;
    display: inline-block;
    padding: 20px 20px 20px 60px;
    color: white;
    border: 3px solid yellow;    
    font: bold 10pt arial;
    text-align: left;
}

.login-error
{
	float: left;
    background: red url(elements/icons/alert-small.png) no-repeat 5px 1px;
    display: inline-block;
    padding: 5px 10px 5px 35px;
	margin: 3px;
    border: 1px solid yellow;    
    color: white;
    font: bold 10pt arial;
    text-align: left;
	position: relative; top: 0px;
}

.warning
{
    background: orange url(elements/icons/alert.png) no-repeat 5px center;
    display: inline-block;
    padding: 20px 20px 20px 60px;
    color: black;
    border: 3px solid yellow;    
    font: bold 10pt arial;
    text-align: left;
}
.warning a { color: White;}


/*** WELCOME TEXT ON HOME PAGE ***/
.home-page h1 {
    font-size: 18pt;
}
.home-page p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: justify;
    padding: 5px 15px 0px 15px; 
}
a.home-page {
    background: #d5b96f;
    color: white;
    font: bold 12pt arial;
    border: 2px solid white;
    text-decoration: none;
    padding: 10px;
}
a.home-page:hover {
    background: blue;
    color: white;
}

/**** SCREENSHOT SLIDESHOWS ****/
.cyclePics2 { padding: 0; margin:  0; margin-left: 4px; }  
.cyclePics2 img { cursor: pointer; padding: 0; border: 1px solid #ccc; top:  0; left: 0; }
.cyclePics img { cursor: pointer; }
.cyclePics { width: 400px; height: 300px; padding: 0; margin:  0; margin-left: 4px; }  
.cyclePics img { padding: 0; border: 1px solid #ccc; top:  0; left: 0; }

/**** LEARN MORE SECTION ****/
div.learn { padding: 10px; padding-bottom: 5px; }
div.learn h1 { font: bold 12pt arial; text-align: left; margin: 0px 10px 0px 10px; }
div.learn h2 { padding: 20px 0 0 20px; font: bold 9pt arial; border: none;}
div.learn p { padding: 0 20px 10px 20px; margin: 0; font: 12pt arial; text-align: justify; line-height: 1.7em; }
div.learn li { padding: 0 0 10px 0; margin: 0; font: 9pt arial; text-align: justify; }
div.learn li p { padding: 0 0 10px 0; }
div.learn pre { padding: 0 0 0 40px; }
.learn-more a { }
.learn-more a div { display: block; margin: 10px; cursor: pointer; height: 47px; }
.learn-more a div#world { background: url(gfx/learn-more/world_off.jpg); }
.learn-more a div#world:hover { background: url(gfx/learn-more/world_on.jpg); }
.learn-more a div#beta { background: url(gfx/learn-more/beta_off.jpg); }
.learn-more a div#beta:hover { background: url(gfx/learn-more/beta_on.jpg); }
.learn-more a div#friends { background: url(gfx/learn-more/friends_off.jpg); }
.learn-more a div#friends:hover { background: url(gfx/learn-more/friends_on.jpg); }
.learn-more a div#home { background: url(gfx/learn-more/home_off.jpg); }
.learn-more a div#home:hover { background: url(gfx/learn-more/home_on.jpg); }
.learn-more a div#avatar { background: url(gfx/learn-more/avatar_off.jpg); }
.learn-more a div#avatar:hover { background: url(gfx/learn-more/avatar_on.jpg); }

/*** MY PROFILE ***/
div.profile-data { color: White; border-bottom: 1px dotted white; margin: 5px; overflow: hidden; }
div.profile-data label { display: block; font: bold 8pt arial; }
div.profile-data span { display: block; font: 10pt arial; }

/*** FRIEND SEARCH BOX ***/
#find_friends { visibility: hidden; position: absolute; right: 25px; font: bold 8pt arial; padding: 2px; }
#find_friends #friend_search { border: none; background: none; }    
#find_friends div { float: left; height: 19px; }		    
#find_friends div p { position: relative; top: 5px; margin: 0; }		    		    
#find_friends #round { background: white; margin: 3px; }

/*** FOLLOW US ON... ***/
.follow { left: 0px; bottom: 0px; z-index: 150; height: 64px; color: black; font: bold 8pt arial; margin-bottom: 15px; }
.follow {}
.follow a img { padding-bottom: 32px; width: 32px; height: 32px; }
.follow a span { display: none; }
.follow a:hover img { padding-bottom: 0; width: 64px; height: 64px; }            
.follow a:hover span { display: inline; font: bold 8pt arial; color: Black; text-decoration: none; position: absolute; margin-top: 40px;}


/*** UNORGANIZED ***/
.profile-image-popup { background: white; color: blue; font: 9pt arial; padding: 5px; margin: 1px; position: absolute; display: none; }

.album-pager { background: #333; }
.album-pager td { font: bold 8pt arial; }
.album-pager td a { font-weight: normal; text-decoration: none; }
.album-pager td a:hover { font-weight: bold; text-decoration: none; }

.google-adframe { position: absolute; border: 0; overflow: hidden; left: -2000px; top: -2000px; }
.google-adsense { visibility: hidden; left: -2000px; top: -2000px; position: absolute; }
.google-placeholder { background: #ccc; color: #999; text-align: center; margin-bottom: 5px; }
#captcha { visibility: hidden; left: -2000px; top: -2000px; position: absolute; }



.hidden { display: none; }

/*** DOWNLOADS ***/

.os-select
{
    width: 100%;
}
.os-logo  
{
    width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-color: White;
}
.windows { background-image: url(../img/windows.jpg); }
.mac { background-image: url(../img/mac.jpg); }
.linux { background-image: url(../img/linux.jpg); }

/**** CONTEST ****/
div.contest {  }
div.contest h3 { color: #FFFF80; }
div.contest p { padding: 0 20px 10px 20px; margin: 0; font: bold 9pt arial; text-align: justify; color: #FFFF80; }