@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	text-decoration: none;
	border: 0;
} 
html
{
	/* sticky footer */
	height: 100%;
}

body{
/*	background: url(images/menu_bg_stroke.jpg) repeat-x; */
/*	background-color: #E3E3E3; */
	
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 14px; */
	font-style: normal;
	font-weight: normal;
	line-height: 17px;
	color: #003366;
	/* sticky footer */
	height: 100%;
}

.error {
	color:red;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 12px;
}

a:link,visited,active,hover{
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}

a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}

a:active{

}

a:hover{
	text-decoration:underline;
}


	div.roundCornersSand {
		width: 375px;
	}
	
	div.roundCornersSand div.top {
		background: transparent url(images/round_box_sand_top.gif) no-repeat top left;
		padding: 15px 0 0 70px;
	}
		
		div.roundCornersSand div.content{
	background-color: #FFF2D0;
	padding-left: 20px;
	padding-right: 20px;
		}
		
		div.roundCornersSand div.bottom {
	padding: 15px 0 0 70px;
	background: transparent url(images/round_box_sand_bottom.gif) no-repeat bottom left;
		}

.button a{
	text-decoration: none;
	color: #ff8400;
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
}
.button a:hover {
	text-decoration:underline;
}
.buttonsmall a{
	font-size:11px;
}

.titleOrange {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #e77e01;
	font-weight: bold;
	padding-bottom: 25px;
	padding-left: 50px;
	padding-top: 15px;
}
.titleGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 10px;
}
.TextBoxImage {
	position: relative;
	width: 500px;
	text-align: justify;
}
.PictureRightBottomMargin {
	margin-right: 10px;
	margin-bottom: 2px;
}
#OuterBox {
	margin:auto;
	width:930px;
	text-align: left;
}
#TopBoxWrapper{
	background: url(images/menu_bg_stroke.gif) repeat-x;
	background-position:0px 99px;
	width: 100%;
	height:169px;	
}
#TopBox {
	margin:auto;
	width:930px;
	height:169px;
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(images/plane_top.gif);
	background-repeat: no-repeat; */
	position: relative;
}
#TopBox #vg_logo {
	position:absolute;
	z-index:2;
	left: 30px;
	top: 35px;
}

#TopBox #business_logo_container {
	position:absolute;
	z-index:1;
	left: 170px;
	top: 23px;
	width: 542px;
	height: 86px;
	text-align:center;
	overflow:hidden;
}


#TopBox #loginBox {
	position:absolute;
	width:146px;
	height:92px;
	z-index:2;
	left: 762px;
	top: 10px;
}
#TopBox #loginBox .inputField {
	background-color: #FFFFFF;
	border: 1px solid #707070;
	color: #003366;
	padding: 2px;
	cursor: text;
	width: 120px;
	height:15px;
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 1px;
}
#TopBox #loginBox .inputField:hover {
	border: 1px solid #333333;
	color: #333333;
	background-color: #FFF2D0;
}
#TopBox #loginBox .inputField:focus {
	background-color: #FFF2D0;
	border: 1px solid #333333;
	color: #333333;
}
#TopBox #loginBox .loginForm {
	font-size: 11px;
	color: #707070;
}
#TopBox #loginBox .loginButton {
	border: 1px solid #707070;
	color: #707070;
	background-color: #EEEEEE;
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 2px;
	width: 50px;
	height: 20px;
}
#TopBox #loginBox .loginButton:hover {
	border: 1px solid #333333;
	background-color: #FFF2D0;	
}
#TopBox #loginBox .loginCheckbox {
	border: 1px solid #333333;
}
#TopBox #loggedInBox {
	position:absolute;
	left:736px;
	top:5px;
	width:258px;
	height:127px;
	z-index:1;
}
#TopBox  #loggedInBox #Content {
	position:absolute;
	width:240px;
	height:113px;
	z-index:2;
	left: 7px;
	top: 7px;
}
#TopBox   #loggedInBox   #Content   a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	line-height: 13px;
	text-decoration: none;
}		
#TopBox   #loggedInBox   #Content   a span:hover {
	text-decoration: underline; color: red;
}
#TopBox #loggedInBox #Content img.avatar {
	width:75px;
	height:75px;
}

#TopBox #MainButtonBox {
	position:absolute;
	width:503px;
	height:30px;
	z-index:2;
	left: 238px;
	top: 112px;
}
#TopBox   #MainButtonBox a {
	position: static;
	height: 30px;
	width: 98px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-decoration: none;
}
#TopBox  .SubButtonBox {
	position:absolute;
	width:575px;
	height:30px;
	z-index:2;
	left: 238px;
	top: 142px;
}
#TopBox   .SubButtonBox  a {
	position: static;
	height: 38px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-decoration: none;
}
#TopBox   .SubButtonBox  a:hover {
	background-position: 0 100%;
}
#MiddleBox {
	margin:auto;
	position:relative;
	width:930px;
/*	background-image:url(images/plane_middle.gif);  */
	padding-bottom:40px;
	padding-top:0px;
}

#ContentBox {
	position: relative;
	margin-left: 30px;
	font-family:Arial, Helvetica, sans-serif;
	color: #434343;
	width: 870px;
}
h1 {
	/*display: block;*/
	margin:0px;
	padding-top:4px;
	padding-bottom:15px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;	
}
#ContentBox .line {
	margin-top:5px;
	margin-bottom:5px;	
	border-top: 1px solid #dbdbdb;
	height: 1px;
}
.line {
	margin-top:5px;
	margin-bottom:5px;	
	border-top: 1px solid #dbdbdb;
	height: 1px;
}
#ProfilePage {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.vgheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*
	line-height:21px;
	overflow:hidden;
	*/
	color: #434343;
	font-weight:bold;
	padding: 5px;
	border: 1px solid #dbdbdb;
	background-image: url(images/header_back.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width: 350px;
	padding-left: 12px;
	margin-bottom:12px;
}
.vgheader a {
	color: #434343;
}
.vgheader a:hover {
	text-decoration:underline;
}
.vgheadersmall {
	font-size: 13px;
}
.vgheader2 {
	padding: 5px;
	width: 320px;
}
.vgheader2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #434343;
	font-weight:bold;
}
.vgheader2 a:hover {
 	text-decoration:underline;
}

#ProfilePage   #Column1 {
	float: left;
	width: 380px;
}
#ProfilePage #Column1 #Profile {
	width: 350px;
	/*position: relative;
	clear: both;
	*/
}
.fit {
	float: left;
	color: #e77e01;
}
#ProfilePage #Column1 #Profile h2 {
	font-size:16px;
	font-weight:bold;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ProfilePage   #Column1   #Profile #Avatar {
	background-image: url(images/profile_picture_back.gif);
	width: 153px;
	height: 154px;
	padding-top:10px;
	padding-left:11px;
	float:left;
	/*
	position: relative;
	left: 0px;
	top: 0px;
	*/
}
#ProfilePage   #Column1   #Profile #AvatarPro {
	background-image: url(images/profile_picture_back_PRO_default.gif);
	/*background-repeat:no-repeat*/;
	width: 160px;
	height: 162px;
	
	padding-top:8px;
	padding-left:17px;
	float:left;
}

#ProfilePage   #Column1   #Profile #Avatar #avatar_div{
	width:140px;
	height:90px;
	padding-top:50px;
	cursor:pointer;
	border:0px;
	overflow:hidden;
	z-index:2;
}
#ProfilePage   #Column1   #Profile #AvatarPro #avatar_div{
	width:140px;
	height:140px;
	cursor:pointer;
	border:0px;
	overflow:hidden;
	z-index:2;
}


#ProfilePage  #Column1  #Profile  #Avatar img.avatar {
	width: 140px;
	height: 140px;
	/*
	position: absolute;
	top: 10px;
	left: 11px;
	*/
}
#ProfilePage  #Column1  #Profile  #AvatarPro img.avatar {
	width: 140px;
	height: 140px;
}
#ProfilePage  #Column1  #Profile  #Avatar img.vg_online  {
	/*
	position:absolute;
	top:67px;
	left: 4px;
	display: block;
	*/
	border:0px;
	z-index:3;
}
#ProfilePage  #Column1  #Profile  #AvatarPro img.vg_online  {
	border:0px;
	z-index:3;
}

#ProfilePage  #Column1  #Profile #Buttons {
/*
	position:absolute;
	left: 175px;
	top: 46px;
	width:184px;
*/
	padding-top:2px;
	padding-left:0px;
	float:left;
}
#ProfilePage  #Column1  #Profile #ButtonsPro {
/*
	position:absolute;
	left: 175px;
	top: 46px;
	width:184px;
*/
	padding-left:0px;
	padding-top:10px;
	float:left;
}

#ProfilePage   #Column1   #Profile   #Buttons   a    {
	margin-bottom: 5px;
}
#ProfilePage  #Column1  #Profile  #Online_Status_Abuse {
	width: 160px;
	margin-top: 5px;
	margin-left: 10px;
}
#ProfilePage #Column1 #Profile #Data {
	font-style: normal;
	font-size: 12px;
	padding: 10px;
	margin-right: 20px;
}
#ProfilePage #Column1 #Reactions {
/*
	position: relative;
	clear: both;
*/
	width: 395px;
	padding-top: 15px;
}
#ProfilePage  #Column1  #Reactions h1 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #707070;
}
#ProfilePage   #Column1 #Reactions .reaction {
	margin-top: 10px;
	margin-bottom: 10px;
	/*
	position: relative;
	*/
	border-bottom: 1px solid #dbdbdb;
	width: 365px;
	overflow: hidden;
	padding-left: 2px;
	padding-top: 2px;
}
#ProfilePage    #Column1    #Reactions .reaction a.profilename     {
	font-size: 16px;
	color: #28436e;
}
#ProfilePage    #Column1    #Reactions .reaction a.profilename:hover     {
	text-decoration:underline;
}
#ProfilePage    #Column1    #Reactions .reaction a.reactlink     {
	text-align:right;
	display: block;
	clear: both;
}

#ProfilePage  #Column1 #Reactions .reaction  .date  {
	font-size: 12px;
	color: #28436e;
}
#ProfilePage #Column1 #Reactions .reaction a {
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}
#ProfilePage  #Column1 #Reactions .reaction  .Text {
	padding-top:5px;
	color: #313131;
	width: 250px;
	overflow: hidden;
}

#ProfilePage  #Column1 #Reactions .reaction  .Trashcan {
	padding-top:5px;
	padding-right:15px;
	float:right;
/*
	position: absolute;
	left: 330px;
	top: 5px;
*/
}

#ProfilePage  #Column1 #Reactions .reaction  .Thumbsup {
	padding-right:5px;
	float:right;
/*
	position: absolute;
	left: 295px;
	top: 0px;
*/
}

#ProfilePage #Column2 {
	padding-left:30px;
	float: left;
	width: 420px;	
}
#ProfilePage   #Column2 #Friends {
	margin-top: 15px;
	color: #db9b1c;
	/*
	position: relative;
	*/
	clear: both;
}
#ProfilePage  #Column2  #Friends h1 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #d68e00;
}
#ProfilePage   #Column2 #Graphs {
	clear: both;
	width: 422px;
}
#ProfilePage   #Column2 #Graphs #graphlinks{
	font-size: 11px;
	font-weight:bold;
	color: #aaaaaa;
}
#ProfilePage #Column2 #Graphs img {
	margin: 7px;
}
#ProfilePage #Column2 #Graphs .inputFieldGraph {
	background-color: #FFFFFF;
	border: 1px solid #c1c1c1;
	color: #aaaaaa;
	padding: 2px;
	cursor: text;
	width: 80px;
	height:15px;
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 1px;
	font-size: 11px;
	font-weight:bold;
}
#ProfilePage #Column2 #Graphs .inputFieldGraph:hover {
/*	border: 1px solid #333333;         
	
	this rule might make the blog disappear in Internet Explorer*/

	color: #575757;
	background-color: #FFF2D0;
}
#ProfilePage #Column2 #Graphs .inputFieldGraph:focus {
	background-color: #FFF2D0;
	border: 1px solid #707070;
	color: #575757;
}
#ProfilePage  #Column2  #Graphs  .graphButton {
	border: 1px solid #707070;
	color: #707070;
	background-color: #EEEEEE;
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 2px;
	width: 100px;
	height: 20px;
}
#ProfilePage  #Column2  #Graphs  .graphButton:hover {
	border: 1px solid #333333;
	background-color: #FFF2D0;
}
#ProfilePage #Column2 #Graphs .graphForm {
	font-size: 11px;
	color: #003366;
	padding: 10px;
}

#ProfilePage #Column2 #Blog {
	margin-top: 15px;
	/*
	position: relative;
	*/
	clear: both;
}
#ProfilePage #Column2 #Blog #BlogButtons {
	position:absolute;
	width:154px;
	height:112px;
	left: 168px;
	top: 8px;
}
#ProfilePage #Column2 #Blog h1  {
	font-size: 16px;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #db9b1c;
}
#ProfilePage  #Column2 #Blog .blogitem {
	width: 345px;
	margin: 10px;
	/*
	position: relative;
	*/
	overflow:hidden;
	border:#DBDBDB 1px solid;
	/*border-left:0px;
	border-right:0px;*/
}
#ProfilePage #Column2 #Blog .blogitem  h2 {
	font-size: 16px;
	font-weight: bold;
	color: #585652;
	overflow:hidden;
	width:280px;
	
}
#ProfilePage #Column2 #Blog .blogitem  h3 {
	font-size: 12px;
	font-weight: bold;
	color: #4a6589;
}

#ProfilePage #Column2 #Blog .blogitem .Trashcan {
	float:right;
/*
	position: absolute;
	left: 325px;
	top: 5px;
*/
}

#ProfilePage #Column2 #Blog .blogitem .Edit {
	float:right;
/*
	position: absolute;
	left: 310px;
	top: 5px;
*/
}


#ProfilePage #Column2 #Blog .blogitem .Text {
	color: #313131;
	width: 330px;
	margin-top: 10px;
	overflow: hidden;
}

.text_container {
	color:#000000;
	padding:10px;
}

.avatar_mini {
	border: solid 1px #DBDBDB;
	padding:1px;
}

.avatar_polaroid_small {
	width: 100px;
	height: 120px;
}
.avatar_polaroid_small_pro {
	width: 100px;
	height: 120px;
}


.avatar_polaroid_small a {
	/*
	position:absolute;
	*/
	width: 95px;
	height: 120px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(images/profile_pic_friends_back.gif);	
	overflow: hidden;
	display: block;
	margin-left:2px;
	margin-top:2px;
	/*
	padding-right:0px;
	padding-bottom:0px;
	*/
}
.avatar_polaroid_small_pro a {
	width: 95px;
	height: 120px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(images/profile_pic_friends_back_PRO.gif);	
	overflow: hidden;
	display: block;
	margin-left:2px;
	margin-top:2px;
}

.avatar_polaroid_small a:hover  {
	background-position: 0px 100%;
	margin-left:0px;
	margin-top:0px;
	/*
	padding-right:2px;
	padding-bottom:2px;
	*/
}
.avatar_polaroid_small_pro a:hover  {
	background-position: 0px 100%;
	margin-left:0px;
	margin-top:0px;
}


.avatar_polaroid_small a .avatar  {
	width:75px;
	height:75px;
	margin-top:7px;
	margin-left:6px;
	cursor:pointer;
	overflow:hidden;
}
.avatar_polaroid_small_pro a .avatar  {
	width:75px;
	height:75px;
	margin-top:7px;
	margin-left:6px;
	/*padding-top:48px;*/
	cursor:pointer;
	overflow:hidden;
}


.avatar_polaroid_small a img.avatar  {
	height: 75px;
	width: 75px;
	display: block;
}
.avatar_polaroid_small_pro a img.avatar  {
	height: 75px;
	width: 75px;
	display: block;
}
.avatar_polaroid_small img.vg_online  {
/*
	position:absolute;
	top:46px;
	display: block;
*/
}
.avatar_polaroid_small a {
	color: #28436e;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}
.avatar_polaroid_small_pro a {
	color: #28436e;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}
.avatar_polaroid_small a:hover {
	text-decoration:underline; 
}
.avatar_polaroid_small_pro a:hover {
	text-decoration:underline; 
}
.onlinetext {
	color:#00CC00;
	font-size:12px;
	font-weight:bold;
	vertical-align: bottom;
}



#smilesbox {
	margin-top: 20px;

}

/* aanpassing Thijs */

#ProfilePage  #Column1 #Reactions .addReaction {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#ProfilePage  #Column1 #Reactions .addReaction .textarea {
	width: 250px;
	height: 100px;
	overflow: hidden;
}

#ProfilePage #Friendrequests {
	width: 395px;
	clear: both;
}

#ProfilePage #Friendrequests .request {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#formatbuttons {
	margin: 15px 0 2px 0;
}

#BottomBox {
	margin:auto;
	width:930px;
	height:11px;
	color:#FFFFFF	
}

#BottomBox a{
	color:#FFFFFF	
}


#FooterBox{
	color:white;
	font:"Times New Roman", Times, serif;
	font-size:12px;
	height:280px; 
	width:100%; 
	background-image:url(images/footer_bg_stroke_big.jpg); 
	background-repeat:repeat-x;	
}


input { /* overwrite style.css */
cursor: auto;
}

input.trashcan {
	cursor:pointer;
	width: 15px;
	height: 17px;
	background-image: url('images/profile_icon_trashcan.gif');
}

input.acceptfriend {
	cursor:pointer;
	width: 24px;
	height: 24px;
	background-image: url('images/accept-24x24.png');
}

input.denyfriend {
	cursor:pointer;
	width: 24px;
	height: 24px;
	background-image: url('images/delete-24x24.png');
}

.picture_polaroid_small  {
	position:relative;
	width: 100px;
	height: 130px;
	vertical-align: middle;
	margin: auto;
	display: block;
}

.picture_polaroid_small img {
	position:	absolute;
	top:		7px;
	left:		6px;
}

.picture_polaroid_small .trashcan {
	position:	absolute;
	top:		90px;
	left:		70px;
	display: 	block;
}

.picture_polaroid_small .pictitle {
	float:		left;
	width: 		60px;
	height:		38px;
	overflow:	hidden;
	position:	absolute;
	top:		90px;
	left:		6px;
	display: 	block;
}

.copyright {
	padding:	0 5px 5px 5px;
	text-align:	center;
	font-size:	11px;
}
.copyright a{
	color: #505050;
}

#Pictures{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputbox {
	background-image: url(images/form_textfield_back.gif);
	background-repeat: repeat-x;
	border:1px solid #C0C0C0;
	color:#333333;
	cursor:text;
	font-size: 12px;
	padding:2px;
}

.inputbox2 {
	background-image: url(images/form_textfield_back.gif);
	background-repeat: repeat-x;
	border:1px solid #C0C0C0;
	color:#333333;
	cursor:text;
	font-size: 12px;
	padding:2px;
}


.orange {
	display:inline;
	/*float: left;*/
	color: #e77e01;
}

.bold {
	font-weight:bold;
}

a.vg_button {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding: 0px;
	border: solid 1px #565656;
}
a.vg_button span {
	color:#FFFFFF;
	display:inline-block;
	margin:0px;
	padding:5px 7px 5px 7px;
	border-top:solid 1px #b1b1b1;
	cursor:pointer;
	background-color:#747474;	
}
a.vg_button:hover {
	text-decoration:none;
}
a.vg_button:hover span {
	background-color:#818181;	
}

/* ----  psgels -------*/
a.vg_button_small {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding: 0px;
	border: solid 1px #565656;
}
a.vg_button_small span {
	color:#FFFFFF;
	display:inline-block;
	margin:0px;
	padding:1px 7px 1px 7px;
	border-top:solid 1px #b1b1b1;
	cursor:pointer;
	background-color:#747474;
	background-color:#9999a6;
}
a.vg_button_small:hover {
	text-decoration:none;
}
a.vg_button_small:hover span {
	background-color:#818181;	
	background-color:#aaaab7;	
}
/* ----  psgels -------*/

.vg_button1 {
	font: 11px Arial;
	font-weight: bold;
	border:1px solid #C0C0C0;
	background-image: url(images/form_textfield_back.gif);
	background-repeat: repeat-x;
	color: black;
	cursor:pointer;
}

.vg_button1:hover{
	border:1px solid #e77e01;
	color: #e77e01;
}

.vg_button2 {
	padding: 3px;
	
	display:inline-block;
	
	font: 11px Arial;
	font-weight: bold;	
	border:1px solid #9a6200 ;
	border:1px solid gray;
	
	background-image: url(images/b_text_back.gif);
	background-repeat: repeat-x;
	color: black;
	cursor:pointer;
}

.vg_button2:hover{
	border:1px solid #C0C0C0;
	background-position: 0% 100%;
}


#GroupPage {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#ClubPage {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#PageContent {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.avatar_small {
	border: solid 1px #DBDBDB;
	padding:2px;
}

.div_border_color
{
	border:solid 1px #DBDBDB;
}

.bg_white
{
	background-color:#FFFFFF;
}

.bg_grey
{
	background-color:#F9F9F9;
}

#attention_to_div
{
	background-color:#EAEAEA;
}

/****** overall_header menu ******/
#TopBox #menu {
	padding-left: 20px;
	position:absolute;
	width:930px;
	height:57px;
	z-index:2;
	top: 100px;
	left: 0px;
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
}

#TopBox #menu .top {
	height: 33px;
	margin-top:5px;
	text-transform: uppercase;
	padding:0;
	margin:0;	
	display:block;
	float: left;
}

#TopBox #menu .top a.link
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; 
	display:inline-block;
	padding: 8px 12px 0px 12px;
	height:24px;
	font-size: 15px;
	font-weight: bold;
}


#TopBox #menu .top a.link:hover
{
	background: url(images/menu_bg_stroke_selected.gif) repeat-x;
	text-decoration:none; 
}

#TopBox #menu .top .sub {
	position:absolute;
	top:33px;
	background-color:#858585; 
	border: solid #b9b9b9 1px; 
	padding:1px; 
	display:none;
	text-transform:none;
	width:auto;
}

#TopBox #menu .top .sub a
{
	padding:7px;
	color:#FFFFFF;
	height:auto;
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 	
	padding-right:15px;	
/*	width:auto;*/
	display:block;
}

#TopBox #menu .top .sub a:hover
{
	background-color:#B0B0B0;
	background-image:none;
	text-decoration:none;
	display:block;	
}

#TopBox #menu .top .sub img {
	padding-right:7px;
	width:auto;
}

.clickable
{
	cursor:pointer;
}

.progress_meter_out
{
	margin-top:3px;
	border:1px solid #999999;
	height:10px;
	width:100px;
	float:left;
	vertical-align:middle;
}
.progress_meter_in_fill
{
	height:10px;
	background-color:#0099FF;
	overflow:hidden;
	float:left;
}
.progress_meter_out2
{
	background-image: url(images/progress_bar_out2.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #999999;
	height:10px;
	width:80px;
	float:left;
	vertical-align:middle;
}
.progress_meter_in_fill2
{
	background-image: url(images/progress_bar_fill2.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:10px;
	/* background-color:#24f600; */
	overflow:hidden;
	float:left;
}
.progress_meter_out3
{
	/*background-image: url(images/progress_bar_out2.gif);*/
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#dedede;
	border:3px solid #ebebeb;
	height:47px;
	width:370px;
	vertical-align:middle;
}
.progress_meter_in_fill3
{
	background-image: url(images/progress_bar_fill3.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:47px;
	overflow:hidden;
}
.progress_meter_in_clear
{
	height:10px;
	background-color:#FFFFFF;
	float:left;
}

.profile_progress_table
{
	border:#999999 1px solid;
}

.profile_progress_explain
{
	height:80px;
	vertical-align:top;
	padding:10px;
	color:#000000;
	background-color:#FFFFFF;
	background-image:url(images/profile_progress_explain_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:#d2d2d2 1px solid;
	font-size:12px;
}

.profile_progress_div
{
	height:500px;
	background-color:#f1f1f1;
}

.profile_action_td
{
	border:#d2d2d2 1px solid;
	border-top:0px;
	height:50px;
	vertical-align:top;
	padding:10px;
}


.profile_action_checked a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#867456;
}

.profile_action_unchecked a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#343434;
}


.profile_action_unchecked
{
	background-color:#FFFFFF;
	color:#000000;
	background-image:url(images/profile_progress_unchecked_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.profile_action_checked
{
	background-color:#ffbe3f;
	color:#867456;
	background-image:url(images/profile_progress_checked_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.profile_action_percentage
{
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	font-size:18px;
	font-weight:bold;
	color:#1e9a1c;
}

.profile_action_checkbox
{
	vertical-align:top;
	text-align:left;
	width:40px;
	padding-top:2px;
}

.profile_action_description
{
	padding-top:3px;
}

.profile_action_description_checked
{
	font-size:12px;
	color:#867456;
}

.profile_action_description_unchecked
{
	font-size:12px;
	color:#666666;
}

.sports_select_box
{
	border:rgb(219, 219, 219) solid 1px;
	background-color:#FFFFFF;
	width: 250px;
}

.selected_option_div
{
	border:solid 1px #DBDBDB;
	padding:5px;
	margin-right:2px;
	margin-bottom:2px;
	background-color:#FFFFFF;
	/*float:left;*/
}

.selected_option_title
{
	float:left;
}

.span_close_button
{
	float:right;
}

.clear_both
{
	clear:both;
}

.found_gym_club_locations_div
{
	height:200px;
	width:400px;
	border:#DBDBDB 1px solid;
	background-color:#FFFFFF;
	overflow:scroll;
	overflow-y: scroll;
	overflow-x: hidden;
}


.my_gyms_clubs_div
{
	width:250px;
	padding-left:20px;
}


.sport_school_div
{
	/*width: 280px;*/
	padding:5px;
	border-bottom: #DBDBDB 1px solid;
}

.sport_school_name_div
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:180px;
}

.sport_school_type_div
{
	float:left;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif
	font-size:10px;
	font-style:italic;
	color:#999999;
}

.sport_school_adres_div
{
	font-family:Arial, Helvetica, sans-serif
	font-size:10px;
	font-style:italic;
	color:#999999;
}

.add_sport_school_button_div
{
	padding-right:10px;
}

.sport_school_form_feedback
{
	padding:5px;
	font-style:italic;
	color:#999999;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:none;
	margin-bottom:5px;
}

.feedback_div
{
	padding:5px;
	border: #DBDBDB 1px solid;
	font-style:italic;
	color:#434343;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:10px;
}

.comment_form
{

}

.red_border
{
	border:#CC3300 1px solid;
}

.green_border
{
	border:#5EBC5E 1px solid;
}

.add_new_sport_school_form_button
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:5px;
	padding-top:8px;
}

.add_gym_club_div
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#DBDBDB 1px solid;
	padding:5px;
	background-color:#FFFFFF;
}

.inputfield_title_div
{
	vertical-align:top;
	width:220px;
}

.add_sport_school_form_option_div
{
	padding-bottom:3px;
}



.message_footer
{
  font-size:10px;
  overflow:hidden;
}

.updatequote
{
	color:#989898;
	font-weight:bold;
}



/*
.overall_header_menu_top .option .selected
{
}

.overall_header_menu_top .option .selected a:hover
{
	background: url(images/menu_bg_stroke_selected.jpg) x-repeat top;
}
*/


.avatar_frame_top
{
	width:177px;
	height:23px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.avatar_frame_left
{
	width:17px;
	height:140px;
	background-position: 0px -23px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.avatar_div
{
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.avatar_frame_right
{
	width:20px;
	height:140px;
	background-position: -157px -23px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.avatar_frame_bottom
{
	width:177px;
	height:24px;
	background-position: 0px -163px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.polaroid_blur
{
	width: 100px;
	height: 120px;
	background-position: 2px 4px;
	background-repeat: no-repeat;
	padding-top:2px;
	padding-left:2px;
	overflow: hidden;
}
.polaroid_focus
{
	width: 102px;
	height: 122px;
	background-position: 0px 100%;
	background-repeat: no-repeat;
	padding-top:0px;
	padding-left:0px;
	overflow: hidden;
}
.polaroid_avatar
{
	width:81px;
	height:84px;
	background-position: 6px 9px;
	background-repeat:no-repeat;
}
.polaroid_label
{
	padding-top:9px;
	padding-left:6px;
}

.updateitem
{
	padding-bottom:2px;
	margin-bottom:2px;
	border-bottom:1px solid #DBDBDB;
}

.updateitem_no_line
{
	padding-bottom:2px;
	margin-bottom:2px;
}


.register_button
{
	background-position:0px 0px;
	width:100px;
	height:23px;
	cursor:pointer;
}

a:hover .register_button
{
	background-position:0px 100%;
}


.vga_content
{
	border:#DBDBDB 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:8px;
}


.vga_submit
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:auto;
	width:100px;
	padding-top:5px;
}

.vga_submit_button
{
	padding:5px;
	width:90px;
}

.input_field_bg
{
	background-image:url(images/login_field.gif);
	width:140px;
	height:22px;
	background-repeat:no-repeat;
}

.input_login
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:118px;
	height:18px;
	margin-top:2px;
	margin-left:10px;
	background-color: transparent;

}

.loginButton2
{
	background-image:url(images/login_button.gif);
	background-color:#FFFFFF;
	background-position:0px 0px;
	border:#ffffff solid 0px;
	width:50px;
	height:20px;
	cursor:pointer;
}

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

.float_left
{
	float:left;
}


.greybox_content
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px;
}


.breadcrumb_bar
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:44px;
	vertical-align:middle;
	margin-top:15px;
	margin-bottom:15px;
}

.breadcrumb_bar_plain
{
	border-left:1px solid #BABABA;
	border-right:1px solid #BABABA;
	background-image:url(images/breadcrumb_gradient1.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}

.breadcrumb_bar_orange
{
	background-image:url(images/breadcrumb_gradient2.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	border-left:1px solid #BABABA;
	border-right:1px solid #BABABA;
}

.breadcrumb_div
{
	/*float:left;*/
	height:44px;
	/*width:33%;*/
	text-align:center;
}

.breadcrumb_plain
{
	color:#434343;
	background-image:url(images/breadcrumb_gradient1.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}

.breadcrumb_orange
{
	color:#FFFFFF;
	background-image:url(images/breadcrumb_gradient2.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}

.breadcrumb_arrow0
{
	/*padding-top:12px;*/
	height:44px;
	width:28px;
}
.breadcrumb_arrow1
{
	/*float:right;*/
	background-image:url(images/breadcrumb_arrow1.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	/*padding-top:12px;*/
	height:44px;
	width:28px;
}
.breadcrumb_arrow2
{
	/*float:right;*/
	background-image:url(images/breadcrumb_arrow2.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	/*padding-top:12px;*/
	height:44px;
	width:28px;
}
.breadcrumb_arrow3
{
	/*float:right;*/
	background-image:url(images/breadcrumb_arrow3.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	/*padding-top:12px;*/
	height:44px;
	width:28px;
}

.tooltip_header
{
	background-color:#FFFFFF;
	border:solid 1px #adadad;
	border-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:12px;
	padding:5px;
}

.tooltip_body
{
	background-color:#FFFFFF;
	border:solid 1px #adadad;
	border-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	padding:5px;
	padding-top:0px;
}

.footerbox{
	width: 930px;
	margin:auto;
}


.footer_polaroid_small {
	position:relative;
	width: 60px;
	height: 60px;
}

.footer_polaroid_small a {
	position:absolute;
	width: 54px;
	height: 54px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(images/footer_pic_back.png);	
	overflow: hidden;
	display: block;
}

.footer_polaroid_small a:hover  {
	position:absolute;
	background-position: 0px 100%;
	left:-2px;
	top:-2px;
}

.footer_polaroid_small a img.pic  {
	position:absolute;
	top: 2px;
	left: 2px;
	width: 50px;
	height: 50px;
	display: block;
}

.footer_polaroid_small img.vg_online  {
	position:absolute;
	/* top:30px; */
	bottom: 0px;		
	display: block;
}

.footer_polaroid_small a {
	color: #28436e;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.footer_polaroid_small a:hover {
	text-decoration:underline; 
}

.updateitem
{
  padding-bottom:2px;
  margin-bottom:2px;
  border-bottom:1px solid #DBDBDB;
}

.footer_column{
  height:195px;		
  margin-top:10px;
  overflow:hidden;
  float:left;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
}


#footer_column1 {
  text-align:left;
  width: 200px;
}

#footer_column2 {
  text-align:left;
  width: 200px;		  
}

#footer_column3 {
  text-align:left;
  width: 200px;		  
}

#footer_column4 {
  text-align:left;
  width: 220px;		  
}

.new_member {
  margin-bottom:2px;
  border:1px solid #FFFFFF;
  border-right:1px solid #DBDBDB;
  border-left:1px solid #DBDBDB;
  padding-left:8px;
  padding-right:8px;
  overflow:hidden;
}
.orangetxt {
	color: #e77e01;
}

.footer_item{
	margin-bottom: 20px;
}

.footer_heading{
	font-size:13px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:6px;
}

.footer_element{
	font-family:Arial, Helvetica, sans-serif;
	height:40px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top: solid 1px;
	border-color:#FF9933;
	overflow:hidden;
}		

a.footer_element_title{
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
}
a:link.footer_element_title {color:#FFFFFF;}
a:visited.footer_element_title {color:#FFFFFF;}
a:active.footer_element_title {color:#FFFFFF;}
a:hover.footer_element_title {color:#FFFFFF;}

.footer_element_content{
	font-size:10px;
	color:#FFFFFF;
}
		
.more{
	bottom:5px;
	right:5px;
	font-weight:bold;
	color:#FFFFFF;
}

.more a{
	color:#FFFFFF;
	text-decoration: underline;
}

.more a:hover{
	color:#FFFFFF;			
}

.more a:visited{
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;			
}

.more a:active{
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;	
}
.popular_group {
	padding-bottom:7px;
}
.button_mo_big
{
	width:197px;
	height:43px;
	overflow:hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display:inline-block;
	cursor:pointer;
}
.button_mo_big:hover {
	background-position: 0px 100%;
}
#register_btn
{
	width:197px;
	height:43px;
	overflow:hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display:inline-block;
	position:absolute;
	z-index:90;
	left:325px;
	top:115px;
}

div #tour_title {
	position:absolute;
	left:300px;
	top:30px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	z-index:90;
	padding-bottom:5px;
}
div #tour_text {
	position:absolute;
	left:300px;
	top:60px;
	color:#FFFFFF;
	font-size:14px;
	width:270px;
	z-index:90;
	overflow:visible;
}

#tour_btnbar {
	background-image:url(images/top_bar_menu.gif);
	height:35px;
	width:574px;
	color:#9a4500;
	font-size: 16px;
	font-weight: bold;
	overflow:visible;
/*	padding-left:30px;*/
}
/*buttons*/
#tour_btnbar div {
	padding-top:10px;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;	
	float:left;
}
div .tour_btn_select  {
	color:#FFFFFF;
}

#tour_btnbar div:hover {
	color:#FFFFFF;
}

#register_btn:hover {
	background-position: 0px 100%;
}

#tour_mask {
  	position:relative;
  	z-index:80;
	overflow:hidden;
	width:574px;
	height:173px;
}	
#tour_back {
	width:1750px; /*1722*/
	position:relative;
	z-index:70;
}
#media_mask {
  	position:relative;
  	z-index:80;
	overflow:hidden;
	width:260px;
	height:120px;
}	
#media_content {
	width:260px; /*1722*/
	position:relative;
	z-index:70;
}
.tourtable1, .tourtable2, .tourtable3 {
	padding-left:10px;
}
.tourtable3 {
	font-size:12px;
	padding-top:2px;
	
}

div .address_search_result {
	background-image: url(images/form_textfield_back.gif);
	background-repeat: repeat-x;
	border:1px solid #C0C0C0;
	color:#333333;
	cursor:pointer;
	font-size:12px;
	padding:2px;
	width:360px;	
}

div .club_search_result {
	background-image: url(images/form_textfield_back.gif);
	background-repeat: repeat-x;
	border:1px solid #C0C0C0;
	color:#333333;
	cursor:pointer;
	font-size:12px;
	padding:2px;
	width:236px;	
}
#vg_tabs {
	text-align:left;
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #CCCCCC;
	color:#505050;
	float:left;
	width:100%;
	height:33px;
	
}
#vg_tabs a {
	margin:0px;
	padding:0px;
	display:inline-block;
	background-color:#EEEEEE;
	border: solid 1px #CCCCCC;
	border-bottom: 0px;
	padding: 5px 20px 2px 20px;
	margin-top:3px; 
	margin-left:20px;
	font-size:16px;
	color:#505050;
	float:left; 
	font-weight:normal;
	
}
#vg_tabs a:hover {
	text-decoration:none;
	color:#505050;
	background-color:#F3F3F3;
}

#vg_tabs a.sel {
	position: relative;     
	top: 1px;     
	background: white;
	cursor:default; 
	padding: 6px 20px 9px 20px;
	margin-top:0px;
	background-image:url(./images/profile_tabs_selected.gif);
}
#vg_tabs a.unselected {
	position: relative;     
	top: 1px;     
	background: white;
	padding: 6px 20px 5px 20px;  
	background-image:url(./images/profile_tabs_deselected.gif);
	margin-bottom:2px;
}
#vg_tabs a.unselected:hover {
	text-decoration:none;
	color:#505050;
	background-color:#F3F3F3;
	cursor:pointer;
	background-image:none;
}