/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dart, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* grid.css */
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24,
div.span-25, div.span-26, div.span-27, div.span-28, div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36, div.span-37, div.span-38, div.span-39, div.span-40, div.span-41, div.span-42, div.span-43, div.span-44, div.span-45, div.span-46, div.span-47, div.span-48,
.span-8-half, .span-17-half, .span-31-half {float:left;margin-right:20px;}
.last, div.last, .last-home {margin-right:0;}
.span-1 {width:10px;}
.span-2 {width:30px;}
.span-3 {width:50px;}
.span-4 {width:70px;}
.span-5 {width:90px;}
.span-6 {width:110px;}
.span-7 {width:120px;}
.span-8 {width:140px;}
.span-8-half {width:150px;}
.span-9 {width:160px;}
.span-10 {width:180px;}
.span-11 {width:200px;}
.span-12 {width:220px;}
.span-13 {width:240px;}
.span-14 {width:260px;}
.span-15 {width:280px;}
.span-16 {width:300px;}
.span-17 {width:320px;}
.span-17-half {width:330px;}
.span-18 {width:340px;}
.span-19 {width:360px;}
.span-20 {width:380px;}
.span-21 {width:400px;}
.span-22 {width:420px;}
.span-23 {width:440px;}
.span-24 {width:460px;}
.span-25 {width:480px;}
.span-26 {width:500px;}
.span-27 {width:520px;}
.span-28 {width:540px;}
.span-29 {width:560px;}
.span-30 {width:580px;}
.span-31 {width:600px;}
.span-31-half {width:610px;}
.span-32 {width:620px;}
.span-33 {width:640px;}
.span-34 {width:680px;}
.span-35 {width:700px;}
.span-36 {width:720px;}
.span-37 {width:740px;}
.span-38 {width:760px;}
.span-39 {width:780px;}
.span-40 {width:800px;}
.span-41 {width:820px;}
.span-42 {width:840px;}
.span-43 {width:860px;}
.span-44 {width:880px;}
.span-45 {width:900px;}
.span-46 {width:920px;}
.span-47 {width:940px;}
.span-48 {width:960px;}
.span-49 {width:980px;}
.span-50 {width:1000px;}

.prepend-1 {margin-left:8px;}
.append-1 {margin-right:10px;}
.append-1-half {margin-right:15px;}
.append-2 {margin-right:20px;}
.append-2-half {margin-right:25px;}
.nudge-down-1 { margin-top:10px; }
.nudge-down-2 { margin-top:20px; }
.nudge-down-4 { margin-top:40px; }

/* General Styles */
#Links, #TopContent, #Navigation, #MainContent, #Footer { width:965px;margin:0 auto; padding:0px 10px 0px 10px; }
/*body { scrollbar-base-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-3dlight-color: #cdcdcd; scrollbar-darkshadow-color: #cdcdcd; scrollbar-face-color: #aaaaaa; scrollbar-highlight-color: #cdcdcd; scrollbar-shadow-color: #cdcdcd; scrollbar-track-color: #e4e4e4; }*/
body { background-color:#dadec7; font-family:Tahoma; color:#6f6f71; font-size:80%; line-height:160%; }
html { background-color:#dadec7; }
textarea { font-family:Tahoma; }
ul { list-style-type:none; }
a:focus, a:hover {color:#000;text-decoration:underline;}
a {color:#8da400;text-decoration:none;}
a img {border:none;}
/* li ul, li ol {margin:0 1.5em;} */
hr { height:1px; border:0px; padding:0px; margin:10px 0px 10px 0px; background-image:url(/images/bg-dotted-line.png); display:block; clear:both; }
/* .gutter { margin-left:15px; }*/
.user-name { font-weight:bold; }
.nav a { color:#727272; }
.nav li.selected > a { color:#8da400; font-weight:bold; }
.heavy { color: #2f2f2f; }
.container {margin:0 auto;}
#Header { background-color:#FFFFFF; height:119px; background-image:url(/images/bg-top-bar.png); }
.search-not-logged-in { padding-top:30px; }
dl dt { font-weight:bold; }
hr.empty{ visibility:hidden; display:block; clear:both; height:15px; }
input[type=button], input[type=submit] { cursor:hand; }
#ContentOuter { background-color:#f2f4e6; padding-bottom:35px; }
li.jq-hide { display:none; }
.count { font-size:85%; }
a.disabled { cursor:default; }
a.disabled:hover { text-decoration:none; }
.filler { font-size:90%; }
.profile-image-float { float:left; margin:0px 10px 10px 0px; }
.small-text { font-size:85%; color:#8a8a8c;}
.red { background-color:#FF5555; }

h3 { font-weight:bold; font-size:95%; color:#4f504b; }

.text h2, .text h3 { font-size:150%; color:#99b202; margin-bottom: 10px; }
.text h3 { font-size:125%; font-weight:bold; }
.text p { margin-bottom:10px; margin-top:10px; } 
.text ul { margin-left:8px;  } 
.text li { margin-left:10px; list-style-image:url(/images/bullet.png); margin-bottom:5px;  } 
 .text .date { font-size:85%; }
.text .auto-text { height:20px; }
.view-all { display:block;  text-align:right; }


.legals li { list-style-image:none; margin-bottom:10px; }
 
.c9 .nine { color:#1c1c1d; }
.c9 { font-weight:bold; color:#99b202;}

#FooterOuter { background-image:url(/images/bg-dotted-line.png); background-repeat:repeat-x; }
#Footer { padding-top:25px; font-size:90%; }
.help-icon { position:relative; top:4px; }
#Links .primary { float:left; }
#Links .secondary { float:right; }
#Links { height:30px; }
#Links a { color:#FFFFFF; }
#ToggleNotifications { background-image:url(/images/icons/notifications.png); background-repeat:no-repeat; display:block; height:25px; width:28px;}
#ToggleFavs{ background-image:url(/images/icons/favs.png); background-repeat:no-repeat; display:block; height:25px; width:20px;}
#ToggleNotifications.on { background-image:url(/images/icons/notifications-on.png); }

#Navigation { clear:both; }
.logo { position:relative; top:22px; float:left; width:171px; height:60px; }
.add-as-friend-link, .add-link { background-image:url(/images/icons/add-sign.png); background-repeat:no-repeat; background-position:-2px 4px; padding-left:10px; font-weight:normal;  }
h3.title { font-weight:bold; font-size:95%; color:#4f504b; }
.last .portlet, .last-home .portlet { padding:0px 10px 0px 10px; } 
.last .graphic { position:relative; left:-10px; width:240px; } 
.last-home .portlet .graphic { position:relative; left:-10px; width:330px; } 
.notify { background-position:5px 10px; padding-left:22px !important; background-image:url(/images/icons/notify.png); background-repeat:no-repeat; }
.add-result { clear:both; padding-top:5px; }
.panel { padding:5px 0px 0px 10px;}
.alert { background-image:url(/images/icons/alert.png); padding-left:50px; background-position:0px 5px; background-repeat:no-repeat; }



/* Loading Spinners */
.spinner { background: url(/content/images/indicator_blue_small.gif) center center no-repeat; padding: 0 20px 0 0; text-indent:-99999px; }
.spinner-large { background: url(/content/images/indicator_blue_large.gif) center center  no-repeat; width: 32px; height: 32px; text-indent:-99999px; }

/* Message Panel */
#MessagePanel { height:0px;	position:absolute; top:0px;	left:0px; width:100%; background-color:#FFFFFF;	text-align:center; font-size:130%; border-bottom:1px solid #333333;  }
#MessagePanelContent{ padding-top:10px; cursor:hand;	}
/* Control Bar */
ul.control-bar { background-image:url(/images/bg-control-bar.png); height:32px; width:100%; color:#FFFFFF;  }
ul.control-bar .last { background-image:url(/images/bg-control-bar-end.png); background-repeat:no-repeat; background-position:right; float:right; }
ul.control-bar li { float:left; padding:4px 2px 0px 5px; height:28px; }
ul.control-bar textbox { height:15px; padding:2px; margin:1px 0px 0px 0px; font-size:85%; width:120px;} 
ul.control-bar select { height:21px;  margin:1px 0px 0px 0px; font-size:85%; width:120px;} 


.control-bar-simple { text-align:right; line-height:0%; background-image:url(/images/bg-control-bar-simple.png); height:25px;  color:#FFFFFF; padding-left:5px; top:-5px; position:relative; left:-1px; margin-bottom:10px;  }
.control-bar-simple .last { background-image:url(/images/bg-control-bar-simple-end.png); background-repeat:no-repeat; background-position:right; }
.control-bar-simple li { padding:3px 2px 0px 0px; height:21px; display:inline-block; }
.control-bar-simple li a { font-size:0px;  }
.control-bar-simple li.process { float:left; }
.control-bar-simple .btn-info { margin:0px 0px 0px 0px; top:-1px; right:1px; position:relative; }

.btn-remove-as-member, .btn-add-as-member,
.btn-add-friend, .btn-remove-friend,
.btn-add-to-favs, .btn-remove-from-favs,
.btn-follow, .btn-unfollow, .btn-report, .btn-delete,
.btn-leave-thread, .btn-join-thread, .btn-send, .btn-save,
.btn-challenge, .btn-cancel, .btn-done-tagging, .btn-tag,
.btn-add, .btn-add-to-list, .btn-remove-from-list, .btn-delete-list,
.btn-tag-photo, .btn-create-new-list, .btn-cancel-request, .btn-edit,
.btn-register, .btn-activate, .btn-resend,
.btn-add-result, .btn-edit-result, .btn-send-message, .btn-send-request,
.btn-invite, .btn-add-match, .btn-info, .btn-edit-strong,
.btn-upload-photo, .btn-create-ladder,
.btn-ignore, .btn-accept, .btn-join-club, .btn-leave-club,
.btn-skip, .btn-next, .btn-leave-ladder, .btn-join-ladder, .btn-browse-large,
.btn-un-cancel, .btn-invite-players, .btn-add-content, .btn-back, .btn-join,
.btn-remove-users, .btn-search
 { height:17px; text-indent:-9999px; border:0px; display:inline-block; }
 
* html .control-bar-simple input {font-size:0;display:block;line-height:0; }  /* ie6 */ 
*+html .control-bar-simple input {font-size:0;display:block;line-height:0; }  /* ie7 */ 

* html .control-bar-simple li {display:inline;zoom:1; }  /* ie6 */ 
*+html .control-bar-simple li {display:inline;zoom:1; }  /* ie7 */ 

.btn-follow { background-image:url(/images/btn-follow.png); width:44px; }
.btn-unfollow { background-image:url(/images/btn-unfollow.png); width:44px; }
.btn-remove-from-favs { background-image:url(/images/btn-remove-from-favs.png); width:68px; }
.btn-add-to-favs { background-image:url(/images/btn-add-to-favs.png); width:48px; }
.btn-remove-as-member { background-image:url(/images/btn-remove-member.png); width:64px; }
.btn-add-as-member { background-image:url(/images/btn-add-member.png); width:64px; }
.btn-delete { background-image:url(/images/btn-delete.png); width:42px; }
.btn-report { background-image:url(/images/btn-report.png); width:44px; }
.btn-join-thread { background-image:url(/images/btn-join-thread.png); width:66px; }
.btn-leave-thread { background-image:url(/images/btn-leave-thread.png); width:76px; }
.btn-send { background-image:url(/images/btn-send.png); width:42px; }
.btn-edit{ background-image:url(/images/btn-edit.png); width:32px; }
.btn-edit-strong { background-image:url(/images/btn-edit-red.png); width:28px; }
.btn-save { background-image:url(/images/btn-save.png); width:42px; }
.btn-challenge { background-image:url(/images/btn-challenge.png); width:61px; }
.btn-cancel { background-image:url(/images/btn-cancel.png); width:49px; }
.btn-done-tagging{ background-image:url(/images/btn-done-tagging.png); width:68px; }
.btn-tag{ background-image:url(/images/btn-tag.png); width:35px; }
.btn-add{ background-image:url(/images/btn-add.png); width:35px; }
.btn-add-to-list { background-image:url(/images/btn-add-to-list.png); width:63px; }
.btn-remove-from-list { background-image:url(/images/btn-remove-from-list.png); width:93px; }
.btn-delete-list { background-image:url(/images/btn-delete-list.png); width:60px; }
.btn-add-friend { background-image:url(/images/btn-add-friend.png); width:79px; }
.btn-remove-friend { background-image:url(/images/btn-remove-friend.png); width:97px; }
.btn-tag-photo { background-image:url(/images/btn-tag-photo.png); width:62px; }
.btn-create-new-list { background-image:url(/images/btn-create-new-list.png); width:86px; }
.btn-cancel-request { background-image:url(/images/btn-cancel-request.png); width:92px; }
.btn-register { background-image:url(/images/btn-register.png); width:61px; }
.btn-activate { background-image:url(/images/btn-activate.png); width:61px; }
.btn-resend { background-image:url(/images/btn-resend.png); width:57px; }
.btn-add-result { background-image:url(/images/btn-add-result.png); width:61px; }
.btn-edit-result { background-image:url(/images/btn-edit-result.png); width:58px; }
.btn-send-message { background-image:url(/images/btn-send-message.png); width:96px; }
.btn-send-request { background-image:url(/images/btn-send-request.png); width:89px; }
.btn-invite { background-image:url(/images/btn-invite.png); width:42px; }
.btn-add-match { background-image:url(/images/btn-add-match.png); width:69px; }
.btn-info { background-image:url(/images/icons/info-control-bar.png); width:19px; height:19px; }
.btn-upload-photo { background-image:url(/images/btn-upload-photo.png); width:78px; }
.btn-create-ladder { background-image:url(/images/btn-create-ladder.png); width:85px; }
.btn-ignore { background-image:url(/images/btn-ignore.png); width:45px; }
.btn-accept { background-image:url(/images/btn-accept.png); width:49px; }
.btn-join-club { background-image:url(/images/btn-join-club.png); width:53px; }
.btn-leave-club { background-image:url(/images/btn-leave-club.png); width:64px; }
.btn-skip { background-image:url(/images/btn-skip.png); width:36px; }
.btn-next { background-image:url(/images/btn-next.png); width:36px; }
.btn-join-ladder { background-image:url(/images/btn-join-ladder.png); width:63px; }
.btn-leave-ladder { background-image:url(/images/btn-leave-ladder.png); width:73px; }
.btn-browse-large { background-image:url(/images/btn-browse-large.png); width:112px; height:27px; }
.btn-un-cancel { background-image:url(/images/btn-un-cancel.png); width:69px; }
.btn-invite-players { background-image:url(/images/btn-invite-players.png); width:80px; }
.btn-add-content { background-image:url(/images/btn-add-content.png); width:80px; }
.btn-back { background-image:url(/images/btn-back.png); width:42px; }
.btn-join { height:25px; width:90px;  } 
.btn-remove-users {background-image:url(/images/btn-remove-users.png); width:86px; } 
.btn-search {background-image:url(/images/btn-search.png); width:54px; } 

/* Landing Page */
.landing-page #ContentOuter { background-color:#e6eacf; height:326px; }
.landing-page #ContentOuter { padding:0px; }
.landing-page #Header { background-position:0px -30px; height:89px;}
.landing-squash-image { display:block; float:right; margin-top:-160px;}
.landing-tennis-image { display:block; float:right; margin-top:-172px;}
.landing-squash-image-02 { display:block; float:right; margin-top:-201px;}
.landing-squash-image-03 { display:block; float:right; margin-top:-204px;}
.landing-tennis-image-02 { display:block; float:right; margin-top:-204px;}
.landing-badminton-image-01 { display:block; float:right; margin-top:-204px;}
.landing-promo-copy { width:400px; float:left; font-size:120%; margin-left:0px; }
.landing-promo-copy ul { margin-top:15px; margin-left:0px; }
.landing-promo-copy ul li { list-style-image:url(/images/bullet.png); list-style-position:inside; font-size:90%; margin-top:8px; }
.landing-promo-copy .join { margin-top:20px; display:inline-block; }
.sports { height:100px; }
h3.why span { float:left; }
.last .portlet.sign-in { background-image:url(/images/bg-dotted-line-vertical.png); background-repeat:repeat-y; padding-left:20px; padding-right:0px; }
div.sign-in h3{ margin:52px 0px 12px 0px; color:#b0c504; font-size:125%; }
fieldset.sign-in input.textbox { width:157px; }
.forgotten-password { float: right; display:block; margin:10px 0px 0px 5px; }
.password-label { float:left; } 

fieldset.sign-in .button { margin-top: 15px; }

 

span.text-why { background-image:url( /images/bg-landing-text-why.png ); width:49px; height:25px; margin-right:10px; text-indent:-9999px; margin-top:5px;}
span.text-players { background-image:url( /images/bg-landing-text-players.png ); width:200px; height:25px; margin-left:10px; text-indent:-9999px; margin-top:5px;}

 
#SportList { height:50px; display:block; margin-top:50px;padding:0px; }



/* Main Menu */
ul#Menu { float:left;  margin-left:100px; margin-top:33px;}
ul#Menu li { float:left; list-style-type:none; margin-left:0px; font-size:110%; margin-right:35px; height:28px; padding:0px 0px 0px 10px; }
ul#Menu li a { font-weight:normal; display:block; height:25px; padding:3px 10px 0px 0px; }
ul#Menu li.selected { background-color:#adc402; background-image:url( /images/bg-nav-on-left.png ); background-repeat:no-repeat; }
ul#Menu li.selected a {  color:#FFFFFF; background-image:url( /images/bg-nav-on-right.png ); background-repeat:no-repeat; background-position:right;  }

/* Secondary Navigation */
.secondary-nav { margin-top:5px; }
.secondary-nav li { background-image:url( /images/bg-dotted-line.png ); background-position:-3px bottom; background-repeat:repeat-x; padding:0px 0px 3px 0px; margin:0px; }
.secondary-nav li a { font-size:90%; color:#7c8e00; }
.secondary-nav li.last { background-image:none; }
.secondary-nav li li { background-image:none; margin-left:10px; }
.secondary-nav li.selected a { color:#407101; }

/* Drop Lists */
.drop-contents { width:207px; padding:1px 0px 8px 1px; z-index:1000; display:none; position:absolute;  margin-left:0px; margin-top:2px; background-image:url(/images/bg-drop-panel-bottom.png); background-position:bottom; background-repeat:no-repeat; }
.drop-contents-inner { background-color:#FFFFFF; border-left:1px solid #cccccc; width:178px; padding:10px;  }
.drop-contents-inner a { color:#8da400 !important ;  font-size:85%; }
.drop-contents h2 { font-weight:bold; }
.drop-container { float:right; }
.quick-links { list-style-image:url(/images/bullet-dark.png); list-style-position:inside; margin-left:3px; }
.quick-links li { line-height:130%;  }
.header-favourites { background-image:url(/images/header-favourites.png); background-repeat:no-repeat; width:86px; height:18px; text-indent:-9999px; margin-bottom:10px; }
.header-notifications { background-image:url(/images/header-notifications.png); background-repeat:no-repeat; width:99px; height:16px; text-indent:-9999px; margin-bottom:10px; }

/* Inline Logon */
.logon-inline .logon { float:left;  }
.logon-inline .signup { float:left;  }
.logon-inline { width:430px; height:250px; }
.logon-inline a { color: #667a00 !important; font-weight:bold;}

/* Breadcrumb */
#Breadcrumb { float:left; }
#Breadcrumb li { float:left; list-style-type:none; font-size:85%; padding:10px 0px 10px 0px; color:#747474; margin-right:7px;  }
#Breadcrumb a { color:#a6bc02; }

#LogonLinks { float:right;  margin-top:5px; color:#FFFFFF; font-size:85%; margin-left:10px; }
#Drops { float:right; margin:2px 10px 0px 0px; }
#LoggedInLinks { color:#FFFFFF; margin-top:5px; font-size:85%; }

/* Search Widget */
#SearchForm { display:block; float:right; margin-top:4px; }
#SearchForm { background-image:url( /images/bg-search-textbox-left.png ); background-repeat:no-repeat; background-position:left; height:21px;padding-left:8px; font-size:0px;line-height:0px; }

#SearchForm .textbox { height:19px; border:0px; border-top:1px solid #cfcade; border-bottom:1px solid #cfcade;padding:0px;margin:0px;float:left; }
#SearchForm .button { height:21px; padding:0px; margin:0px; float:left; }

/* Button Backgrounds */
.button { border:0px; height:25px; color:#FFFFFF; }
.btn-bg-01 { width:68px; height:25px; background-image:url( /images/btn-bg-01.png ); }

/* Media Lists */
.media-list li { float: left;margin:0px 10px 10px 0px; clear:none !important;  }
.media-comment { float:left; padding-left:5px; width:250px;}
.media-list li.last { margin:0px 00px 10px 0px; }
.media-link { display:block; border:1px solid #c3c2c7; background-color:#FFFFFF; padding:2px; height:50px; } 
.media-list-all-link { display:block; border:1px solid #c3c2c7; background-color:#FFFFFF; padding:2px; height:102px; }
.border { border:1px solid #c3c2c7;  padding:2px;   } 

/* Media View */
.next-previous-media-items { text-align:right; font-size:87%; }
.activity-request-title { float:left; }

/* Uploads */
#thumbnails img { border:1px solid #CCCCCC; padding:2px; margin:0px 10px 10px 0px; }
#PublishButtons { display:none; }
#SwfUpload { line-height:0%; }

/*
.uploaded-media { list-style-type:none; margin:0px; padding:0px; }
.uploaded-media li { margin-bottom:20px; clear:both;}
.uploaded-media-img { border:1px solid #c3c2c7; background-color:#FFFFFF; padding:2px; height:100px; width:100px; float:left; margin-right:10px; }
.uploaded-media img { float:left; margin-right:20px; }
.uploaded-media textarea { float:left; height:100px; width: 290px; }*/

/* Tagging */
.note { display: none; background: url(/Content/Images/spacer.gif); border: 2px solid rgb(255, 255, 255); overflow: hidden; position: absolute; z-index: 0;	cursor: pointer; }
.notep { display: none; background: #eee; font-size: 8pt; margin-top: 0px; padding: 2px; position: absolute; width: 175px; cursor: text;} 
#AddTagForm { padding:0px 15px 0px 10px; display: none; position: absolute; height:330px;width: 210px; background-image:url(/images/bg-tag-user-select.png); background-repeat:no-repeat; background-position:bottom right; }
.media-tag-infobox { clear:both; display:none; margin:7px 0px 10px 0px; background-color:#f1f4e5; background-position:5px 9px; padding:5px 5px 5px 25px; background-image:url(/images/icons/photos.png); background-repeat:no-repeat; }
.btn-done-tagging { float:right; margin-top:2px; }
#UserList { overflow:auto; background-color:#f1f4e5; width:211px; position:relative; left:-4px; padding:5px; height:240px; }
.label-player-tag { display:inline; position:relative; font-weight:normal; font-size:85%; top:-3px; }
.player-tag-me { background-image:url( /images/bg-dotted-line.png ); background-position:-3px bottom; background-repeat:repeat-x;  margin:0px 0px 5px 0px; } 
#Options { float:right; font-size:83%; text-align:right;}
#TaggedUsers { float:left; width:380px; }
#TaggedUsers li { float:left; font-size:83%; margin-left:5px; }
#TaggedUsers li.in-photo{ margin:0px; }

/*  */
 

/* Headers */
.graphic, .graphic-text, .auto-text { height:35px; background-color:transparent; background-repeat:no-repeat; margin-bottom:0; text-indent:-9999px; clear:both;  }
.auto-text { margin-left:15px; margin-top:5px;}
.frame  .auto-text { margin-left:0px; margin-top:0px;}
.auto-text { background-position:-3px -3px }
.graphic-text { height:24px; margin:0px 0px 15px 15px; }
.header-latest-home { background-image:url(/images/header-latest-home.png); }
.header-latest { background-image:url(/images/header-latest.png); }
.header-latest-large { background-image:url(/images/header-latest-large.png); }
.header-recommendations { background-image:url(/images/header-recommendations.png); }
.header-whats-on { background-image:url(/images/header-whats-on.png); }
.header-updates { background-image:url(/images/header-updates.png); }
.header-mutual-friends { background-image:url(/images/header-mutual-friends.png); }
.header-suggestions { background-image:url(/images/header-suggestions.png); }
.header-photos-large { background-image:url(/images/header-photos-large.png); }
.header-action-required { background-image:url(/images/header-action-required.png); }
.header-messages-large { background-image:url(/images/header-messages-large.png); }
.header-requests-large { background-image:url(/images/header-requests-large.png); }
.canceled { background-image:url(/images/canceled.png); background-position:top left; height:31px; margin-bottom:10px; margin-top:5px;   }

a.portlet-info { position:relative; display:block; float:right; top:-29px; left:-9px; background-image:url(/images/icons/info.png); width:20px; height:20px; text-indent:-9999px; }
.last a.portlet-info { left:-19px; }
a.info { display:block; background-image:url(/images/icons/info.png); width:20px; height:20px; text-indent:-9999px; }


/* Forms */
label { display:block; margin:10px 0px 2px 0px; padding:0px;  font-weight:bold;}
input.textbox, input[type=text], textarea, input[type=password] { border:1px solid #cdcdcd; background-color:#FFFFFF; color:#717171; margin:0px; height:17px; padding:2px;}
textarea { height:100px; }
select { border:1px solid #cdcdcd; background-color:#FFFFFF; color:#717171; margin:0px; height:23px; padding:0px;}
.form-row { clear:both; }
.form-row textarea { width:235px; height:60px; overflow:auto; }
.form-row select { width:240px; }
.form-row input[type=text], .form-row input[type=password] { width:235px; }
.form-row label { font-size:90%; }
.action-row { text-align:right; padding-top:5px; clear:both; }
.button-row { padding-top:10px; margin-top:10px; clear:both; background-image:url(/images/bg-dotted-line.png); background-repeat:repeat-x; background-position:top;  }
.form-row input.date-day, .form-row input.date-month { width: 20px; }
.form-row input.date-year { width: 40px; }
.form-row .date-time input { width:106px; }
.form-row .date-time select { width:60px; }
.date-time { display:inline; }
.form-row.floated label { display:inline; margin-right:15px; }
.margins p { margin:10px 0px 10px 0px; }
.activity-type-simple label { display:inline; margin-right:10px; top:-3px; position:relative; font-weight:normal; }
.activity-type select { width:218px; }
.with-info { width:210px !important; }
.form-row input.search-box { width:200px; margin-right:10px; height:15px;  }

/* - Requests */
.radio { height:40px; width:75px; text-align:center; padding-top:10px; float:left; margin-right:7px; background-image:url(/images/bg-label-normal.png); line-height:140%; margin-top:0px; }
.radio input  {  margin:0px; padding:0px; }
.radio.singles, .radio.doubles, 
.radio.meetup  { color:#FFFFFF; }
.radio.singles { background-image:url(/images/bg-label-orange.png); }
 .radio.doubles { background-image:url(/images/bg-label-blue.png); }
.radio.meetup { background-image:url(/images/bg-label-green.png); }
label.radio  { font-weight:normal; font-size:85%; }
.radio span { font-weight:normal; font-size:85%; }
.radio.on { background-color:#dfefa8; }
 


/* .input-validation-error { border:1px solid #d7c3b2 !important; background-color:#fef1e7 !important; } */
.field-validation-error { background-color:#fddec4; display:inline-block; padding:2px 0px 0px 14px; width:230px; height: 21px; font-size:85%; color:#2d0000; background-image:url(/images/bg-validation-error-left.png); background-repeat:no-repeat; background-position:left; float:right; }
.field-validation-success { border:1px solid #8da400; background-color:#dfefa8; padding:4px; font-size:85%; color:#2d0000;  }

/* Filters */
#NetworkUpdatesPanel .filter-list { margin-top:3px; }
.filter-list { border-bottom:2px solid #a4bc04; margin:0px; height:18px; }
.filter-list li { display:block; float:left; margin:0px; margin-right:5px; margin-left:5px; height:18px; padding:0px 0px 0px 6px; }
.filter-list li a { font-size:85%; color:#727467; font-weight:normal; display:block; height:17px; padding:1px 6px 0px 0px; }
.filter-list li.selected { background-color:#adc402; background-image:url( /images/bg-filter-on-left.png ); background-repeat:no-repeat; }
.filter-list li.selected a { color:#FFFFFF; background-image:url( /images/bg-filter-on-right.png ); background-repeat:no-repeat; background-position:right;  }

ul.simple-filter-list { margin:0px; }
.simple-filter-list li { float:left; list-style-image:url( /images/bg-list-seperator.png ); margin-right:10px;  margin-left:10px; padding-left:5px; }
.simple-filter-list li.first{ margin-left:0px; list-style-image:none; }
.simple-filter-list a { font-size:95%; }

/* Pager */

ul.pager li { display:inline-block; background-image:url( /images/bg-list-seperator.png ); background-position:0px 5px; background-repeat:no-repeat; margin-right:5px; padding-left:5px; }
ul.pager li.first{ margin-left:0px; background-image:none; }
ul.pager a { font-size:85%; }
ul.pager .selected { font-weight:bold; color:#2f2f2f; }
.result-pager { text-align:center; margin-top:7px;  }



/* Updates */
/* Latest */
.notifications { margin-bottom:20px; }
.notifications h3 { font-weight:bold; font-size:95%; color:#4f504b; }
.notifications-list { padding:5px 0px 0px 10px; margin:0px; }
.result { font-weight:bold; font-size:85%; }
 
.notifications-list li { margin:0px 5px 0px 0px; padding:0px; line-height:110%;}

.show-more { font-size:85%; }


/* Calendar */
.calendar-controls { text-align:center; margin:0px 0px 10px 0px; }
.calendar-controls a { font-weight:bold; }
.calendar-controls.bottom .calendar-weeks { padding-top:10px; }
.calendar-months li { display:block; float:left; }
.calendar-months { width:450px; display:block; margin-left:60px; }
.move-month-previous, .move-month-next { width:150px; padding-top:5px; text-align:right;}
.move-month-next { text-align:left; }
.calendar-months li#Month { width:150px; font-size:140%; }
.calendar-weeks li { display:inline; }
#Calendar { clear:both;	}
#Calendar .slot { background-image:url(/images/bg-calendar-header-left.png);  background-repeat:no-repeat; }
#Calendar .slot.mini { background-image:url(/images/bg-calendar-header-left-e.png);  background-repeat:no-repeat; }
#Calendar .slot.empty { background-image:url(/images/bg-calendar-header-left-e.png); margin:0px 0px 2px 0px; }
#Calendar .date { background-color:#dfefa8; background-image:url(/images/bg-calendar-header-right-o.png);  background-repeat:no-repeat; background-position:right; height:27px; padding: 5px 30px 0px 10px; margin:0px 0px 0px 10px; }
#Calendar .date .day { float:left; width:145px; font-weight:bold;}
#Calendar .date .organise { background-image:url(/images/bg-dotted-line-vertical.png); background-repeat:repeat-y; background-position:left; float:right; padding:0px 0px 0px 10px; }
#Calendar .date .full-date { font-weight:normal; }
#Calendar ul.entries { margin:5px 0px 0px 20px; list-style-type:none; clear:both; }
#Calendar .entries li.entry { border-bottom:2px solid #8fa303; padding-bottom:10px; margin-bottom:5px; }
#Calendar .participants { clear:both; }
#Calendar .entries li.last { border-bottom:none; margin-bottom:0px; }
#Calendar .entries li .title { margin:0px; font-weight:bold; }
#Calendar .entries li.entry ul { padding:0px; margin:0px; }
#Calendar h3 .location, #Calendar h3 .location a { font-weight:normal; }

h3.snug { font-size: 105%;  color:#3c3c3c; font-weight:bold; margin-bottom:0px; padding-bottom:0px; clear:both; }

h3.activity-request-info a { font-size: 105%; color:#3c3c3c; font-weight:bold; }
h3.activity-request-info { margin:10px 0px 10px 0px; display:block; width:538px; }
h3.singles, h3.ladder { background-image:url(/images/icons/activity-orange.png); background-repeat:no-repeat; background-position:left; padding-left:20px;  }
h3.doubles { background-image:url(/images/icons/activity-blue.png); background-repeat:no-repeat; background-position:left; padding-left:20px;  }
h3.meetup { background-image:url(/images/icons/activity-green.png); background-repeat:no-repeat; background-position:left; padding-left:20px;  }
h3.event { background-image:url(/images/icons/activity-pink.png); background-repeat:no-repeat; background-position:left; padding-left:20px;  }
#Calendar .slot div.user { width:165px; float:left; margin-right:10px; }
#Calendar .slot div.versus { width:50px; float:left; margin-right:10px; font-weight:bold; padding-top:6px; }
#Calendar .slot div.user a { float:left; } 
.multiple-participants { width:410px; }
#Calendar .slot div.user a.user-name { padding:6px 0px 0px 10px; } 
.entry ul li { display:block; float:left; }
#Calendar .slot .ugc { line-height:115%;  background-image:url(/images/bg-dotted-line-vertical.png); background-repeat:repeat-y; background-position:left; padding-left:10px; }
#Calendar .slot .ugc a { font-size:85%; }
#Calendar .slot .ugc a span { color:#737373;}
#Calendar .mini-entry { font-size:90%; padding:0px 0px 0px 0px; }
#Calendar .mini .date { padding-left:0px; }
#Calendar .mini .entries { margin-left:10px; }
.mini h3.activity-request-info { margin:0px 0px 0px 0px; width: 190px; }

/* Activity Lists */
.activity { background-image:url(/images/bg-calendar-header-left.png); background-repeat:no-repeat;}
.activity-title a { padding-bottom:3px; }
.activity-title { font-weight:bold; background-color:#dfefa8; background-image:url(/images/bg-calendar-header-right-o.png);  background-repeat:no-repeat; background-position:right; height:27px; padding: 5px 30px 0px 0px; margin:0px 0px 10px 10px; }
.activity-title .singles, .activity-title .ladder { background-image:url(/images/icons/activity-orange.png); background-repeat:no-repeat; padding-left:20px;  }
.activity-title .doubles { background-image:url(/images/icons/activity-blue.png); background-repeat:no-repeat; padding-left:20px;  }
.activity-title .meetup { background-image:url(/images/icons/activity-green.png); background-repeat:no-repeat; padding-left:20px;  }

.activity li.users { padding-bottom:10px; margin:0xp; }
.activity div.user { width:192px; float:left; margin-right:10px; }
.activity div.versus { width:50px; float:left; margin-right:10px; font-weight:bold; padding-top:6px; }
.activity div.user a { float:left; } 
.activity div.user a.user-name { padding:6px 0px 0px 10px;  } 
.activity ul li { clear:both; margin:0px; }
.activity ul { margin:0px; }
.activity .ugc { margin-left:52px; padding:10px 10px 5px 10px; background-color:#f1f4e5; }
.activity .ugc .details { margin-left:10px; float:left; width:358px; }
.activity .ugc li.first { margin-top:-4px;  }
.activity .ugc li.date { font-size:85%;  }

.activity .ugc li.view-photos { font-size:85%; float:right; margin-top:-10px; background-image:url(/images/icons/photos.png); padding-left:20px; background-position:0px 4px; background-repeat:no-repeat; }
.activity .ugc li.view-comments { font-size:85%; float:right; margin-top:-10px; background-image:url(/images/icons/comments.png); background-repeat:no-repeat; padding-left:20px; background-position:0px 4px; }
.activity .ugc li.view-videos { font-size:85%; float:right; margin-top:-10px; background-image:url(/images/icons/videos.png); background-repeat:no-repeat; padding-left:20px; background-position:0px 4px; }
.activity .ugc .profile-image { float:left; }
.activity .ugc { margin-bottom:3px; }
.score { padding:0px 0px 0px 55px; float:left; clear:none !important; margin-top:-10px !important; }
.edit-result { padding:0px 0px 5px 55px; float:right; clear:none !important; margin-top:-10px !important;  }
.activity .left, .activity .right, .activity .versus { float:left; }
.activity .left, .activity .right { width: 200px; }
.activity .doubles .versus { padding-top:20px; }
/* Result */

label.winner { margin-top:0px; }


/* Comments */
fieldset.comments input { float:right; }
.comments-box { overflow:hidden; height:25px; width:410px; }
.hint {	color:#cecece !important; }
.comments { clear:both; padding-left:55px; }
.comments li a.view-all { font-size:75%; line-height:100%; background-image:url(/Images/Icons/comments.png); background-repeat:no-repeat; padding-left:20px; display:inline; }
.comments li p { font-size:90%; margin-top:-3px; line-height:120%; }
.comments li p a { font-weight:bold; }
.comments li p span { color:#bcbcbc; font-size:90%; }
.comments li { list-style-type:none; padding:10px; background-color:#f1f4e5;  margin:0px 0px 2px 0px !important; }
.comments li img { float:left; margin-right:10px; }
.comments li .details { float:left; }
.comments li p { margin:0px; padding:0px; }
.comment-submit { float:right; margin-top:10px; } 

 #Message a.view-all { font-size:75%; line-height:100%; height:14px; text-align:left; background-image:url(/Images/Icons/comments.png); background-repeat:no-repeat; background-position:4px 5px; background-color:#eff3e2; padding:5px 5px 5px 25px; }
 
#FullComments .comments { padding-left:0px; }
#FullComments .comments-box { width:464px; }


/* Frames */
.frame { background-color:#FFFFFF; padding:0px 15px 0px 15px; border-bottom:1px solid #FFFFFF; }
.frame-top, .frame-bottom { height:19px; position:relative; }

.middle .frame-top { background-image:url(/images/bg-frame-top-520.png);  }
.middle .frame-bottom { background-image:url(/images/bg-frame-bottom-520.png); }

.middle.group .frame-top { background-image:url(/images/bg-frame-top-520-group.png);  }
.middle.user .frame-top { background-image:url(/images/bg-frame-top-520-group.png);  }

.full .frame-top { background-image:url(/images/bg-frame-top-960.png); }
.full .frame-bottom { background-image:url(/images/bg-frame-bottom-960.png); }

.home .frame-top { background-image:url(/images/bg-frame-top-661.png); }
.home .frame-bottom { background-image:url(/images/bg-frame-bottom-661.png); }

/* User Profiles */

.user-header { background-color:#d8e0bb; background-image:url( /images/bg-group-header.png ); position:relative; left:-15px; width:490px; padding:0px 15px 0px 15px; border-bottom:2px solid #99b202; }
#ConfirmRelationshipChangePanel img { padding:0px 5px 5px 0px; }

/* Messages */
#MessageBox ul.message { background-image:url(/images/bg-dotted-line.png); background-repeat:repeat-x; background-position:bottom; }
#MessageBox ul.message.last { background-image:none; }
#MessageBox ul { margin:0px; }
#MessageBox li { list-style-type:none; }
#MessageBox ul.message { margin:5px 0px 5px 0px;	padding:5px 5px 5px 0px; line-height:100%; }
#MessageBox ul.message.alt { /* background-color:#f5f5f5; */ }
#MessageBox li.subject { padding-left:5px; float:left; margin-bottom:3px; font-size:120%; width:400px; }
#MessageBox.simple li.subject { width: 420px; }
#MessageBox li.profile-image { padding-right:5px; float:left; width:50px;}
#MessageBox li.user-info { padding-left:5px; float:left; width:120px; }
#MessageBox li.user-info .user-name { font-weight:normal; font-size:88%; color:#6f6f71; }
#MessageBox ul.message .message-content { padding:0px 0px 0px 10px; float:left; width:255px;}
#MessageBox span.date { font-size:80%; }
#MessageBox li.between { clear:left; padding-left:85px; float:left; margin-top:-5px;  }
#MessageBox .remove-from-thread { float:right; margin-top:-5px;}
#MessageBox li.not-active {	background-color:#FF0000; font-weight:bold;	color:#FFFFFF; padding:5px; }
#MessageBox .checkbox { width:25px; float:left; height:50px; }
#MessageBox .checkbox .icon { margin-left:1px; }
#MessageBox .club { font-size:80%; }




/* Read Message */
#Message h3 { font-size:115%; font-weight:bold; color:#3e3f40; margin-top:5px;  }
#Message .between { font-size:85%; }
#Message .message-thread-item { clear:both; }
#Message .message-thread-item { background-image:url(/images/bg-dotted-line.png); background-repeat:repeat-x;   margin-top:10px; background-position:bottom; padding-bottom:10px; }
#Message .message-thread-item ul { float:left; width:400px; margin:-3px 0px 0px 10px;  }
#Message .message-thread-item .profile-image  { float:left; }
#Message .message-thread-item .date { font-size:85%; }
#Message .message-thread-item .body { margin-top:10px; font-size:95%; line-height:130%; }
#ReplyPanel { clear:both; margin-top: 10px;  padding-top:10px; }
#ReplyPanel .reply { float:left; margin:-3px 0px 0px 10px; }
#ReplyPanel .profile-image { float:left; }
#ReplyPanel textarea { width:418px; height:70px; overflow:auto; font-size:90%; padding:5px; }
#ReplyPanel .send-request { float:right; }
#Message .show-all-messages { font-size:85%; }

/* Requests */
.responded { float:right; font-size:85%; }
.rsvp { float:right; color:#c30707; font-size:85%; font-weight:bold; }
.rsvp a { color:#c30707 !important; }
.full-attendance-list h4 { font-size:85%; font-weight:bold; }
.full-attendance-list a { font-size:85% !important; }
.full-attendance-list .count { font-size:90%; font-weight:normal; }
.accept-decline input { float:left; margin-right:3px;  }
.accept-decline label { float:left; margin:-2px 30px 0px 0px; font-size:85%; }
.accept-decline { background-color:#f1f4e5; padding:5px; margin:5px 0px 5px 0px;}
.action-required { color:#c30707; font-weight:bold; }
.right-portlet { font-size:90%; width:220px; }
.right-portlet li { background-image:url( /images/bg-dotted-line.png ); background-position:-3px bottom; background-repeat:repeat-x; line-height:110%; padding-bottom:10px; margin-bottom:10px; }
.right-portlet li:last-child { background-image:none; }
.right-portlet  h3 { font-weight:bold;  color:#4f504b; margin-bottom:2px; }
.choose-winner { width:250px; }
.choose-winner label{ float:left; width:100px; font-weight:normal; }
.choose-winner input { float:left;  }

/* Search Page */
ul.results-list  { background-color:#FFFFFF; height: 470px; overflow-y:auto; overflow-x:hidden;  }
.all ul.results-list { height:auto; overflow-y:hidden; }
#Results .all { margin-top:10px; }
#Results .view-all { margin-right:10px; }
#Results .all h3 { margin-bottom:5px; }

#MapCanvas { width: 679px; height: 500px; }
ul.results-list li ul { margin:0px; }
ul.results-list .marker { float:left; margin-right:8px; }
ul.results-list .marker a { width:24px; height:24px; background-image:url(/images/bg-result-list-markers.png); display:block; text-indent:-9999px; }
.marker .a { background-position:0px 0px; }
.marker .b { background-position:0px -24px; }
.marker .c { background-position:0px -48px; }
.marker .d { background-position:0px -72px; }
.marker .e { background-position:0px -96px; }
.marker .f { background-position:0px -120px; }
.marker .g { background-position:0px -144px; }
.marker .h { background-position:0px -168px; }
.marker .i { background-position:0px -192px; }
.marker .j { background-position:0px -216px; }
.marker .k { background-position:0px -240px; }
.marker .l { background-position:0px -264px; }
.marker .m { background-position:0px -288px; }
.marker .n { background-position:0px -312px; }
.marker .o { background-position:0px -336px; }
.marker .p { background-position:0px -360px; }
.marker .q { background-position:0px -384px; }
.marker .r { background-position:0px -408px; }
.marker .s { background-position:0px -432px; }
.marker .t { background-position:0px -456px; }

ul.results-list .result { height:50px; }
ul.results-list .profile-image { float:left; margin-right:8px; }
ul.results-list .user-name { float:left; margin-top:-4px; font-size:85%;}
ul.results-list .more-info { color:#ed5b0c; float:right; margin:-25px 8px 0px 0px; font-size:85%; }
ul.results-list .more-info a {margin-top:-1px; display:block;}
ul.results-list .distance { clear:left; font-size:85%; position:relative; left:72px; top:-25px; }
.maps-info-window .profile-image, .maps-info-window .details { float:left; }
.maps-info-window .details { margin:-4px 0px 0px 10px; }
.maps-info-window { font-size:85%; }
.maps-info-window h3 { font-weight:bold; display:block; float:left; line-height:140%; }
.maps-info-window .activities { float:left; margin-left:10px; }
.maps-info-window .activities li { margin:0px; padding:0px; line-height:140%; } 


/* Lists */

.user-list img { float:left; margin:0px 10px 0px 0px; }
.user-list .user-name { float:left; margin:-2px 0px 0px 0px; }
.user-list .user { float:left; padding-right:10px; width:200px; margin-bottom:10px; }
.user-list { line-height:110%; }

.user-list-small li { float:left; width:75px; line-height:100%; }
.user-list-small a { display:block; font-size:85%; font-weight:normal; }
.user-list .request-details { float:left; } 

.user-list.request-list .user { clear:both; padding-bottom:15px; margin-bottom:15px; background-image:url( /images/bg-dotted-line.png ); background-position:bottom; background-repeat:repeat-x; }
.attendance-list { float:left; width:120px; }


/* Groups */

.group-list-details .profile-image { float:left; margin-right:10px; }
.group-list-details .details { float:left; }
.group-list-details .group { clear:both; }
.group-details { height:60px; } 
.member-count { font-size:85%; }

/* Info Headers */
dl.left { width:200px; float:left; font-size:90%;line-height:140%; }
dl.left dt { width:60px; float:left; clear:left;}
dl.left dd { width:140px; float:left; }

dl.right { float:left; font-size:95%; line-height:140%; }
dl.right dt { width:60px; float:left; clear:left;}
dl.right dd { float:left; width:200px; overflow:hidden;}

.clubs .profile-image {position:absolute; margin:0px 10px 0px 0px; }
 
.clubs .club div {padding-bottom:10px; } 
.clubs ul.teams { margin:0px 0px 0px 42px; position:relative; top:-4px; }
.clubs .user-name, .clubs .member-count   { position:relative; top:-4px; left:42px;  }
.clubs ul.teams a { font-weight:normal; }
.clubs ul.teams .member-count { position:relative; top:-1px; left:0px; }

/* Friends */
.firends-profile-image { float:left; margin-right:10px; }
.user-list .checkbox { width:30px; float:left; height:30px; margin-top:-2px; }
.user-list li.profile-image { padding-right:5px; float:left; width:50px; }
.user-list .user-info { padding-left:5px; float:left; width:100px;}
.select-all label { display:inline; margin-left:5px; }
.user-list .user-row { clear:both; background-image:url( /images/bg-dotted-line.png ); background-position:-3px top; background-repeat:repeat-x; padding:8px 0px 0px 0px; margin:0px 0px 8px 0px; }

#AddNewList { display:none; background-color:#f1f4e5; padding:5px; }
#AddSelectedToList { background-color:#f1f4e5; padding:5px; margin-bottom:10px; }

#AddSelectedToList p { float:left; width:400px; }
#AddSelectedToList input { float:right; }

.select-all-label { padding-left:6px; position:relative; top:-3px;   }



/* Invite Friends */
.invite-friends
{
	margin-top:10px;
	margin-left:-4px;
}

.invite-friends .user-list li
{
	padding:3px;	
	width:139px;
	margin-right:5px; 
}

.invite-message textarea, .invite-email textarea
{
	width:235px;
}

.invite-message
{
	padding-left:20px;	
}

.invite-message, .invite-email
{
	width:230px;	
	float:left;
}

.invite-friends .user-list li img
{
	float:left;
	margin-right:5px;
}

.invite-friends .user-list li p
{
	float:left;
	font-size:80%;
	margin:0px;
	line-height:100%;
}

.invite-friends .user-list li.over
{
	background-color:#f2f4e6;
	border:1px solid #9ab302;
	cursor:pointer;
}

.invite-friends .user-list li.selected
{
	background-color:#d8e0bb;
	border:1px solid #9ab302;
	padding:3px;
}

ul.invite-list
{
	margin-bottom:10px;
}

ul.invite-list li
{
	border:1px solid #FFFFFF;
	float:left;
}

/* Clubs */
.group-navigation { margin-top:3px; }
.group-navigation { border-bottom:0px solid #a4bc04; margin:0px; height:24px; position:relative; margin-left:-15px; width:510px; padding-left:10px; }
.group-navigation li { display:block; float:left; margin:0px; margin-right:5px; margin-left:5px; height:24px; padding:0px 0px 0px 10px; }
.group-navigation li a { font-size:85%; color:#727467; font-weight:normal; display:block; height:22px; padding:2px 10px 0px 0px; }
.group-navigation li.selected { background-color:#adc402; background-image:url( /images/bg-filter-on-left-large.png ); background-repeat:no-repeat; }
.group-navigation li.selected a { font-weight:bold; color:#FFFFFF; background-image:url( /images/bg-filter-on-right-large.png ); background-repeat:no-repeat; background-position:right;  }

.group-header { background-color:#d8e0bb; background-image:url( /images/bg-group-header.png ); position:relative; left:-15px; width:490px; padding:0px 15px 0px 15px; border-bottom:2px solid #99b202;}
.group-info { margin:10px 0px 10px 0px; }
.group-info .left { width:335px; float:left; padding-right:10px; margin-right:10px; background-image:url(/images/bg-dotted-line-vertical.png); background-position:right; background-repeat:repeat-y; }
.group-info .right { float:left;  width:130px;}
.group-info .right h3 { color:#8da400; font-weight:bold; }
.group-info .about { margin-bottom:15px; line-height:135%; }
.group-info dl { float:left; line-height:140%; font-size:95%; }
.group-info .left dl dt { width:130px; float:left; clear:left; padding-bottom:5px; }
.group-info .left dl dd { width:140px; float:left; padding-bottom:5px;}
.group-info .right address { margin-bottom:15px; line-height:140%; }
.group-info .right dl dt { width:22px; float:left; clear:left; padding-bottom:2px; display:block; }
.group-info .right dl dd { float:left; padding-bottom:2px; width:100px;}
.group-info .right ul {  clear:both; padding-top:10px; }


/* Ladders */

.ladder { margin-top:10px; }
.ladder-number { float:left; width:30px; }
.ladder .action-row { width:245px; }
.ladder-challenge { clear:both; padding-top:5px; }
.in-challenge {	height:16px; background-image:url("/Content/Images/Icons/group_link.png"); background-repeat:no-repeat; width:16px;	text-indent:-9999px; }
ul.ladder-challenges li { border-bottom:1px solid #cccccc; }
.ladder .user-details { background-color:#f1f2ef; padding:10px;	float:left;	width:435px; }
.ladder .highlight{ background-color:#DDDDDD; }
ul.ladder li { list-style-type:none; clear:both; margin:0px 0px 10px 0px; }
ul.ladder .top-row { width:390px; }
ul.ladder .second-row {	width:390px; }
.controls { width:120px; }
.challenge, .results, .in-challenge, .controls { float:right; }
ul.ladder li img { float:left; }
.ladder-win-loss { width:200px; float:left; }
.ladder-details { margin:0px 0px 0px 10px; line-height:110%; float:left; }
.ladder .handle { cursor:move; float:right; }

.ladder .active .user-details {background-color:#DDDDDD;}
 
/* Bios */
.bio .profile-image { float:left; }
.bio .left-content { float:left; width:151px;  }
.bio .content { float:left; padding-left:20px; width:315px; }




/* ----------------- jQuery ------------------- */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }


/* jQuery tabs */

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.ui-tabs .ui-tabs-panel, .ui-widget-content, .ui-widget-header,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-tabs .ui-tabs-nav li a 
{
	background:none;
	border:0px;
	padding:0px;
}

#tabs .ui-tabs-nav > li { display:block; float:left; margin:0px; margin-right:5px; margin-left:12px; height:24px; padding:0px 0px 0px 6px; }
#tabs .ui-tabs-nav li a { font-size:85%; color:#727467; font-weight:normal; display:block; height:17px; padding:2px 6px 0px 0px; }
#tabs .ui-tabs-nav .ui-state-active { background-color:#adc402; background-image:url( /images/bg-filter-on-left.png ); background-repeat:no-repeat; }
#tabs .ui-tabs-nav .ui-state-active a { color:#FFFFFF; background-image:url( /images/bg-filter-on-right.png ); background-repeat:no-repeat; background-position:right;  }
#tabs > ul { border-bottom:2px solid #a4bc04; margin:0px; height:24px; position:relative; left:-15px; width:514px;}



/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; background-color:#FFFFFF; border:1px solid #cdcdcd; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#dfefa8; color:#333333; }
.ui-datepicker .ui-datepicker-header a { color:#333333; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; font-weight:normal; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { text-decoration:underline; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:16px; }
.ui-datepicker-unselectable { background-color:#f2f4e6; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }



/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display/**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}

/* Overlays */
 
.ui-widget-overlay { background: #666666 url(/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; background: #dbed9e; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%;  margin: -10px 0 0 0; padding: 0px; background-image:url(/images/btn-close.png); background-repeat:no-repeat; width:20px; height:20px; }
.ui-dialog .ui-dialog-titlebar-close span { display: none; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: #FFFFFF; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; background: #FFFFFF; background-image:url(/images/bg-dotted-line.png); background-repeat:repeat-x; border-width: 1px 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; background-color:#96af00; font-size:85%; color:#FFFFFF; border:0px;  margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog { background-image:url(/images/white-corner-left); background-position:bottom left; }

/* Admin */
.admin-edit { text-align:right; }
.admin-edit a { color:#df0808; }


/*------------------ CLEARING FLOATS HACK --------------------*/
.fc:after{
	content: "."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.fc {display:inline-block;}

/* Hides from IE-mac \*/
* html .fc {height:1%;}
.fc {display:block;}
/* End hide from IE-mac */

.clear
{
	clear:both;
}