
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size:100%;font-family: inherit;vertical-align: baseline; line-height:1}
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}

body{background:#d3d3d3; color:#424242; font-family:Tahoma, sans-serif; font-size:10.5px;color:#000000;text-align:center; padding-bottom:50px; line-height:100%}
#wrapper{background:#ffffff; width:1144px; margin:0 auto; text-align:left; position:relative;}
#inWrap{margin:2px 19px 0px 21px; background:#ebebeb}
#header{clear:both; height:241px; width:100%; background:#fff; padding-top:6px;}
#sidebar{float:left; width:18%; min-height:400px; padding:0px 5px 0px 5px; border:none;}

#content{float:left;width:651px;}
#contentRight{float:left;width:300px; padding:0px 10px 50px}
#farRight{float:left; width:131px}

#footer{clear:both; height:50px; border:none; background:#fff;}

/*====Advert Stuff===*/
div.adSpaceTop{float:left;height:90px;width:728px; overflow:hidden}
div.adSpaceSide{margin-top:10px; display:block; width:120px; height:600px; overflow:hidden}
div.adMPUad{margin-top:10px; display:block; width:300px; height:250px; overflow:hidden}
div.adHalfMpu{margin-top:10px; display:block; width:300px; height: 120px; overflow:hidden}

/*====Header Internals====*/
div.subscribe{float:left;height:90px;margin-left:5px;width:240px;}
div.subscribe a{background:url(/media/images/subscribeButton_46.jpg) left top; display:block; width:100%; height:100%; overflow:hidden; letter-spacing:-5em; text-indent:-9em;}
span.mainTitle{background:url(/media/images/wrMainLogo_44.jpg) left top; width:585px; height:80px; overflow:hidden; letter-spacing:-5em; text-indent:-9em; float:left; margin-left:67px; margin-top:14px; }
span.mainTitle a{display:block; width:100%; height:100%}

/*====loginPanel====*/
div#loginPanel{float:right;margin-right:131px;width:239px;display:inline}
div.loginPanel{height:41px; background:#ebebeb; margin-top:73px}
div.loginPanel.loggedIn{height:41px; background:#ebebeb; margin-top:73px}
div.loginPanel form.headerLoginForm ul{display:none}
div.loginButtons{padding-top:13px;
width:100%;}
div.loginButtons a{float:right; text-decoration:none; color:#fff;}
div.loginButtons a span{display:block; padding:3px 0 0 7px}
div.loginButtons a.login{background:url(/media/images/buttonLogin_58.gif) no-repeat left top; text-transform:uppercase; width:59px; height:18px; margin-right:11px}
div.loginButtons a.register{background:url(/media/images/buttonRegister_59.gif) no-repeat left top; text-transform:uppercase; height:18px; width:74px; margin-right:11px;}
form.headerLoginForm ul{padding:10px 10px 0}
form.headerLoginForm ul li{float:left; width:100%; clear:both; height:22px}
form.headerLoginForm ul li input{float:right; width:152px; border:1px solid #c7c7c7}
form.headerLoginForm ul li label{float:left; width:50px; margin-top:4px}
span.forgotten a{color:#f456a8; text-decoration:none}
span.forgotten{display:block;float:left;margin-top:4px;width:141px;}
div.loginPanel input.submitBtn{cursor:pointer; border:0 none; width:59px}
div.loggedInPanel{padding:6px 0px 0px 6px}
div.loggedInPanel a{color:#fff; text-decoration:none; float:left; width:46px; padding:4px 15px 5px 10px; background:url(/media/images/buttonLogout_49.gif) no-repeat left top; text-transform:uppercase; margin-top:7px}
div#loggedInUserInfo{font-size:12px; padding-top:0px; padding-left:9px; width:144px; float:left; line-height:18px}
div#loggedInUserInfo span{font-size:9px; display:block;}

div.loginFail {display:none;}
div.loginFail strong {color: red;}
div.loginFail.show  {display:block;}


/*====TopNav====*/
ul#topNav{float:left; width:663px; margin-left:39px; height:22px; display:inline}
ul#topNav li{float:left; width:100px; height:22px; background:#3fc8f4; text-align:center; margin-right:1px; font-weight:bold}
ul#topNav li#homeLink{width:27px;}
ul#topNav li.active{background:#6f6f6f}
ul#topNav li.active a:hover{color:#fff;}
ul#topNav li a{text-transform:uppercase; color:#fff; text-decoration:none; padding-top:6px; display:block}
ul#topNav li a:hover{color:#ee57a6}
ul#topNav li#homeLink a{overflow:hidden; display:block; height:100%; width:100%; text-indent:-90px; padding:0; background:url(/media/images/homeIcon_199.gif) no-repeat left top;}
ul#topNav li#homeLink a:hover{background:url(/media/images/homeIconHover_198.gif) no-repeat left top;}
ul#topNav li#homeLink.active a{background:url(/media/images/homeIconActive_197.gif) no-repeat left top;}

/*====SubNav====*/
ul#subNav{clear:both; background:url(/media/images/bgSubNav_47.gif) repeat-x left top; height:25px; padding-top:7px; padding-left:70px}
ul#subNav li{display:inline; padding: 0 23px; font-size:110%}
ul#subNav li.active a{color:#3fc8f4}
ul#subNav li a{color:#fff; text-decoration:none; line-height:13px}
ul#subNav li a:hover{color:#ee57a6}
span.msgCount{color:#fff; padding:0 4px; margin: 0 4px 0 -9px; background:#ee57a6}

/*====Tabbed Layout=====*/
div#tabLayout{padding-left:52px; padding-top:12px;padding-bottom:70px;}
div#tabLayout.groupForum{margin-right:10px}
div.profile{background:#ebebeb url(/media/images/profileBg_48.gif) repeat-x left top;}
div.userInfo{height:151px; clear:both; width:582px}
div.userAvatar{height:135px; width:135px; border:3px solid #fff; float:left}
ul.userDetail{float:left;padding-left:17px;margin-top:38px;width:287px; color:#fff}
ul.userDetail li.userAlias{font-size:2.4em; line-height:1.2em;padding:0; margin:0}
ul.userDetail li.userStatus{font-size:1.3em; font-weight:normal}
div.groupProfile{background:#ebebeb url(/media/images/pinkbg_56.gif) repeat-x left top;}
div.groupInfo{height:151px; clear:both; width:582px}
div.groupAvatar{height:135px; width:135px; border:3px solid #fff; float:left}
ul.groupDetail{float:left;padding-left:17px;margin-top:38px;width:287px; color:#fff}
ul.groupDetail li.groupName{font-size:2.4em; line-height:1.2em;padding:0; margin:0}
ul.groupDetail li.groupDescription{font-size:14px;line-height:1.3em; display:block;line-height:1.3em;max-height:56px;overflow:hidden;}
li.userStatus span{line-height:1.3em; display:block;line-height:1.3em;max-height:56px;overflow:hidden;}

div.tabContainer{padding: 0 20px 0 24px;  position:relative; width:552px}
div.tabWrapper{background:#fff; border:1px solid #3fc8f4; clear:both; padding:17px 0 50px; margin-top:-1px; width:597px}
div#content.forumPage div.tabWrapper{width:908px;}
div#tabLayout.groupProfile div.tabWrapper{background:#fff; border:1px solid #c6029d; clear:both}

div.tabContainer div.maxGroupsReached {color: red; margin-bottom:2em;}

/*====Non Tabbed Layout=====*/
div#nonTabLayout{background:#fff url(/media/images/nonTabbedBgGrad_97.gif) repeat-x left top; margin-left:11px; padding:30px 68px 50px 50px; margin-bottom:20px; position:relative; min-height:291px; z-index:0}
div#nonTabLayout span.nonTabCurve{background:url(/media/images/nonTabbedBgCurve_96.gif) no-repeat -1px top; width:642px; height:12px; position:absolute; bottom:0; left:0}
div#nonTabLayout div.loginPanel{height:auto; background:#ebebeb; margin:20px; padding:10px; width:335px}

/*====Table Style Ul's=====*/
div.userProfilePanel, div.userRunningProfilePanel, div.userRunningDiaryPanel, div.userGroupPanel, div.userDetails, div.userRunningRecordsPanel, div.userForumPanel{margin-bottom:13px; margin-left:75px; width:476px}
div.userProfilePanel ul li, div.userRunningProfilePanel ul li,div.userRunningDiaryPanel ul li, div.userGroupPanel ul li, div.userDetails ul li, div.userRunningRecordsPanel ul li{clear:both; width:100%; float:left}

div.userRunningDiaryPanel p{padding-bottom:3px}
div.userRunningDiaryPanel ul li{float:left; width:100%; clear:both}
div.userRunningDiaryPanel ul li span{float:left; width:111px; padding-bottom:4px}
div.userRunningDiaryPanel ul li span.topheader{font-weight:bolder; width:111px; padding-bottom:8px}
div.userRunningDiaryPanel ul li span.leftheader{font-weight:bolder; width:136px}

.detailList li.panelItem{float:left;margin-bottom:3px;padding-top:2px;width:100%;}
.detailList li.panelItem label{float:left; width:139px; font-weight:bolder; line-height:1em}
.detailList li.panelItem div{float:left; width:300px; line-height:1em}

.recordList li{float:left;margin-bottom:3px;padding-top:2px;width:100%;}
.recordList li label{float:left; width:139px; font-weight:bolder; line-height:1em}
.recordList li div{float:left; width:300px; line-height:1em}

div#tabLayout div.userGroupPanel strong{font-weight:bolder; display:block; line-height:1.6em; clear:both; padding-top:3px}
div#tabLayout div.userGroupPanel a{font-weight:normal; font-style:normal; color:#424242;line-height:1.3em; padding-bottom:3px}
div#tabLayout div.userGroupPanel a.smallPinkButton{color:#fff; margin-left:0px}
div#tabLayout div.userGroupPanel a:hover{color:#3FC8F4}
div#tabLayout div.userGroupPanel a.groupName{float:left; width:170px}
div#tabLayout div.userGroupPanel a.groupMembers{float:left; width:100px}
div#tabLayout div.userGroupPanel ul li{float:left; width:100%; clear:both; }

div.userForumPanel ul li{width:100%; float:left; clear:both; padding-bottom:3px}
div.userForumPanel ul li ul li{float:left; width:30%; clear:none; padding-right:10px}
div.userForumPanel ul li.profileForumHeading{height:16px}

div.userForumPanel li.profileForumHeading ul li{font-weight:bold}

div.userForumPanel li.title{width:193px}
div.userForumPanel li.forum{width:135px}
div.userForumPanel li.dateType{width:113px}
div.userForumPanel li.dateType span{display:block}



/*=====On page Nav======*/
ul#pageTabs{float:left; width:570px; height:24px}
ul#pageTabs li{float:left; width:100px; height:22px; background:#3fc8f4; color:#fff; text-align:center; margin-right:1px; font-weight:bold; margin-top:2px; clear:none}
ul#pageTabs li a{text-transform:uppercase; font-style:normal; color:#fff; text-decoration:none; padding-top:6px; display:block}
ul#pageTabs li a:hover{text-decoration:none}
ul#pageTabs li.active{background:#FFF; border:1px solid #3fc8f4; border-bottom:0 none; height:24px; margin-top: 0;position:relative; z-index:90;}
div.groupProfile ul#pageTabs li.active{border-color:#f661af; background:#fff}
div.groupProfile ul#pageTabs li{background:#f661af}
div.groupProfile ul#pageTabs li.active a{color:#f661af}
ul#pageTabs li.active a{color:#3fc8f4}

/*=====Nav======*/
ul.topNavBar li, ul.footerNavBar li { float: left; padding: 2px; }
ul.topNavBar li.current a, ul.footerNavBar li.current a { color: red; }

/*=====Side Nav======*/

ul.sideNav li.navAncestor a { color: green;}
ul.sideNav li.navSelf a { color: red; font-weight:bold;}
ul.navChildren li.navChild a { color: blue; padding-left: 2em;}
.clearB {clear: both;}
.hiddenBox{display:none}

/*=====Font Checker CSS======*/
.myriadpro{font: 13px "myriad pro" , "tahoma", "sans-serif"; display: none;}
.tahoma{font: 13px "tahoma" , "Arial", "sans-serif";display: none;}
.arial{font: 13px "Arial" , "sans-serif";display: none;}

div#wrapper li.hide {display:none;}

div#wrapper li.medBlueButton{width:130px; height:23px; background:url(/media/images/BtnMedBlue_87.png) no-repeat left top; float:left; margin-bottom:3px}
div#wrapper li.medPinkButton a{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}
div#wrapper li.medPinkButton{width:130px; height:23px; background:url(/media/images/BtnMedPink_88.png) no-repeat left top; float:left; margin-bottom:3px}
div#wrapper li.medGreyButton a{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}
div#wrapper li.medGreyButton{width:130px; height:23px; background:url(/media/images/btnMedGrey_89.png) no-repeat left top; float:left; margin-bottom:3px}
div#wrapper li.medBlueButton a{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}

div#wrapper span.medBlueButton{width:130px; height:23px; background:url(/media/images/BtnMedBlue_87.png) no-repeat left top; float:left; margin-bottom:3px}
div#wrapper span.medPinkButton a{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}
div#wrapper span.medPinkButton a:hover{text-decoration:none}
div#wrapper span.medPinkButton{width:130px; height:23px; background:url(/media/images/BtnMedPink_88.png) no-repeat left top; float:left; margin-bottom:3px}
div#wrapper span.medGreyButton a{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}
div#wrapper span.medGreyButton a:hover{text-decoration:none}
div#wrapper span.medGreyButton{width:130px; height:23px; background:url(/media/images/btnMedGrey_89.png) no-repeat left top; float:left; margin-bottom:3px}
div#wrapper span.medBlueButton a{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}
div#wrapper span.medBlueButton a:hover{text-decoration:none}

div#wrapper a.medBlueButton{width:130px; height:23px; background:url(/media/images/BtnMedBlue_87.png) no-repeat left top; float:left; margin-bottom:3px; text-decoration:none;}
div#wrapper a.medBlueButton:hover{text-decoration:none}
div#wrapper a.medBlueButton span{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}

a.medBlueButton{width:130px; height:23px; background:url(/media/images/BtnMedBlue_87.png) no-repeat left top; float:left; margin-bottom:3px; text-decoration:none;}
a.medBlueButton:hover{text-decoration:none}
a.medBlueButton span{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}

div#wrapper a.medPinkButton{width:130px; height:23px; background:url(/media/images/BtnMedPink_88.png) no-repeat left top; 
float:left; margin-bottom:3px; text-decoration:none;}
div#wrapper a.medPinkButton span{font-style:normal; font-weight:normal; text-decoration:none; color:#424242; display:block; padding:4px 10px}
div#wrapper a.medPinkButton:hover{text-decoration:none}

div#wrapper a.medDarkPinkButton{width:130px; height:23px; background:url(/media/images/buttonLoginLong_174.gif) no-repeat left top; 
float:left; margin-bottom:3px; text-decoration:none;}
div#wrapper a.medDarkPinkButton span{font-style:normal; font-weight:normal; text-decoration:none; color:#fff; display:block; padding:4px 10px}
div#wrapper a.medDarkPinkButton:hover{text-decoration:none}



div#wrapper a.medGreyButton span{font-style:normal; font-weight:normal; color:#424242; display:block; padding:4px 10px}
div#wrapper a.medGreyButton{width:130px; height:23px; background:url(/media/images/btnMedGrey_89.png) no-repeat left top; float:left; margin-bottom:3px;  text-decoration:none;}
div#wrapper a.medGreyButton:hover{text-decoration:none}


.topRight{position:absolute; top:0px; right:10px;}

div#wrapper li.heading{font-size:1.3em; border-bottom:1px solid #4242424; padding-bottom:3px}
div#wrapper li.text{line-height:15px; padding-bottom:3px; clear:both}
div#wrapper a.smallPinkButton{float:left;background:url(/media/images/buttomSmallPinkNew_107.gif) no-repeat left top; text-transform:uppercase; width:43px; height:16px; margin-right:11px; color:#fff; font-weight:normal; font-style:normal; margin-left:5px; font-size:0.9em}
div#wrapper a.smallPinkButton span{display:block; padding:3px 0 0 0; text-align:center}
div#wrapper a.smallBlueButton{float:left;background:url(/media/images/buttonSmallBlue_108.gif) no-repeat left top; text-transform:uppercase; width:43px; height:16px; margin-right:11px; color:#fff; font-weight:normal; font-style:normal; margin-left:5px; font-size:0.9em}
div#wrapper a.smallBlueButton span{display:block; padding:3px 0 0 0; text-align:center}
div#wrapper a.smallPinkButton:hover{text-decoration:none}
div#wrapper a.smallBlueButton:hover{text-decoration:none}

/*=====Pagination======*/
ul.Paging,ul.paging {width:200px; float:right; padding-bottom:5px; margin:6px 0 0 0; text-align:center;}

ul.Paging li,ul.paging li{float:left; display:block; width:12px; height:12px; border-left:1px solid black; padding:1px 2px; margin:0 2px }

ul.Paging li.nolink,ul.paging li.nolink{color:#424242;}
div#wrapper ul.Paging li a, div#wrapper ul.paging li a{color:#0099d2; text-decoration:none; font-weight:normal; font-style:normal}

ul.Paging li.first, ul.paging li.first{border-left: 0px; }

ul.Paging li.prevPage, ul.paging li.prevPage{background:url(/media/images/paginationPrev_113.gif) no-repeat left top; border:0 none;}
ul.Paging li.nolink.prevPage, ul.paging li.nolink.prevPage{text-indent:-99px; letter-spacing:-99px; overflow:hidden}
ul.Paging li.prevPage a, ul.paging li.prevPage a{display:block; width:12px; height:12px; text-indent:-99px; overflow:hidden}

ul.Paging li.firstPage, ul.paging li.firstPage{border:0 none;background:url(/media/images/paginationFirst_110.gif) no-repeat left top; }
ul.Paging li.firstPage a, ul.paging li.firstPage a{display:block;  width:12px; height:12px; overflow:hidden; text-indent:-99px;}

ul.Paging li.nextPage, ul.paging li.nextPage{background:url(/media/images/paginationNext_112.gif) no-repeat left top; border:0 none;}
ul.Paging li.nextPage.nolink, ul.paging li.nextPage.nolink{ display:block;  width:12px; height:12px; overflow:hidden; text-indent:-19em; letter-spacing:-19em;}
ul.Paging li.nextPage a, ul.paging li.nextPage a{display:block; width:12px; height:12px; overflow:hidden; text-indent:-99px;}

ul.Paging li.lastPage,ul.paging li.lastPage{border:0 none; background:url(/media/images/paginationLast_111.gif) no-repeat left top;}
ul.Paging li.lastPage.nolink, ul.paging li.lastPage.nolink{display:block; width:12px; height:12px; overflow:hidden; text-indent:-99px;}
ul.Paging li.lastPage a, ul.paging li.lastPage a{display:block; width:12px; height:12px; overflow:hidden;text-indent:-99px;}

ul.Paging li.active a, ul.paging li.active a{color:black}
ul.Paging li.noLink, ul.paging li.noLink {color:#d3d3d3}

/*=====Footer=====*/
ul.footerNavBar{padding-left:55px; padding-top:8px;}
ul.footerNavBar a{color:#424242; text-decoration:none; padding:0 5px }
div#footer span.RSLink{float:right; width:202px}
div#footer span.RSLink span{padding-top:2px; font-size:10px; width:35px; float:left}
div#footer span.RSLink a{background:url(/media/images/rsLogo_138.gif) no-repeat left top; float:left; width:70px; overflow:hidden; height:16px; text-indent:-10em; letter-spacing:-10px}

/*======AddThis=====*/
a.addthis_button_compact.at300m{ color:#424242 !important; text-decoration:none !important;}
div.addthis_toolbox.addthis_default_style a.addthis_button_compact.at300m { padding: 2px 2px !important; }
div.addthis_toolbox.addthis_default_style a.addthis_button_compact.at300m span.at300bs.at15t_compact { margin-top: -2px !important; }

/*====Tooltips======*/
#wrapper .tooltip{position:absolute; top:0; left:0; display:none; z-index:8000; background:url(/media/images/ttShort_130.png) no-repeat left top; color:#fff; font-size:10px; line-height:18px; padding:10px 7px 10px 0; text-align:left; width:77px; height:15px; overflow:hidden; text-align:center}
#wrapper .longTip .tooltip{width:160px; background:url(/media/images/ttLong_129.png) no-repeat left top;}
#wrapper .medTip .tooltip{width:114px; background:url(/media/images/ttMed_132.png) no-repeat left top;}

/*====Captcha=======*/
div.mod_captcha p{margin-bottom:4px}
div.mod_captcha img{border:1px solid #C7C7C7}

/*=====Registration=====*/
div.regErrors ul {color:red;}
li.regErrorCaptcha {color:red; display:none;}
li.regErrorCaptcha.show {display:inline;}
#wrapper div.captchaInfo {padding-top:20px; font-size:0.8em; color:#424242; margin-left:10px}
#wrapper div.captchaInfo a { color:#424242;}

/*=====Home page layout====*/
div.topContentLeft{float:left;width:327px;}
div.topContentRight{float:right;padding-left:7px;width:312px;}
div.homeLeftCol,div.homeCenterCol{float:left; width:325px; padding-bottom:49px}

img.headerImage{float:right;margin-right:-66px;margin-top:-30px;}

p.special{padding-bottom:20px; height:30px}
p.special span.or{float:left;padding-top:5px;width:14px;}

/*=====Store Locator=====*/
div.storeFinder{margin-top:10px; margin-bottom:15px; width:120px; overflow:hidden}

