/******************************************************************************/
/* Muddy Matches 
/* Main style sheet
/* Nick 2006
/******************************************************************************/


/******************************************************************************/
/* TAG STYLES
/******************************************************************************/

body {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 70%; /* 100% is now 11px*/
  color: black;
  background-color: #FFFFFF;
  margin: 6px;
  padding: 0;
}
 
table {
  /*width: 100%;*/
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

table th {
  text-align: left;
  padding-right: 5px;
}

table td {
  padding: 0;
}

img { 
  border: 0; 
}

a { 
  color: white;
}

form { 
  margin: 0; 
  padding: 0; 
}

input, textarea, select {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  color: black;
}

input.text {
  padding: 2px;
}

blockquote {
  margin-left:30px;
}

h1 {
  font-size: 130%;
  font-family: arial, helvetica, sans-serif;
  color: #214d6a;
  font-weight: bold;
  margin: 10px 0;
}

h2 {
  font-size: 110%;
  color: #8d99b6;
  font-weight: bold;
  margin: 16px 0 10px 0;
}

h3 {
  font-size: 100%;
  color: #af2d2f;
  font-weight: bold;
  margin: 16px 0 10px 0;
}

/******************************************************************************/
/* COMMON STYLES
/******************************************************************************/

div.clear {
  clear: both;
}

div.error {
  color: red;
  border: red 4px solid;
  margin: 5px 0 5px 0;
  background-color: white;
}

div.error p {
  margin: 5px 5px 0 20px;
  font-size: 110%;
  font-weight: bold;
}

div.error li {}

.alt {
  display: none;
  line-height: 0;
}

.char-limit {
  font-size: 90%;
  color: #555555;
}

.char-limit .char-counter {
  font-weight: bold;
}

div.hr {
  background-color: #214D6A;
  height: 1px;
  margin: 15px 0 15px 0;
  overflow: hidden;
}

table.columns {
  width:100%;
}

#info-nav {
  width:160px;
  padding: 37px 0 0 26px;
}

#info-nav a {
  color: #8d99b6;
}

#info-nav ul {
  margin: 0;
  padding: 0;
}

#info-nav li {
  margin: 0 0 12px 0;
  list-style: none;
}

/******************************************************************************/
/* MAIN AUTOHANDLER
/******************************************************************************/

/*-- Page Container ----------------------------------------------------------*/

#page-container {
  width: 762px;
  margin-left: auto;
  margin-right: auto;
}

/*-- Banner ------------------------------------------------------------------*/

#banner {
  height: 95px;
  background: #ffffff url(/images/banner_bg.jpg) no-repeat top right;
}

#banner .logo {
  float: left;
  margin: 0px 0 0 12px;
}

#banner .advert {
  float: right;
  margin: 18px 9px 0 0;;
}

#banner p {
  float: right;
  margin: 0px 0px 0px 0;
  padding-right: 17px;
  color: #264B65;
  font-size: 10px;
}

/*-- Nav ---------------------------------------------------------------------*/

#nav {
  color: white;
  margin-top: 5px;
  height: 30px;
  background: #275c7e url(/images/nav_bg.gif);
}

#nav .menu {
  float: left;
}

#nav a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#nav a:hover {
  color: #E6E6E6;
}

#nav ul {
  padding:7px;
  margin: 0;
}

#nav li {
  list-style: none;
  display: block;
  float:left;
  height: 17px;
  padding: 1px 10px 0 10px;
  border-left: #899daa 1px solid;
  border-right: #132b3b 1px solid;
}

#nav li.first {
  border-left: 0;
}

#nav li.last {
  border-right: 0;
}

#nav .welcome {
  float: right;
  font-weight: bold;
}

#nav .welcome ul {
  padding:3px;
  margin: 5px 0 0 0;
}

#nav .welcome .name {
  font-weight: normal;
  color: #f1f1f1;
}

/*-- Sub Nav -----------------------------------------------------------------*/

#subnav {
  color: white;
  margin-top: 5px;
  height: 30px;
  background: #6e96a9 url(/images/subnav_bg.gif);
}

#subnav .menu {
  float: left;
}

#subnav a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#subnav a:hover {
  color: #E6E6E6;
}

#subnav ul {
  padding:7px;
  margin: 0;
}

#subnav li {
  list-style: none;
  display: block;
  float:left;
  height: 17px;
  padding: 1px 10px 0 10px;
  border-left:  #91bbc1 1px solid;
  border-right: #2b6387 1px solid;
}

#subnav li.first {
  border-left: 0;
}

#subnav li.last {
  border-right: 0;
}

/*-- Content -----------------------------------------------------------------*/

#content {
  margin-top: 6px;
  padding: 0 20px 20px 20px
}

#content img.main-title {
  margin-top: 10px;
}

#content h1 {
  font-size: 130%;
  font-family: arial, helvetica, sans-serif;
  color: #214d6a;
  font-weight: bold;
  margin: 10px 0;
}

#content h1 .plain {
  font-weight: normal;
  color: black;
}

#content h2 {
  font-size: 110%;
  color: #8d99b6;
  font-weight: bold;
  margin: 16px 0 10px 0;
}

#content h3 {
  font-size: 100%;
  color: #af2d2f;
  font-weight: bold;
  margin: 16px 0 10px 0;
}

#content a {
  color: blue;
}

#content a:hover {
  color: red;
}

#content img.about {
  border: 3px solid #8d99b6;
}


/* RED PANEL */

#content .red-panel {
  background-color: #bf5759;
  border-top: #480001 1px solid;
  border-bottom: #480001 1px solid;
  margin: 10px 0 10px 0;
  padding: 12px;
  color: white;
}

#content .red-panel h1 {
  font-size: 120%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  margin-top:0;
}

#content .red-panel h2 {
  font-size: 120%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  margin-top:0;
}

#content .red-panel h3 {
  font-size: 110%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #f7d1d2;
  margin-top:0;
}

#content .red-panel ul {
  margin: 0;
  padding: 0 0 0 14px;
}

#content .red-panel ul li {
  list-style: none;
  margin: 5px 0 8px 0;
  color: white;
}

#content .red-panel a {
  color: white;
}


/* GAMEFAIR PANELS */

#content .gamefair-panel {
  margin: 10px 0 10px 0;
}

#content .gamefair-panel td {
  padding: 12px;
  color: white;
}

#content .gamefair-panel h1 {
  font-size: 130%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  margin-top:0;
}

#content .gamefair-panel h2 {
  font-size: 120%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  margin-top:0;
}

#content .gamefair-panel a {
  color: white;
}

#content .gamefair-panel .red {
  background-color: #af2d2f;
  border-right: 8px solid white;
}

#content .gamefair-panel .blue {
  background-color: #7180a4;
  background-image:url(/images/gamefair/datingshow_info.jpg);
  background-repeat:no-repeat;
  background-position:right;
}


/* LIGHT GREEN/BLUE PANEL */

#content .blue-panel {
  background-color: #95caca;
  border-top: #214d6a 1px solid;
  border-bottom: #214d6a 1px solid;
  margin: 10px 0 10px 0;
  padding: 12px;
  color: #214d6a;
}

#content .blue-panel h1 {
  font-size: 120%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #214d6a;
  margin-top:0;
}

#content .blue-panel h2 {
  font-size: 120%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #214d6a;
  margin-top:0;
}

#content .blue-panel ul {
  margin: 0;
  padding: 0 0 0 25px;
}

#content .blue-panel ul li {
  list-style: none;
  margin: 5px 0 5px 0;
  color: #214d6a;
}

#content .blue-panel ul.big {
  font-size: 120%;
}

#content .blue-panel a {
  color: #214d6a;
}

#content .faq-answer {
  padding: 8px 16px 8px 16px;
  border: 1px solid red;
}


/*-- Footer ------------------------------------------------------------------*/

#footer {
  clear: both;
}

#footer .homepage {
  padding: 0px 11px 0 11px;
  background: #ffffff url(/images/footer_bg.jpg) no-repeat;
}

#footer .nav {
  float: left;
  width: 600px;
  margin-top: 22px;
}

#footer .nav p {
  margin: 0 0 5px 0;
  padding: 0;
}

#footer .nav a {
  color: #000000;
  text-decoration: none;
}

#footer .nav a:hover {
  text-decoration: underline;
}

#footer .description, .home-description {
  float: left;
  clear: both;
  width: 550px;
  color: #8c8b8b;
  margin: 10px 0 0 10px; 
  font-size: 90%;
}

#footer .description a, .home-description a {
  color: #8c8b8b;
}

#footer .description p, .home-description p {
  margin: 10px 0 10px 0; 
}

#footer .copyright {
  float:right;
  margin-top: 22px;
}

#footer .copyright p {
  margin: 0;
}

/******************************************************************************/
/* PANELS
/******************************************************************************/

/*-- Register ----------------------------------------------------------------*/

#register {
  width: 290px;
  background-color: #8CA0E3;
  padding: 14px 10px 10px 10px;
  height: 306px;
  float: left;
}

#register, #register p {
  color: white;
  font-weight: normal;
}

#register p {
  margin: 0 0 7px 0;
}

#register a {
  color: white;
}

#register table.form {
  width: 100%;
  margin-top: 3px
}

#register table.form th {
  font-weight: normal;
  text-align: left;
  padding: 3px 0 3px 5px;
}

#register table.form td {
  text-align: left;
  text-align: right;
  padding: 3px 5px 3px 0;
}

#register input.text {
  width: 170px;
}

#register .submit {
  text-align: right;
  margin: 15px 5px 0 0;
}

#register tr.error {
  background-color: red;
}

/*-- Login -------------------------------------------------------------------*/

#login {
  width: 168px;
  min-height: 113px;
  height: auto !important;
  height: 113px;
  overflow: hidden;
  float: left;
  margin-right: 6px;
  background: #8092CF url(/images/login_bg.jpg) no-repeat;
  padding: 12px 8px 4px 10px;
  color: white;
}

#login a {
  color: white;
}

#login table {
  margin-top: 5px
}

#login table.form {
  width:100%;
}

#login table.form th {
  font-weight: normal;
  text-align: left;
  padding: 3px 0 3px 0;
}

#login table.form td {
  text-align: left;
  text-align: right;
  padding: 3px 0 3px 0;
}

#login input.text {
  width: 100px;
}


/*-- Quiz --------------------------------------------------------------------*/

#quiz {
  width: 186px;
  height: 129px;
  float: left;
  margin-right: 6px;
  background-color: #214D6A;
}

/*-- Spread the word ---------------------------------------------------------*/

#spread-the-word {
  width: 186px;
  height: 129px;
  float: left;
  margin-right: 6px;
  background-color: #7CBEBD;
}

/*-- Mudlovers ball ---------------------------------------------------------*/

#mudlovers-ball {
  width: 186px;
  height: 129px;
  float: left;
  margin-right: 6px;
  background-color: #7CBEBD;
}

/*-- CLA Gamefair ---------------------------------------------------------*/

#game-fair {
  width: 186px;
  height: 129px;
  float: left;
  margin-right: 6px;
  background-color: #7CBEBD;
}

/*-- Affiliates --------------------------------------------------------------*/

#affiliates {
  width: 186px;
  height: 126px;
  background: #E9E9E9; /* url(/images/affiliates_bg.gif) no-repeat top left; */
  float: left;
  text-align: center;
  padding-top: 3px
}

#affiliates img {
  margin-top: 4px;
}

/*-- Basic Search ------------------------------------------------------------*/

#basic-search {
  width: 226px;
  background-color: #8CA0E3;
  padding: 14px 7px 10px 7px;
  height: 281px;
  float: right;
}

#basic-search, #basic-search p {
  color: white;
  font-weight: normal;
}

#basic-search p {
  margin: 0 0 7px 0;
}

#basic-search a {
  color: white;
}

#basic-search table.form {
  width:100%;
  margin-top: 3px
}

#basic-search table.form th {
  font-weight: normal;
  text-align: left;
  padding: 3px 0 3px 5px;
  width: 60px;
}

#basic-search table.form td {
  text-align: left;
  padding: 3px 5px 3px 0;
}

#basic-search input.text, 
#basic-search select {
  width: 150px;
}

#basic-search .submit {
  text-align: right;
  margin: 15px 5px 0 0;
}

#basic-search tr.error {
  background-color: red;
}

/*-- Latest news -------------------------------------------------------------*/

#latest_news {
  padding: 10px 10px 10px 10px;
  width: 166px;
  height: 109px;
  overflow: hidden;
  float: left;
  background-color: #B22E30;
  background: url(/images/news_homepage.jpg) top no-repeat;
  color: white;
  font-weight: bold;
}

#latest_news a {
  font-weight: bold;
  text-decoration: underline;
}

#latest_news p {
  margin: 7px 0 0 0;
}

/******************************************************************************/
/* HOMEPAGE
/******************************************************************************/

#main-content {
  float: left;
  width: 522px;
  height: 305px;
  padding: 0;
}

#main-content #photo {
  float:left;
  width:310;
  height:305;
}

#main-content #welcome {
  float:left;
  background: url('/images/home_promo_bg.gif') no-repeat;
  height: 305px;
  width: 206px;
  padding: 0;
  color: white;
}

#main-content #welcome .message {
  margin: 0 3px 10px 17px;
}

#main-content #welcome .message p {
  padding: 0;
  margin: 10px 0 10px 0;
}

#main-content #welcome .message img {
  margin-top: 5px;
}

#panels {
  margin: 6px 0 0 0;
  height: 129px;
}

/******************************************************************************/
/* MEMBER FORMS
/******************************************************************************/

#member-form {
}

#member-form a {
  color: #214D6A;
}

#member-form h2 {
  font-size: 120%;
  font-weight: bold;
  color: #214D6A;
  margin: 7px 0 0 0;
}

#member-form h3 {
  font-size: 110%;
  font-weight: bold;
  color: #214D6A;
  margin: 0;
}

#member-form h4 {
  font-size: 100%;
  font-weight: bold;
  color: #214D6A;
  margin: 10px 0 10px 0;
}

#member-form .buttons {
  text-align:right;
}

#member-form .note {
  color: #214D6A;
  font-size: 90%;
}

#member-form .note p {
  color: #214D6A;
  margin: 0;
}

#member-form p a {
  text-decoration: underline;
  color: #214D6A;
}

#member-form fieldset {
  padding: 20px 10px 20px 10px;
  border: 0;
}

#member-form fieldset.shaded {
  background-color: #CBCFDD;
}

#member-form .form-group {
  float:left;
  margin-right: 10px;
}

#member-form label {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
}

#member-form .toggle-control-closed {
  margin: 10px 0 10px 0;
  padding: 0 0 0 20px;
  background: url(/images/icons/toggle_down.gif) no-repeat;
}

#member-form .toggle-control-open {
  margin: 10px 0 10px 0;
  padding: 0 0 0 20px;
  background: url(/images/icons/toggle_up.gif) no-repeat;
}

#member-form .toggle-section-open {
  display: block;
  margin: 10px 0 10px 0;
  padding: 0 0 0 20px;
}

#member-form .toggle-section-closed {
  display: none;
}

/******************************************************************************/
/* PROFILE PAGE
/******************************************************************************/

/*-- Content -----------------------------------------------------------------*/

#profile-content {
  float: left;
  margin-right: 6px;
  font-size: 110%;
  background-color: #ECEEF2;
  padding: 14px 10px 10px 10px;
  width: 566px;
  color: #214D6A;
  overflow: hidden;
}

#profile-content .activity-checkbox, 
                 .iterest-checkbox,
                 .ethnicity-checkbox,
                 .education-checkbox,
                 .languages-checkbox,
                 .pets-checkbox
{
  font-size: 90%;
  float: left;
  width: 170px;
  overflow: hidden;
  height: 20px;
}

/*-- Side Nav ----------------------------------------------------------------*/

#profile-nav {
  float: left;
  width: 150px;
}

#profile-nav ul {
  margin:0;
  padding:0;
}

#profile-nav li {
  display: block;
  float:left;
  width:150px;
  background-color: #8CA0E3;
  margin-bottom: 6px;
  padding: 10px;
  font-weight: bold;
  color: white;
}

#profile-nav li.selected {
  background-color: #AF2D2F;
}

#profile-nav a {
  color: white;
  text-decoration: none;
}

#profile-nav a:hover {
  text-decoration: underline;
}

/******************************************************************************/
/* HELP POPUP
/******************************************************************************/

#help-popup {
  margin: 15px;
}

#help-popup h1 {
  font-size: 130%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #8ca0e3;
  margin: 7px 0 0 0;
}

#help-popup p {}

#help-popup li {
  margin-bottom: 10px;
}

/******************************************************************************/
/* MY HOME
/******************************************************************************/

#myhome-content {
  float:left;
  margin-right: 6px;
  font-size: 100%;
  background-color: #af2d2f;
  padding: 5px 10px 10px 10px;
  color: #214D6A;
  overflow: hidden;
  color: white;
  width: 496px;
}

#myhome-content p {
  margin: 5px 0 5px 0;
}

#myhome-content p.first {
  margin: 0;
}

#myhome-content a {
  color: white;
  text-decoration: underline;
}

#myhome-content a:hover {
  color: #f0f0f0;
}

#myhome-content .panel {
  margin: 10px 0 0 0;
  width: 243px;
  float:left;
}

#myhome-content .panel img {
  margin-left: 3px;
}

#myhome-content .panel .inner {
  margin-top: 3px;
  height: 120px;
  background-color: #d23739;
  padding: 5px;
}

#myhome-content .panel table th {
  font-weight: normal;
  text-align: left;
  padding-right:10px;
  white-space: nowrap;
}

#myhome-content .panel table td {
  width:100%;
  font-weight: bold;
  text-align: left;
}

#myhome-content ul {
  margin: 5px 0 0 15px;
  padding: 0;
}

#myhome-content ul li {

  margin-bottom: 3px;
}

/******************************************************************************/
/* GENERAL MEMBER CONTENT
/******************************************************************************/

/*-- Content -----------------------------------------------------------------*/

#member-content {
  font-size: 110%;
  background-color: #ECEEF2;
  padding: 14px 10px 10px 10px;
  color: #214D6A;
}

#member-content a {
  color: #214D6A;
}

#member-content h1 {
  font-size: 120%;
  font-weight: bold;
}

#member-content h2 {
  font-size: 110%;
  font-weight: bold;
}

#member-content .buttons {
  text-align:right;
}

#member-content .page-controls {
  text-align: center;
}

#member-content li {
  margin: 0 0 5px 0;
}


/******************************************************************************/
/* MY PHOTOS
/******************************************************************************/

/*-- Content -----------------------------------------------------------------*/

#photos-content {
  font-size: 110%;
  background-color: #ECEEF2;
  padding: 14px 10px 10px 10px;
  color: #214D6A;
}

#photos-content h2 {
  margin-top: 0;
  font-size: 110%;
  font-weight: bold;
}

#photos-content a {
  color: #214D6A;
}

#photos-content li {
  margin-bottom: 2px;
}

#photo-table th {
  text-align: left;
  padding-bottom: 5px;
}

#photo-table td p {
  margin: 3px 0 0 0;
}

#photo-table td.main-photo {
  width: 149px;
  height: 185px;
  background-color: #CBCFDD;
  text-align:center;
}

#photo-table .additional-photo {
  float: left;
  background-color: #CBCFDD;
  width: 145px;
  height: 170px;
  text-align:center;
}

#photo-table .photo-container {
  height: 103px;
  width: 82px;
  margin: 20px auto 0 auto;
  overflow: hidden;
}

#photo-table .photo-container img {
  border: #214D6A 1px solid;
}

#photo-table .buttons td {
  padding: 7px 0 7px 0;
  text-align: left;
}

/******************************************************************************/
/* SEARCH RESULTS
/******************************************************************************/

#results-content {
  float:left;
  margin-right: 6px;
  background-color: #af2d2f;
  padding: 10px 0 10px 10px;
  color: #214D6A;
  overflow: hidden;
  color: white;
  width: 505px;
}

#results-content a {
  color: white;
  text-decoration: underline;
}

#results-content a:hover {
  color: #f0f0f0;
}

#results-content div.hr {
  background-color: #ffffff;
  height: 1px;
  margin: 7px 0 7px 0;
  overflow: hidden;
}

#results-content .profiles {
  margin-top: 7px
}

#results-content .panel {
  float: left;
  width: 228px;
  height: 170px;
  background-color: #d23739;
  padding: 7px;
  margin: 0 10px 10px 0;
}

#results-content .panel .photo {
  float:left;
  margin-right: 5px;
  position: relative;
}

#results-content .panel p {
  clear: both;
  margin: 0 0 3px 0;
}

#results-content .panel .photo img {
  border: white 1px solid;
  margin: 0 5px 5px 0;
}

#results-content .panel .name {
  float:left;
  height: 16px
}

#results-content .panel .profile-id {
  float:right;
}

#results-content .panel .description {
	float:left;
	width:130px;
	overflow:hidden
}

#results-content .page-controls {
  clear: both;
  text-align: center;
  padding: 3px;
  font-weight: bold;
}

#results-content .panel .photo .badge-new {
  position: absolute;
  left: 5px;
  bottom: -7px;
  border: 0px;
}


/*  */
#results-content.members {
  width: 752px;
	background-color: #ECEEF2;
	color: #214D6A;
}

#results-content.members .panel {
	background-color: #CBCFDD;
	color: #214D6A;
}

#results-content.members div.hr {
  background-color: #214D6A;
}

#results-content.members a {
  color: #214D6A;
}

#results-content.members a:hover {
  color: #214D6A;
}

#results-content.members .panel {
	width:352px;
}

#results-content.members .panel .description {
	width:230px;
}


/******************************************************************************/
/* PROFILE DISPLAY PAGE
/******************************************************************************/

#profile-page {
  font-size: 110%;
  background-color: #ffffff;
  color: #000000;
}


#id-strip {
  padding: 1px 6px 6px 6px;
  height: 16px;
  background-color: #ffffff;
}

#id-strip a {
  color: #000000;
}

#profile-page .panels {
  width: 290px;
  background-color: #ECEEF2;
  border-right: #ffffff 6px solid;
}

#profile-page .panel {
   color: #214D6A;
   padding: 15px;
   border-bottom: #ffffff 6px solid;
}

#profile-page .panel a {
  color: #214D6A;
}

#profile-page p {
  font-size: 90%;
  margin: 5px 0 5px 0;
}

#profile-page .panels td {
  font-size: 90%;
  padding: 5px 0 5px 0;
}

#profile-page .panels h1 {
  font-size: 130%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#profile-page .panels h2 {
  font-size: 120%;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  margin: 0;
}

#profile-page .links-panel {
  padding: 10px;
  border-bottom: #ffffff 6px solid;
  background-color: #CBCFDD;
}

#profile-page .last-panel {
   border-bottom: 0;
}

#profile-page #photos {
  background-color: #AF2D2F;
  color: #FFFFFF;
  padding: 10px;
}

#profile-page #photos a {
  color: #FFFFFF;
}

#profile-page #photos img {
  /*border: #ffffff 1px solid;*/
}

#profile-page #photos p {
  margin: 7px 0 0 0;
}

#profile-page .thumbnails {
  padding: 10px 0 0 0;
  width: 79px;
  background-color: #AF2D2F;
}

#profile-page .thumbnails .thumbnail {
  width: 70px;
  margin: 0 7px 7px 0;
  /*border: #e53c3e 1px dashed;*/
}

#profile-page .thumbnails .border {
  border: #AF2D2F 1px solid;
}

#profile-page .thumbnails .border-selected {
  border: #ffffff 1px solid;
}

#profile-page #multiple-choice {
  float:left;
  padding: 15px 0 15px 10px;
  width: 270px;
}

#profile-page #multiple-choice table {
  font-size: 90%;
}

#profile-page #multiple-choice table tr.item th {
  text-align: left;
  font-weight: bold;
  width: 110px;
  color: #214D6A;
  padding: 5px 0 5px 0;
}

#profile-page #multiple-choice table tr.item td {
  padding: 5px 0 5px 0;
}

#profile-page #multiple-choice table tr.seperator td {
  padding: 0;
}

#profile-page #multiple-choice table tr.seperator td .hr {
  background-color: #CBCFDD;
  margin-top: 10px;
  margin-bottom: 10px;
}

#profile-page #blurb {
  float:left;
  margin: 15px 0 15px 26px;
  width: 440px;
}

#profile-page #blurb h2 {
  font-family: arial, helvetica, sans-serif;
  color: #214D6A;
  margin: 0;
  font-size: 120%;
}

#profile-page #blurb h3 {
  font-family: arial, helvetica, sans-serif;
  color: #214D6A;
  margin: 10px 0 0 0;
  font-size: 100%;
}

#profile-page #blurb p {
  margin: 5px 0 5px 0;
  overflow: hidden;
}

#profile-page #message {
  padding: 10px;
  background-color:#CBCFDD;
  color:#214D6A;
}

#profile-page #message a {
  color:#214D6A;
}

#profile-page .disabled {
  color: grey;
}

#profile-page .blocked a {
  color: black;
}

/******************************************************************************/
/* ICON LINKS
/******************************************************************************/

ul.icon-links {
  padding: 0;
  margin: 0;
}

ul.icon-links li {
  float: left;
  display: block;
  font-weight: bold;
  font-size: 90%;
  color: #214D6A;
  margin: 5px;
  padding: 4px 0 4px 24px;
  width: 100px;
}

ul.icon-links li a {
  color: #214D6A;
}

ul.icon-links li.send-message {
  background: url(/images/icons/message.gif) no-repeat;
  background-position: -1px 2px; 
}

ul.icon-links li.add-favourite {
  background: url(/images/icons/favourite.gif) no-repeat;
}

ul.icon-links li.in-favourite {
  background: url(/images/icons/favourite.gif) no-repeat;
}

ul.icon-links li.remove-favourite {
  background: url(/images/icons/favourite.gif) no-repeat;
}

ul.icon-links li.add-friend {
  background: url(/images/icons/friend.gif) no-repeat;
}

ul.icon-links li.in-friend {
  background: url(/images/icons/friend.gif) no-repeat;
}

ul.icon-links li.remove-friend {
  background: url(/images/icons/friend.gif) no-repeat;
}

ul.icon-links li.forward-friend {
  background: url(/images/icons/forward.gif) no-repeat;
}

ul.icon-links li.block-person {
  background: url(/images/icons/block.gif) no-repeat;
}

ul.icon-links li.hide-person {
  background: url(/images/icons/hide.gif) no-repeat -1px 1px;
}

ul.icon-links li.report-concern {
  background: url(/images/icons/concern.gif) no-repeat;
}

ul.icon-links li.accept {
  background: url(/images/icons/friend.gif) no-repeat;
}

ul.icon-links li.decline {
  background: url(/images/icons/block.gif) no-repeat;
}

ul.icon-links li.post-message {
  background: url(/images/icons/post_message.gif) no-repeat;
  background-position: -1px 1px; 
}

ul.icon-links li.send-message-light {
  font-size:100%;
  width:auto;
  margin:0 20px 0 0;
  background: url(/images/icons/message_light.gif) no-repeat;
  background-position: -1px 2px; 
}

ul.icon-links li.report-concern-light {
  font-size:100%;
  width:auto;
  margin:0 20px 0 0;
  background: url(/images/icons/concern_light.gif) no-repeat;
  background-position: -1px 2px; 
}

/******************************************************************************/
/* INBOX & SENT MESSAGES
/******************************************************************************/

#inbox-thumbnail {
  float:left;
  margin-right: 10px;
}

#inbox-thumbnail img {
  border: #214D6A 1px solid;
}

#inbox-table {
  width: 100%;
  margin: 10px 0 10px 0;
}

#inbox-table th {
  font-weight: normal;
  text-align: left;
  padding: 6px;
  white-space: nowrap;
  background-color: #CBCFDD;
}

#inbox-table th.last {
  text-align: center;
  width: 50px;
}

#inbox-table tr.message-sent td {
  font-weight: normal;
  text-align: left;
  border-bottom: #CBCFDD 1px solid;
  padding: 4px 6px 4px 6px;
}

#inbox-table tr.message-new td {
  font-weight: bold;
  text-align: left;
  border-bottom: #CBCFDD 1px solid;
  padding: 4px 6px 4px 6px;
}

#inbox-table tr.message-read td {
  font-weight: normal;
  text-align: left;
  border-bottom: #CBCFDD 1px solid;
  padding: 4px 6px 4px 6px;
}

#inbox-table tr.muddy-matters td {
  color: #AF2D2F;
}

#inbox-table tr.muddy-matters td a {
  color: #AF2D2F;
}

#inbox-table tr.deleted td {
  color: #5c7f97;
  background-color: #e6e8ec;
}

#inbox-table tr.deleted td a {
  color: #5c7f97;
}

#inbox-table tr td.last {
  text-align: center;
}

/******************************************************************************/
/* ADVANCED SEARCH PAGE
/******************************************************************************/

/*-- Content -----------------------------------------------------------------*/

#search-content {
  float: left;
  margin-right: 6px;
  font-size: 110%;
  background-color: #ECEEF2;
  padding: 14px 10px 10px 10px;
  width: 516px;
  color: #214D6A;
  overflow: hidden;
}

/*-- Side Nav ----------------------------------------------------------------*/

#search-panels {
  float:right;
  width:220px
}


#search-panels .panel {
  width: 200px;
  padding: 10px;
  background-color: #8CA0E3;
  color: #ffffff;
  margin-bottom: 7px;
}

/******************************************************************************/
/* Friends and Favourites
/******************************************************************************/

.my-favourites-column,
.favourite-of-column {
  width: 360px;
}

.my-favourites-column {
  float: left;
}

.favourite-of-column {
  float: right;
}

.my-friends-list .person,
.my-favourites-column .person,
.favourite-of-column .person {
  background-color: #cbcfdd;
  padding: 5px;
  margin-bottom: 5px;
}

.my-friends-list .person {
  float: left;
  margin-right: 5px;
  width: 356px;
}

.my-friends-list .person img.photo,
.my-favourites-column .person img.photo,
.favourite-of-column .person img.photo {
  border: #214d6a 1px solid;
  float: left;
  margin-right: 10px;
}

.my-friends-list .person .content,
.my-favourites-column .person .content,
.favourite-of-column .person .content {
  float: left;
  width: 250px;
}

.my-friends-list .person .content ul.icon-links,
.my-favourites-column .person .content ul.icon-links,
.favourite-of-column .person .content ul.icon-links {
  margin-top: 10px;
}

.my-friends-list .person .content ul.icon-links li,
.my-favourites-column .person .content ul.icon-links li,
.favourite-of-column .person .content ul.icon-links li {
  margin: 0;
  width: auto;
  clear: both;
}

/******************************************************************************/
/* Blocking
/******************************************************************************/

#blocking-table {
  margin-top: 10px;
}

#blocking-table th {
  font-weight: normal;
  text-align: left;
  padding: 6px;
  white-space: nowrap;
  background-color: #CBCFDD;
}

#blocking-table th.last {
  text-align: center;
  width: 50px;
}

#blocking-table tr td {
  text-align: left;
  border-bottom: #CBCFDD 1px solid;
  padding: 4px 20px 4px 6px;
}

#blocking-table tr td.last {
  text-align: center;
}


/******************************************************************************/
/* hiding
/******************************************************************************/

#hiding-table {
  margin-top: 10px;
}

#hiding-table th {
  font-weight: normal;
  text-align: left;
  padding: 6px;
  white-space: nowrap;
  background-color: #CBCFDD;
}

#hiding-table th.last {
  text-align: center;
  width: 50px;
}

#hiding-table tr td {
  text-align: left;
  border-bottom: #CBCFDD 1px solid;
  padding: 4px 20px 4px 6px;
}

#hiding-table tr td.last {
  text-align: center;
}

/******************************************************************************/
/* basket
/******************************************************************************/

#basket {
  margin-top: 20px;
  padding: 10px 10px 12px 10px;
  background-color: #ECEEF2;
}

.basket-table {
  width:100%;
}

.basket-table tr td {
  padding: 7px;
}

.basket-table tr.header td {
  background-color: #CBCFDD;
  font-weight: bold;
}

.basket-table tr.divide td {
  border-bottom: #CBCFDD 1px solid;
}

.basket-table tr.shopping_buttons td {
  padding-top: 14px;
}

/******************************************************************************/
/* jons
/******************************************************************************/

.job-pic {
float:right;
width:300px;
height:225px;
margin-left:15px;
margin-top:20px;
border:1px solid #CCCCCC;
}

.job-info {
float:left;
background-color:#e8e6c1;
width:100%;
padding:8px 0px 8px 0px;
border-top:1px solid #c3c08b;
border-bottom:1px solid #c3c08b;
margin-bottom:10px;
}

/******************************************************************************/
/* Marathon
/******************************************************************************/

#marathon p {
	margin-top: 8px;
	margin-bottom: 8px;
}

#marathon .bluegrad-panel {
	width: 286px;
	background-color: #6077C7;
	padding: 12px;
	color: #FFFFFF;
	background-image: url(/images/muddy_marathon/backgr.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#marathon div.redbox {
	background-color: #AF2D2F;
	border-top: solid 6px #FFFFFF;
	padding: 12px;
	width: 196px;
	float: left;
	height: 100%;
	color: #FFFFFF;
}

#marathon div.bluebox {
	background-color: #8CA0E3;
	border-left: solid 6px #FFFFFF;
	border-top: solid 6px #FFFFFF;
	padding: 12px;
	width: 196px;
	height: 100%;
	float: left;
	color: #FFFFFF;
}

#marathon div.blogbox {
	background: #8CA0E3 url(/images/muddy_marathon/st_bg.gif) bottom right no-repeat;
	border-left: solid 6px #FFFFFF;
	border-top: solid 6px #FFFFFF;
	padding: 12px;
	width: 196px;
	height: 100%;
	float: left;
	color: #FFFFFF;
}

#marathon td.bottombox {
	background-color: #214D6A;
	border-top: solid 3px #FFFFFF;
/*	background-image: url(/images/muddy_marathon/bottombox.gif); */
	background-repeat: repeat-x;
	background-position: left top;
	width: 422px;
	padding: 12px;
	color: #FFFFFF;
}

#marathon td.bottombox p {
/*	margin-right: 120px; */
}

/*-- Itinerary ---------------------------------------------------------------*/

#tab-bar {
	width: 100%;
	height: 37px;
	background-image: url(/images/muddy_marathon/itinerary/tab-bar-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}

#tab-bar .tab {
	float: left;
	padding-left: 10px;
	margin-top: 5px;
	background-color: #E3E8F8;
	background-image: url(/images/muddy_marathon/itinerary/tab_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 32px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	width: 130px;
	font-weight: bold;
	text-align: center;
}

#tab-bar .tab a {
	color: #214D6A;
	text-decoration: none;
}

#tab-bar .tab p {
	margin-top: 10px;
	margin-bottom: 0px;
}

#tab-bar .right {
	background-image: url(/images/muddy_marathon/itinerary/tab_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	height: 100%;
	width: 10px;
}

#tab-bar .selected {
	margin-top: 0px;
	background-color: #CFD4E4;
	background-image: url(/images/muddy_marathon/itinerary/tab-selected_left.gif);
	height: 37px;
}

#tab-bar .selected p {
	margin-top: 15px;
}

#tab-bar .selected .right {
	background-image: url(/images/muddy_marathon/itinerary/tab-selected_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	height: 100%;
	width: 10px;
}

#filter-bar {
	margin-top: 1px;
	background-color: #CFD4E4;
	padding-top: 7px;
	padding-bottom: 8px;
  padding-left: 10px;
}

#filter-bar p {
	margin: 5px 0 0 0;
}

#filter-bar a {
	margin-right: 3px;
	margin-left: 2px;
	color: #224F6D;
}

div.item {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #224F6D;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.item p {
	color: #214D6A;
	margin: 0px;
	padding-left: 8px;
}

div.item p.date {
	color: #B22E30;
	font-weight: bold;
	margin-bottom: 5px;
}
div.item img {
	float: left;
	margin-right: 6px;
}
div.item p.details {
	margin-top: 6px;
	color: #8CA0E3;
}

div.item p.heading {
	font-weight: bold;
	margin-bottom: 10px;
}

div.item img.image {
	float: right;
	margin: 5px 10px 5px 10px;
}

/*-- Itinerary ---------------------------------------------------------------*/

.route-nav {
  color: white;
  font-size: 10px;
  font-weight: bold;
  padding: 35px 15px 10px 15px;
  background: #DA0B15 url(/images/muddy_marathon/region_marker.gif) no-repeat 40px 8px;
  margin-bottom: 6px;
}

.route-nav .start {
  float:left;
}

.route-nav .route {
  float:left;
  margin-left: 18px
}

.route-nav .finish {
  float:right;
}

/*-- iFrames ---------------------------------------------------------------*/

.iframe-container {
/*  margin: 0px auto 0px auto;   */
  width: 980px;
}

.iframe-top {
  margin: 0px 0px 5px 0px;
  float: left;
}

.iframe-vertical {
  float: right;
}

.iframe-container #page-container {
  float: left;
  padding: 0px 0px 0px 50px;
  margin: 0px;
}

.iframe-bottom {
  float: left;
}