/***************************************
** COPYRIGHT NOTICE 
** Copyright Student Notice Board Ltd All Rights Reserved.
** We will take legal action against those who copy
** our HTML content,CSS style sheets and JavaScript functions.
** Selling this code without prior written consent is
** expressly forbidden.
***************************************/

/****** New Theme Start *******/
.newheadtop {
	width: 100%;
	height: 117px;
	background: url(images-newtheme/header-strapline.png) no-repeat 200px 10px;
}
.mainlogo {
	margin: 10px 0 0 10px;
}
.leftalign {
	float: left;
}
.headlinks {
	margin-right: 192px;
	float: right;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border: thin solid #F2F2F2;
	padding: 5px 10px;
}
.headlinks a {
	margin-right: 5px;
}

/* Directory Menu */
.directorymenu {
	clear: left;
}
.directorymenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 152px;
}

.directorymenu ul li {
	position: relative;
	margin-bottom: 3px;
}

.directorymenu ul li a {
	display: block;
	/*force hasLayout in IE7 */
	color: #555;
	text-decoration: none;
	padding: 3px 0 4px;
	text-indent: 25px;
	font-weight: bold;
	text-align: left;
}

.directorymenu ul li a:link, .directorymenu ul li a:visited, .directorymenu ul li a:active, .directorymenu ul li a:visited {
	background: url(images-newtheme/directory-list-buttons.png) no-repeat;
}

.directorymenu ul li a:hover {
	background-position: 0 -100px;
}

.studenDirec, .advertiseWithUs {
	width: 112px;
	float: left;
}

.studenDirec a, .studenDirec a:link, .studenDirec a:visited, .advertiseWithUs a, .advertiseWithUs a:link, .advertiseWithUs a:visited {
	display: block;
	width:100%;
	padding: 10px 30px 12px 10px;
	color: #555;
	text-shadow: #fff 0px -1px 0;
	text-decoration: none;
	font: bold 18px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	margin: 0 0 10px;
}
.studenDirec a, .studenDirec a:link {
	background: url(images-newtheme/student-directory-button.png) no-repeat 0 0;
}
.advertiseWithUs a, .advertiseWithUs a:link {
	background: url(images-newtheme/student-directory-button.png) no-repeat -251px 0;
}
.studenDirec a:hover, .advertiseWithUs a:hover {
	text-shadow: none;
	background-position: 0 -149px;
	text-shadow: #fff 0px 1px 0;
}
.advertiseWithUs a:hover {
	text-shadow: none;
	background-position: -250px -149px;
	text-shadow: #fff 0px 1px 0;
}
hr.style-three { 
border: 0; border-top: 1px solid #D5D5D5;border-bottom: 1px solid #fff; }

#footer, #accommFooter {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 1000px;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
}

#footer .footcol {
	float: left;
	width: 180px;
	margin-left: 20px;
}
#footer .contactbox p, #footer .contactbox h6, #footer .contactbox img {
	margin: 0 0 7px 10px;
}

#footer .contactbox {
	float: right;
	width: 170px;
	margin: 0 10px 0 0;
}
#footer .contactbox img {
	border: 0;
}
#footer p {
	color: #555;
	font-size: 12px;
	line-height: 16px;
}

#footer p.larger {
	font-size: 17px;
}

#footer h5, #footer h6 {
	color: #1C9AD9;
	font-weight: normal;
	font-style: normal;
}
#footer h5 {
	color: #1C9AD9;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	margin: 0 0 10px;
}
#footer h6 {
	font-size: 13px;
	font-weight: bold;
}
#footer ul {
	padding: 0;
	list-style-type: none;
}
#footer li {
	margin-left: 10px;
}
#footer li a, #footer li a:link, #footer li a:visited {
	color: #555;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
}
#footer li a:hover {
	text-decoration: underline;
}
.advertiseFree a, .advertiseFree a:link, .advertiseFree a:visited {
	display: block;
	width:100%;
	padding: 6px 30px 12px 10px;
	color: #555;
	text-shadow: #fff 0px -1px 0;
	text-decoration: none;
	font: bold 15px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	background: url(images-newtheme/footer-free-advertise-button.png) no-repeat;
	margin: 0 0 10px 10px;
}
.advertiseFree a:hover {
	text-shadow: none;
	background-position: 0 -99px;
	text-shadow: none;
}

#footer .partners {
	clear: left;
	float: left;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin-left: 27px;
}
#footer .partners img, #footer .partners a img {
	border: 0;
	margin-right: 10px;
}
#footer .credit {
	clear: both;
	text-align: center;
	padding: 10px 0 5px;
}

#footer .credit p, #footer .credit p a, #footer .credit p a:link, #footer .credit p a:visited {
	text-decoration: none;
	color: #555;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}
#footer .credit p a:hover {
	text-decoration: underline;
}
.uniTown {
	min-height: 75px;
	text-align: left;
	clear: both;
	background-color: #F2F2F2;
	margin: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
}
.uniTown p {
	text-align: center;
	font-size: 16px;
	color: #555;
	margin: 0 0 10px;
}
/* Directory Menu End */

.marRight15 {
	margin-right: 15px;
}
h1, h2, h3, h4, h5, h6, p {
	font-weight: normal;
	font-style: normal;
}
h1 {
	font-size: 20px;
	line-height: 26px;
	margin: 2px 0 10px;
}
h2 {
	font-size: 16px;
	line-height: 24px;
	margin: 2px 0 8px;
}
p {
	line-height: 18px;
	margin: 2px 0 5px;
}
h1.sectionHeads {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
}
h2.smaller {
	font-size: 16px;
}
.letSpace {
	letter-spacing: -1px;
}
.homeLoginBut, .homeAdvertiseBut {
	width: 294px;
	height: 88px;
	float: left;
}

.homeLoginBut a, .homeLoginBut a:link, .homeLoginBut a:visited, .homeAdvertiseBut a, .homeAdvertiseBut a:link, .homeAdvertiseBut a:visited {
	display: block;
	width:100%;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1px;
	font-size: 1px;
	padding: 44px 0;
}
.homeLoginBut a, .homeLoginBut a:link {
	background: url(images-newtheme/home-page-big-buttons.png) no-repeat 0 0;
}
.homeAdvertiseBut a, .homeAdvertiseBut a:link {
	background: url(images-newtheme/home-page-big-buttons.png) no-repeat -400px 0;
}
.homeLoginBut a:hover, .homeAdvertiseBut a:hover {
	background-position: 0 -199px;
}
.homeAdvertiseBut a:hover {
	background-position: -400px -199px;
}
.homeCols, .homeColsAdv {
	float: left;
	margin: 10px 0 0;
}
.homeColsAdv {
	margin-left: 10px;
}
.homeCols ul, .homeColsAdv ul {
	clear: left;
	padding: 20px 0 0 45px;
	margin: 0 0 30px;
}
.homeCols li, .homeColsAdv li {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 8px;
}
.homeCols li {
	list-style-image: url(images-newtheme/point-ticks.gif);
}
.homeColsAdv li {
	list-style-image: url(images-newtheme/point-ticks-adv.gif);
}
.pink {
	color: #FA00B9;
}
.lightBlue {
	color: #1C9AD9;
}
.green {
	color: #94CC3B;
}
.darkBlue {
	color: #2F589C;
}

#homePagePromote {
	width: 604px;
	height: 280px;
	display: block;
	clear: both;
	background: url(images-newtheme/home-page-promotion-box.png) no-repeat;
}

.homePagePromoteBut {
	width: 181px;
	height: 6px;
	float: right;
	position: relative;
	top: 212px;
	right: 35px;
}
.homePagePromoteBut a, .homePagePromoteBut a:link, .homePagePromoteBut a:visited {
	color: #555;
	text-decoration: none;
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;
	padding: 16px 0 16px 10px;
	text-shadow: #fff 0px -1px 0;
	display: block;
	width:100%;
	margin-bottom: 10px;
	text-align: left;
	background: url(images-newtheme/home-page-advertise-free.png) no-repeat 0 0;
}
.homePagePromoteBut a:hover {
	background-position: 0 -150px;
}
.advertiseCol {
	float: left;
	width: 290px;
}
.marRight10 {
	margin-right: 10px;
}
.advertisePage h2 {
	font-size: 22px;
} 
.advertisePage p {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 10px;
}
.advertisePage ul {
	padding-left: 21px;
}
.advertisePage li {
	list-style-image: url(images-newtheme/bullets.gif);
}
.advertisePage ul li {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 5px;
}
.advertisePage h2 .bigger {
	font-size: 32px;
}

.greyBoxRoundCorners {	
	background-color: #F2F2F2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: thin solid #F2F2F2;
	margin: 15px 0;
	padding: 2px 20px 5px;
}
.greyBoxRoundCorners h4 {
	font-style: italic;
	line-height: 22px;
	font-size: 16px;
}
.greyBoxRoundCorners h3 {
	font-size: 18px;
	font-weight: bold;
}

/****** New Theme End ******/
/****** New Theme End ******/
/****** New Theme End ******/

a:link, a:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #1C9AD9;
 font-weight: bold;
 text-decoration: none;
}

a:hover, a:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #222;
 font-weight: bold;
 text-decoration: none;
}

a.button:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #C0C0C0;
 font-weight: bold;
 text-decoration: none;
}

a.button:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #C0C0C0;
 font-weight: bold;
 text-decoration: none;
}

a.button:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.button:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

a.large:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 color: #C0C0C0;
 font-weight: bold;
 text-decoration: none;
}

a.large:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 color: #C0C0C0;
 font-weight: bold;
 text-decoration: none;
}

a.large:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.large:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

a.smallDelete:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #B90000;
 font-weight: normal;
 text-decoration: none;
}

a.smallDelete:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #B90000;
 font-weight: normal;
 text-decoration: none;
}

a.smallDelete:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #B90000;
 font-weight: normal;
 text-decoration: none;
}

a.smallDelete:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
}

a.smallReply:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #008000;
 font-weight: normal;
 text-decoration: none;
}

a.smallReply:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #008000;
 font-weight: normal;
 text-decoration: none;
}

a.smallReply:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #008000;
 font-weight: normal;
 text-decoration: none;
}

a.smallReply:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
}

a.small:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #1C9AD9;
 font-weight: normal;
 text-decoration: none;
}

a.small:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #1C9AD9;
 font-weight: normal;
 text-decoration: none;
}

a.small:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #222;
 font-weight: normal;
 text-decoration: underline;
}

a.small:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
}

/*---------------------------- Forum Line Links -------------------------------*/

a.smallLine:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #1C9AD9;
 font-weight: normal;
 text-decoration: none;
}

a.smallLine:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #1C9AD9;
 font-weight: normal;
 text-decoration: none;
}

a.smallLine:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #222;
 font-weight: normal;
 text-decoration: underline;
}

a.smallLine:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
}

/*---------------------------- Vacancy Links -------------------------------*/

a.vacancy:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
	color: #94CC3B;
 font-weight: bold;
 text-decoration: none;
}

a.vacancy:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
	color: #94CC3B;
 font-weight: bold;
 text-decoration: none;
}

a.vacancy:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #222;
 font-weight: bold;
 text-decoration: none;
}

a.vacancy:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- MAIN Links -------------------------*/

#navTop ul {
clear: left;
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navTop li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;

}

#navTop a {
display: block;
height: 23px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

#navTop2 ul {
clear: left;
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navTop2 li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;

}

#navTop2 a {
display: block;
height: 23px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

#navProfile ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navProfile li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;
}

#navProfile a {
display: block;
height: 23px;
text-indent: -5000px;
overflow: hidden;
}

/*------ All Pages Buttons ------*/

a#profile,
a#edit,
a#friends,
a#messaging  {
  width: 90px;
  height: 23px;
  }

a#profile { background-image: url(buttons/profile.gif); }
a#edit { background-image: url(buttons/edit.gif); }
a#friends { background-image: url(buttons/friends.gif); }
a#messaging { background-image: url(buttons/messaging.gif); }

/*-------------------- Forum Links -------------------------*/

#navForum ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navForum li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;
}

#navForum a {
display: block;
height: 23px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ All Pages Buttons ------*/

a#forumHome,
a#reply,
a#comment,
a#start {
  width: 90px;
  height: 23px;
  }

a#forumHome { background-image: url(buttons/forum_home.gif); }
a#reply { background-image: url(buttons/reply.gif); }
a#comment { background-image: url(buttons/comment.gif); }
a#start { background-image: url(buttons/start.gif); }

/*-------------------- Directory Links -------------------------*/

#navDir ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navDir li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;
}

#navDir a {
display: block;
height: 14px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ Directory Buttons ------*/

a#offers,
a#fast,
a#taxis,
a#clubs,
a#pubs,
a#nightout,
a#bistro,
a#special,
a#cleaning,
a#health {
  width: 90px;
  height: 14px;
  }

a#offers { background-image: url(buttons/dir/offers.gif); }
a#fast { background-image: url(buttons/dir/fast.gif); }
a#taxis { background-image: url(buttons/dir/taxis.gif); }
a#clubs { background-image: url(buttons/dir/clubs.gif); }
a#pubs { background-image: url(buttons/dir/pubs.gif); }
a#nightout { background-image: url(buttons/dir/nightout.gif); }
a#bistro { background-image: url(buttons/dir/bistro.gif); }
a#special { background-image: url(buttons/dir/special.gif); }
a#cleaning { background-image: url(buttons/dir/cleaning.gif); }
a#health { background-image: url(buttons/dir/health.gif); }

/***************** Generic Selectors *********************/

html {height:100%}

body {
  height: 100%;
  background-color: #F2F2F2;
  color: #555;
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }

/****************** RSS *******************************/

#rssBox {
  width: 100%;
  float: left;
  color: #555;
  margin: 0px;
  padding: 0px;
  }
#rssBox a{
	color: #8B0902;
}

#rssOutput {
  width: 140px;
  margin: 2px auto 2px auto;
  border: 0px solid blue;
  padding: 0px;
  font-size: 12px;
  text-align: left;
  }

div.rssSelect {
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid yellow;
  padding: 0px;
  text-align: center;
  }

div.rssRow {
  clear: both;
  margin: 0px;
  border: 0px solid yellow;
  padding: 0px;
  }

div.rssDesc {
  clear: both;
  margin: 3px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  }

.rssDD {
  width: 140px;
  height: 17px;
  display: block;
  background-color: #636563;
  color: #C0C0C0;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 11px;
  font-weight: normal;
  }

/*------------------------------*/

div.modalContent {
  background-image: url('images/loading_modal.gif');
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  /*width: 340px;
  height: 360px;*/
  display: table;
  color: #C0C0C0;
  margin: 0px auto auto 0px;
  border: 1px solid #C0C0C0;
  padding: 0px;
  background-color: #000000;
  background-position: center;
  text-align: center;
  z-index: 12;
  }

div.modalShadow {
  position: absolute;
  bottom: 0px;
  right: 0px;
  /*width: 340px;
  height: 360px;*/
  display: table;
  clear: both;
  margin: 5px auto 0px auto;
  border: 0px solid white;
  padding: 0px 0px 0px 0px;
  background-color: #000000;
  opacity: 0.30;
  filter: alpha(opacity=30);
  z-index: 11;
  }

.addImageSize {
  width: 738px;
  height: 408px;
  }

div.closeButton {
  display: block;
  color: black;
  clear: both;
  float: right;
  border: 0px solid red;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1px;
  }

div.galleryBox {
  clear: both;
  border: 0px solid blue;
  text-align: center;
  }

.hiddenPic {
  display:none;
  }

/*************************************************/
/****************           *********************/

form {
  margin:0;
  padding:0;
  }

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

/****************           *********************/

#flashWrapper {
  background-color: #000000;
  color: #C0C0C0;
  width: 1000px;
  margin: 0px auto 0px auto;
  border: 0px solid #00FF00;
  padding: 0px;
  }

#Wrapper, #accommWrapper, #fashionWrapper, #offersWrapper, #financeWrapper, #infoWrapper, #jobsWrapper, #musicWrapper, #sportWrapper, #travelWrapper {
  width: 1000px;
  margin: 0px auto 0px auto;
  border: 0px solid #00FF00;
  padding: 0px;
  background-position: left top;
  }

#moviePlayer {
  width: 400px;
  height: 320px;
  border: 0px solid red;
  margin: 10px auto 0px auto;
  padding: 0px;
  }


/* Old Header
div.header {
  height: 160px;
  width: 1000px;
  display: table;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  }
*/

div.header {
  height: 176px;
  width: 1000px;
  display: table;
  padding: 0px;
	margin: 12px 0 0;
	background-color: white;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 5;
}

.accomm {
  background-image: url('images/accomm_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.advert {
  background-image: url('images/advert_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.directory {
  background-image: url('images/directory_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.fashion {
  background-image: url('images/fashion_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.finance {
  background-image: url('images/finance_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.forum {
  background-image: url('images/forum_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.games {
  background-image: url('images/games_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.home {
  background-repeat: no-repeat;
  background-position: left top;
  }

.information {
  background-image: url('images/info_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.jobs {
  background-image: url('images/jobs_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.musicHead {
  background-image: url('images/music_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.networkHead {
  background-image: url('images/network_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

.travel {
  background-image: url('images/travel_header_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  }

#Content, #accommContent, #directoryContent, #offersContent, #advertContent, #forumContent, #financeContent, #musicContent, #fashionContent, #gamesContent, #infoContent, #jobsContent, #networkContent, #sportContent, #travelContent {
  /*position: relative;*/
  	width: 100%;
  	height: 100%;
  	min-height: 600px;
  	/*display: table;*/
  	margin: 0 auto 0px auto;
	background: #fff no-repeat left bottom;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 0 0 10px;
}

#liner {
  clear: both;
  margin: 0px;
  border: 0px solid #FF0080;
  padding: 0px;
  }


/*#Content {
  position: relative;
  background-image: url('images/footer_bg.gif');
  background-repeat: no-repeat;
  height: 100%;
  width: 1000px;
  display: table;
  margin: 0 auto 0px auto;
  border: 0px solid #FF8040;
  padding: 0px 0px 0px 0px;
  background-position: left bottom;
  text-align: justify;
  }*/


#flashContent {
  width: 100%;
  height: 100%;
  margin: 0px auto 0px auto;
  padding: 0;
  border: 0px solid #FF8040;
  text-align: center;
  }

#leftMenu {
  float: left;
  width: 150px;
  display: inline;
  margin: 40px 0 0 75px;
  border: 0px solid red;
  padding: 0;
  text-align: left;
  }

/* Right Col Old
#rightColumn {
  width: 150px;
  display: inline;
  float: right;
  margin: 10px 40px 0 0;
  border: 0px solid blue;
  padding: 0px 0 0 0px;
  text-align: center;
  font-size: 12px;
  }
*/

#rightColumn {
  width: 150px;
  display: inline;
  float: right;
  border: 0px solid red;
  padding: 10px;
  text-align: center;
  font-size: 12px;
	background-color: #F2F2F2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
}

div.mainPage, div.specialMainPage {
  width: 605px;
  float: left;
  padding: 10px 14px 0 16px;
  }

div.adPanel {
  width: 544px;
  float: left;
  margin: 10px 0px 0px 3px;
  border: 0px solid #808080;
  padding: 0px 20px 0px 20px;
  text-align: center;
  }

#contactMainPage {
  width: 540px;
  float: left;
  margin: 10px 0px 0px 0px;
  border: 1px solid #808080;
  padding: 0px 20px 30px 20px;
  }

#cardsMainPage {
  width: 540px;
  height: 500px;
  display: table;
  background-color: #808080;
  margin: 10px auto 30px auto;
  border: 0px solid #808080;
  padding: 20px 0px 0px 0px;
  text-align: center;
  }

#accommMainPage {
  width: 540px;
  float: left;
  margin: 10px 0px 0px 0px;
  border: 1px solid #808080;
  padding: 0px 20px 30px 20px;
  }

#financeMainPage {
  width: 540px;
  float: left;
  margin: 10px 0px 0px 0px;
  border: 1px solid #808080;
  padding: 0px 20px 30px 20px;
  }

#jobsMainPage {
  width: 540px;
  float: left;
  margin: 10px 0px 0px 0px;
  border: 1px solid #808080;
  padding: 0px 20px 30px 20px;
  }

#leftColumn {
  width: 152px;
  float: left;
  display: inline;
  text-align: center;
	background-color: #F2F2F2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px;
	padding: 10px 8px 10px 10px;
}

#financeFooter {
	width: 100%;
	clear: both;
	text-align: center;
	color: #7D7D7D;
	background-color: #000000;
	margin: 0px 0 0 0;
	border-left: 0px solid #008000;
	border-right: 0px solid #008000;
	border-top: 0px solid #6E6E6E;
	border-bottom: 0px solid #008000;
	padding: 10px 0 10px 0;
	}

#fashionFooter {
	width: 100%;
	clear: both;
	text-align: center;
	color: #7D7D7D;
	/*background-color: #523E1B;*/
	background-color: #000000;
	margin: 0px 0 0 0;
	border-left: 0px solid #008000;
	border-right: 0px solid #008000;
	border-top: 0px solid #6E6E6E;
	border-bottom: 0px solid #008000;
	padding: 10px 0 10px 0;
	}

#infoFooter {
	width: 100%;
	clear: both;
	text-align: center;
	color: #7D7D7D;
	/*background-color: #523E1B;*/
	background-color: #000000;
	margin: 0px 0 0 0;
	border-left: 0px solid #008000;
	border-right: 0px solid #008000;
	border-top: 0px solid #6E6E6E;
	border-bottom: 0px solid #008000;
	padding: 10px 0 10px 0;
	}

#jobsFooter {
	width: 100%;
	clear: both;
	text-align: center;
	color: #7D7D7D;
	background-color: #000000;
	margin: 0px 0 0 0;
	border-left: 0px solid #008000;
	border-right: 0px solid #008000;
	border-top: 0px solid #6E6E6E;
	border-bottom: 0px solid #008000;
	padding: 10px 0 10px 0;
	}

#musicFooter {
	width: 100%;
	clear: both;
	text-align: center;
	color: #7D7D7D;
	background-color: #000000;
	margin: 0px 0 0 0;
	border-left: 0px solid #008000;
	border-right: 0px solid #008000;
	border-top: 0px solid #6E6E6E;
	border-bottom: 0px solid #008000;
	padding: 10px 0 10px 0;
	}

#sportFooter {
	width: 100%;
	clear: both;
	text-align: center;
	color: #7D7D7D;
	background-color: #000000;
	margin: 0px 0 0 0;
	border-left: 0px solid #008000;
	border-right: 0px solid #008000;
	border-top: 0px solid #6E6E6E;
	border-bottom: 0px solid #008000;
	padding: 10px 0 10px 0;
	}

/*
#loginBox {
  background-image: url('images/login_bg.gif');
  background-repeat: no-repeat;
  width: 170px;
  height: 111px;
  display: inline;
  float: right;
  text-align: left;
  margin: 40px 150px 0 0;
  border: 0px solid #808080;
  padding: 0;
  text-align: center;
  background-position: left top;
  }
*/

#newWindowContent {
  width: 100%;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  }

div.delWindowContent {
  width: 100%;
  display: table;
  background-color: #000000;
  color: #C0C0C0;
  margin: 80px auto 0px auto;
  border: 1px solid #C0C0C0;
  padding: 0px;
  }

div.replyWindowContent {
  width: 100%;
  display: table;
  background-color: #000000;
  color: #C0C0C0;
  margin: 15px auto 0px auto;
  border: 1px solid #C0C0C0;
  padding: 0px;
  }

div.smallWindowCenter {
  display: table;
  width: 300px;
  background-color: #000000;
  margin: 30px auto 0px auto;
  border: 1px solid #808080;
  padding: 10px 15px 10px 15px;
  text-align: center;
  }

div.newWindowTerms {
  display: table;
  width: 500px;
  margin: 30px auto 20px auto;
  padding: 0px;
  text-align: justify;
  }

/*************** Card Pic ******************/

.cardPic {
	width: 62px;
	margin: 0 auto;
}

/*************** Left Column ******************/

div.leftAds {
  text-align: center;
}

div.leftAdLinks {
  clear: both;
  width: 150px;
  display: table;
  margin: 5px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px;
  }

div.leftLocLinks {
  clear: left;
  float: left;
  width: 150px;
  display: inline;
  overflow: hidden;
  margin: 5px 0px 0px 0;
  border: 0px solid #808080;
  padding: 0px;
  cursor: pointer;
  }

/*************** Right Column ******************/

div.rightAds {
  width: 145px;
  margin: 10px auto 0px auto;
  border: 0px solid #808080;
  padding: 2px;
  }

div.rightAdLinks {
  clear: both;
  width: 150px;
  display: table;
  margin: 5px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px;
  }

div.rightLocLinks {
  clear: both;
  width: 150px;
  display: table;
  overflow: hidden;
  margin: 5px auto 0px auto;
  border: 0px solid #808080;
  padding: 0px;
  cursor: pointer;
  }

/*************** Login ******************/

div.loginBox {
  width: 270px;
  height: 110px;
  display: inline;
  float: left;
  text-align: left;
  margin: 0px 0px 0 20px;
  }

div.loginButtons {
  width: 270px;
  height: 35px;
  display: inline;
  float: left;
  text-align: left;
  margin: 60px 0 0px 20px;
  border: 0px solid green;
  padding: 0;
  text-align: left;
  font-size: 1px;
  }
  
div.loginButtons img {
	margin-left: 15px;  }

div.loginRow {
  width: 260px;
  clear: both;
  display: table;
  margin: 15px 0 3px;
  border: 0px solid yellow;
  padding: 0px;
  text-align: center;
	height: 30px;
}

.loggedinRowWider {
	width: 120px;
	height: 40px;
	float: left;
}

div.loginRow span.label {
  width: 90px;
  height: 20px;
  float: left;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  }

div.loginRow span.info {
  width: 160px;
  height: 30px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  text-align: left;
}

.loginInput {
  width: 160px;
  height: 25px;
  display: block;
  background-color: #636563;
  color: #C0C0C0;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

div.loggedinRow {
  width: 350px;
  float: left;
  }

div.loggedinRow span.label {
  width: 120px;
  height: 20px;
  float: left;
  margin: 2px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  font-size: 12px;
  text-align: left;
}

div.loggedinRow span.info {
  width: 150px;
  height: 30px;
  float: left;
  overflow: hidden;
  margin: 2px 0px 0px 0;
  padding: 0px;
  text-align: left;
}
div.loggedinRow span.info a {
	margin-left: 10px;
  }

div.logoutButtons {
  width: 90px;
  height: 20px;
  display: inline;
  float: left;
  text-align: left;
  margin: 0px 20px 0 0;
  border: 0px solid green;
  padding: 0;
  text-align: center;
  font-size: 1px;
  }

/*-------------- Retry ---------------------*/

div.retryBox {
  width: 300px;
  clear: both;
  display: table;
  margin: 30px auto 30px auto;
  border: 1px solid #000000;
  padding: 0px;
  text-align: center;
  }

div.retryRow {
  width: 220px;
  clear: both;
  display: table;
  margin: 8px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px;
  text-align: center;
  }

div.retryRow span.label {
  width: 90px;
  height: 20px;
  float: left;
  margin: 2px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  font-size: 12px;
  text-align: right;
  }

div.retryRow span.info {
  width: 120px;
  height: 20px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 1px solid #0000A0;
  padding: 0px;
  text-align: left;
  }

/*************** Google Search ******************/

div.googleBox {
  width: 100%;
}

.googleText {
  width: 149px;
  height: 32px;
  display: block;
  color: #555;
  font-size: 12px;
  font-weight: normal;
	background: url(images-newtheme/search-bg-google.png) no-repeat;
	border: none;
	margin-bottom: 5px;
}

/*************** Jobs Page ******************/

div.picRow {
  width: 605px;
  clear: both;
  margin: 10px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 10px;
  }

div.picBox {
  width: 150px;
  height: 150px;
  display: inline;
  overflow: hidden;
  float: left;
  margin: 10px 0px 0px 20px;
  border: 0px solid orange;
  padding: 2px;
  text-align: center;
  }

.goMiddle {
  vertical-align: middle;
  border: 1px solid #FFFFFF;
  }

/*************** Accomm Page ******************/

div.accommRow {
  width: 100%;
  clear: both;
  display: table;
  margin: 10px 0px 0px 0px;
  border: 1px solid #808080;
  padding: 2px;
  }

div.accommRow span.cat {
  width: 150px;
  float: left;
  display: inline;
  margin: 0px 5px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  }

div.accommRow span.price {
  width: 50px;
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  font-size: 12px;
  }

div.accommRow span.contact {
  width: 350px;
  float: left;
  display: inline;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px;
  font-size: 12px;
  }

div.accommRow span.details {
  width: 480px;
  float: left;
  display: inline;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px;
  font-size: 12px;
  }

.formInputBox {
  width: 280px;
  height: 120px;
  display: block;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px auto 0px auto;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }

div.formRow {
  width: 440px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

div.formRow span.radio {
  height: 21px;
  width: 30px;
  float: left;
display: inline;
  margin: 0px;
  border: 0px solid blue;
  padding: 4px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.location {
  height: 21px;
  width: 350px;
  float: left;
display: inline;
  margin: 0px;
  border: 0px solid green;
  padding: 4px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.delete {
  height: 21px;
  width: 50px;
  float: right;
display: inline;
  margin: 0px;
  border: 0px solid pink;
  padding: 4px 0px 0px 0px;
  text-align: left;
  }

div.vacBox {
  width: 450px;
height: 95px;
  margin: 0px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px;
  font-size: 12px;
  }

div.afsBox {
  width: 100%;
  clear: both;
  display: table;
  background-color: white;
  color: black;
  margin: 10px 0px 0px 0px;
  border: 0px solid red;
  padding: 5px;
  }

div.afsRow {
  width: 100%;
  clear: both;
  display: table;
  margin: 10px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  }

div.afsImage {
  width: 100px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid orange;
  padding: 0px;
  }

div.afsText {
  width: 330px;
  float: left;
  margin: 0px 0px 0px 5px;
  border: 0px solid orange;
  padding: 0px;
  }

div.afsButton {
  width: 75px;
  float: right;
  margin: 0px;
  border: 0px solid orange;
  padding: 0px;
  text-align: right;
  }

/************** Profile *****************/

#noticeBoard {
  width: 310px;
  height: 400px;
  float: right;
  display: inline;
  overflow: auto;
  background-color: #C0C0C0;
  color: #000000;
  margin: 5px 0px 0px 0px;
  border-top: 2px solid #808080;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #808080;
  padding: 0px 0px 0px 0px;
  }

div.changeBox {
  width: 490px;
  /*height: 200px;*/
  display: table;
  margin: 0px auto 10px auto;
  border: 1px solid #808080;
  padding: 5px;
  }

div.changeRow {
  width: 460px;
  /*height: 200px;*/
  display: table;
  margin: 0px auto 10px auto;
  border: 0px solid #C0C0C0;
  padding: 5px;
  }

div.changeRow span.graphic {
  width: 150px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: center;
  }

div.changeRow span.info {
  width: 300px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

div.row {
  width: 540px;
  display: table;
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
  }

div.clearRow {
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid yellow;
  padding: 0px;
  font-size: 1px;
  }

div.linerRow {
  clear: both;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  }


div.leftCol {
  width: 200px;
  float: left;
  display: table;
  margin: 20px 0px 0px 0px;
  border: 0px solid white;
  padding: 0px 0px 0px 0px;
  }

div.rightCol {
  width: 310px;
  float: right;
  display: table;
  margin: 20px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  }

div.mainPhoto {
  width: 150px;
  height: 150px;
  display: table;
  margin: 0px auto 0px auto;
  border: 1px solid #808080;
  padding: 0px 0px 0px 0px;
  }

.mainPhotoFrame {
  display: table;
  margin: 0px;
  border: 1px solid #808080;
  padding: 0px;
  }

div.listPhoto {
  width: 150px;
  float: left;
  display: table;
  margin: 20px 0px 0px 15px;
  border: 1px solid #808080;
  padding: 0px 0px 0px 0px;
  }

div.profileRow {
  width: 300px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid white;
  padding: 0px 0px 10px 0px;
  }

div.messageRow {
  width: 280px;
  display: table;
  margin: 0px 0px 5px 5px;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
  }

div.profileRow span.label {
  width: 100px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.profileRow span.info {
  width: 190px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid purple;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.deleteRow {
  width: 280px;
  float: left;
  display: inline;
  margin: 0px 0px 5px 5px;
  border-bottom: 1px solid #000000;
  padding: 0px 0px 5px 0px;
  text-align: right;
  }

div.deleteRow span.delete {
  width: 100px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  text-align: right;
  }

div.deleteRow span.reply {
  width: 100px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.leftRow {
  width: 190px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px 0px 10px 0px;
  }

/*
div.noticeBoard {
  width: 310px;
  float: right;
  display: table;
  background-color: #C0C0C0;
  color: #000000;
  margin: 5px 0px 0px 0px;
  border: 1px solid pink;
  padding: 0px 5px 0px 5px;
  }
*/



div.colCentre
{
width: 100%;
border: 0px solid red;
text-align: center;
}

.loading {
background-color: #3A3A3A;
color: #FFFFFF;
border: 0px;
}

.uploadRow {
  width: 100%;
  display: table;
  margin: 10px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

.formumsDD {
  width: 170px;
  /*height: 20px;*/
  display: block;
  overflow: hidden;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/*--------------- Friends ----------------*/

div.friendsRow {
  width: 540px;
  height: 45px;
  clear: both;
  margin: 10px auto 0px auto;
  border: 0px solid green;
  padding: 10px 0px 0px 0px;
  }

div.friendsRow span.box {
  float: left;
  display: inline;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

.boxPhoto {
  width: 42px;
  height: 42px;
  border: 0px solid red;
  }

.boxName {
  width: 185px;
  height: 40px;
  overflow: hidden;
  border: 0px solid blue;
  }

div.boxDate {
  width: 160px;
  height: 40px;
  float: right;
  display: inline;
  border: 0px solid yellow;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  }

div.boxButton {
  /*height: 15px;*/
  float: right;
  display: inline;
  border: 0px solid yellow;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

div.boxDelete {
  /*height: 15px;*/
  float: right;
  display: inline;
  border: 0px solid yellow;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  }

/************** Register ****************/

div.formBox {
  width: 550px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  padding: 10px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.label {
  height: 21px;
  width: 180px;
  float: left;
  display: block;
  margin: 0px;
  border: 0px solid blue;
  padding: 4px 0px 0px 0px;
  text-align: right;
  }

div.formRow span.address {
  /*height: 20px;*/
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 4px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.info {
  height: 23px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 2px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.viewInfo {
  height: 20px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 4px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.infoText {
  height: 25px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.infoBox {
  height: 200px;
  width: 250px;
  float: right;
  display: block;
  margin: 0px;
  border: 0px solid green;
  padding: 2px 0px 0px 0px;
  text-align: left;
  }

div.formRow span.graphicBox {
  height: 202px;
  width: 202px;
  display: inline;
  float: right;
  margin: 0px 40px 0px 0px;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }


div.formRow span.dob {
  height: 23px;
  float: left;
  display: block;
  margin: 0px;
  border: 0px solid white;
  padding: 2px 8px 0px 0px;
  text-align: left;
  }

.datesDD {
  /*width: 180px;*/
  /*height: 20px;*/
  display: block;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

.formDD {
  width: 180px;
  /*height: 20px;*/
  display: block;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

.formInput {
  width: 180px;
  height: 16px;
  display: block;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }

.inputNumber {
  width: 50px;
  height: 14px;
  display: inline;
  color: #FFFFFF;
  background-color: #3A3A3A;
  border-top: 0px solid #000000;
  border-right: 0px solid #808080;
  border-bottom: 0px solid #808080;
  border-left: 0px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
text-align: right;
  }

div.modalBox {
clear: left;
width: 500px;
display: table;
margin: 10px auto 10px auto;
border: 2px solid #808080;
padding: 10px 0px 0px 0px;
background-color: #000000;
font-size: 14px;
text-align: center;
}

div.viewRow {
  /*height: 25px;*/
  width: 440px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

div.viewRow span.label {
  height: 21px;
  width: 180px;
  float: left;
  margin: 0px;
  border: 0px solid blue;
  padding: 4px 0px 0px 0px;
  text-align: right;
  }

div.viewRow span.info {
  min-height: 23px;
  width: 250px;
  float: right;
  margin: 0px;
  border: 0px solid red;
  padding: 4px 0px 0px 0px;
  text-align: left;
font-weight: bold;
  }

/*************** Forum ******************/

div.forumListRow {
width: 540px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding: 2px 0px 0px 2px;
  font-size: 11px;
  }

div.forumRow {
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding: 5px 0px 0px 0px;
  }

div.forumDateCol {
  width: 60px;
  float: left;
  display: table;
  margin: 0px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

div.forumLineCol {
  width: 350px;
  height: 14px;
  float: right;
  display: table;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  }

div.forumLeftCol {
  width: 120px;
  float: left;
  display: table;
  margin: 0px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px 0px 0px 0px;
text-align: left;
  }

div.forumRightCol {
  width: 380px;
  float: right;
  display: table;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  }

div.forumRightColA {
  width: 365px;
  float: right;
  display: table;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px 0px 0px 15px;
  }


div.forumBox {
  width: 518px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 10px 10px 10px 10px;
  }

.startThread {
  background-color: #3A3A3A;
  border: 1px solid #808080;
  }

div.forumEntry {
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid yellow;
  padding: 10px 0px 10px 0px;
text-align: left;
  }

.forumInputBox {
  width: 370px;
  height: 80px;
  display: block;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }


.threadTitle {
  width: 370px;
  height: 16px;
  display: block;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 1px 0px 1px 2px;
  font-size: 12px;
  font-weight: normal;
  }








div.headerRow {
  width: 100%;
  clear: both;
  margin: 0px;
  border: 0px solid yellow;
  padding: 0px;
  }

div.headerBox {
  display: inline;
  float: left;
  margin: 0px;
  }

.selLabel {
  width: 85px;
  height: 22px;
  border: 0px solid red;
  padding-top: 3px;
  }

.searchLabel {
  width: 45px;
  height: 22px;
  border: 0px solid blue;
  padding-top: 3px;
  }

.dropdown {
  width: 180px;
  height: 21px;
  border: 0px solid yellow;
  padding: 3px 0px 0px 0px;
  }

.textBox {
  width: 190px;
  height: 25px;
  border: 0px solid green;
  padding: 0px;
  }

.button {
  width: 30px;
  height: 22px;
  border: 0px solid green;
  padding-top: 3px;
  }

.formumsDD {
  width: 170px;
  /*height: 20px;*/
  display: block;
  overflow: hidden;
  color: #FFFFFF;
  background-color: #636563;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/************************** Information ******************************/

div.infoRow {
  width: 100%;
  float: left;
  clear: both;
  margin: 10px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  }

div.infoRow span.info {
  float: left;
  display: inline;
  margin: 0px;
  border: 0px solid green;
  }

.image {
  width: 250px;
  padding: 0px;
  }

.details {
  width: 285px;
  padding: 0px;
  }

.imageOnly {
  padding: 0px 5px 0px 5px;
  text-align: center;
  }

/*************** Other ******************/

div.headerPanel {
  width: 100%;
  height: 50px;
  display: inline;
  float: left;
  padding: 0px;
  }

/*div.loginText {
  width: 100px;
  height: 20px;
  display: block;
  margin: 71px auto 0px auto;
  border: 1px solid blue;
  padding: 0px;
  text-align: center;
  }*/

div.loginText {
  width: 30%;
  height: 20px;
  float: left;
  display: block;
/*background-color: blue;*/
  margin: 31px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: center;
  }

div.groupLinksBox {
  /*width: 100px;*/
  height: 51px;
  display: block;
  margin: 40px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
	clear: both;
  }

div.groupLinkLeft {
  width: 35%;
  height: 30px;
float: left;
  display: block;
/*background-color: green;*/
  margin: 10px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: right;
  }

div.groupLinkRight {
  width: 35%;
  height: 30px;
float: left;
  display: block;
/*background-color: maroon;*/
  margin: 10px 0px 0px 0px;
  border: 0px solid maroon;
  padding: 0px;
  text-align: left;
  }

div.menuPanel {
  width: 100%;
  height: 46px;
  float: left;
  display: inline;
  padding: 0px;
  text-align: left;
  }

/*
div.dirMenuPanel {
  background-image: url('images/dir_menu_bg.gif');
  background-repeat: no-repeat;
  width: 900px;
  height: 14px;
  margin: 5px auto 0px auto;
  border: 0px solid blue;
  padding: 0px;
  text-align: left;
  background-position: right top;
  }
*/

div.dirMenuPanel {
  float: right;
  display: inline;
  width: 900px;
  height: 14px;
  margin: 5px 50px 0px auto;
  border: 0px solid blue;
  padding: 0px;
  text-align: left;
  }

div.ddPanel {
  width: 345px;
  height: 56px;
  display: inline;
  margin: 0px 0px 0px 0px;
  border: 0px solid pink;
  padding: 0px;
  text-align: left;
	clear: both;
  }

div.ddBox {
  width: 600px;
  height: 30px;
  float: left;
  display: inline;
  margin: 7px 0px 0px 120px;
  padding: 0px;
  text-align: left;
}
div.ddBox2 {
  min-width: 300px;
  height: 30px;
  float: left;
  display: inline;
  margin: 7px 0px 0px 10px;
  padding: 0px;
  text-align: left;
}

div.buttonBox {
  width: 50px;
  height: 30px;
  float: left;
  display: inline;
  font-size: 1px;
}

/**************/

div.locationBox {
  background-image: url('images/location_bg.gif');
  background-repeat: no-repeat;
  width: 285px;
  height: 111px;
  display: inline;
  float: right;
  text-align: left;
  margin: 40px 100px 0 0;
  border: 0px solid #808080;
  padding: 0;
  text-align: center;
  background-position: left top;
  }

div.locationRow {
  width: 300px;
	float: left;
  }
  .txtHint {
	background-color: yellow;
}

div.locationRow span.label {
  width: 90px;
  height: 20px;
  float: left;
  margin: 2px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  font-size: 12px;
  text-align: left;
	color: #555;
}

div.locationRow span.info {
  width: 190px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #0000A0;
  padding: 0px;
  text-align: left;
  }

.ddStyle {
  width: 180px;
  height: 17px;
  display: block;
  background-color: #636563;
  color: #C0C0C0;
  border-top: 1px solid #000000;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

div.clockMusic {
  width: 100%;
  height: 19px;
  float: left;
  display: table;
  margin: 40px auto 0px auto;
  }

div.clock {
  width: 149px;
  height: 19px;
  float: left;
  display: inline;
	margin-top: 5px;
}

div.music {
  width: 149px;
  height: 18px;
  float: left;
  display: inline;
  }

/************************** Buttons ******************************/

div.buttonRow {
  width: 90%;
  clear: both;
  display: table;
  margin: 10px auto 10px auto;
  border-top: 1px solid #808080;
  padding: 10px 0px 0px 0px;
  text-align: center;
  }

div.buttonRow span.leftButton {
  width: 48%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.rightButton {
  width: 48%;
  display: block;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.threeButton {
  width: 33%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

/********************************************/

div.postIt {
  position: absolute;
  top: 170px;
  left: 650px;
z-index: 3;
  }

div.summerSale {
  position: absolute;
  top: 470px;
  left: 650px;
z-index: 3;
  }

div.rtColLine {
  width: 130px;
  height: 1px;
  display: table;
  margin: 5px auto 5px auto;
  border-top: 1px solid #808080;
  }

div.panicPanel {
  height: 56px;
  display: inline;
  }

div.panicBox {
	display: inline;
	text-align: center;
  }

#panicButton {
	cursor: pointer;
	text-align: center;
  }

div.gameBox {
  width: 100%;
  clear: both;
  display: table;
/*background-color: white;*/
  margin: 0px auto 0px auto;
  border: 0px solid #808080;
  padding: 10px 0px 30px 0px;
  text-align: center;
  }

div.gameRow {
  width: 100%;
  clear: both;
  /*display: table;*/
  margin: 10px auto 10px auto;
  border: 0px solid yellow;
  padding: 10px 0px 0px 0px;
  }

div.gameRow span.leftBox {
  width: 260px;
  /*height: 180px;*/
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: left;
  }

div.gameRow span.rightBox {
  width: 260px;
  /*height: 180px;*/
  display: block;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: left;
  }


div.halfRow {
  width: 100%;
  clear: both;
  /*display: table;*/
  margin: 10px auto 10px auto;
  border: 0px solid yellow;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

div.halfRow span.leftBox {
  width: 48%;
  display: block;
clear: left;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
text-align: left;
  }

div.halfRow span.rightBox {
  width: 48%;
  display: block;
clear: right;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid green;
  padding: 0px;
text-align: left;
  }

div.halfRow span.leftPic {
  width: 48%;
  display: table;
  clear: left;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
  }

div.halfRow span.rightPic {
  width: 48%;
  display: table;
  clear: right;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

.leftProp {
  width: 1px;
  height: 700px;
  float: right;
  /*background-color: red;*/
  }

.clearBoth {
  clear: both;
  height: 1px;
  overflow: hidden;
  /*background-color: blue;*/
  }
.clearFixleft {
	clear: left;
}
.clearfixContent {
	clear: both;
}

div.spacer5 {
  height: 5px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer10 {
  height: 10px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer20 {
  /*width: 500px;*/
  height: 20px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer30 {
  /*width: 500px;*/
  height: 30px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer50 {
  width: 500px;
  height: 50px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer60 {
  width: 500px;
  height: 60px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.horLine {
clear: both;
margin: 5px 0 5px 0;
border-top: 1px solid #808080;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLine70 {
width: 70%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #808080;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLine30 {
width: 30%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #808080;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLine90 {
width: 90%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #808080;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLine90black {
width: 90%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #000000;
border-right: 0;
border-bottom: 0px solid #808080;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLineThick {
/*width: 90%;*/
clear: both;
margin: 5px auto 5px auto;
border-top: 3px solid #808080;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
padding: 0px;
font-size: 1px;
}

.formAlert
{
color: #FF0000;
font-weight: bold;
}

.text10 {
  font-size: 10px;
  }

.text11 {
  font-size: 11px;
  }

.text12 {
  font-size: 12px;
  }

.text14 {
  font-size: 14px;
  }

.text16 {
  font-size: 16px;
  }

.text18 {
  font-size: 18px;
  }

.makeBold {
  font-weight: bold;
}

.makeGreen {
  color: #00FF00;
  }

.makeGrey {
  color: #C0C0C0;
  }
.makeBlack {
  color: #000000;
  }

.makeWhite {
  color: #FFFFFF;
  }

.makeBlue {
  color: #000080;
  }

.makeFaint {
  color: #808080;
  }

.rightFloat {
  float: right;
  border: 0px solid white;
  }

.leftFloat {
  float: left;
  border: 0px solid red;
  }

.alignCentre {
  text-align: center;
  }

.alignLeft {
  text-align: left;
  }

.alignJust {
  text-align: justify;
  }

.plainBox {
  border: 0px solid white;
  }

.underLine {
  text-decoration: underline;
  }

/*---------------------------------------*/

.bg_white {
  background-color: #FFFFFF;
  }

.bg_black {
  background-color: #000000;
  }

.bg_silver {
  background-color: #808080;
  }

.bg_green {
  background-color: #95C896;
  }

.bg_blue {
  background-color: #BBDAFD;
  }

.bg_red {
  background-color: #E48989;
  }

.bg_teal {
  background-color: #429F73;
  }

.bg_gold {
  background-color: #DFE393;
  }

.bg_purple {
  background-color: #800080;
  }

.bg_ruby {
  background-color: #800040;
  }

.bg_salmon {
  background-color: #FFD6C1;
  }