/* vSide global styles */
div.fullPage {
  margin: 10px 0 0 0;
}

div.fullPage h1 {
  background-color: #000000;
  color: #4ab2d5;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 5px;
}

h1.friends {
  background: #000000 url( "/images/icons/bg_whosin.gif" ) no-repeat 10px 50%;
  text-indent: 30px;
}

div.fullPage h4 {
  background: #eaeaea url("/images/profile/bg_subtitle_friends.jpg") repeat-x scroll 0 50%;
  font-size: 12px;
  line-height: 25px;
  padding: 5px 10px;
}

div.pageContainer {
  background-color: #eaeaea;
  padding: 10px 0 0 10px;
}

div.pageContent {
}

div.contentPanel {
  margin-top: 10px;
}

.contentHead {
  background-color: #4AB2D5;
  color: #092030;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  padding: 12px;
}

div.contentBody {
    background-color: #E7E7E7;
    padding: 10px;
}

div.contentBody.undecorated {
  background-color: transparent;
  padding: 0px;
}

.greyContainer {
    background-color: #E7E7E7;
    padding: 10px;
    margin-bottom: 10px;
}

.whiteContent {
    background-color: #FFFFFF;
    padding: 5px;
}

/* White Boxed Anchor w/ Right Arrow Icon */
a.white_box {
  background: #FFF url("../images/buttons/arrow_boxes.gif") no-repeat scroll 0px -20px;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  height: 17px;
	padding: 3px 10px 3px 30px;
	text-decoration: none;
}

a.white_box:hover {
	background-position:0px 0px;
}

/*** Form Components ***/
textarea {
  border: 1px solid #CCCCCC;
  color: #333333;
  font-size: 12px;
  padding:10px;
}

/*** LINKS ***/
a {
  outline: none;
}

a.user {
  color: #ffffff;
  text-decoration: none;
}

a.user.friend {
  color: #009933;
}

a.user.guide {
  /*color: #CCCC00;*/
}

a.user.staff {
  color: #ff0000;
}

/*** LINK BUTTONS ***/
a.button {
  cursor: pointer;
  display: block;
  position: relative;
  text-indent: -9999px;
}

a.post.button {
  background:transparent url("../images/buttons/post.gif") no-repeat scroll 0 0;
  height:20px;
  width:50px;
}
a.post.button:hover {
  background-position: 0 -20px;
}

a.submit,
a.cancel{
	display:block;
	position:relative;
	width:58px; height:20px;
	float:right;
	text-indent:-9999px;
	margin:0 0 0 10px ;
	cursor:pointer;

}

a.submit{
	background: url(../images/buttons/submit.gif) no-repeat scroll 0px 0px;
}

a.cancel{
	background: url(../images/buttons/cancel.gif) no-repeat scroll 0px -20px;
}

a.submit:hover{
	background-position: 0px -20px;
}

a.cancel:hover{
	background-position: 0px 0px;
}

a.vURL {
  background: transparent url("../images/buttons/vURL_button.gif") no-repeat scroll 0 0;
  height: 21px;
  width: 54px;
}

a.vURL:hover {
  background-position: 0 -21px;
}

a.vURL.icon {
  background: transparent url("../images/buttons/vURL_icon.gif") no-repeat scroll 0 0;
  height: 20px;
  width: 20px;
}

a.vURL.icon:hover {
  background-position: 0 -20px;
}

/*** Utility Classes ***/
.clear {
  clear: both;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}