/* @group  #profile-frame */

#profile-frame {
  padding          : 0;
  width            : 919px;
  cursor           : pointer;
} 

#profile-frame div.pics {
  position : relative;
  overflow : hidden;
  height   : 320px;
} 

#profile-frame div #profile-window {
  position         : absolute;
  top              : 20px;
  left             : 0;
  width            : 4000px;
  height           : 300px;
  cursor		   : pointer;
  background-image : url(http://www.sceclub.org/gallery/images/maincom.jpg);
} 

#profile-frame #profile-info {
  opacity          : 0.8;	
  filter           : alpha(opacity=80);
  position         : absolute;
  padding-top      : 11px;
  font-weight      : bold;
  text-align       : center;
  display          : block;
  background-color : #191919; /* Black */
  width            : 120px;
  height           : 30px;
  top              : 0px;
  left             : 30px;
  color            : #fff; /* White */
  font-size        : 9px;
} 

#profile-frame #profile-details {
  font-weight      : bold;
  background-color : #191919; /* Black */
  border-top	   : 1px solid #222;
  color            : #fff; /* White */
  font-size        : 10px;
  padding          : 8px;
  display          : block;
  min-height       : 36px;
  position : relative;
}

#profile-details .content {
  margin-left : 150px;
  top : 0px;
  width : 530px;
  line-height: 1.8em;
} 

#profile-frame div.bar {
  position         : relative;
  margin-top       : 0px;
  background-color : #222; /* Dark Gray */
  height           : 24px;
  cursor: pointer;
  border-top: 1px solid #3f3f3f;
} 

#profile-frame div.bar #bar-button {
  position            : absolute;
  background-position : top left;
  text-transform      : Capitalize;
  text-align          : center;
  font-size           : 11px;
  top                 : 1px;
  cursor              : pointer;
  padding-top         : 4px;
  left                : 30px;
  width               : 92px;
  background-image    : url(http://www.sceclub.org/gallery/images/slider-button.jpg);
  height              : 22px;
  color				  : #FFAA00;
} 

/* @end */


/* @group reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
	background-position : 0px 0px;
	background-repeat : no-repeat;
	background-color : transparent;
}
input, textarea { padding : 0px; margin : 0px }

body { 
  line-height: 1.5; 
	font-family : "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	font-size : 12px;
	color : #273852;
	line-height : 14px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a:active { outline : none }
:focus { -moz-outline-style: none; }

a { color : inherit }
a { text-decoration : none }
/* @end */