@charset "utf-8";

/*** General CSS ***/
/*
The Sport Circle - Copyright 2008
*/
/*--remove padding and margin for all elements by default!*/
* {
  padding:0px;
  margin:0px;
}

br {
  height:15px;
}

body {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:0.7em;
  font-size:1.2em;
  letter-spacing:0.04em;
  
}
body {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#686868;
}
/*--buttons (if used)--*/
button {
  border:none;
}

/*--paragraph tags--*/
p {
  padding-left:15px;
  padding-right:15px;
  
  font-size:1.1em;
}


/*--previous mail that a user is replying to--*/
p.reply {
  font-size:0.8em;
  font-weight:normal;
  padding:0px;
}
div {
  margin:0px;
  padding:0px;
}

form {
  margin:0px;
  padding:0px;
  width:100%;
  width:98%;
}
  
div.user-login-form-holder checkbox {
  width:15px;
}
    
img {
  margin:0px;
  padding:0px;
  border:0;
}

.clearall {
  clear:both;
  line-height:1px;
}

.clearleft {
  clear:left;
  line-height:1px;
}

div.clearing-div {
  font-size:0px;
  clear:both;
  height:1px;
  width:100%;
  line-height:1px;
  overflow:hidden;
}

.no-margin-and-padding {
  margin:0px;
  padding:0px;
}

/*** End General CSS ***/

/*** Reg form styling ***/

div.user-details-form-holder {
  position:relative;
  width:99%!important;
  padding-top:10px;
}

div.user-details-form-holder div.user-details-form-errors {
  padding-left:5px;
  padding-right:5px;
}

div.user-details-form-holder form#user_details_form {
  padding-top:15px;
}
/*--all links within this form---*/
div.user-details-form-holder form#user_details_form a img {
  /*width:70px;  */
  height:20px;
  height:auto;
}

div.user-details-form-holder div.user-details-form-col {
  position:relative;
  float:left;
  clear:none;
}

div.user-details-form-holder #col-1 {
  margin-left:15px;
  _margin-left:5px;/*--ie6--*/
}

div.user-details-form-holder #col-2 {
  margin-left:15px;
  _margin-left:5px;
  /*margin-left:20px;*/
}

div.user-details-form-holder div.user-details-form-header-text {
  clear:both;
}

div.user-details-form-holder div.user-details-form-row {
  /*margin-bottom:3px;*/
  margin-bottom:3px;
  clear:both; 
}


div.user-details-form-holder div.user-details-form-row label {
 /* width:10em;
  width:11em;*/
  width:6em;
  
  
  width:150px;
  width:120px;
  
  float:left;
  text-align:right;
  text-align:left;
  color:#000000;
  
  color:#686868;/*--dark grey--*/
                 
  /*font-weight:bold;*/
  font-weight:bold;
  font-size:1em;
}

div.user-details-form-holder div.user-details-form-row div.user-details-form-row-subitem {
  float:left;
}

/*--account settings specific--*/
div.account-settings div.user-details-form-holder {
  margin-left:auto;
  margin-right:auto;
  width:70% !important;
}


/*--login page-remember me div--*/
div#login_remember_me_row {
  width:200px;
  display:inline;
  float:left;
}

div#login_remember_me_row label {
  margin-top:-18px;
  _margin-top:-20px;
}

/*--PC Safari, google Chrome hack--*/
body:nth-of-type(1) div#login_remember_me_row label {
  margin-top:0px;
}

div.user-details-form-holder #user_reg_submit_row {
  margin-top:0px;
  text-align:left;
}

div.user-details-form-holder #user_reg_submit_row input {
  width:70px;
  width:auto;
}

div.user-details-form-holder #user_reg_submit_row input.submitbutton {
  margin-top:15px;
  margin-right:10px;

  float:right;
  height:20px;
  height:auto;
  width:99px;
  width:auto;

}

/*--edit profile input boxes--*/
div.edit-profile div.user-details-form-holder input {
  width:120px;
}
div.edit-profile div.user-details-form-holder  .column-4 input {
  width:auto;
}

div.user-details-form-holder input {
 /*margin-bottom:3px;*/
  margin-bottom:5px;
  font-size:1em;
  width:180px;
  width:120px;
  
  width:140px;
  color:gray;
  float:left;
  float:right;
  float:left;
  
  /*--per request--*/
  width:160px;
  font-size:1em; 
}


/*--form for histroy holder, edit profile screen--*/
#user_details_form  div.user-details-form-holder div.row input {
  float:left;
}

div#col-2 #company_row {
  /*margin-left:10px;*/
}


  div.user-details-form-holder .form-history-holder {
  margin-top:50px;
  border-top:1px solid silver;
}

div.user-details-form-holder .form-history-holder h3 {
  margin-bottom:10px;
}

div.user-details-form-holder .form-history-holder .row {
  clear:both;
  margin-left:20px;
  margin-top:3px;
}

div.user-details-form-holder .form-history-holder .row-new {
  clear:both;
  margin-left:20px;
  padding-bottom:7px;
}

div.user-details-form-holder .form-history-holder .column-1 {
  float:left;
  width:260px;

}

div.user-details-form-holder .form-history-holder .column-2 {
  float:left;
  width:70px;
}

div.user-details-form-holder .form-history-holder .column-3 {
  float:left;
  width:70px;
}

div.user-details-form-holder .form-history-holder .column-3 select {
  width:50px;
}

div.user-details-form-holder .form-history-holder .column-4 {
  float:left;
  width:50px;
}

/*** End Reg Form Styling ***/


/*** Login form styling ***/
div.user-login-form-holder {
  width:100%;
  padding-top:5px;
}

div.user-login-form-holder a {
  font-weight:bold;
  /*color:#686868;*/
}


div.user-login-form-holder div.user-login-form-errors {
}

div.user-login-form-holder form#user_login_form {
  margin-top:20px;
  width:220px;
  margin-left:5px;
}

div.user-login-form-holder div.user-login-form-col {
  float:left;
  clear:none; 
}

div.user-login-form-holder #col-1 {
  margin-left:5px;
}

div.user-login-form-holder div.user-login-form-header-text {
  clear:both;
}

div.user-login-form-holder div.user-login-form-row {
  margin-bottom:5px;
  clear:both; 
}

div.user-login-form-holder div.user-login-form-row label {
  width:8em;
  
  

  
  float:left;
  text-align:right;
  font-weight:bold;
  color:#000000;/*--black---*/
  color:#686868/*--dark grey--*/
}

div.user-login-form-holder div.user-login-form-row div.user-login-form-row-subitem {
  float:left;
}

div.user-login-form-holder #user_login_submit_row {
  margin-top:10px;
  text-align:left;
}

div.user-login-form-holder #user_login_submit_row input.submitbutton {
  margin-top:10px;
  float:right;
  margin-right:15px;
  width:auto;
}

/*--general submit button class--*/
.submitbutton {
  width:auto;
  height:20px;
  height:auto;
  padding:2px;
}

/*--style for buttons to go alongside text input fields--*/
.inlineButton {
  margin-bottom:-6px;
}

.cbside .submitbutton {
  width:auto;
  height:30px;
  height:auto;
  padding:2px;
}


div.user-login-form-holder input {
  width:90px;
  width:85px;
  font-size:0.8em;
  display:inline;
  color:gray;
  margin-bottom:3px;
  
  /*--changed as per request --*/
  width:110px;
  font-size:1em;
   
}

div.user-login-form-holder .checkbox {
  width:30px;
  width:auto;
  margin-left:35px;
  
  /*--to line up now inputs have stretched--*/
  margin-left:-5px;
  margin-left:2px;
  _margin-left:7px;/*--ie6--*/
}

/*--google/safari hack--*/
body:nth-of-type(1) div.user-login-form-holder .checkbox {
  margin-left:-88px;
  text-align:left;
}


/*** End Login Form Styling ***/
/*** Specific Styling ***/


div.container {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:960px;
  background-color:#FFFFFF;
  /*--to test lightbox--*/
  z-index:0;
}


div.header {
  position:relative;  
  width:960px;
  height:88px;
  height:83px;
  height:63px;
  margin-top:4px;
  padding-bottom:4px;
}

#strapline {
  text-align:center;
  font-size:1.6em;
  letter-spacing:0.12em;
  position:absolute;
  left:260px;
  top:30px;
  left:295px;
  top:20px;
  color:#5C5C5C;
  letter-spacing:0em;
}

#controls {
  /*--sign out/help links--*/
  font-size:0.9em;
  position:absolute;
  left:798px;
  top:53px;
}

a:link, a:visited {
  text-decoration:none;
  color:#000;
  color:#686868;
  font-weight:bold;
}

a:hover, a:active {
  text-decoration: none;
  color:#1fc5f4;
}


/*--footer section--*/
div.footer {
    position:relative;
    float:left;
    clear:both;
    width:960px;
    height:60px;
   /*--the follwing two lines removed until we can make a more interesting footer! 
    height:120px;
    background:url(/media/footer.jpg) top center no-repeat;
  --*/  
    background-color:#fff;
    margin-top:5px;
}

div.footer ul {
  list-style-type:none;
  padding-top:10px;
  text-align:center;
  width:960px;
  float:left;
}

div.footer ul li {
  display:inline;
  padding-left:5px;
}

div.footer ul li a {
  padding-right:5px;
  font-weight:normal;
}
div.footer ul li a:link,div.footer ul li a:visited {
  text-decoration:none;
  font-weight:normal;
}
p.footerText {
  color:gray;
  text-align:center;
  width:960px;
  margin-top:10px;
}
/*--end of footer section --*/




/*--latest-users -list of links to profile pages--*/
ul.latest-members {
  list-style-type:none;
  padding:0px;
  margin:0px;
}

ul.latest-members li {
  width:100%;
  height:47px;
  overflow:hidden;
}

/*--user uploaded images or default:--*/
ul.latest-members li img {
  display:block;
 /*
  width:45px;
  height:45px;
  ------------Removed in favour of server side resizing!
 */
 width:45px;
  border:1px solid silver;
  float:left;
  clear:left;
  margin-left:5px;
  margin-bottom:2px;
}

span.latest-user-name {
  font-weight:bold;
  color:#6F6F6F;
  width:95px;
  overflow:hidden;
  float:left;
  padding-left:5px;
}

span.latest-user-date {
  font-weight:bold;
  color:#6F6F6F;
  width:48px;
  float:right;
  clear:right;
}

div.main-content-area {
    position:relative;
    width:960px;
    width:790px;
    _width:785px;
    background-color:#fff;
    margin-bottom:10px;
   _overflow:hidden;
}

#skyscraper {
    width:160px;
    float:right;
    margin-left:5px;
}


div.navigation {
  float:left;
  font-size:1.1em;
  padding:6px 0 3px 0;
  margin:0;
  background:#f2f1f1 url(/media/navbg.jpg) repeat-x;
  color:#383838;
  width:790px;
  display:inline;
  height:25px;
}

div.navigation .home {
    float:left;
    padding-left:8px;    
    color:#000000;
    color:#4E4E4E;
    font-size:1.1em;
    font-weight:bold;
}


div.navigation ul {
    float:right;
    padding:0;
    margin:0;
    list-style-type:none;
}

div.navigation li {
  display:inline;
  padding-left:27px;
  padding-right:4px;
}

div.navigation li a {
  font-weight:bold;
  /*color:#4E4E4E;*/
  font-size:1.1em;
}

div.content-holder {
  float:left;
  width:790px;
  _width:785px;/*--ie6--*/
}

/**--profile page--**/
div.profilePage {
  
}
img.profileImage {
  margin-top:28px;
}

.cbside input.alignRight {
  float:right;
  margin-right:-4px;
  _margin-right:-2px;/*--ie6--*/
/*--  _margin-right:14px; IE6--*/
/*--  #margin-right:12px;IE7--*/
  clear:both;
 /* margin-top:6px;*/
 padding-top:0px;
 
}

/*--on edit profile page- delete button--*/
.deleteButton {
  margin-top:5px;

}

/*--CV image--*/
.cv_icon {
  width:40px;  
}

a.edit-link {
  font-size:1.1em;
  padding-left:10px;
}

div.profilePage #side-content {
  margin-right:10px;
  margin:0px;
}

/*--div holding cv upload form--*/
div.cv-form-holder {
  height:30px;
  position:relative;
}

/*--form holding CV upload--*/
form.cv-upload {
  float:left;
  padding-left:15px;
  width:400px;
  position:absolute;
  top:0px;
  left:0px;
}

/*--image upload form holder--*/
div.image-upload-holder {
  width:180px;
  _width:195px;/*--ie6--*/
  #width:195px;/*--ie7--*/
  height:200px;
  /*float:left;
  clear:left;*/
  position:relative;

}
/*--form within--*/
form.image-uploader {
  position:absolute;
  top:0px;
  right:0px;
  _left:0px;

}

form.delete-image {
  position:absolute;
  top:95px;
  right:0px;
  _right:3px;/*--ie6--*//*_border:1px solid green;*/

}


/*--fix for browse button/file input---*/

/*--container for this CSS trickery:--*/
div.browseHolder {
  position:relative;
  width:220px;
  width:180px;
  height:22px;
  overflow:hidden; 
  background:url(/media/browse_small_button.jpg) top right no-repeat;
  _background:url(/media/browse_small_button.jpg) 80% 0% no-repeat; 
  _float:left;
  _width:210px;
  #margin-right:5px;
  cursor:pointer;
}

.cbside div.browseHolder {
  position:relative;
  width:220px;
  width:180px;
  height:22px;
  /*overflow:hidden;*/
  background:url(/media/browse_small_button.jpg) top right no-repeat;
  _background:url(/media/browse_small_button.jpg) top right no-repeat;
  #background:url(/media/browse_small_button.jpg) top right no-repeat;
  _float:left;
  _width:190px;
  #float:left;
  #width:190px;
  cursor:auto;
}

.invisibleField {
  width:200px;
  width:100%;
  height:22px;
  z-index:2;
  position:absolute;





  top:0px;
  left:0px;
  /*--make invisible!--*/
  -moz-opacity:0;
  filter:alpha(opacity: 0);
  opacity: 0;
  border:1px solid red;
  cursor:pointer;
}

.visibleField {
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  width:105px;
 _width:107px;
 #width:107px;
 margin-right:5px;
}

.visibleImage {
  width:68px;
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  left:111px;
}


#fakeField {
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  width:105px;
  _width:90px;
  #width:90px;
  
}

#realField {
  width:200px;
  _width:160px;
  #width:160px;
  height:22px;
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  /*--make invisible!--*/
  -moz-opacity:0;
  filter:alpha(opacity: 0);
  opacity: 0;
}

/*--userdetails/profilepage--*/
div.user-details-form-col label {
  color:#39CBF4;
}

/*--table holding users details--*/
table.userDetails {
  font-size:1.1em;
}

table.userDetails tr {
  height:15px;  
}

table.userDetails td {
  font-weight:normal;
  color:#4E4E4E;
  padding:5px;
}

table.userDetails td.label {
  color:#39CBF4;
  width:10em;
}

/*--add user to network link--*/
.addLink {
  color:#0D7694;
  clear:both;
}

.addLink img {
  padding-top:0px;
  float:left;clear:left;
}

.addLink span.textLink {
  font-size:1.2em;
  font-weight:bold;
  padding-top:20px;
  
  padding-top:10px;
  padding-left:7px;
  float:left;
  clear:right;
  color:#0D7694;
}

/*--If NO LINK- PARAGRAPH INSTEAD-*/
.textLink {
  color:#0D7694;
  font-size:1.2em;
  font-weight:bold;
  padding-top:20px;
  clear:right;
}

/*--address book image on profile screen--*/
.addressBook {
}


#side-content {
    float:left;
    width:228px;
    border-right:2px solid white;
    background-color:#F2F1F1; 
    position:relative;
    #margin-bottom:20px;/*--IE7--*/
}

#side-content-profile {
    float:left;
    width:217px;
    width:230px;
    border-right:2px solid white;
    /*background-color:#F2F1F1;*/
}

#side-content1 {
    float:left;
    width:217px;
    width:228px;
    border-right:2px solid white;
    background-color:#F2F1F1;
}

#side-content2 {
    float:left;
    width:217px;
    width:228px;
    border-right:2px solid white;
    background-color:#F2F1F1;
}

#two-cols {
  float:left;
  background-color:#F2F1F1;
  height:100%;
  background:url(/media/editProfileBackground.jpg) repeat-y top left;
}

#two-cols2 {
  float:left;
  clear:left;
  background-color:#F2F1F1;
  height:100%;
  background:url(/media/editProfileBackground.jpg) repeat-y top left;
}

#three-cols {
  background:url(/media/backgroundBodyStrip.jpg) repeat-y top left;
  border-bottom:3px solid white;
}
  
#primary-content {
  float:left;
  width:555px;
 /* width:560px;*/
  overflow:hidden;
  margin-left:0px;
  display:inline;
  background-color:#F2F1F1;
}

/*#two-cols #primary-content {
  float:left;
  width:555px;
  width:560px;
  overflow:hidden;
  margin-left:0px;
  display:inline;
  background-color:#F2F1F1;
}
*/
/*--unordered list within this div---*/
#two-cols #primary-content ul {
  padding:5px;
  margin-left:25px;
}

#two-cols #primary-content ul li {
  font-weight:normal;
  font-size:1.1em;
}


/*--ordered list within this div---*/
#two-cols #primary-content ol {
  padding:5px;
  list-style-type:none;
  margin-left:25px;
}

#two-cols #primary-content ol li {
  font-weight:normal;
  font-size:1.1em;
}



#two-cols #primary-content1 {
  float:left;
  width:550px;
  width:553px;
  margin-left:0px;
  display:inline;
  background-color:#F2F1F1;
}

#two-cols #primary-content2 {
  float:left;
  clear:left;
  width:560px;
  margin-left:0px;
  display:inline;
  background-color:#F2F1F1;
  overflow:hidden;
}


#two-cols #primary-content-profile {
  float:right;
  clear:none;
  width:555px;
  
  width:558px;
  _width:550px;/*--IE6--*/
  overflow:hidden;
  margin-left:0px;
  margin:0px;
  padding:0px;
  display:inline;
  background-color:#F2F1F1;
}
  /*--on profile pages- the user interactions--*/
    #primary-content-profile  .addLink {
          color:#0D7694;
          padding-left:10px;
          display:block;
          width:240px;
          height:67px;
          height:50px;
          float:left;
          clear:none;
          font-size:0.9em;
    }
    #primary-content-profile  .addLink img {
          padding-top:0px;
          float:left;
          clear:left;
          width:58px;
          width:43px;
    }
    #primary-content-profile  .addLink span {
          font-size:1.2em;
          font-weight:bold;
          /*padding-top:20px;*/          
          padding-top:5px;
          padding-left:5px;
          float:left;
          clear:right;
          width:190px;
      }

    #primary-content-profile  .addLink span.textLink {
          color:#0D7694;
      }

    #primary-content-profile  .addLink span.textLinkRed {
          color:#EF0000;
      }


#two-cols #primary-content3 {
    float:left;
    clear:left;
    width:560px;
    margin-left:0px;
    display:inline;
    background-color:#F2F1F1;
}


#three-cols #primary-content {
    float:left;
    width:336px;
    _width:338px;/*--ie6--*/
    overflow:hidden;
}

#three-cols #secondary-content {
    float:left;
    clear:none;
    _float:right;/*--ie6--*/
    border-left:2px solid white;
    width:222px;
    _width:215px;/*--IE6--*/
    overflow:hidden;
}

#three-cols div.profilePage #primary-content {
  
}

#three-cols div.profilePage #secondary-content {
  border:none;
  width:210px;
}

#three-cols.secondary-emphasis #primary-content {
    width:220px;
}

#three-cols.secondary-emphasis #secondary-content {
    width:355px;
}

.box {
    margin:0 0 5px 0;
    padding:1px 0 10px 0;
    
    
    position:relative;
}


/*--top half of homepage--*/
.topFrontpage {
  width:100%;
  float:left;
  min-height:330px;
  border-bottom:5px solid white;
}

.col-width {
  width:215px;
  width:225px;
  width:229px;
  height:100%;
  float:left;
}

.col-width-2 {
  width:331px;
  height:100%;
  float:left;
  border-top:none;
  border-bottom:none;
  padding-bottom:10px;
  padding-left:10px;
  padding-left:2px;
  margin-right:2px;
}

.col-width-3 {
  width:222px;
  _width:218px;/*--ie6--*/
  margin-left:0px;
  height:100%;
  float:right;
  clear:none;
  border:none;
}

/*--registration form on homepage--*/
/*--div holding updates checkbox ---*/
div#email_member_row {
 width:320px;
 width:300px;
 text-align:left;
}

div#email_member_row label {
  width:270px;
  width:260px;
  float:left;
  font-size:1.1em;
  font-weight:normal;
  padding-left:10px;
  padding-left:0px;
}

/*--checkbox general class--*/
.checkbox {
}

/*--updates checkbox itself--*/
div#email_member_row #email_member {
  width:30px;
  float:left;
  clear:right;
}

/*--paragraph holding link to t's and c's--*/
p.homepage-terms {
  width:170px;
  position:absolute;
  padding-left:10px;
  /*left:235px;*/
  left:6px;
  _left:4px;/*--ie6--*/
  /*top:280px;
  top:290px;
  _top:270px;
  */
  bottom:20px;
  color:#686868;
  
  
  /*--new rules-
  position:relative;
  top:-45px;-*/
}


/*--bottom half of page--*/
div.bottomFrontPage {
  width:100%;
  height:266px;
  _height:260px/*--Ie6--*/
  overflow:hidden;
  float:left;
  clear:both;
  background:#F2F1F1;
  background:url(/media/backgroundBodyStrip.jpg)top left repeat-y;
}

div .fixedheightloungetop {
  height:150px;
  
  height:160px;
  _height:150px;/*--Ie6--*/
  font-size:8px;
  font-size:inherit;
}


div .fixedheightstandard {
}

div .fixedheightquitetall {
  min-height:400px;
}

div .fixedheighttall {
  min-height:570px;
  overflow:hidden;
}

div .textcenter {
  text-align:center;
}

.box h1 {
  text-align:center;
  margin:0 0 5px 0;
  padding:0px;
  font-size:1.5em;   
  font-size:1.4em;
  padding:5px 0px 5px 0px;
  background-color:#27A9E3;
  color:#fff; 
  width:100%;
  _width:99%;/*--Ie6--*/
   font-weight:bold;
}

div h1.textleft {
  text-align:left;
  padding-left:5px;
}

div h1.textleft span {
  width:120px;
  font-size:0.9em;
  font-weight:normal;
  padding-left:258px;
  padding-right:5px;
}

div h1.textleft span.profilescreen {
  padding-left:214px;
  #padding-left:200px;
  _padding-left:188px;
}

div h1.textleft span.msgscreen {
  padding-left:273px;
  #padding-left:258px;
  _padding-left:245px;
}

div h1.textleft a.tableshelp {
  font-weight:normal;
  color:#FFFFFF;
  padding-left:485px;
  #padding-left:462px;
  _padding-left:465px;
}

.setUpTable div h1.textleft a.tableshelp {
  font-weight:normal;
  color:#FFFFFF;
  padding-left:405px;
  #padding-left:396px;
  _padding-left:393px;
}


div h1.textleft a:hover {
  font-weight:normal;
  text-decoration:underline;
}

ul.videochathelplist li {
  margin-bottom:4px;
}

#primary-content div h1.textleft {
  text-align:left;
  padding-left:5px;
  width:100%;]
  _width:99%;/*--IE6--*/
}

.box h2 {
  font-size:1.3em;
  margin:0px;
  padding:5px 0 0 15px;
  color:#686868;
}

.box h2.emphasis {
  font-size:1.5em; 
  font-size:1.1em;
  margin:0px;
  padding-left:15px;
  color:black;
  font-weight:bold;
  font-weight:normal;
}

.box h2.emphasiscenter {
  text-align:center;
  font-size:18px;
  margin:0px;
  padding:10px 0 5px 0;
  color:#1fc5f4;
  font-weight:normal;
}

#side-content .box #userloungesandpagingholder h2 {
  text-align:center;
  font-size:18px;
  margin:0px;
  padding:10px 0 5px 0;
  color:#1fc5f4;
  font-weight:normal;
}


#userloungesandpagingholder h2.emphasiscenter {
  text-align:center;
  font-size:18px;
  margin:0px;
  padding:10px 0 5px 0;
  color:#1fc5f4;
  font-weight:normal;
}

.box h3 {
  font-size:1.1em;
  padding-left:5px;
  color:#1fc5f4;
  color:#000000;
  margin:0px;
  padding:5px 0 0 15px;
  /*padding:5px 0 0 20px;*/
   font-weight:normal;
}

.cbside {
  width:185px;
  _width:205px;/*--IE6--*/
  #width:205px;/*--IE7--*/
  margin:5px 0 0 10px;
  _margin:5px 0 0 20px;/*--IE6--*/
  padding:10px 0 5px 0;
  overflow:hidden;
  position:relative;
}

.cbb {  
  margin:0px 5px 0 5px;
  padding:5px 0 5px 0;
  background-color:#fff;
  height:208px;
    
}








table.formholder {
  margin-top:30px;
  margin-left:auto; 
  margin-right:auto;
}

table.formholder td.formfield {
  text-align:right;
}

table.formholder td.button {
  padding-top:10px;
  text-align:right;
}

label.formlabel {
  width:49%;
  text-align:right;
}


/*--edit profile--*/
div.user-details-about-me-row { 
}

div.user-details-about-me-row textarea {
  margin-left:20px;
}

div.edit-profile {  
}

div.edit-profile #side-content {
  background:none;
  border:none;
  z-index:1000;
  width:230px;
}

div.edit-profile #side-content .fixedheighttall {
  height:auto;
}

#two-cols .edit-profile #primary-content {
  width:560px;
  _width:555px;
  overflow:hidden;
  z-index:0;
}

table.profileinfo {
  margin-top:10px;
  margin-left:5px;
}

table.profileinfo td.profilefield {
  text-align:left;
  color:#1fc5f4;
}

table.profileinfo a.editable:link, table.profileinfo a.editable:visited  {
  text-decoration:none;
  color:red;
}

table.profileinfo a.editable:hover, a.editable:active {
  text-decoration:none;
  color:#1fc5f4;
}

.adduserbutton {
  background: url(/media/adduser.gif) no-repeat 5px 50%;
  padding-top:10px;
  padding-left:80px;    
  width:175px;
  height:55px;
  margin:0 auto;
  margin-bottom:5px;
  background-color:#f2f1f1;
}

.adduserbutton span {
  margin-top:20px;
  font-size:1.2em;
}

.flashbutton {
  background:url(/media/magglass.jpg) no-repeat 8px 50%;
  padding-top:5px;
  padding-left:70px;    
  width:115px;
  height:55px;
  margin:0 auto;
  margin-top:7px;
  background-color:#fff;
}

/*--links on left of screen (homepage, profile etc--*/
/*--general rules--*/

div.tutorialsholder {
  padding-top:30px;
}

a.leftFlashLink {
  width:217px;
  height:73px;
  float:left;
  clear:left;
  padding-bottom:5px;
  margin-left:5px;
}

a#usingTables {
  background:url(/media/picture.jpg);
}

a#usingLounges {
  background-image:url(/media/flashTut_Lounges.gif);
  background-repeat:no-repeat;
  background-position:top left;
}

a#placeAdverts {
  
}


main-content-area div.topFrontpage div.col-width-3 div.sitefeature {
  /* padding-top:13px;   */  
   width:230px;
   height:40px;
   display:block;
   height:55px;
   padding-left:20px;
   float:left;
   clear:left;
    
    /*border:1px solid silver;*/
}



/*--link within this section--*/
a.siteFeatureLink {
  display:block;
  width:90%;
  height:100%;
  float:left;
  padding:0px;
  margin:0px;
  padding-top:0px;
  
  
  width:180px;
  height:40px;
  display:block;
  height:55px;
  padding-left:20px;
  float:left;
  clear:left;
}

/*--icons inside the link--*/
a.siteFeatureLink img {
  width:40px;
  float:left;
  clear:left;
}

/*a.siteFeatureLink*/
.description {
    color:#000;
    color:#686868;
    font-size:1.5em;
    font-weight:bold;
    width:70%;
    padding-top:10px;
    float:right;
    clear:none;
}

.flashbutton .heading {
    padding-top:10px;
    font-weight:bold;
    color:#1fc5f4;
}


































.flashbutton .description {
    color:#000;
}

.img-shadow {
  float:left;
  background:url(/media/flashbuttonshadow.png) no-repeat bottom right !important;
  background:url(/media/flashbuttonshadow.gif) no-repeat bottom right;
  margin:10px 0 0 10px !important;
  margin:10px 0 0 5px;
  }

img.paddedimage{
    padding-top:10px;
}

.progressBar {
    position:relative;
    padding:2px;
    width:300px;
    height:40px;     
    font-size:14px;
    }

.progressBar .background {
    border:solid 1px black;
    width:270px;
    height:20px;
}
    
.progressBar .bar {
    position:relative;
    background-color:#1fc5f4;
    width:0px;
    height:20px;
}

/*--div that "blocks" the rest of the page for "lightbox" effect--*/
div#blocker {
  position:absolute;
  width:100%;



  height:100%;
  left:0%;
  top:0%;
  display:none;
  z-index: -1;
  background-color:none;
  /*--opacity--*/
  -moz-opacity: 0.5;
  opacity:.5;
  /*--IE--*/
  filter:alpha(opacity=50);
  #height:2000px;























  _height:2000px;
  #z-index: -1;
  _z-index: -1;
 

 /* 
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);






















  */
 /*
















    display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
 */
}


/*--containing div within message i-frame---*/
div.message-forum {
 /* left:245px;
  width:520px;
  height:330px;
  border:5px solid #red;
  position:absolute;
  top:25%;
  left:25%;
  
  z-index:150;*/
}

div.message-forum  ul {
  list-style-type:none;
}

div.message-forum  ul li {
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
  padding:15px;
  color:#27A9E3;
  width:auto;
}
/*--container for message i-frame--*/
iframe#messagepopup {
  /*position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  background-color:black;
  -moz-opacity: 0.5;
  opacity:.5;
  filter:alpha(opacity=50);
  z-index:100;
  */
  

    position:absolute;
    top:0%;
    left:0%;
    display:none;
    z-index:1000;
    z-index:1000;
    background-color:white;    
    top:200px!important;
    _top:150px!important;/*--ie6--*/
    left:245px;
    width:520px;
    height:330px;
    border:2px solid #1FC5F4;

  
  
/*  
    display: none;
    position: absolute;
    top: 10%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border:6px solid #1FC5F4;
    background-color: white;
    z-index:1002;
    overflow: auto;
 */


/*
    display: none;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:11;
	overflow: auto;
*/
}

iframe#addcontactpopup {
    position:absolute;
    top:0%;
    left:0%;
    display:none;
    z-index:1000;
    z-index:1000;
    background-color:white;    
    top:200px!important;
    left:245px;
    width:520px;
    height:330px;
    border:2px solid #1FC5F4;
}

iframe#editeventpopup {
    position:absolute;
    display:none;
    z-index:1000;/*--was 2 --*/
    background-color:white;   
    top:0px!important;
    left:105px;
    width:600px;
    height:450px;
    border:2px solid #1FC5F4;
}

iframe#deleteeventpopup {
    position:absolute;
    display:none;
    z-index:1000;/*--was 2 --*/
    background-color:white;   
    top:140px!important;
    left:275px;
    width:400px;
    height:250px;
    border:2px solid #1FC5F4;
}

form.addeventform {
  padding:5px;
}
/*--event errors display: -*/
body.events  ul {
  list-style-type:none;
}
/*iframe#editeventpopup*/
body.events ul li {
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
  padding:15px;
  color:#27A9E3;
  width:80%;
}



/*--image for adding an event--*/
a.add-event-link{
  padding:0px;
  position:relative;
  width:100px;
  height:35px;
  border:1px solid green;
}
/*--text within this link--*/
a.add-event-link span {

  position:absolute;
  top:15px;
  right:0px;
}

div.event-information {
  padding-top:5px;
  float:left;
  width:320px;
}

div.event-information a.add-event {
  margin-left:100px;
}

div.event-information ul {
  margin-top:8px;
}

div.event-information p#event-key {
  margin-top:14px;
  margin-left:60px;
}

div.event-paging {
  width:100%;
  text-align:center;
}

div.calendar-mini {
  padding-right:10px;
  float:right;
}

/*--delete event popup content--*/
.yes-button {
  width:105px;
  float:left;
  display:inline;
}

.no-button {
  width:105px;
  float:right;
  display:inline;
}



iframe#vieweventpopup {
    position:absolute;
    display:none;
    z-index:1000;/*--was 2 --*/
    background-color:white;   
    top:0px!important;
    left:280px;
    width:400px;
    height:300px;
    border:2px solid #1FC5F4;
}

iframe#vieweventsdaypopup {
    position:absolute;
    display:none;
    z-index:1000;/*--was 2 --*/
    background-color:white;   
    top:0px!important;
    left:280px;
    width:400px;
    height:300px;
    border:2px solid #1FC5F4;
}

iframe#vieweventsdaypopup hr {






    margin-top:2px;
    margin-bottom:2px;
}

.paginated-profile {
  padding:10px;
}

/*--table--*/
.messageTable {
  padding:5px;
  font-size:12px;
}

.messageTable tr {
  margin-bottom:5px;
  font-size:12px;
}

.messageForm {
  padding:5px;
  width:480px;
  font-size:12px;
}

/*--"close" link on top of message page--*/
a.closeLink {
  color:#1495BD;
  position:absolute;
  top:35px;
  right:10px;
  font-size:1.3em;
  font-weight:bold;
}

.label {
  color:#39CBF4;
  font-weight:bold;
}

/*--styling for 2 columns on contacts page- similar to sportcircle--*/
.contacts-left {
  width:260px;
  float:left;

}



.contacts-right {
  width:260px;
  float:right;
}

div.padding-bottom {
  width:100%;
  height:20px;
  clear:both;
}

.contactdetails {
  width:200px;
  height:53px;
  padding-top:10px;
  background:white;
}

.companydetails {
  width:220px;
  padding:10px 5px;
  background:white;
  margin:0 auto;
}

div.sportcirclecontainer  .sportcircleentry .contactdetails span {
  /*float:left;
  clear:none;*/
  font-weight:bold;
  font-size:0.9em;
  width:70px;

  /*border:1px solid silver;*/

  float:left;

}

div.sportcirclecontainer  .sportcircleentry .contactdetails span a {
  height:15px;
  width:100px;
  padding-right:10px;
  float:left;
  color:#1FC5F4;
  font-weight:normal;
  font-size:1em;
  text-decoration:none;
}

div.sportcirclecontainer  .sportcircleentry .contactdetails span a.viewdelete {
  width:50px;
}


div.sportcirclecontainer .sportcircleentry .contactdetails span a:hover {
  text-decoration:underline;
  color:#1FC5F4;
}

div.sportcirclecontainer {
    margin: 10px 5px 10px 5px;
    background:url(/media/diagonal-repeated-stripes.jpg) top left;
    /* height:440px; */
}

div.paginated-profile {
  text-align:center;
}

/*--container on my homepage/profile--*/
.profilePage #secondary-content .box .sportcirclecontainer {
   margin: 10px 5px 10px 20px;
}


/*--text alerting user if they have no contacts--*/
div.sportcirclecontainer p {
 padding:5px;
 color:#686868;
  
}

.contacts-left div.sportcirclecontainer div.sportcircleentry {
    padding-bottom: 5px;
    clear:both;
    width:170px;
    margin:0 auto;
    background-color:white;
}

div.sportcirclecontainer div.sportcircleentry {
    padding-bottom: 5px;
    clear:both;
    width:200px;
    margin:0 auto;
    background-color:white;
}

div#secondary-content div.sportcirclecontainer div.sportcircleentry {
    padding-bottom: 15px;
    clear:both;
    /*margin:0px 10px 0px 10px;*/
    padding-top:10px;
    width:150px;
    margin:0 auto;
    background-color:white;
}

div.sportcirclecontainer div.sportcircleentry a {
  width:140px;
  height:40px;
  display:block;
  margin:0 auto;
  padding-left:10px;
  background-color:white;
}

span.contactname {
  display:block;
  padding-top:0px;
}

div.sportcirclecontainer div.sportcircleentry img {
    /*width:40px;       RESIZING NOW DONE SERVER SIDE.
    height:40px;*/
    float:left;
    margin-right:5px;
    margin-bottom:3px;
    padding:5px;
    padding-top:0px;
}

div.sportcirclecontainer div.sportcircleentry div.contactentry {
    float:right;
}

div.eventlistholder {
  margin-top:20px;
  margin-left:10px;
  margin-right:10px;
  background-color:white;
  padding:0px; 
  position:relative;
  font-size:1em;
  font-size:12px;
}

div.eventlistholder h2 {
  padding-left:7px;
}

div.eventlistholder table.eventlist {
  padding-left:7px;
  font-size:11px;
}

div.eventlistholder table.eventlist tr.private {
   color:#27A9E3;
}

/*--contacts page---*/
div.contacts {
  background-color:#F2F1F1;
}

div.contacts span.edit-link {
  font-size:0.7em;
}


div.contacts div.company-information {
  float:left;
  padding-left:120px;
}

div.contacts div.company-address {
  float:left;
  padding-left:130px;
}

div#two-cols div.contacts #primary-content {
  width:550px;
  width:555px;
  
  width:560px;
  _width:555px;/*--IE6--*/
  background-color:#F2F1F1;
  overflow:hidden;
}


/*--setting up a table---*/
div.setUpTable {
  display:block;
}

div.setUpTable ul {
  margin-left:30px;
  list-style-type:none;
}

/*div#two-cols*/
div.setUpTable #primary-content {
  overflow:hidden;
  float:left;
  
  width:560px;
  _width:555px;/*--IE6--*/
  overflow:hidden;
  margin-left:0px;
  display:inline;
  background-color:#F2F1F1;
}

/*--lounge list --*/
div.loungeList {
  background-color:#F2F1F1;
  display:block;
/*
  width:560px;
  min-height:500px;
  border:1px solid red;
  float:left;
*/
}

div.loungeListItem {

/*
  width:160px;
  width:215px;
*/
  display:block;
  width:240px;
/*
  width:215px;
*/
 height:150px;
 float:left;
 margin-left:15px;
font-size:9px;

 /*-- to position elements such as links within thi sblock--*/
 position:relative;
 letter-spacing:0em;
}

div.loungeListItem h2.emphasiscenter{
  /*width:160px;*/
  width:215px;
  padding:0px;
  text-align:center;
  font-size:2em;
}

div.loungeListItem img {
  /*padding-left:35px;*/
  padding-left:60px;



}






div.loungeListItem p {
  text-align:center;
}


/*--invite a user to a lounge page--*/
div.invite-page {
  padding:15px;
}

div.invite-page label {
  width:120px;
  float:left;
  clear:left;
}

div.invite-page input {
  width:140px;
  width:auto;
  float:left;
  clear:right;
}

div.invite-page input.submitbutton {
  float:right;
}

div.invite-page select {
  width:145px;
  float:left;
  clear:right;
  margin-right:5px;
  display:inline;
}

/*--search--*/
form.search-form {
  position:relative;
}

.search-button {

  position:relative;
  top:10px;
}

a.linkback {
  padding-right:15px;
  padding-bottom:10px;
  float:right;
}

/*--invite--*/

div#invite-form-holder {
  padding-top:20px;

  padding-left:15px;
  padding-right:15px;
}

div.invitelabel {



  margin-bottom:15px;
  width:120px;
  float:left;
}

div.invitelabel label {
  margin-bottom:8px;
}

div.invitefield {
  margin-bottom:15px;
  float:left;
}

form.invite-form {
  position:relative;
}

form.invite-form label {
  float:left;
  clear:left;
  width:105px;
}

.invite-button {
  float:right;
  margin-right:25px;

}




/*--link to delete user from table setup screen---*/
a.smallDelete {
  position:relative;
  top:7px;
}

/*--delete button--*/
div.loungeListItem a.loungebutton-delete {

  /*padding:5px 5px 5px 25px;*/
}

div.loungeListItem a.loungebutton-delete img {
  padding:0px;

}

/*--add button--*/
div.loungeListItem a.loungebutton-add {
 
}

#primary-content div.loungeListItem a.loungebutton-add img {
  margin-left:-9px;
}


div.loungeListItem a.loungebutton-add img {
  padding:0px;
  padding-left:5px;
}

/*--send button--*/
div.loungeListItem a.loungebutton-send {
  padding:5px 5px 5px 27px;
}

div.loungeListItem a.loungebutton-send img {
  padding:0px;

}

/*--lounges page--*/
#two-cols2 #primary-content2 {
  float:left;
  width:100%;
  width:770px;
  margin-right:5px;
  margin-left:5px;
  display:inline;
  background-color:#F2F1F1;
  
  /*--to allow positioning within this div--*/
  position:relative;
}

#two-cols2 #primary-content3 {









  float:left;
  width:100%;
  width:770px;
  margin-right:5px;
  margin-left:5px;
  display:inline;
  background-color:#F2F1F1;
}

#two-cols div.loungeList #primary-content {
  float:right;
  width:530px;
  width:560px!important;
  _width:555px!important;/*-- IE6--*/
  margin-left:0px;
  display:block;
  overflow:hidden;
}

/*--lounge page layout--*/
.loungeTop {
  background-color:#F2F1F1; 
}
.loungeTop #side-content {

  font-size:8px;
}
.loungeentry {/*--icon links to a user's lounges--*/
  width:70px;
  float:left;
  padding-left:3px;
}

.loungeentry img {
  /*width:70px;  */
}

div.loungeTop #secondary-content {
  float:left;
  border-left:2px solid white;
  width:300px;
  width:322px!important;
  _width:312px!important;/*--IE6--*/
  background-color:#F2F1F1;
  overflow:hidden;   
}

div.loungeTop #primary-content {
  float:left;
  width:235px;
  margin-left:0px;
  display:inline;
  background-color:#F2F1F1;
}

div.loungeTop #three-cols-nobg  {
  background-image:none;
  border-bottom:3px solid white;
  background-color:#F2F1F1;
}

/*--pagination div on lounges users---*/
div.paginated {
  text-align:center;
  position:absolute;  
/*  top:160px;*/
  top:320px;
  top:5px;
  right:5px;
  clear:both;
  width:700px;
}

/*--pagination div on lounges users---*/
div.paginated-messages {
  text-align:center;
 /* position:absolute */
  top:400px;
  clear:both;
  clear:none;
  width:550px;
/*  width:770px; /*/
}

.no-bg {
  background-image:none;
}

.userloungescontainer {
  width:100%;
  width:780px;
  width:225px;
  /*border:1px solid silver;*/
 min-height:160px;
  padding-bottom:10px;
}
.userloungescontainer2 {
  width:780px;
 /* border:1px solid silver;
 min-height:150px;*/
  background-color:white;
border-bottom:2px solid #1FC5F4;
}






/*--THE FOLLWING OPTIONS ARE FOR THE CORRESPONDING AMOUNT OF USERS IN THE LOUNGE--*/
/*--LESS THAN 5 USERS--*/
.userloungescontainer5 {
  height:75px;
  
  width:780px;
  background-color:white;
  border-bottom:2px solid #1FC5F4;
  }

/*--LESS THAN 10 USERS--*/
.userloungescontainer10 {
  height:150px;
  
  width:780px;
  background-color:white;
  border-bottom:2px solid #1FC5F4;
  }

/*--LESS THAN 15 USERS--*/
.userloungescontainer15 {
  height:225px;
  
  width:780px;
  background-color:white;
  border-bottom:2px solid #1FC5F4;
  }

/*--LESS THAN 20 USERS--*/
.userloungescontainer20 {
  height:300px;
  
  width:780px;
  background-color:white;
  border-bottom:2px solid #1FC5F4;




  }

/*--LESS THAN 25 USERS--*/
.userloungescontainer25 {
  height:375px;
  
  width:780px;
  background-color:white;
  border-bottom:2px solid #1FC5F4;
}

/*--LESS THAN 30 USERS--*/
.userloungescontainer30 {
  height:375px;
  background-color:white;
  }





/*--text alerting user if they have no contacts--*/
.userloungescontainer2  p {
 padding:5px;
 color:#686868;
}


/*--holds lounge members--*/
.loungeMembers {
/*
  height:150px;
  overflow:auto;
 border-bottom:2px solid #1FC5F4;
*/
background-color:white;
}

.userentry {
/*
  width:180px;
  width:170px;
*/
  width:140px;
  height:52px;
  float:left;
  margin-right:5px;
  margin-left:5px;
  margin-bottom:5px;
  /*border:1px solid red;*/
}

.userentry img {

  float:left;
  clear:left;

}


.userloungescontainer .userentry img {
  float:left;

  clear:left;
}

h2.loungeUsers {
  width:100%;
  width:750px;
  padding:5px;
  background:white;
  color:#22C2F4;
  font-size:1.3em;
}

.lounge-mid-section {
  height:316px;
  width:790px;
  float:left;
  clear:left;
}

/*--add, delete, send lounge--*/
a.loungebutton-add {
 /* font-size:0.6em;
  font-size:9px;
  font-size:0.7em;
  font-size:70%;
  font-size:8px;*/
  /*font-weight:bold;
  color:#383838;

  */
  
  

  width:auto;
  width:35%;
  padding:3px;
  display:inline;
  float:left;
  clear:right;
  margin-left:5px;
  padding:5px 5px 5px 20px;
  position:relative;
}



a.loungebutton-add img {


  position:absolute;
  left:0px;
  top:-3px;
  margin-right:5px;
}

a.loungebutton-send {
/*
   font-size:9px;
   font-size:0.7em;
   font-size:70%;
*/
 /* font-weight:bold;
  color:#383838;*/
  width:auto;

  width:35%;
  margin-right:0px;
  padding:3px;
  display:inline;
  float:left;
  position:relative;
  padding-left:27px;
}

a.loungebutton-send img {
  position:absolute;







  left:0px;
  top:2px;
  margin-left:4px;
}



a.loungebutton-delete {
/*
  font-size:0.6em;
  font-size:9px;

  font-size:0.8em;
  font-size:0.7em;
  font-size:70%;
*/
  /*font-weight:bold;
  color:#383838;*/
  
 /* 
  width:auto;
  width:35%;
  display:inline;
  float:left;
  clear:right;
  margin-left:5px;
  position:relative; 
  padding:5px 5px 5px 27px;
*/
  /*--following taken from add button--*/
  width:35%;
  padding:3px;
  display:inline;
  float:left;
  clear:right;
  margin-left:0px;
  padding:5px 5px 5px 30px;
  position:relative;
}
a.loungebutton-delete:hover {
  /*padding:5px 5px 5px 27px;*/
}
a.loungebutton-delete img {
  position:absolute;
  left:0px;
  top:-3px;
  margin-right:4px;
  padding-right:3px;
  margin-left:5px;
}


a.loungebutton-setup {
  width:auto;
  /*width:115px;*/
  /*width:35%;*/
  display:block;
  float:left;
  /*clear:right;*/
  margin:10px 0px 0px 60px;
  _margin-left:40px;/*--IE6--*/
  padding:0px 5px 0px 27px;
  _padding:0px 5px 0px 27px;/*--IE6--*/
  position:relative;
  height:10px;
  clear:both;
}



a.loungebutton-setup img {
  position:absolute;
  left:0px;
  top:-3px;
  margin-right:5px;
}


/*--message section--*/
.messageBox {
  background-color:White;
  height:300px !important;
  font-size:12px;
}

.messageBody {
  background:white;
  padding:0px; 
  position:relative;
  font-size:1em;
  font-size:12px;
}

#primary-content .messageBody  {
  margin:5px;
}

.messageBody h2 {
  background:url(/media/message-header-background.jpg) repeat-x top left;
  height:51px;
  padding-top:15px;
  width:100%;
  text-align:center;
}

.messageBox img {
  width:50px;
  float:left;
  clear:left;
  padding-top:10px;
  padding-top:0px;
}

.messageBody input {
  margin-bottom:15px;
}

.messageBody label {
  color:#1FC5F4;
  font-weight:bold;
  /*font-size:1.4em;*/
  padding-right:5px;
  width:100px;
  float:left;
  clear:both;
}

.paddingBottom {
  padding-bottom:50px;
}
.messageBody td.label {
  color:#1FC5F4;
  font-weight:bold;
  font-size:1em;
  font-size:12px;
  padding-right:5px;
  padding-left:5px;
  padding-bottom:0px;
}

.messageBody .messageTable tbody tr {
  padding-bottom:25px;
  border-bottom:5px solid red;
  width:100%;
  clear:both;
}

.messageBody .messageTable tbody tr.messageContent {
  margin-top:100px;
  border:1px solid red;
  min-height:120px;
}

.messageBody .messageTable tbody tr.messageContent .label {
  float:left;
}

.messageBody .messageButton {
  float:right;
}


.messageBody .messageButtonMargin {
  float:right;
  margin-right:10px;
}

.messageBody .messagesExceeded {

  padding-top:10px;

  float:right;
  color:red;
  margin-right:10px;
  font-size:0.9em;
}

td.messageText {
  clear:left;

  font-size:12px;
}

.messageBody textarea {
  font-family:Arial, Helvetica, sans-serif;
}

/*--used for errors when submitting- eg, you did not write a message--*/
.messageBody  ul {
  list-style-type:none;
}

.messageBody ul li {
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
  padding:15px;
  color:#27A9E3;
  width:80%;
}







.lounge-messages {
  width:545px;
  _width:540px;/*--IE6--*/
  padding:5px;
  background-color:white;
  font-size:11px;
}

.lounge-messages tr {
  border-bottom:2px solid #1FC5F4;
}

.lounge-messages tr td {
  padding:2px;
}

tr.headingRow {
  padding:5px;
  height:15px;
  border-bottom:2px solid #1FC5F4;
}
tr.headingRow th {
  text-align:left;
}


/*--lounges- tables --*/

.currentTables {
  display:block;
  min-height:120px;
  width:770px;
}

ul.tableList {
 list-style-type:none;
 display:inline;
 padding:0px;
 margin:0px;
}

ul.tableList li {
  float:left;
  padding:10px;
}

ul.tableList li a {
  width:auto;
  display:block;
  padding-left:10px;

  padding-top:10px;
}

ul.tableList li a img {
  float:left;
  margin-right:5px;
}

/*--link to help on homepage--*/
a.helpLink {
  width:200px;
  float:left;
  clear:both;
  padding-left:0px;
  text-align:center;
  /*color:#686868;*/
}

/*--HEADINGS ON HOMEPAGE--*/
/*--header---*/
h2.loginHeader {
/*--new style--*/


  background-color:#27a9e3;
  color:#FFFFFF;
  font-size:1.4em;
  margin:0 0 5px;






  padding:5px 0px 5px 0px;
  text-align:center;
  width:98%;
  width:100%;
}

h1.loginHeader {
  background-color:#27A9E3;
  color:#FFFFFF;
  font-size:1.4em;
  margin:0 0 5px;
  padding:5px 0;
  text-align:center;
  width:100%;
}

.col-width-2 h2 {
 /* background-color:#1FC5F4;*/
  background-color:#27a9e3;
  color:#FFFFFF;
  font-size:1.4em;
  margin:0 0 5px;
  padding:5px;
  text-align:center;
  width:98%;
}

.col-width-3 h2.emphasis {
  background-color:#1FC5F4;
  background-color:#27A9E3;
  color:#FFFFFF;
  font-size:1.4em;
  margin:0 0 5px;
  padding:5px 0px 5px 0px;

  text-align:center;
  width:98%;


  width:100%;
  font-weight:bold;
}


/*--error messages--*/
div.system-message {
   width:100%;
   height:20px;
   font-size:1.3em;
   background:white;
   color:#A20F00;/*--dark red--*/
}

.error {

  font-weight:bold;

  color:#E51C01;/*--darkish red--*/
  color:#686868;/*--dark grey--*/
}

/*--ajax company dropdown styling--*/

div.company_autocomplete {
  margin:0px;
  padding:0px;
  overflow:hidden;
  width:auto;
  height:auto;
  background: #fff;
  z-index:99;
}
        
div.company_autocomplete ul {
  margin:0px !important;
  padding:0px !important;
  border:1px solid #888;
  font-size:1em !important;
  list-style-type:none;
}

div.company_autocomplete ul li {
  margin:0px;
  padding:3px;
}
        
div.company_autocomplete ul li.selected {
  background-color: #bee0ff;
}
        
div.company_autocomplete ul strong.highlight {
  color: #800; 
  margin:0;
  padding:0;
}



.sportcircleentry .contactdetails span.company-link {
  width:85px;  
}
.sportcircleentry .contactdetails span.company-link a {
  width:85px;
}



/*--calendar styling --*/

.calendar {
  /** configure the width **/
  width:220px;
  background-color: #E5E5E5;
  border: 1px solid #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0px;
  padding:0px;
  text-align:center;
}
.calendar th {
  background-color: #EEEDED;
  font-weight: bold;
  height: 20px;
}
.calendar .header {
  background-color: #BAB9B9;
  font-weight: bold;
  height: 24px;
  color: #FFFFFF;
}
.calendar .footer {
  background-color: #BAB9B9;
  font-weight: bold;
  font-size:0.8em;
  color: #FFFFFF;
  width:100%;
}




.calendar td {
  width: 22px;
  height: 20px;
  text-align: center;
  font-size:0.9em;
  padding: 2px;
}
.calendar .today {
  width: 18px;
  height: 16px;
  background-color: #FFFFFF;
  padding: 2px;
  border: 1px solid #000000;
}

.calendar .privatelink {
  width: 18px;
  height: 16px;
  background-color: #80c9ea;
  padding: 2px;
  border: 1px solid #000000;
}

.calendar .publiclink {
  width: 18px;
  height: 16px;
  padding: 2px;
  border: 1px solid #000000;
}

.calendar a, .calendar a:link, .calendar a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #000000;

}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
  background-color: #BAB9B9;
  color: #ffffff;

}

.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
  width: 100%;
  background-color: #BAB9B9;

  color: #ffffff;
}

p.maintenance {
  margin-top:70px;
  margin-left:150px;
  margin-right:150px;
  font-size:1.5em;
  text-align:center;
}

p.setuptabletext {
  margin-bottom:8px;
}

/*** Edit Company form styling ***/

div.edit-company-form-holder {
  position:relative;
  width:99%!important;
}

div.edit-company-form-holder div.edit-company-form-errors {
  padding-left:5px;
  padding-right:5px;
}

div.edit-company-form-holder form#edit_company_form {
  padding-top:15px;
}

div.edit-company-form-holder form#edit_company_form input {
  width:120px;
}

div.edit-company-form-holder form#edit_company_form div.edit-company-industries input {
  width:auto;
}

/*--all links within this form---*/
div.edit-company-form-holder form#edit_company_form a img {
  height:20px;
  height:auto;
}

div.edit-company-form-holder div.edit-company-form-col {
  position:relative;
  float:left;
  clear:none;
}

div.edit-company-form-holder #col-1 {

  margin-left:15px;

  _margin-left:5px;/*--ie6--*/
}

div.edit-company-form-holder #col-2 {

  margin-left:15px;
  _margin-left:5px;
}

div.edit-company-form-holder div.edit-company-form-header-text {
  clear:both;
}

div.edit-company-form-holder div.edit-company-form-row {
  margin-bottom:3px;

  clear:both; 
}


div.edit-company-form-holder div.edit-company-form-row label {
  width:120px;
  float:left;
  text-align:left;
  color:#686868;          
  font-weight:bold;
  font-size:1em;
}

div.edit-company-form-holder div.edit-company-form-row div.edit-company-form-row-subitem {
  float:left;
}

div.edit-company-form-holder #edit_company_submit_row input {
  width:auto;
}

div.edit-company-form-holder #edit_company_submit_row input.submitbutton {
  margin-top:15px;
  margin-right:10px;

  float:right;
  height:auto;
  width:auto;
}


div.edit-company-form-holder div.edit-company-industries {
  padding-top:10px;
}

div.edit-company-form-holder div.edit-company-industries div.col-1 {
  float:left;
  padding-left:20px;
}

div.edit-company-form-holder div.edit-company-industries div.col-2 {
  float:left;
  padding-left:40px;
}


/*** Advanced search forms styling ***/

div.advanced-search-contacts-form-holder {
  position:relative;
  width:99%!important;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-form-errors {
  padding-left:5px;
  padding-right:5px;
}

div.advanced-search-contacts-form-holder form#advanced_search_contacts_form {
  padding-top:15px;
}

div.advanced-search-contacts-form-holder form#advanced_search_contacts_form input {
  width:120px;
}

/*--all links within this form---*/
div.advanced-search-contacts-form-holder form#advanced_search_contacts_form a img {
  height:20px;
  height:auto;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-form-col {
  position:relative;
  float:left;
  clear:none;
}

div.advanced-search-contacts-form-holder #contacts-col-1 {
  margin-left:15px;
  _margin-left:5px;/*--ie6--*/
}

div.advanced-search-contacts-form-holder #contacts-col-2 {

  margin-left:15px;
  _margin-left:5px;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-form-header-text {
  clear:both;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-form-row {
  margin-bottom:3px;

  clear:both; 
}


div.advanced-search-contacts-form-holder div.advanced-search-contacts-form-row label {
  width:120px;
  float:left;
  text-align:left;
  color:#686868;          
  font-weight:bold;
  font-size:1em;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-form-row div.advanced-search-contacts-row-subitem {
  float:left;
}

div.advanced-search-contacts-form-holder #advanced_search_contacts_submit_row input {
  width:auto;
}

div.advanced-search-contacts-form-holder #advanced_search_contacts_submit_row input.submitbutton {
  margin-top:15px;
  margin-right:10px;

  float:right;
  height:auto;
  width:auto;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-industries {
  padding-top:10px;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-industries div.contacts-industries-col-1 {
  float:left;
  padding-left:20px;
}

div.advanced-search-contacts-form-holder div.advanced-search-contacts-industries div.contacts-industries-col-2 {
  float:left;
  padding-left:40px;
}

div.advanced-search-contacts-form-holder form#advanced_search_contacts_form div.advanced-search-contacts-industries input {
  width:auto;
}

div.advanced-search-company-form-holder {
  position:relative;
  width:99%!important;
}

div.advanced-search-company-form-holder div.advanced-search-company-form-errors {
  padding-left:5px;

  padding-right:5px;
}

div.advanced-search-company-form-holder form#advanced_search_company_form {
  padding-top:15px;
}

div.advanced-search-company-form-holder form#advanced_search_company_form input {
  width:120px;
}

/*--all links within this form---*/
div.advanced-search-company-form-holder form#advanced_search_company_form a img {
  height:20px;
  height:auto;
}

div.advanced-search-company-form-holder div.advanced-search-company-form-col {
  position:relative;
  float:left;
  clear:none;
}

div.advanced-search-company-form-holder #company-col-1 {
  margin-left:15px;
  _margin-left:5px;/*--ie6--*/
}


div.advanced-search-company-form-holder #company-col-2 {

  margin-left:15px;
  _margin-left:5px;
}

div.advanced-search-company-form-holder div.advanced-search-company-form-header-text {
  clear:both;
}

div.advanced-search-company-form-holder div.advanced-search-company-form-row {
  margin-bottom:3px;

  clear:both; 
}


div.advanced-search-company-form-holder div.advanced-search-company-form-row label {
  width:120px;
  float:left;
  text-align:left;
  color:#686868;          
  font-weight:bold;
  font-size:1em;
}

div.advanced-search-company-form-holder div.advanced-search-company-form-row div.advanced-search-company-row-subitem {
  float:left;
}

div.advanced-search-company-form-holder #advanced_search_company_submit_row input {
  width:auto;
}

div.advanced-search-company-form-holder #advanced_search_company_submit_row input.submitbutton {
  margin-top:15px;
  margin-right:10px;

  float:right;
  height:auto;
  width:auto;
}


div.advanced-search-company-holder div.advanced-search-company-industries {
  padding-top:10px;
}

div.advanced-search-company-form-holder div.advanced-search-company-industries div.company-industries-col-1 {
  float:left;
  padding-left:20px;
}

div.advanced-search-company-form-holder div.advanced-search-company-industries div.company-industries-col-2 {
  float:left;
  padding-left:40px;
}

div.advanced-search-company-form-holder form#advanced_search_company_form div.advanced-search-company-industries input {
  width:auto;
}

/*-- advanced search results styling --*/


div.sportcirclecontainer div.advancedsearchcompanyentry {
    padding:5px 5px;
    clear:both;
    width:500px;
    margin:0 auto;
    background-color:#F2F1F1;
    border:3px white solid;
}

div.sportcirclecontainer div.advancedsearchcompanyentry div.detail {
    float:left;
    width:150px;
    margin-right:15px;
}


/*-- styling for help pages --*/

.help h3 {
  color:#686868;
  font-weight:bold;
  margin-bottom:5px;
}

.help ul {
  margin-bottom:15px;
}

.help p {
  margin-bottom:15px;
}



/*--getsport RSS widget--*/
div#getsport-widget-holder {
 width:100%;
 margin:0 auto;
 padding-top:10px;
 border-top:2px solid silver; 
}

.widget-inner-holder {
 width:55%;
 margin:0 auto;
}


/*** End of Specific Styling ***/