html, body {padding:0; margin:0; font-size: 76%; background:#151515; font-family: Tahoma, Verdana, Helvetica, Sans-Serif; line-height:1;}
/*body {width: 100%; height: 100% !important;}*/
ul {padding:0; margin:0; list-style:none;}
ul li {list-style:none; padding:0; margin:0;}
a {text-decoration:none; color:#CA0003;}
a:hover {text-decoration:underline;}
a img {border:none;}
form {padding:0; margin:0;}
textarea {font-family: Tahoma, Verdana, Helvetica, Sans-Serif;}
label {font-size: 1em; color: #666; font-weight:bold;}
/* LAYOUT */
#wrapper {width: 771px; margin: 0 auto;}
#masthead {width: 771px; height: 64px; float:left; clear:both;}
.landing #content {padding:19px 20px;}
#content {float:left; clear:left; width: 574px; min-height: 720px; padding: 20px 20px 30px 20px; border: 10px solid #333; background: #F0F0F0; position:relative;}
#admin #content {border: 10px solid #ca0003;}
#sidebar {float:right; clear:right; width: 127px;}
#footer {float:left; clear:both; width: 771px; padding: 8px 0 20px 0; font-size: 1em; color:#4B4B4B;}
/* MASTHEAD */
/* logo */
#masthead h1 {position:absolute; width: 48px; height: 74px; padding: 0; margin:0 0 0 15px; overflow:hidden;
background: url(../images/interface/logo.gif) no-repeat 0 0;}
#masthead h1 a {display:block; width: 48px; padding-top: 74px; height:0; overflow:hidden;}
/* top navigation */
#worldwide {float:right; width: 200px; text-align:right; height: 21px; padding: 9px 0 0 0; white-space:nowrap; color:#4B4B4B;}
#worldwide .country {margin-right: 5px; color:#8a8a8a;}
#worldwide .divider {margin-right:-1px;}
#worldwide ul {display:block; float:right; margin: -6px 4px 0 -1px;}
#worldwide ul ul ul,
#worldwide ul li {float:left; clear:both;}
#worldwide li.worldwide {display:block;}
#worldwide li.worldwide span {display:block; padding: 5px 17px 1px 10px; margin:0; height: 16px; border: 1px solid #151515; border-bottom:none; border-left:none; color:#CCC; position:relative; z-index: 9900; float:left; clear:both;
background: url(../images/interface/icon_arrowdown.gif) 57px 9px no-repeat;}
#worldwide li.worldwide:hover span {border: 1px solid #505050; border-bottom:none; padding-left: 9px; background-color:#151515; background-position: 56px 9px;}
#worldwide ul ul {margin:0; padding:0; float:none; overflow:hidden;}
#worldwide ul ul.main {position:absolute; width: 168px; border: 1px solid #505050; margin:-9999px 0 0 0; left:0; padding:7px 0 20px 0; float:none; text-align:left; background:#151515; z-index: 9500;}
#worldwide li.worldwide:hover ul.main {margin-top: 22px; z-index: 9800;}
#worldwide ul ul li {display:block; width: 168px; }
#worldwide ul ul ul {position:relative; border:none; background:#383838; padding-bottom: 3px;}
#worldwide ul ul a.open{background-color:#383838;}
#worldwide ul ul a {display:block; padding: 4px 6px 0 32px; width: 130px; height: 13px; color:#ccc;}
#worldwide ul ul ul a {color:#fff;}
#worldwide a.canada {background: url(../images/interface/icon_flagcanada.gif) 11px 4px no-repeat;}
#worldwide a.denmark {background: url(../images/interface/icon_flagdenmark.gif) 11px 4px no-repeat;}
#worldwide a.france {background: url(../images/interface/icon_flagfrance.gif) 11px 4px no-repeat;}
#worldwide a.germany {background: url(../images/interface/icon_flaggermany.gif) 11px 4px no-repeat;}
#worldwide a.netherlands {background: url(../images/interface/icon_flagnetherlands.gif) 11px 4px no-repeat;}
#worldwide a.spain {background: url(../images/interface/icon_flagspain.png) 11px 4px no-repeat;}
#worldwide a.unitedstates {background: url(../images/interface/icon_flagusa.gif) 11px 4px no-repeat;}
#masthead p {margin:0; padding:9px 0 0 0; text-align:right; /*width: 600px; */float:right; clear:both; color: #4B4B4B; font-size: 1em; }
#masthead p a {color: #CCC;}
#masthead p strong {color: #8A8A8A;}
/* main navigation */
#nav {display:block; height: 27px; padding-left: 64px; margin-top: 37px;}
#nav li {display:block; height: 27px; float:left;}
#nav li a {display:block; height: 27px; text-indent: -100em; position:relative; overflow:hidden; /*background-repeat: no-repeat; */background-position: 0 0;}
#nav li a:hover {background-position: 0 -27px;}
#nav li.riders a {width: 72px; background-image: url(../images/nav/riders.gif?id=1);}
#nav li.rides a {width: 66px; background-image: url(../images/nav/rides.gif?id=1);}
#nav li.event a {width: 77px; background-image: url(../images/nav/events.gif?id=1);}
#nav li.posts a {width: 69px; background-image: url(../images/nav/posts.gif?id=1);}
#nav li.trips a {width: 67px; background-image: url(../images/nav/trips.gif?id=1);}
#nav li.conte a {width: 89px; background-image: url(../images/nav/contests.gif?id=1);}
#riders #nav li.riders a,
#rides #nav li.rides a,
#events #nav li.event a,
#posts #nav li.posts a,
#trips #nav li.trips a,
#contests #nav li.conte a {background-position: 0 -27px;}
#nav li.rides:hover a,
#nav li.posts:hover a,
#nav li.rides a:hover,
#nav li.posts a:hover {background-position: 0 -54px !important; z-index: 9802}
/* last two selectors for the benefit of ie6 */
#nav li ul {position:absolute; background:#151515; border: 1px solid #505050; padding: 6px 10px 6px 10px; margin: -9999px 0 0 5px; z-index:9800;}
#nav li:hover ul {margin-top: -9px;}
#nav li ul li {clear:both; background: url(../images/interface/sectionnav_hr.gif) 0 0 repeat-x !important; padding: 1px 0 0 0; }
#nav li ul li.first {background:none !important;}
#nav li ul li a {width: 133px !important; /*height: 15px !important;*/ padding: 5px 0 0 10px; float:left; clear:both; text-indent: 0;
background: url(../images/interface/sectionnavarrow.gif) 0 2px no-repeat !important;}
#sectionnav {display:block; border-bottom: 1px solid #b7b7b7; list-style:none; padding: 10px 20px 10px 20px !important; margin: -20px -20px 20px -20px !important; height: 17px; background:#e2e2e2;}
#sectionnav li {float:left; display:block; height: 17px; border-left: 1px solid #b7b7b7; line-height:1 !important; font-size: 1em !important;}
#sectionnav li.first {border-left:none;}
#sectionnav li a {float:left; display:block; height: 14px; padding: 3px 8px 0 8px; font-weight:bold; line-height: 1.1; white-space:nowrap;}
#sectionnav li.first a {padding-left:0;}
#sectionnav #search_posts {float:left; height: 13px; width: 94px; padding: 2px 0 0 0; margin:0 0 10px 5px; font-size: 1em !important; color:#666; border: 1px solid #b7b7b7;}
#sectionnav #search_posts {padding-left: 16px; background: #FFF url(../images/interface/icon_magnifier.gif) 0 0 no-repeat;}
#sectionnav #advanced {padding-right: 10px; background: url(../images/interface/advsearch_arrow.gif) 100% 6px no-repeat;}
#sectionnav ul {display:block; margin-top: 19px; width: 200px; margin-left: 4px; padding: 6px !important; background:#f0f0f0; border: 1px solid #b7b7b7; position:absolute; z-index: 9600;}
#sectionnav ul li {border:none; width: 200px; clear:both; padding-top: 1px; height:auto;
background: url(../images/interface/content_hr.gif) repeat-x 0 0;}
#sectionnav ul li.container {float:none; background:none;}
#sectionnav ul li a {font-weight:normal; padding:4px 0 0 11px !important; display:block; float:left; clear:both; width: 189px;
background: url(../images/interface/ul_linkarrow.gif) 0 4px no-repeat;}
#sectionnav ul li.top {background:none; padding-left:0;}
#sectionnav ul li.text {color:#8a8a8a; color:#666666; font-weight:bold; padding: 4px 0; background:none; border-top: 1px solid #b7b7b7;}
#sectionnav ul input,
#sectionnav ul select {width: 186px; font-size: 1.15em !important; margin:0; color: #000;}
#sectionnav ul label {padding-top: 5px; display:block;}
#sectionnav h5 {position:absolute; width: 206px; margin:-6px 0 0 0 !important;}
#sectionnav h5 a#advsearch2close {display:block; background:none; float:right; text-decoration:none; width: 10px; padding: 0 0 0 5px; font-weight:bold;}
#sectionnav #gomanage {text-decoration:none;}
#sectionnav #gomanage span {padding-left: 24px !important; position:relative; background: url(../images/interface/icon_toolbox.gif) 4px 0 no-repeat;}
#sectionnav li a.opened {border: 1px solid #b7b7b7 !important; border-bottom: none !important; z-index:9700; background-color:#F0F0F0 !important;}
#sectionnav .dropdown {border: 1px solid #e2e2e2; border-bottom:none; padding: 5px 13px 1px 4px; margin-left: 4px; /*margin-top: -2px;*/ white-space:nowrap;
background: #e2e2e2 url(../images/interface/advsearch_arrow_rightpad.gif) 100% 8px no-repeat;}
#sectionnav .dropdown span {color:#333;}
#sectionnav .profile a {padding-left: 18px; background: url(../images/interface/icon_contact.gif) 1px 1px no-repeat;}
#sectionnav .profile {border-left:none;}
#sectionnav .add a {padding-left: 24px; background: url(../images/interface/icon_addprofile.gif) 8px 3px no-repeat;}
#sectionnav .remove a {padding-left: 24px; background: url(../images/interface/icon_removeprofile.gif) 8px 3px no-repeat;}
#sectionnav .send a {padding-left: 25px; background: url(../images/interface/icon_messages.gif) 8px 4px no-repeat;}
/* SIDEBAR */
#sidebar h5 {margin:0 0 0.6em 0; color: #8A8A8A; font-size: 1.1em;}
#sidebar h5 small {font-weight:normal;}
/* section navigation */
ul.section {display:block; width: 127px; padding: 1px 0 0 0; margin: 0 0 30px 0;
background: url(../images/interface/sectionnav_hr.gif) repeat-x top left;}
ul.section li {display:block; width: 127px; height: 20px; color: #CCC; font-weight:bold; background: url(../images/interface/sectionnav_hr.gif) repeat-x bottom left;}
ul.section li.heading {padding-top: 6px; margin-top: 6px; /*background: url(../images/interface/sectionnav_hr.gif) repeat-x 0 0 !important;*/ background:none;}
ul.section li a {display:block; width: 113px; height: 17px; padding: 3px 0 0 14px; font-weight:normal; text-decoration:none; color: #EC0101; font-size: 1em; white-space:nowrap;
background: url(../images/interface/sectionnavarrow.gif) no-repeat 0 0;}
ul.section li a {font-family:Tahoma, sans-serif;} /* for the benefit of firefox on Mac (other browsers have Tahoma) */
ul.section li a:hover,
ul.section li a.selected {color: #8A8A8A; background: url(../images/interface/sectionnavarrow_selected.gif) no-repeat 0 0;}
/* info boxes */
#sidebar div.box {width: 127px; min-height: 105px;}
#sidebar div.box p {margin:0; padding:9px; font-size: 1em; line-height: 1.3em; color: #8A8A8A;}
#sidebar div.box p a {color: #CCC; font-weight:bold;}
#sidebar div.box.win {background: #333 url(../images/interface/infobox_win.gif) no-repeat top right;}
#sidebar div.box.trip {background: #333 url(../images/interface/infobox_trip.gif) no-repeat top right;}
#sidebar a.button {margin: 10px 0;}
#sidebar div.hr {background: url(../images/interface/infobox_hr.gif) repeat-x 0 0; height: 1px; overflow:hidden;}
/* form box*/
#sidebar div.box.form { margin-bottom: 10px; padding:0;}
#sidebar div.box.form div {padding: 5px;}
#sidebar div.box.form p {padding:0 0 0 3px; color: #666;}
#sidebar div.box.form label {display:block; height: 25px; width: 117px; padding: 5px 0; color:#CCC;}
#sidebar div.box.form label.last {margin-bottom: 6px;}
#sidebar div.box.form form {padding-left: 3px;}
#sidebar div.box h4 {font-size: 1em; line-height:auto; margin:0;padding: 0 0 5px 3px;background: url(../images/interface/sectionnav_hr.gif) repeat-x bottom left; color: #FFF;}
#sidebar form {padding-bottom: 5px;}
#sidebar form * {width: 110px; }
#sidebar input,
#sidebar select {font-size: 1.15em;}
/*Sign in box*/
#sidebar div.signin {border: 1px solid #333; margin-bottom: 10px; padding: 6px;
background: url(../images/interface/icon_signinalert.gif) no-repeat 93px 0;}
#sidebar div.signin h2 {font-size: 18px;}
#sidebar div.signin p {color: #FFF; font-size: 1.1em; margin:0;}
#sidebar div.signin h5 {margin: 10px 0 0 0; color: #CCC;}
#sidebar div.signin p.last {color: #8A8A8A; margin-bottom: -10px;}
/* BLock Divider*/
#sidebar div.block {border-top: 2px solid #505050; margin-bottom: 6px;}
/* Last element */
#sidebar .lastblock {margin-bottom: 10px !important;}
/* Search + Adv Search*/
#sidebar #search {margin: 0 0 30px 0;}
#sidebar #search input {border: 1px solid #b7b7b7; padding: 1px 1px 1px 18px; font-size: 1.2em; height: 17px; background: #FFF url(../images/interface/magnifier.gif) 0 0 no-repeat; width: 105px;}
#sidebar a.more {padding-right: 12px; background: url(../images/interface/advsearch_arrow.gif) 100% 50% no-repeat;}
/*#sidebar #advsearch {display:none;}*/
#sidebar #advrss,
#sidebar #advsearch {background: #151515; border: 1px solid #505050; position:absolute; width: 174px; padding: 9px; margin: -2px 0 0 -66px; z-index: 9400;}
#sidebar #advrss h5,
#sidebar #advsearch h5 {font-size: 1em; color:#666;}
#sidebar #advrss h5 a,
#sidebar #advsearch h5 a {float:right;}
#sidebar #advsearch input {width: 166px; background: #FFF; clear:both; float:left;}
#sidebar #advsearch select {width: 170px; clear:both; float:left;}
#sidebar #advsearch label {padding: 10px 0 2px 0; width: 170px; clear:both; float:left;}
/*#sidebar #advrss {display:none;}*/
#sidebar #advrss {width: 204px !important; margin-left: -96px;}
#sidebar #advrss .first {width: 113px; float:left;}
#sidebar #advrss .second {width: 90px; float:right;}
#sidebar #advrss div a {margin-top: 6px; float:left; clear:both;}
#sidebar #rss {margin-bottom: 30px;}
.rss {padding-left: 16px; background: url(../images/interface/icon_rss_symbol.gif) 0 0 no-repeat;}
a.rss {padding-bottom: 2px;}
/* sidebar image list (e.g. bikes)*/
#sidebar ul.imagelist li {float:left; background: url(../images/interface/sectionnav_hr.gif) repeat-x 0 0; display:block; width: 127px; clear:both; padding: 4px 0 3px 0;}
#sidebar ul.imagelist li a img {float:left; clear:left; margin-right: 6px;}
/* ads */
#sidebar a.advert {margin-top: 11px; float:left; clear:both;}
#sidebar a.advert img {border: 1px solid #414040;}
/* stats */
#sidebar p {color: #8A8A8A;}
#sidebar p.location {margin: -6px 0 10px 0;}
#sidebar p.info {background: url(../images/interface/sectionnav_hr.gif) repeat-x 0 0; padding: 5px 0; margin:0;}
#sidebar p.info span {color: #CCC; font-weight:normal;}
#sidebar p.alingnc {text-align:center;}
/* CONTENT */
#content h3 {font-size: 2.2em; margin:0.6em 0 0.2em 0; font-weight:normal; color: #333;}
#content h4 {display:block; clear:both; position:relative; padding: 2px 0 3px 6px; margin:28px 0 0 0; font-size: 1.1em; color: #FFF; background: #999;}
#content h4.red {background: #ca0003 !important;}
#content h4 span {font-weight: normal;}
#content h4.comments {padding-left: 30px; background: #999 url(../images/interface/icon_commenth4.gif) no-repeat 0 0;}
#content h4.manage {background: #e2e2e2 !important; border: 1px solid #B7B7B7; color:#000; margin: 0 0 15px 0 !important; font-weight:normal; padding: 10px 0;}
#content h4.manage strong {padding-left: 27px; background: url(../images/interface/icon_toolbox.gif) 8px 50% no-repeat;}
#content h4.manage a {padding: 0 5px; font-weight:bold;}
#content h5 {font-size: 1.05em; margin:1em 0 0 0; text-transform:uppercase; color: #666; /*padding: 0 0 0 6px;*/}
#content h5.big {font-size: 1.4em; margin: 0.6em 0 0.3em 0; text-transform:none;}
#content h6 {font-size: 1em; margin: 0.7em 0 0.9em 0;}
#content p {font-size: 1.15em; line-height: 1.45em; color: #333; margin:0.2em 0 1em 0; /*padding: 0 0 0 6px;*/}
#content p.intro {margin-bottom: -11px;}
#content p.details {margin-bottom: 15px;}
#content p.comments {font-size: 1em; color: #333; margin:0.4em 0; padding:0 0 2px 18px;
background: url(../images/interface/icon_comment.gif) no-repeat 0 2px;}
#content p.rss {white-space:nowrap;}
#content p.rss img {margin-bottom: -2px;}
#content p.rssfooter {padding: 6px 0 6px 12px; border: 1px solid #b7b7b7; background-color: #e2e2e2; clear: both;}
#content p.rssfooter a {padding: 0 0 0 18px; background: transparent url(../images/interface/icon_rss_symbol.gif) 0 1px no-repeat;}
#content p.categories {padding-top: 5px; margin-top: 6px; background: url(../images/interface/content_hr.gif) repeat-x 0 0;}
#content p.athlete {background: transparent url(../images/interface/icon_rider.gif) no-repeat left 1px; color: #666666; padding: 0 0 0 20px; margin: 0 0 8px 0;}
#content p.team {background: transparent url(../images/interface/icon_team.gif) no-repeat left 1px; color: #666666; padding: 0 0 0 20px; margin: 0 0 8px 0;}
#content p.notice {margin: 10px 0 15px 0; padding-left: 6px;}
#content p.complete {float: right; display: inline; margin: 0 0 0 0;}
#content p.small {font-size: 1em;}
#content p .small {font-size: 0.9em;}
#content p .small span.comments {font-size: 0.9em; padding:0 0 2px 18px; background: url(../images/interface/icon_comment.gif) no-repeat 0 2px;}
#content p.smallprint {font-size: 1em;}
#content .flag {background: transparent url(../images/interface/flag.gif) no-repeat 0 0; padding: 2px 0 2px 22px; margin: 0;}
#content p.upgraded {background-color: #e2e2e2; margin: 1px 0 0 0; font-size: 1em; color: #666666; font-weight: bold; height: 2.8em; line-height: 2.8em; width: 573px;}
#content p.upgraded img {margin: 0 4px 0 8px; position: relative; top: 4px;}
#sidebar p.button,
#content p.button {clear:both; margin:0; padding: 10px 0 6px 0 !important; font-size: 1em; line-height: 1em;}
#sidebar p.button a,
#content p.button a,
a.button {background: #CA0003; line-height: 1em !important; padding: 2px 4px; border: 1px solid #900; color: #FFF; font-size: 1em; font-weight:bold; margin-right: 1px;}
#sidebar p.button a {color:#FFF !important;}
p.button a:hover, a.button:hover {text-decoration:none;}
#content p.button a.tool {color: #ca0003; border: 1px solid #b7b7b7; background: #e2e2e0 url(../images/interface/icon_toolbox.gif) 2px center no-repeat; font-weight: bold; line-height: 1em !important; padding: 2px 4px 2px 20px;}
#content p span.right {position:absolute; text-transform:none;width: 223px; margin-left: 350px; text-align:right; font-weight:normal;}
#content a.next {font-weight:bold; padding-right: 14px; background: url(../images/interface/icon_next.gif) 100% 2px no-repeat; margin-left: 8px;}
#content a.prev {font-weight:bold; padding-left: 14px; background: url(../images/interface/icon_previous.gif) 0 2px no-repeat; margin-right: 8px;}
#content p.manage {margin-top: -5px !important; padding-left: 20px; background: url(../images/interface/icon_toolbox.gif) 0 50% no-repeat;}
#content p.manage a {margin: 0 7px; font-weight:bold;}
#content ul.buttons {padding:7px 0 0 0;}
#content ul.buttons li {list-style:none; float:left; margin-right: 4px; font-size: 1em; line-height: 1em;}
#content ul.buttons li.popup:hover a{background-color:transparent !important; color: #666 !important; text-decoration:none;}
#content ul.buttons li a {padding:3px 4px; font-weight:bold; float:none; display:inline; z-index: 7095; position:relative;}
#content ul.buttons li ul {display:block; height: 87px; width: 158px; padding: 10px 0 0 14px; margin: -9999px 0 0 0; position:absolute; z-index: 7094;
background: url(../images/interface/countrypopup.png) 0 0 no-repeat;}
#content ul.buttons li:hover ul {margin: -82px 0 0 -2px;}
#content ul.buttons li.popup ul li {color: #333 !important; font-weight:bold; font-size: 1em; float:none; display:inline; line-height: 19px;}
#content ul.buttons li.popup ul li a {display:block; padding: 0 0 0 22px; background:none !important; font-weight:normal; color:#cb0003 !important; }
#content ul.buttons li.popup:hover ul li a {color:#cb0003 !important;}
#content ul.buttons li.popup ul li a:hover {text-decoration:underline !important;}
#content ul.buttons li.popup ul li.usa a {background: url(../images/interface/icon_flagusa.gif) 0 3px no-repeat !important;}
#content ul.buttons li.popup ul li.can a {background: url(../images/interface/icon_flagcanada.gif) 0 3px no-repeat !important;}
#content ul {padding-left: 15px;}
#content ul li {font-size: 1.15em; list-style: circle outside;line-height: 1.45em; color: #333;}
#content ul.arrowlinks {padding: 0; margin: 5px 0 10px 0;}
#content ul.arrowlinks li {padding: 3px 0; font-size: 1em; list-style-type: none; background: url(../images/interface/content_hr.gif) repeat-x bottom left;}
#content ul.arrowlinks li.last {background: none; border-bottom: 1px solid #b7b7b7;}
#content ul.arrowlinks li a {padding: 0 0 0 16px; background: url(../images/interface/ul_linkarrow.gif) no-repeat 3px 0;}
#content ul.arrowlinks li a:hover {color: #8A8A8A; background: url(../images/interface/ul_linkarrow_selected.gif) no-repeat 3px 0;}
#content form input.imagesubmit {width: auto; height:auto;}
#content form input.btn {font-family: tahoma, verdana, arial, sans-serif; border: 1px solid #990000; height: 16px; background-color: #ca0003; color: #fff; font-weight: bold; font-size: 0.9em; line-height: 12px; padding-bottom: 2px;}
/* page tools (top right)*/
#content #pagetools {margin: -7px 0 0 512px; position:absolute; z-index: 2030; border-left: 1px solid #cecece; padding:0;}
#content #pagetools li {list-style:none; float:left; display:block; width: 19px; height: 15px; border: 1px solid #cecece; border-left:none;}
#content #pagetools li a {text-indent: -9999px; display:block; z-index: 5035; position:relative;}
#pagetools #bookmark {background: url(../images/interface/button_bookmark.gif) 0 0 no-repeat;}
#pagetools #email {background: url(../images/interface/button_email.gif) 0 0 no-repeat;}
#pagetools #print {background: url(../images/interface/button_print.gif) 0 0 no-repeat;}
/* Page Tools Bookmark Options*/
#bookmarkoptions {width: 231px; background: #e4e4e4; padding: 3px 0 0 0;margin: -8px 0 0 315px; position:absolute; z-index: 2040;}
#bookmarkoptions h5 {margin:0;}
#bookmarkoptions h5 a {float:right;}
#content #bookmarkoptions div.hr {border:none; background: transparent url(../images/interface/content_hr.gif) repeat-x 0 0; height: 1px; margin:6px 0;}
#bookmarkoptions div.inner {width: 217px; padding: 6px; border: 1px solid #cecece; background: #FFF; margin: -6px 0 3px -3px; z-index: 2050; position:relative;}
#bookmarkoptions ul {padding:0;}
#bookmarkoptions ul li {list-style:none !important; display:block; float:left; width: 108px;}
#bookmarkoptions ul li a {display:block; padding: 2px 0 9px 21px; background-position: 0 0px; background-repeat: no-repeat;}
#bookmarkoptions a.mybrowser {background-image: url(../images/interface/icon_bm_mybrowser.gif); background-position: 0 0;}
#bookmarkoptions a.google {background-image: url(../images/interface/icon_bm_google.gif); background-position: 0 1px;}
#bookmarkoptions a.delicious {background-image: url(../images/interface/icon_bm_delicious.gif);}
#bookmarkoptions a.yahoo {background-image: url(../images/interface/icon_bm_yahoo.gif); background-position: 0 3px;}
#bookmarkoptions a.stumbleupon {background-image: url(../images/interface/icon_bm_stumbleupon.gif); background-position: 0 2px;}
#bookmarkoptions a.windows {background-image: url(../images/interface/icon_bm_windows.gif); background-position: 0 1px;}
/* entry listings */
#content img.postimage {float:left; clear:left; margin:0 10px 0 0; padding-bottom: 10px;}
#content img.inline.right {float:right; margin:0 0 17px 17px;}
#content div.hr {height:0; border-top: 1px solid #B7B7B7; overflow:hidden; clear:both; width: 100%; margin: 0px 0 15px 0;}
#content div.alt {margin: 0px 0 10px 0;}
#content div.dottedhr {height: 1px; border-top:0; overflow:hidden; clear:both; width: 100%; margin: 0 0 10px 0; background: url(../images/interface/content_hr.gif) repeat-x 0 0;}
#content div.entry {width: 460px; float:left; clear:right; padding-bottom: 10px;}
#content div.entry h5 {font-size: 1.25em; text-transform:none; margin:0;}
#content div.entry p {margin: 0.2em 0 0.4em 0;}
#content div.entry h5 span {width: 160px; position:absolute; margin:-0.5em 0 0 300px!important; font-size: 0.95em; color: #666; text-align:right; font-weight:normal;}
#events #content div.entry {width:auto;}
#events #content div.entry h5 span {margin: -0.5em 0 0 400px !important;}
#content p.searchcontrols {word-spacing: 4px; letter-spacing:4px; margin-bottom: 20px;}
#content p.searchcontrols a, #content p.searchcontrols strong {font-weight:bold; letter-spacing:normal;}
#content p.searchcontrols span a {word-spacing:normal;}
/* block quote*/
#content blockquote {background: #E2E2E2; margin: 1em 0; padding: 15px;}
#content div.leftcol,
#content div.rightcol {margin-top: 12px;}
#content div.leftcol {width: 200px; float: left; display: inline;}
#content div.rightcol {width: 353px; float: right; display: inline;}
#content div.leftcol h4,
#content div.rightcol h4 {margin-top: 16px;}
#content div.rightcol h4 {background: #666666; padding-left: 6px;}
#content div.leftcol div.photos {width: 195px; float: none;}
#content div.rightcol div.photos {width: 348px; float: none;}
#content div.wtext img {float:none; display: block !important;}
#content div.wtext span {float: left; display: inline; width: 59px; overflow: hidden; color: #999999;}
#content div.leftcol div.wtext span {margin: 0 5px 7px 0;}
#content div.rightcol div.wtext span,
#content div.rightcol div.photos img {margin: 0 7px 7px 0;}
#content div.large span {width: 108px !important;}
#content div.leftcol p.contact,
#content div.leftcol p.message {border-bottom: 1px solid #b7b7b7; font-size: 1em; padding: 2px 0 2px 18px;}
#content div.leftcol p.contact {margin: 6px 0 0 0; background: url(../images/interface/icon_contact.gif) no-repeat 0 1px;}
#content div.leftcol p.message {margin: 0; background: url(../images/interface/icon_messages.gif) no-repeat 0 4px;}
#content div.leftcol p.bordertop {margin: 10px 0 -5px 0; padding: 3px 0 3px 18px; border-top: 1px solid #b7b7b7; background-position: 0 2px;}
#content div.leftcol div.dottedhr,
#content div.leftcol div.hr,
#content div.rightcol div.dottedhr,
#content div.rightcol div.hr {margin: -4px 0 4px 0;}
#content div.rightcol h3 {margin-top: 0;}
#content div.rightcol div.comment {width: 343px;}
#content div.rightcol div.comment h5 {width: 256px;}
#content div.rightcol div.comment h5 span {position:static; width: auto; margin:0; text-align:left; padding: 0; color: #999999; font-size: 0.9em;}
#content div.rightcol div.comment div {width: 258px;}
#content div.rightcol form.comment .field {margin: 5px 0 0 0;}
#content div.rightcol textarea.comment {width: 345px;}
#content div.rightcol div.imgcontainerbig {margin-bottom: 15px;}
#content div.rightcol p.logentry {padding-left: 20px; margin-top: 4px;}
#content div.rightcol p.logentry span {font-size: 0.9em; color: #999999;}
#content div.rightcol p.ride {background: url(../images/interface/icon_ride.gif) no-repeat 0 2px;}
#content div.rightcol p.journal {background: url(../images/interface/icon_participate.gif) no-repeat 2px 2px;}
#content div.rightcol p.gallery {background: url(../images/interface/icon_gallery.gif) no-repeat 0 2px;}
#content div.rightcol p.comment {background: url(../images/interface/icon_comment.gif) no-repeat 0 2px;}
#content div.rightcol p.bike {background: url(../images/interface/icon_bike.gif) no-repeat 0 2px;}
#content div.rightcol p.contact {background: url(../images/interface/icon_contact.gif) no-repeat 0 2px;}
/* definition list (dotted border list)*/
#content dl {color: #333; margin: 0; border-bottom: 1px solid #B7B7B7; padding: 1px 0 0 0; /*ie fixes:*/ position:relative; z-index: 100;}
/* last two styles: former fixes peekaboo bug, latter enables listboxes to appear over the top*/
#content dl.noborder {border:none;}
#content dl dt {width: 90px; padding: 7px 484px 0 0; white-space:nowrap; font-weight:bold; font-size: 1em; line-height: 1em; text-align:right;
background: url(../images/interface/content_hr.gif) repeat-x 0 0; }
#content dl dt {font-family:Tahoma, sans-serif;} /* for the benefit of firefox on Mac (other borwsers have tahoma) */
#content div.rightcol dl dt {padding: 7px 264px 0 0;}
#content dl dd {font-size: 1.15em; padding: 0 0 2px 0; margin-left: 100px; margin-top: -1.35em; line-height: 17px;}
#content dl dd.text {padding: 0 0 3px 0;}
#content dl dt.first {background:none;}
/* definition list picture (top right pic)*/
#content div.gmapholder {float:right; position:relative; padding: 0 0 10px 0;}
#content div.listbox {float:right; position: relative; padding: 8px 57px 8px 8px; background: #F0F0F0; margin:2px 0 2px 0; z-index: 102;}
#content div.listbox div {background: url(../images/interface/listbox_bg.gif) repeat 0 0; padding: 6px; border: 1px solid #B7B7B7;}
#content div.listbox div.hr {background:none; width: 200px; height:0; padding:0; overflow:hidden; border:none; border-top: 1px solid #B7B7B7; margin: 10px -7px 10px -7px; }
#content div.listbox h5 {color: #333; font-size: 1em; margin: 0em 0 0.6em 0;}
#content div.listbox p {font-size: 1em; padding-right: 10px;}
#content div.gmapbox {float:right; clear:right; position:relative; z-index: 103; background:#F0F0F0; padding: 0 0 8px 8px;}
/* definition list ride detail */
#content dl.ridedetail {width: 294px;}
#content dl.ridedetail dt {padding-right: 204px;}
#content dl.detail {border-bottom: 0; margin-bottom: 1.5em;}
#content dl.detail dt {width: 110px; padding-right: 464px; position: relative;}
#content dl.detail dd {margin-left: 120px;}
#content dl.detail dt img {position: absolute; left: 0; top: 3px;}
/* Bike Details */
#content dl.bikesummary {border-bottom: none;}
#content dl.bikesummary dt {text-align:left; width: 35px; padding: 7px 339px 0 0 !important;}
#content dl.bikesummary dd {margin-left: 40px;}
#content div.imgcontainer {width: 200px; float: left; display: inline; background-color: #e2e2e2; margin: 12px 0; text-align: center;}
#content div.imgcontainerbig {background-color: #e2e2e2; text-align: center;}
#content div.wphotos {float: right; display: inline; width: 355px;}
#content div.wphotos dl.bikesummary dt {padding-right: 320px;}
/* Signin Box */
#content div.signin {border: 1px solid #414040; padding: 0 9px; margin-bottom: 10px;
background: #151515 url(../images/interface/icon_signinalert.gif) no-repeat 0 0;}
#home #content div.signin {margin: 5px 10px 10px 10px;}
#content div.signin h5 {font-size: 1.15em; font-weight:normal; font-family: verdana, arial, sans-serif; padding: 9px 0 7px 21px; color: #fff; margin:0; white-space:nowrap;}
#content div.signin h5 span {text-transform:none;}
#content div.signin h5 a {font-weight:bold;}
/* Welcome Box */
#content div.welcome {border: 1px solid #414040; padding: 6px 9px 0 9px; margin: 10px 0 0 0; background: #151515;}
#content div.welcome p {color: #fff; font-size: 1.1em; margin: 0 0 8px 203px; padding: 0 0 0 22px; background: #151515 url(../images/interface/flag.gif) no-repeat 0 1px;}
#content div.welcome a.white {color: #fff;}
#content div.welcome h5 {color: #fff; font-size: 1.4em; text-transform:none; padding: 0; margin:0; display: inline;}
/* Upgrade Box */
#content div.upgrade {border: 2px solid #CA0003; margin: 10px 0; background: #F0F0F0 url(../images/interface/icon_upgrade.gif) no-repeat 0 0;}
#content div.upgrade h5 {font-size: 1.15em; text-transform:none; padding: 7px 0 4px 30px; margin:0;}
#content div.upgrade p {font-size: 1em; padding: 0 0 0 28px; margin:0; padding: 0 0 7px 30px;}
/* Rides Search Results*/
#content div.result {width: 551px; background: #FFF; padding:10px; color:#333; border: 1px solid #CECDCD; margin: 0 0 10px 0;}
#content div.result h3 {font-size: 1.3em; margin:0 0 0.6em 0; font-weight:bold;}
#content div.result h3 span {position:absolute; width: 350px; padding-top: 1px; text-align:right; margin: 0 0 0 200px; font-size: 0.9em; font-weight:normal; }
#content div.result h3 a span {width:auto; margin:0; padding-left: 3px;}
#content div.result table {width: 550px; margin:0;}
#content div.result table td {font-size: 1em; font-weight:bold; width:70px; padding: 3px 7px 3px 0; text-align:right;}
#content div.result table td.dd {font-size: 1.15em; font-weight:normal; width:198px; padding:3px 0; text-align:left;}
#content div.result table tr td {background: #F0F0F0;}
#content div.result table tr.odd td {background: #FFF;}
/* Comments */
#content div.comment {background: #FFF; width: 565px; padding: 5px 5px 15px 5px; float:left; clear:both; margin: 0 0 10px 0;}
#content div.comment h5 {margin:0 0 3px 0; padding:0 0 5px 2px; font-size: 1.15em; text-transform:none; font-weight:normal; width: 478px;
background: url(../images/interface/content_hr.gif) repeat-x bottom left;}
#content div.comment h5 span {position:absolute; width: 216px; margin:0 0 0 260px; text-align:right; padding-right: 4px;}
#content div.comment img.icon {float:left; margin: 0 13px 0 0; clear:left;}
#content div.comment div {float:left;width: 480px; clear:right;}
#content div.comment p {padding: 0 0 0 2px; margin:0;}
/* Comment Submission*/
#content form.comment p {font-size: 1.05em; }
#content form.comment label {color:#333; display:block; width: 173px;}
#content form.comment .field {width: 173px; margin: 5px 5px 0 0; float:left;}
#content form.comment input {width: 170px;}
#content textarea.comment {width: 500px; overflow:auto; font-size: 1.15em; padding: 2px; font-family: Tahoma, Verdana, Helvetica, Sans-Serif;}
/* Mailbox */
#content #mailbox {margin-top: 15px;}
#content #mailboxnav {padding: 0; margin: 0;}
#content #mailboxnav li {list-style-type: none; padding: 0; margin: 0; display: inline;}
#content #mailboxnav li a {position: relative; top: 1px; float: left; display: inline; border: 1px solid #b7b7b7; background-color: #b7b7b7; font-weight: bold; color: #666666; margin-right: 4px; padding: 2px 10px;}
#content #mailboxnav li a.selected {color: #333333; background-color: #e2e2e2; border-bottom: 1px solid #e2e2e2;}
#content #mailboxnav li a.selected:hover {text-decoration: none;}
#content table.mailbox {width: 100%; border-top: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7;}
#content table.mailbox th,
#content table.mailbox td {text-align: left; vertical-align: top; border-bottom: 1px solid #b7b7b7;}
#content table.mailbox th {background-color: #e2e2e2; padding: 10px 0 6px 10px;}
#content table.mailbox th.from {width: 150px;}
#content table.mailbox th.subject {width: 265px;}
#content table.mailbox th.date {width: 60px;}
#content table.mailbox th.from a,
#content table.mailbox th.subject a,
#content table.mailbox th.date a {color: #666666; text-decoration: underline;}
#content table.mailbox th a.ascending,
#content table.mailbox th a.descending {padding-right: 10px; text-decoration: none; color: #333333;}
#content table.mailbox th a.ascending {background: transparent url(../images/interface/icon_ascending.gif) no-repeat 100% 55%;}
#content table.mailbox th a.descending {background: transparent url(../images/interface/icon_descending.gif) no-repeat 100% 55%;}
#content table.mailbox th a:hover {text-decoration: underline;}
#content table.mailbox td {font-size: 1.2em; color: #333333; padding: 10px 0 10px 10px;}
#content table.mailbox tr.new td {font-weight: bold; background-color: #ffffff;}
#content table.mailbox td.select {text-align: right; padding: 6px;}
#content table.mailbox td a {color: #333333;}
#content table.mailbox td a span {font-weight: normal; color: #999999;}
#content table.mailbox td img {float: left; display: inline; margin: -4px 10px -4px -4px;}
#content table.mailbox tr.bottom td {text-align: right; background-color: #fff; padding: 6px;}
/* Half width stuff*/
#content div.halfwidth {width: 282px; float:left; margin-right: 10px; }
#content div.halfwidth.second {margin:0; clear:right;}
#content div.halfwidth dl dt {padding-right: 192px;}
/* Photo gallery */
#content div.photosedit,
#content div.photos {float:left; clear:both; width: 568px; padding: 5px 0 1px 5px; border-bottom: 1px solid #B7B7B7;
background: url(../images/interface/listbox_bg.gif) repeat 0 0;}
#content div.photos img {float:left; margin: 0 4px 4px 0; background: #B7B7B7;}
/* Photo Edit */
#content div.photosedit {padding:5px 0 15px 15px; width: 559px;}
#content div.photosedit div {padding: 15px 0 0 15px; float:left; text-align:center; font-size: 1em;}
#content div.photosedit a {font-weight:bold;}
#content div.photosedit div img {padding-bottom: 3px;}
#content div.photosedit p span {width: 200px; margin-left: 345px; position:absolute; text-align:right; word-spacing:4px; letter-spacing:4px;}
#content div.photosedit p span strong,
#content div.photosedit p span a {word-spacing:normal; letter-spacing: normal;}
form.photo label {width: 80px; padding: 3px 4px 0 0; margin-top: 4px; float:left; clear:left; text-align:right;}
form.photo label.option {clear:none; width: 300px; text-align:left; padding:0; font-size: 1.15em; font-weight:normal;}
form.photo label.option input {width: auto;}
form.photo p {font-size: 1em !important; padding: 5px 28px 5px 90px;}
form.photo textarea {width: 456px; height: 86px;}
form.photo input {width: 456px;}
form.photo div.hr {margin: 10px 0 0 0; float:left; clear:both; width: 456px;}
/* LANDING PAGES (no border, bg image at top)*/
body.landing #content {float:left; clear:left; width: 614px; padding:0 10px 10px 10px; border:none; background: #333;}
body.landing h3.ridersclub {text-indent: -100em; overflow:hidden; position:relative; margin:0 !important;
background: url(../images/interface/ridersclub.gif) no-repeat 5px 0;}
/* Background images */
body#userhome.landing #content {background: #333 url(../images/interface/banner_home.jpg) no-repeat 0 0;}
body#posts.landing #content {background: #333 url(../images/interface/banner_posts.jpg) no-repeat 0 0;}
body#account #content {min-height: 350px;}
body#signin.landing #content {background: #333 url(../images/interface/banner_signin.jpg) no-repeat 0 0; min-height: 0;}
body#rides.landing #content {background: #333 url(../images/interface/banner_signin.jpg) no-repeat 0 0; min-height:0;}
body#riders.landing #content {background: #333 url(../images/interface/banner_riders.jpg) no-repeat 0 0; min-height:0;}
h3.ridersclub {height: 172px;}
/*body.landing#home #content {background: #333 url(../images/interface/home_bg.jpg) no-repeat 0 0;}
body#home h3.ridersclub {height: 299px;}*/
body#contact.landing #content {background: #333 url(../images/interface/banner_contact.jpg) no-repeat 0 0;}
body#events.landing #content {background: #333 url(../images/interface/banner_events.jpg) no-repeat 0 0; min-height:0;}
body#trips.landing #content {background: #333 url(../images/interface/banner_trips.jpg) no-repeat 0 0; min-height:0;}
body#contests.landing #content {background: #333 url(../images/interface/banner_contests.jpg) no-repeat 0 0; min-height:0;}
/* SPECIAL CASES */
/* Design in page designs for women layout*/
body#signin.d4w #content div.box {background:none !important;padding: 0px 15px 25px 15px;/* margin-top: -15px;*/}
body#signin.d4w #content div.box.first * {color:#FFF;}
body#signin.d4w #content div.box.third * {color:#333;}
body#signin.d4w #content div.box.first a {background:#FFF; color:#CB0003;}
body#signin.d4w #content {background:#151515 url(../images/interface/d4wbg.jpg) 0 100% no-repeat;}
body#signin.d4w #content #d4w_flasharea {margin: 0 -10px; padding-bottom: 15px; float:left; clear:both; width: 634px; height: 234px; position:relative;}
/* posts home page */
#content .content {background: #F0F0F0; margin: 10px 0 0 0; padding: 20px 20px 30px 20px; width: 574px; float:left; clear:both;}
body#posts #content .content {margin: 10px 0;}
body#posts.landing #content h4 {background: #CA0003; margin:0;}
body#posts #content div.box {background: #F0F0F0; clear:both; padding:0;}
body#posts #content div.box div {padding: 15px 20px; border-top: 1px solid #333; }
form.postsearch {width: 574px; float:left; clear:both; margin:0 0 4px 0; padding-bottom: 8px; border-bottom: 1px solid #B7B7B7;}
form.postsearch label {width: 199px; float:left;}
form.postsearch input {width: 122px; font-size: 1.15em; float:left;}
form.postsearch input.imagesubmit {margin: 2px 0 0 2px; width:auto;}
form.postsearch a {float:left; margin: 2px 0 0 3px;}
form.postsearch select {width: 127px; font-size: 1.15em; float:left;}
form.postsearch label.last {width: 176px; clear:right;}
/* rides home page (2 boxes with search forms) */
#events #content div.box,
body#rides #content div.box {width: 301px; float:left; margin-right:10px; background: #F0F0F0;}
body#rides #content div.box.second {margin:0;}
body#rides #content div.box div.hr {padding:0; border-top: 1px solid #B7B7B7; margin:10px 0;}
body#rides #content div.box div {padding: 17px 19px 18px 19px; border-top: 1px solid #333;}
body#rides #content div.box div.top {background: #CA0003; }
body#rides #content div.box.second div.top {background: #999;}
body#rides #content div.box div.top p {color: #FFF; margin:0.2em 0 0 0; padding:0;}
body #content div.box div.membersonly {border:none !important; border-bottom: 1px solid #B7B7B7 !important; padding: 0 0 0 20px!important; margin: 0 0 5px 0;
background: url(../images/interface/icon_upgrade.gif) no-repeat -8px -6px;}
body #content div.box div.membersonly p {color: #666; font-size: 1em;}
body #content div.box div.membersonly p strong {font-size: 1.15em;}
form.searchride label {float:left; margin:8px 0 0 0; white-space:nowrap; }
form.searchride select,
form.searchride input {margin: 2px 0 0 0;}
/*form.searchride label.zip input {width: 92px;}*/
form.searchride span {display:block; font-weight:bold; float:left; color: #999; padding: 24px 10px 0 10px;}
form.searchride label span {font-weight:normal; display:inline; float:none; padding:0; color:#666;}
form.searchride label.ride {clear:both;}
form.searchride label.select {clear:both;}
form.searchride label.select select {width:186px;}
form.searchride label.ride select {width: 166px;}
form.searchride p {clear:both; padding: 7px 0 0 0; margin:0 !important;}
form.searchride label.country select {width: 263px;}
form.searchride label.location input {width: 257px;}
/* trips */
#trips #content div.content {margin:0;}
/* My Messages pages*/
#content div.msgbox {border: 1px solid #b7b7b7; background: #fff; padding: 0; margin-top: 15px;}
#content div.msgbox div.bar {padding: 10px 0 10px 10px; background: #e2e2e2; }
#content div.msgbox div.top {border-bottom: 1px solid #b7b7b7; margin: 0 0 10px 0;}
#content div.msgbox div.bottom {border-top: 1px solid #b7b7b7;}
#content div.msgbox div.bar h4 {color: #666666; background: none; margin: 0; padding: 0 0 0 6px; text-transform: none; font-size: 1.2em; }
#content div.msgbox div.bar p {font-size: 1em;}
#content div.msgbox div.message {margin: 0 20px 10px 20px;}
#content div.msgbox div.old {background: #f0f0f0; margin: 10px; padding: 4px 10px 20px 10px;}
#content div.msgbox h5 {text-transform: none; margin: 0; padding: 0 0 10px 0; font-size: 1.6em; color: #333333; background: url(../images/interface/content_hr.gif) repeat-x left bottom;}
#content div.msgbox p.header {background: url(../images/interface/content_hr.gif) repeat-x left bottom; padding: 10px 0 5px 0;}
#content div.msgbox p.header span {font-size: 0.9em; color: #999999;}
#content div.msgbox p.header img {float: left; display: inline; margin: -4px 10px 3px 0;}
#content div.msgbox p {margin: 0 0 0.4em 0; color: #333333;}
#content div.msgbox div.old p {color: #999999;}
#content div.msgbox div.old img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#content div.msgbox div.old dl {border: 0;}
#content div.msgbox div.old dt,
#content div.msgbox div.old dd {color: #999999;}
#content div.msgbox div.old dt {width: 50px; padding-right: 0; background: 0;}
#content div.msgbox div.old dd {margin-left: 60px;}
#content div.msgbox p.floatleft{margin: -2px 0 0 10px; padding: 0;}
#content div.msgbox p.button {clear: none; margin: 0 0 0 100px; padding: 0;}
#content div.msgbox label {color: #333333;}
#content div.msgbox dl.form {border: 0; margin: 10px 0 50px 0;}
#content div.msgbox dl.form dt {background: none; padding-right: 0; width: 120px;}
#content div.msgbox dl.form dd {margin-left: 130px;}
#content div.msgbox dl.form dd p {font-size: 1em;}
#content div.msgbox select {width: 220px; font-size: 1em; color: #333333;}
#content div.msgbox input.type_text,
#content div.msgbox textarea {width: 360px; color: #333333; font-size: 1em;}
#content div.msgbox textarea {height: 130px;}
#content div.msgbox input.btn {float: left; display: inline; margin-right: 5px;}
/* home page and event page */
#home #flasharea {width: 633px; height: 299px; background: #000; }
#home #content {margin-bottom:0; width: 634px; padding:0 0 10px 0!important; min-height: 0 !important;}
/*#events #content div.box,*/
#home #content div.box {width: 365px; float:left; margin: 0; background: #F0F0F0;}
#home #content div.box {height: 349px; margin: 0 0 0 10px; height: 346px;}
#events #content div.box {height: 358px;}
#home #content div.box.right {width: 238px; float:right; margin: 0 0 6px 0; height:auto !important;}
#home #content div.box.right {margin: 0 10px 6px 0;}
#home #content div.box.right { height:auto !important;}
#events #content div.box.last,
#home #content div.box.last {margin:0 !important;}
#home #content div.box.last {margin: 0 10px 0 0 !important;}
#events #content div.box h4,
#home #content div.box h4 {text-transform: uppercase; background: #CA0003; margin:0;}
#events #content div.box h5,
#home #content div.box h5 {text-transform:none; clear:both; font-size: 1.15em;}
#events #content div.box h6,
#home #content div.box h6 {margin-bottom:0; }
#events #content div.box.right h4,
#home #content div.box.right h4 {background: #999;}
/* this MUST come before text to the left of it in the html */
/*#events #content div.entry {width: auto;}*/
#events #content div.box h4 {text-transform:none; background: #CA0003 !important;}
#home #content div.box h4 span {position:absolute; text-transform:none;width: 355px; text-align:right; font-weight:normal;}
#events #content div.box div {padding: 20px; /*height: ;*/}
#home #content div.box div {border-top: 1px solid #333; padding:10px; min-height: 300px;}
#events #content div.box div div,
#home #content div.box div div {height: auto; min-height:0;}
#events #content div.box.right div {padding:20px 20px 0 20px; height: 323px;}
#home #content div.box.right div {min-height: 125px;}
#events #content div.box div.hr,
#home #content div.box div.hr {border-top: 1px solid #C4C4C4; padding:0; margin:3px 0 7px 0; height:0 !important; min-height:0 !important; clear:both !important; overflow:hidden; width: 100%;}
#events #content div.box div.righttext,
#home #content div.box div.righttext {float:left; width: 225px; padding:0; border:none; margin:0 0 1px 0;}
#home #content div.box div.righttext {width: 245px;}
#content div.box div.righttext h5,
#content div.box div.righttext p {margin: 0 !important;}
#events #content div.box.right p {font-size: 1.1em; margin:0 0 1.1em 0; line-height: 1.2em;}
#home #content div.box.right h5 {display:block; line-height:1px; padding: 5px !important; background:#CCC; margin:0; border-bottom: 3px solid #333232; float:left;}
#home #content div.box.right h5 a {display:block; width: 228px; height: 46px; text-indent: -9999px; background-repeat:no-repeat; background-position:0 0; float:left;}
div.box.right h5.redeemcard a {background-image: url(../images/interface/getstarted_redeemcard.gif);}
div.box.right h5.joinclub a {background-image: url(../images/interface/getstarted_joinclub.gif);}
div.box.right h5.learnbenefits a {background-image: url(../images/interface/getstarted_learnbenefits.gif);}
div.box.right h5.joinridersclub a {background-image: url(../images/interface/getstarted_joinridersclub.png);}
div.box.right h5.iamspecialized a {background-image: url(../images/interface/getstarted_iamspecialized.png);}
div.box.right h5.social {width: 228px !important;}
div.box.right h5.social a.facebook {background-image: url(../images/interface/getstarted_social.png); width: 110px !important; }
div.box.right h5.social a.twitter {background-image: url(../images/interface/getstarted_social.png); width: 118px !important; background-position: -110px 0 !important;}
div.box.right h5.de_dealer a {background-image: url(../images/interface/de_dealer.gif);}
div.box.right h5.de_signup a {background-image: url(../images/interface/de_signup.gif);}
div.box.right h5.learnbenefits {border-bottom:none;}
#events #content div.box div.getstarted,
#home #content div.box div.getstarted {padding: 10px 10px 10px 53px; min-height: 33px;}
#events #content div.box div.getstarted p,
#home #content div.box div.getstarted p {margin:0;}
#home #sidebar div.hightifier {height: 299px;}
#home ul.section {padding: 5px 0 0 0; margin:0;}
#home ul.section li {background:none; height: 15px; overflow:hidden;}
div.getstarted.connect {background: url(../images/interface/icon_connect.gif) no-repeat 0 0;}
div.getstarted.share {background: url(../images/interface/icon_share.gif) no-repeat 0 0;}
div.getstarted.explore {background: url(../images/interface/icon_explore.gif) no-repeat 0 0;}
/* Login page */
body#login #wrapper {width: 790px; height: 489px; margin-top: 67px;
background: url(../images/interface/login_bg.jpg) no-repeat 0 0;}
body#login #wrapper div.logo {width: 73px; height: 109px; position:absolute; margin: 33px 0 0 50px;
background: url(../images/interface/login_logo.gif) no-repeat 0 0;}
body#login div.loginbox {width: 311px; height: 117px; padding: 20px; position: absolute; background: #CA0003; margin: 166px 0 0 34px; overflow:hidden;}
body#login a.button {padding: 4px 6px; text-transform:uppercase;}
body#login a.button.first {background: #900; border: 1px solid #600;}
body#login a.button.third {background: #999; border: 1px solid #666;}
body#login div.loginbox * {color: #FFF !important;}
body#login div.loginbox.first p {padding: 6px 0 0 151px; margin: 0; clear:both; }
body#login div.loginbox.first p input {position:absolute; margin: -5px 0 0 -67px;}
body#login div.loginbox.second p {margin:0 0 4px 0; color: #666 !important; font-size: 1.15em; line-height: 1.4em;}
body#login div.loginbox.second p.button {padding-top: 10px; font-size: 1em;}
body#login div.loginbox.second {margin:166px 0 0 395px; background: #F0F0F0;}
body#login h2 {line-height: 18px; }
body#login h3 {margin:2px 0 8px 0; line-height: 12px; font-size: 10px;}
body#login div.loginbox label {float:left; width: 300px; clear:both; margin:0; text-align:right; padding-bottom: 3px;}
body#login div.loginbox input {width: 214px; white-space:nowrap; color: #000 !important;}
body#login div.loginbox input.submit {width: auto; margin:-1.5em 0 0 77px; color: #000 !important; visibility:hidden;}
body#login #footer {float:none; width: 770px; margin:0 auto; }
/* Sign in page */
body#signin #content div.box {width: 168px; height: 250px; padding: 15px; float:left; background: #FFF; color:#FFF;background: #CB0003; }
body#signin #content label {color: #333; padding-left: 3px; }
body#signin #content input {margin-bottom: 6px;}
body#signin #content div.box form p.small {font-size: 1em;}
body#signin #content div.box.second {background: #999; margin: 0 10px; color: #FFF;}
body#signin #content div.box * {color:#FFF;}
body#signin #content div.box.third h2 {color: #999 !important;}
body#signin #content div.box.third {color: #999; background:#FFF;}
body#signin #content div.box .button a {border:none; background: #FFF; color: #CB0003;}
body#signin #content div.box div {height: 220px;}
body#signin #content div.box p.button {padding-top:6px;}
/* Sign in europe */
body#signin #content .nonus div.box {width: 272px; height: 220px;}
body#signin #content .nonus div.box.third {margin-left: 10px;}
body#signin #content .nonus input {width: 220px;}
body#signin #content .nonus div.box div {height: 190px;}
body#signin #content .nonus div.box h2 {margin-bottom: 18px;}
/* Signed in home page */
body#userhome #content div.leftcol,
body#userhome #content div.rightcol {margin-top: 0;}
body#userhome #content div.rightcol {width: 403px;}
body#userhome #content h4 {margin: 10px 0 1px 0;}
body#userhome #content div.leftcol h5 {margin: 0; padding: 8px 0 2px 27px;}
body#userhome #content div.leftcol h5.connect {background: transparent url(../images/interface/icon_connect_small.gif) no-repeat 6px 6px;}
body#userhome #content div.leftcol h5.participate {background: transparent url(../images/interface/icon_participate.gif) no-repeat 7px 7px;}
body#userhome #content div.leftcol h5.explore {background: transparent url(../images/interface/icon_explore_small.gif) no-repeat 7px 7px;}
body#userhome #content div.leftcol .margin {margin-left: 6px; margin-right: 6px;}
body#userhome #content div.rightcol .margin {margin-left: 10px; margin-right: 10px;}
body#userhome #content div.leftcol div.dottedhr {margin-top: 6px;}
body#userhome #content div.dottedhr {width: auto;}
body#userhome #content div.box {background: #f0f0f0; padding: 1px 0 1px 0; margin: 0 0 1px 0;}
body#userhome #content div.rightcol div.box {padding: 6px 0 1px 0;}
body#userhome #content ul.arrowlinks li {background: url(../images/interface/content_hr.gif) repeat-x top left; margin: 0 6px;}
body#userhome #content div.box div.bottom {background: #e2e2e2; padding: 4px 10px 1px 10px;}
body#userhome #content div.rightcol div.box div.bottom {border-top: 1px solid #b7b7b7;}
body#userhome #content div.box div.bottom div.hr {margin: -2px -10px 6px -10px; width: auto;}
body#userhome #content div.box p.messages {border-bottom: 1px solid #cecece; font-size: 1.2em; margin: 0;
padding:4px 0 6px 26px; background: url(../images/interface/icon_messages.gif) no-repeat 6px 8px;}
body#userhome #content div.box p.comments {border-bottom: 1px solid #cecece; font-size: 1.2em; margin: 0;
padding:4px 0 6px 26px; background: url(../images/interface/icon_comment.gif) no-repeat 6px 7px;}
body#userhome #content img.floatleft {margin: 0 10px 5px 0;}
body#userhome #content div.rightcol div.comment {width: 372px;}
body#userhome #content div.rightcol div.comment h5 {width: 285px;}
body#userhome #content div.rightcol div.comment div {width: 287px;}
/* Riders landing page*/
body#riders #content h4 {margin: 10px 0 1px 0;}
body#riders #content div.box {background: #F0F0F0; padding: 15px 21px;}
body#riders #content div.box h5 {text-transform: none; font-size: 1.4em; margin: 0 0 0 0; padding: 1px 0 4px 20px}
body#riders #content div.box h5.member {background: transparent url(../images/interface/icon_contact.gif) no-repeat left 1px;}
body#riders #content div.box h5.athlete {background: transparent url(../images/interface/icon_rider.gif) no-repeat left 1px;}
body#riders #content div.box h5.team {background: transparent url(../images/interface/icon_team.gif) no-repeat left 2px;}
body#riders #content div.box img {float: left; display: inline;}
body#riders #content div.box div.floatright {width: 466px;}
body#riders #content dl {background: url(../images/interface/content_hr.gif) repeat-x left bottom; border: 0; margin: 0 !important;}
body#riders #content dl dt {width: 72px; padding: 7px 393px 0 0;}
body#riders #content dl dd {margin-left: 78px;}
body#riders #content p.button {margin: 10px 0 20px 0; padding: 0;}
/* Admin pages */
#content h4 {margin-top: 15px;}
#content div.col {width: 281px;}
#content ul.arrowlinks {margin: 0;}
#content ul.arrowlinks li.last {border: 0;}
#content table.admin {width: 100%;}
#content table.admin td {color: #333333; background: transparent url(../images/interface/content_hr.gif) repeat-x left bottom; padding: 3px 5px;}
#content table.admin td.count {text-align: right; font-size: 1.2em;}
#content table.admin tr.last td {background: none;}
#content table.postadmin {width: 100%; border-top: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; margin-bottom: 12px;}
#content table.postadmin th,
#content table.postadmin td {text-align: left; vertical-align: top; border-bottom: 1px solid #b7b7b7;}
#content table.postadmin th {background-color: #e2e2e2; padding: 10px 0 6px 10px;}
#content table.postadmin th.title {width: 258px;}
#content table.postadmin th.id {width: 28px;}
#content table.postadmin th.author {width: 93px;}
#content table.postadmin th.date {width: 65px;}
#content table.user th.title {width: 330px !important;}
#content table.user th.date {width: 130px !important;}
#content table.postadmin th.title a,
#content table.postadmin th.id a,
#content table.postadmin th.author a,
#content table.postadmin th.date a {color: #666666; text-decoration: underline;}
#content table.postadmin th a.ascending,
#content table.postadmin th a.descending {padding-right: 10px; text-decoration: none; color: #333333;}
#content table.postadmin th a.ascending {background: transparent url(../images/interface/icon_ascending.gif) no-repeat 100% 55%;}
#content table.postadmin th a.descending {background: transparent url(../images/interface/icon_descending.gif) no-repeat 100% 55%;}
#content table.postadmin th a:hover {text-decoration: underline;}
#content table.postadmin td {font-size: 1.2em; color: #333333; padding: 10px 0 10px 10px; background-color: #fff;}
#content table.postadmin tr.odd td {background-color: #f0f0f0;}
/* Create New Journal page */
#content #journalnav {padding: 0; margin: 15px 0 0 0;}
#content #journalnav li {list-style-type: none; padding: 0; margin: 0; display: inline;}
#content #journalnav li a {position: relative; top: 1px; float: left; display: inline; border: 1px solid #b7b7b7; background-color: #b7b7b7; font-weight: bold; color: #666666; margin-right: 4px; padding: 2px 10px 2px 28px;}
#content #journalnav li.standard a {background: #b7b7b7 url(/images/interface/icon_participate.gif) no-repeat 8px 3px;}
#content #journalnav li.ride a {background: #b7b7b7 url(/images/interface/icon_participate_alt.gif) no-repeat 8px 3px;}
#content #journalnav li a.selected {color: #333333; background-color: #e2e2e2; border-bottom: 1px solid #e2e2e2;}
#content #journalnav li a.selected:hover {text-decoration: none;}
#content #createjournal {border: 1px solid #b7b7b7; background-color: #ffffff; display:block;}
#content #createjournal p.description {border-bottom: 1px solid #b7b7b7; background-color: #e2e2e2; margin: 0 0 25px 0; color: #666666; font-size: 1em; padding: 5px 10px 8px 10px;}
#content #createjournal label {color: #333333;}
#content #createjournal dl {border: 0; margin-bottom: 10px;}
#content #createjournal dl dt {background: none; width: 76px;}
#content #createjournal dl dd {margin-left: 82px;}
#content #createjournal input.type_text,
#content #createjournal dl dd textarea {width: 470px; color: #333333;}
#content #createjournal input.type_text {font-size: 1.1em;}
#content #createjournal dl dd textarea {font-size: 1em; height: 60px;}
#content #createjournal input.type_checkbox {margin: 0 4px 0 0 ;}
#content #createjournal div.padding {padding: 10px 2px 20px 20px;}
#content #createjournal input.btn {font-size: 1.1em; margin-top: 10px;}
#content #createjournal #wysiwyg {width: 526px;}
/* Tab module */
#content #tabs {margin: 0 0 1px 0; padding: 0; height: 19px; border-bottom: 7px solid #ca0003;}
#content #tabs li {display: inline;}
#content #tabs li a {float: left; display: inline; height: 17px; overflow: hidden; font-size: 1em; font-weight: bold;
text-align: center; line-height: 17px; padding: 0 9px; margin: 0 4px 0 0; border-left: 1px solid #525252;
border-top: 1px solid #525252; border-right: 1px solid #525252; border-bottom: 1px solid #565656; background-color: #6c6c6c; color: #dddddd;}
#content #tabs li a:hover {text-decoration: none; color: #999999;}
#content #tabs li.selected a {color: #a2833d; border: 1px solid #ca0003; background-color: #ca0003; color: #fff; line-height: 19px;}
#content #tabcontainer {background: #f0f0f0;}
#content div.tabcontent {padding: 15px 10px 15px 19px; background: #f0f0f0; height: 105px;}
#content div#tab3 {height: 175px;}
#content div.tabcontent span {color: #666666; font-weight: bold; font-size: 1.2em;}
#content div.tabcontent p.button {padding-top: 4px !important;}
#content div.tabcontent label span {font-weight:normal; font-size: 1em;}
#content div.tabcontent h3 {margin: 0 0 14px 0; text-indent: -9999px; height: 15px; overflow: hidden;}
#content div.tabcontent h3.findmembers {background: transparent url(../images/interface/header_findmembers.gif) no-repeat left top;}
#content div.tabcontent h3.findsponsored {background: transparent url(../images/interface/header_findsponsored.gif) no-repeat left top;}
#content div.tabcontent h3.findteams {background: transparent url(../images/interface/header_findteams.gif) no-repeat left top;}
#content div.tabcontent h3.finddealers {background: transparent url(../images/interface/header_finddealers.gif) no-repeat left top;}
#content div.tabcontent div.floatleft {margin-right: 5px;}
#content div.tabcontent label {white-space:nowrap;}
#content div.tabcontent input {font-size: 11px; margin-top: 2px;}
#content div.tabcontent select {font-size: 11px; margin-top: 3px;}
#content div.tabcontent input.btn {font-size: 1em; margin: 13px 0 0 0;}
#content div.tabcontent form input.location {width: 320px;}
#content div.tabcontent form select {width: 240px;}
#content div.tabcontent form input.name {width: 165px;}
#content div.tabcontent form.findteams p.button span {padding: 0 30px; font-size: 1em;}
/* my profile form*/
html>body input {font-size: 1.2em;}
html>body textarea {font-size: 1.2em;}
form.myprofile {float:left; width: 370px; padding: 0 0 10px 0; margin-top: 6px; clear:left;}
form.myprofile h4 {width: 570px;}
form.myprofile h3 {font-weight:bold !important;}
form.myprofile label {float:left; display:inline; width: 90px; padding: 7px 3px 0 0; clear:left; text-align:right; color: #333;}
form.myprofile input {float:left; display:inline; height: 1%; width: 170px; height: 16px; margin-top: 4px; color: #333;}
form.myprofile input[type="checkbox"] {width: auto !important;}
form.myprofile input[type="hidden"] {visibility: hidden !important;}
form.myprofile input[type="file"] {height: auto;}
form.myprofile>select {float:left; margin-top: 4px;}
form.myprofile select {margin-top: 4px;}
form.myprofile div.textareaplain textarea {float:left; width: 456px; margin-top: 4px; overflow:auto; height: 52px; position:absolute; font-size: 1.15em;}
/*form.myprofile input.wider {width: 260px;}
form.myprofile input.other_type {width: 199px;}*/
form.myprofile input.favorite {width: 456px; position:absolute;}
form.myprofile div.textarea {margin-bottom: 10px;}
form.myprofile div.textareaplain {float:left; height: 60px; clear:right;}
form.myprofile div.posanchor {float:left; position:relative; width: 255px; height: 60px; padding-top: 4px;}
form.myprofile div.posanchor textarea {width: 255px; height: 60px; overflow:auto;}
form.myprofile div.posanchor.input {height: 26px; }
/* haven't finished with this yet testing in IE etc !!*/
form.myprofile div.multiple {float:left; width: 276px;}
form.myprofile div.multiple span {float:left; width:auto; padding-top: 6px; margin:0 4px 0 18px;}
/*form.myprofile div.multiple * {float:none;}*/
form.myprofile div.checkboxes {float:left; width: 274px; padding-top: 4px;}
form.myprofile div.checkboxes a {display:block; clear:both; padding-bottom: 5px;}
form.myprofile div.checkboxes label input {width: auto; height:auto; margin-top: -1px;}
form.myprofile div.checkboxes label {width: 250px; padding:3px 0 0 0; text-align:left; font-weight:normal; font-size: 1.15em;}
form.myprofile div.checkboxes label.textlabel{width: auto; padding: 6px 2px 0 0; white-space:nowrap;}
form.myprofile input.hiddenfield {position:absolute;}
/* half width*/
#content form.myprofile div.halfwidth {width: 280px !important; float:left; clear:left; margin: 5px 0 15px 0;}
#content form.myprofile div.halfwidth.right {float:left; clear:none; margin: 0 0 15px 10px !important;}
#content form.myprofile div.halfwidth div.checkboxes {width: 174px; padding-top:0;}
#content form.myprofile div.halfwidth div.datetime {width: 170px; padding-bottom: 1px;}
#content form.myprofile div.halfwidth div.datetime select {margin-bottom: 5px;}
/* google maps*/
#content .button.geocode {padding-top: 470px !important;}
#content form.gmap {/*position:absolute; */clear:both; margin-top: -485px;background: url(../images/interface/listbox_bg.gif) 0 0; padding: 15px 10px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
#content form.gap div.halfwidth {margin: 5px 0 15px -10px;}
#map_div {border: 1px solid #b7b7b7;}
#geoerror {position:absolute; color:#c00 !important; width: 270px; line-height: 1.1em !important;}
#content div.profilephoto {width: 200px; padding: 10px 0 0 0;}
#content div.profilephoto label {margin-bottom: 3px; color: #333;}
#content div.profilephoto h4 {margin:0;}
#content div.profilephoto h5 {text-transform: uppercase; font-size: 1em; color: #666; }
#content div.profilephoto img.thumbnail {float:left; margin: 0 3px 59px 0;}
/* new ride / ride journal form (new ride/ride journal extends myprofile so add both classes to form) */
form.ridejournal {width: 570px; }
#createjournal form.ridejournal {padding-left: 20px;}
form.ridejournal h4 {width: auto;}
div.datetime {float:left; padding-top: 3px;}
div.datetime select {float:none;}
form input[type="hidden"] {position:absolute;}
/* Styles for Registration */
#content ul.processnav {background:#999; clear:both; display:block; margin: 17px 0; padding:0; height: 17px; float:left; width: 574px; overflow:hidden;}
#content ul.processnav li {float:left; list-style:none; color:#d6d6d6; font-weight:bold; font-size: 9px; padding: 00; margin-right: -11px; background: url(../images/redeem/process_right.gif) 100% 0 no-repeat;}
/** html #content ul.processnav li {padding: 0 41px 0 0;}
*/
#content ul.processnav li span {display:block; padding: 2px 45px 4px 15px; height: 11px; overflow:hidden; float:left; white-space:nowrap;}
* html #content ul.processnav li span {padding: 2px 41px 4px 15px; }
#content ul.processnav li.first span {padding-left:6px;}
#content ul.processnav li.selected {background: #666 url(../images/redeem/process_overright.gif) 100% no-repeat; }
#content ul.processnav li.selected span {background: url(../images/redeem/process_overleft.gif) 0 0 no-repeat; color:#FFF;}
#content ul.processnav li.first span {background:none;}
#content ul.processnav li.last {background-image:none;}
#content ul.processnav li.first span {width: 92px;}
#content ul.processnav li.second span {width: 67px;}
#content ul.processnav li.third span {width: 59px;}
#content ul.processnav li.fourth span {width: 49px;}
#content ul.processnav li.last span {width: 61px;}
#content form.redeem {width: 574px;}
#content form.redeem select {margin: 4px 0 0 0 !important;}
#content form.redeem label { position:relative;}
#content form.redeem div.group {width: 280px; float:left; margin-bottom: 20px;}
#content form.redeem h3 {font-size: 13px; line-height: 16px; margin-top: 0;}
#content form.redeem h3.edit {margin-top: -7px; margin-bottom: 5px;}
#content form.redeem h3.edit a {position:absolute; margin: 0px 0 0 5px;}
#content form.redeem h3 span {font-size: 10px;}
#content form.redeem h3 a {margin-top: -3px;}
#content form.redeem input.zip {width: 98px;}
#content form.redeem p {padding-top: 10px;}
#content form.redeem p input {float:left; width: auto;}
#content form.redeem p label {width: auto; font-weight:normal; clear:none; padding:3px 0 0 0;}
#content form.redeem dl {margin-bottom: 25px;}
#content form.redeem div.checkboxes {width: 170px;}
#content .leftcontent {width: 285px; float:left;}
#content .leftcontent h3 {font-size: 15px; margin:0 0 7px 0; font-weight:bold !important;}
#content .leftcontent p {padding-right: 35px;}
#content .boxedlogin {float:right; width: 275px; border: 1px solid #CCC; background: #FFF; margin: -10px 0 20px 0;}
#content .boxedlogin h3 {font-size: 13px; color:#666; margin:0; padding: 7px 0 0 10px;}
/* 10 email contest form */
form.tenemails div {float:left; width: 278px; margin: 0 0 14px 0;}
form.tenemails p {padding: 10px 0 10px 6px;}
form.tenemails label {width: 68px; padding: 6px 7px 0 0; float:left; clear:left; text-align:right; color: #333;}
html body form.tenemails input {width: 190px;}
form.tenemails textarea {width: 477px; height: 60px; overflow:auto; margin-bottom: 14px;}
form.tenemails div.divider {float:none; clear:both; width:auto; background: url(../images/interface/content_hr.gif) repeat-x 0 0; border:none; height: 1px;}
/* Micro Site */
body#microsite #wrapper {width: 750px; padding: 10px; margin: 20px auto 0 auto; background: #333;}
body#microsite #footer {position: absolute; padding: 20px 0 0 0 !important;}
body#microsite #flasharea {float:left; clear:both; width: 750px; height: 386px; overflow:hidden; margin-bottom: 10px; background: #333;}
body#microsite .box {width: 346px; padding: 12px; float:left;}
body#microsite .box.first {background: #F0F0F0; margin-right: 10px;}
body#microsite .box.second {background: #CB0003; color: #FFF;}
body#microsite p {font-size: 1.15em; line-height: 1.45em; margin-top:0;}
body#microsite p.button a {padding: 2px 8px; background: #FFF; border: 1px solid #CCC; text-transform:uppercase;}
div.clear {width: 100%; height:1px; margin-top: -1px; clear:both; overflow:hidden;}
div.hidden {width:0 !important; height:0 !important; overflow:hidden !important; left: -9999px !important;}
/* sIFR */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
.print,
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.print {display:none !important;}
.sIFR-hasFlash h2 {visibility: hidden; letter-spacing: -9px; line-height: 13px; margin:0 263px 6px 0; /*margin:0 10px 6px 0;*/ font-size: 22px;}
.sIFR-hasFlash #account h2,
.sIFR-hasFlash .box h2 {margin-right:0;}
.sIFR-hasFlash h2.large {line-height: 20px; font-size: 26px; margin:0 0 0.5em -1px ;}
.sIFR-hasFlash h2.margin {margin-bottom: 0.5em !important;}
.sIFR-hasFlash #signin .box h2,
.sIFR-hasFlash .box .top h2 {line-height: 20px; font-size: 26px; margin:0 0 0 -2px;}
/* Firefox issues: Anything below 18px makes sIFR disappear. The line-height seems to fix the size across firefox (and safari etc).*/
/* and in case flash isn't enabled or javascript not present */
h2 {text-transform:uppercase; color: #666; margin:0; font-weight:normal; font-family: arial, verdana, sans-serif;}
h2.admin {background: transparent url(../images/interface/icon_toolbox.gif) no-repeat left top; padding-left: 20px;}
.box .top h2 {color: #FFF;}
/* clearfix
--------------------------------*/
#wrapper:after,
ul.processnav:after,
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.floatright {float: right !important; display: inline;}
.floatleft {float: left !important; display: inline;}
.bordertop {border-top: 1px solid #B7B7B7;}
.clear {clear: both;}
.grey {color: #999999;}
.nomargin {margin: 0 !important;}