.clear {clear: both; } .head-border {background: url("../images/harra-bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); border-top: 3px solid #C72933; } #harra-header {height: 120px; margin: 0 auto; padding: 10px 0 0; width: 1090px; } .red-anounce {/*background: linear-gradient(to bottom, #D81925 0%, #AF1D25 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/ background: #d81925; /* Old browsers */ background: -moz-linear-gradient(top, #d81925 0%, #af1d25 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d81925), color-stop(99%,#af1d25)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d81925 0%,#af1d25 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d81925 0%,#af1d25 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d81925 0%,#af1d25 99%); /* IE10+ */ background: linear-gradient(to bottom, #d81925 0%,#af1d25 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81925', endColorstr='#af1d25',GradientType=0 ); /* IE6-9 */ color: #FFFFFF; float: left; font-size: 18px; padding: 4px 8px 4px 10px; } .white-anounce {background-color: #FFFFFF; float: left; font-size: 18px; padding: 5px 8px 1px 0; width: 862px; } .baner-bg {/*background: url("../images/baner-bg.jpg") repeat ;*/ padding: 20px; } #banner-section {margin: 0 auto; width: 1090px; } #banner-main {border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); float: left; height: 325px; width: 757px; } #banner-main .camera_wrap {height: 325px !important; } /*sameer css*/ #news-section {background-color: #FFF !important; border: 0px solid #FFFFFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); float: right; /*height: 325px;*/ height:273px; width: 301px; overflow:hidden; border-bottom:4px solid #c72933; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .news_align{ margin:10px 12px;} #news-section h2 {font-size: 19px; padding: 0px 0px 0px 12px; color:#333; } #news-section ul li {/*background: url("../images/bot-boder_23.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);*/ line-height: 20px; list-style: none outside none; padding: 0 10px 2px 12px; } #news-section ul li span {font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color:#000; } #midle-wraper {margin: 0 auto; padding: 20px; width: 100%; } #left-wraper {float: left; width: 350px; } .bg-title {background: url("../images/title-bg.jpg") repeat ; font-family: 'bebas_neueregular'; } .bg-title span {background-color: #FFFFFF; color: #333333; font-size: 20px; padding-right: 10px; } .left-boxes { border-bottom: 4px solid #C72933; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); color: #2D2D2D; font-family: Arial,Helvetica,sans-serif; line-height: 18px; margin-bottom: 30px; margin-top: 18px; padding: 14px 5px; background-color:#FFF; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .left-boxes a{ color: #D41A25;} .left-boxes ul li {/*border-bottom: 1px dashed #ABABAB;*/ line-height: 20px; list-style: none outside none; padding: 5px 7px; display:block; overflow:hidden; } .left-boxes ul li span {font-weight: bold; } #right-wraper {float: right; width: 715px; } #midle-detail {padding: 15px 0; } .harra-detail {float: left; width: 464px; margin-bottom: 0; } /*start sameer css*/ .harra_detailSection{ border: 0px solid #fff; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; box-shadow: 0 0 9px 0 rgba(48, 50, 50, 0.21); margin-bottom: 20px; margin-top: 18px; border-bottom:4px solid #c72933; height:250px !important; padding-right:10px; } .clubAreaa{ margin-bottom:20px; } .marTopp{ margin-bottom: -5px !important; margin-bottom: -8px\0 !important; padding-top: 0!important; } @media screen and (-webkit-min-device-pixel-ratio:0) { .marTopp{ margin-bottom: -3px !important; padding-top: 0!important;} ::i-block-chrome,.top-menu li {margin:0 17px !important;} } /*end sameer css*/ .harra-detail h3 {font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; } .harra-detail p {color: #333333; line-height: 24px; margin-left: 15px; } .harra-detail a {color: #D41A25; } .harra-map {float: right; height: 260px; width: 234px; display:table; } #partners-section {margin-left: -30px; padding-top: 0px; } /*sameer css*/ .marchandise-box {float: left; margin-left: 29px; margin-left: 25px\9;} .marchandise {border-bottom: 4px solid #C72933; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); background-color:#FFF; height: 158px; margin-top: 8px; text-align: center; width: 217px; } .marchandise_new {border-bottom: 4px solid #C72933;background-color:#FFF; height: 158px; margin-top: 8px; text-align: center; width: 217px; } .marchandise img {padding: 0; } .marchandise p {line-height: 18px; padding: 10px; text-align: left; } .marchandise a p{ color:#D41A25;} /*sameer css*/ footer {background-color: #123576; padding: 33px; width:95%; } #harra-fot {color: #FFFFFF; line-height: 25px; margin: 0 auto; width: 800px; width: 800px\0; background-color: #123576; float:left; } .footer_inner{ margin:0 auto; width:1090px;} #harra-fot a {color: #FFFFFF; padding: 0 5px; text-decoration: none; } #harra-fot a:hover {text-decoration: underline; } /* News Ticker Styling Start */ .ticker-wrapper.has-js {border-radius: 15px; display: block; font-size: 0.75em; width: auto; } .ticker {display: block; height: 23px; margin-top: -5px; overflow: hidden; position: relative; width: 790px; } .ticker-title {color: #990000; font-weight: bold; padding-top: 9px; text-transform: uppercase; } .ticker-content {color: #1F527B; font-weight: bold; line-height: 1.2em; margin: 0; overflow: hidden; padding-top: 9px; position: absolute; white-space: nowrap; } .ticker-content a {color: #1F527B; text-decoration: none; } .ticker-content a:hover {color: #0D3059; text-decoration: underline; } .ticker-swipe {background-color: #FFFFFF; display: block; height: 23px; padding-top: 9px; position: absolute; top: 0; width: 800px; } .ticker-swipe span {background-color: #FFFFFF; border-bottom: 1px solid #1F527B; display: block; height: 12px; margin-left: 1px; width: 7px; } .ticker-controls {float: left; list-style-type: none; padding: 8px 0 0; } .no-js-news {color: #F8F0DB; padding: 10px 0 0 45px; } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {float: left; } /* News Ticker Styling End */ /*Start Places To Run Page*/ .inner_banner {margin: 0 auto; width: 1140px; } .inner_banner .camera_wrap {border: 2px solid #FFFFFF; box-shadow: 0 0 8px #999999; height: 157px !important; margin: 0 auto !important; /*width: 1085px;*/ } #inner_midle {/*background: url("../images/left-bg.jpg") repeat-y left; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); #inner_left {float: left; /*width: 276px;*/ /*width:230px;*/} #inner_left li {list-style: none outside none; margin-bottom: 1px; } #inner_left li a {background: url("../images/left-tab-bg.jpg") repeat-x bottom #f2f2f2;color: #202020; display: block; font-family: calibri; font-size: 20px; padding: 11px 10px 11px 14px; position: relative; text-decoration: none !important; text-shadow: 1px 1px 0 #FFFFFF; } #inner_left li a:hover { background: url("../images/active_bg.jpg") repeat-x bottom #D61925; color: #FFFFFF; text-shadow: 1px 1px 0 #000000; } .li_active { color: #FFF !important;text-shadow: 1px 1px 0 #000000 !important;} #inner_left li a img {display: none; float: right; margin-top: 8px; } #inner_left li a:hover img {display: block; } #inner_right{padding: 8px} /*#inner_right {color: #333333; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 22px; padding-bottom: 20px; width:824px; }*/ #inner_right h1 {color: #333333; font-size: 26px; font-weight: normal; margin: 0 !important;} .printcard_bg h1{line-height:16px!important;} .black_bt { background: #333; border-radius: 5px; color: #fff;} .black_bt:hover{ color:#fff; text-decoration:none;} .pad_left_ten .black_bt {padding: 4.5px 5px;background: #333;box-shadow:0 0 8px #121212 inset;margin-top: 0 !important;} /*End of Places To Run Page*/ /*Start of Upcoming Training Programmes Page*/ .main_head {float: left; } .top_right {float: right; } /*sameer css edite*/ #inner_right a.black_bt {background-color: #333333; border: 1px solid #000000; border-radius: 6px; box-shadow: 0 0 8px #121212 inset; color: #FFFFFF !important; display: block; font-family: helvetica; font-size: 14px !important; font-weight: normal; padding: 4px 15px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000000; } .training_box {background: url("../images/traing-bg.jpg") repeat-x center bottom #FCFCFC; border: 1px solid #B7B7B7; border-radius: 7px; margin-bottom: 15px; } .training_title, .join_title {background: url("../images/t-tilebg.jpg") repeat scroll center bottom #DDDDDD; border-bottom: 1px solid #B7B7B7; border-top-left-radius: 7px; border-top-right-radius: 7px; color: #333333; font-family: calibri; font-size: 18px; padding: 7px 0 7px 10px; } .training_box:hover .training_title, .training_title_active {background: url("../images/t-tilebg-h.jpg") repeat scroll center bottom #DDDDDD; border-bottom: 1px solid #21304C; color: #FFFFFF; } /*.training_box span, .racing_form span {display: block; padding: 10px 10px; }*/ .reg_inputfield > label { padding: 0 10px;} /*End of Upcoming Training Programmes Page*/ /*Start of add-training-program Page*/ .form_box {border-radius: 8px; margin-bottom: 20px; padding: 20px; } .form_box span {display: inline-block; padding: 12px 10px; } .filed_1 {font-family: calibri; padding-bottom: 15px; } .filed_1 input[type="text"], .filed_1 input[type="password"]{ padding:5px;} .f_title {color: #484848; float: left; font-size: 16px; line-height: 25px; width: 225px; } .f_field {float: left; width: 270px; } .f_field select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 8px; width: 300px; } .select_img {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; width: 275px; } .f_field textarea {border: 1px solid #E4E3E3; width: 270px; } .form_submit {margin: 10px 0 0 35px; text-align: center; width: 98px; clear:both; } /*End of add-training-program Page* /*Start of Running Club Page*/ .club_map {border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow:0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow:0px 0px 9px 0px rgba(48, 50, 50, 0.21); height: 331px; width: 890px; } .club_boxses {margin-left: -15px; padding-top: 30px; } .c_box {height:225px!important; width: 247px;} .content_list{ margin-left:-15px;} a .c_box { color:#000 !important;} .card {float: left;margin-left: 25px;width: 270px !important;} .card_img{float:left;border:1px solid #a2a2a2;display:block; margin-right:10px;} .c_box:hover {box-shadow: 3px 3px 0 #9B9B9B; } .click_view {height: 15px; left: 11px; margin-bottom: 16px; position: absolute; top: -7px; width: 83px; } .h10 {height: 10px; } .box_title {background-color: #D8D8D8; box-shadow: 2px 2px 0 #D0D0D0; color: #333333; padding: 3px; text-indent: 5px; } .member_photo {background: url("../images/club_thumb.jpg") no-repeat scroll center center #ECECEC; border: 2px solid #FFFFFF; border-radius: 3px; box-shadow: 0 0 3px #333333; float: right; margin: 13px 0 0; } .member_photo:hover {box-shadow: 0 0 3px #CCCCCC; } .member_detail {padding-top: 8px; line-height:25px; } /*End of Running Club Page*/ /*Start of DRC Members Page*/ .harra_members {margin-left: -10px; } .member {background: url("../images/member-bg.jpg") repeat-x scroll center bottom #F8F8F8; border: 1px solid #BEBEBE; border-radius: 5px; float: left; margin-bottom: 10px; margin-left: 8px; padding: 6px; /*width: 240px;*/ width: 255px; } .member_pic {float: left; } .member_pic img {border-radius: 5px; height: 64px; width: 62px; } /*sameer css*/ .member_info {color: #333333; float: left; line-height: 20px; padding-left: 8px; width: 175px; height:70px\0; height:70px;} .member_info span {color: #D11A25; } .pagination-main {float: right; } .page_num {float: left; font-family: calibri; margin-left: 3px; text-align: center; } .page_num a {background: url("../images/page-bg_03.jpg") repeat scroll center bottom #FFFFFF; border: 1px solid #B4C2C5; border-radius: 3px; color: #000000; display: block; font-size: 12px; font-weight: normal !important; line-height: 15px; padding: 4px 7px; transition: all 0.3s ease-in 0s; } .page_num a:hover {background: url("../images/pag-h_03.jpg") repeat scroll center bottom #636363; border-radius: 3px; color: #000000 !important; text-decoration: none; } .page_num_active { background: #06b609 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2YjYwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjlhMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, #06b609 0%, #029a23 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06b609), color-stop(100%,#029a23)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #06b609 0%,#029a23 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #06b609 0%,#029a23 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #06b609 0%,#029a23 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #06b609 0%,#029a23 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b609', endColorstr='#029a23',GradientType=0 ) !important; /* IE6-8 */ color: #fff !important; text-shadow: 1px 1px 0 #000000 !important; border: 1px solid #009900 !important; border-radius: 3px; color: #FFFFFF !important; display: block; font-size: 12px; font-weight: normal !important; line-height: 15px; padding: 4px 7px; transition: all 0.3s ease-in 0s; } /*End of DRC Members Page*/ /*Start Daily Group Runs Page*/ #area_table {margin-top: 18px; } table.reference, table.tecspec {border-collapse: collapse; width: 100%; white-space:nowrap; } table.reference, table.tecspec {border-collapse: collapse; } table.reference tr:nth-child(2n+1) {background-color: #E1E2E3; } table.reference td {border: 1px solid #D4D4D4; padding: 7px 5px; vertical-align: top; } table.reference th {background-color: #464646; border: 1px solid #555555; color: #FFFFFF; padding: 6px; text-align:center; vertical-align: top; } /*End Daily Group Runs Page*/ /*Join Harra Pages Start Here Added by Zeeshan 12-03-14*/ .inner_full_width {color: #333333; font-size: 15px; font-family:calibri; margin: 0 auto !important; padding: 0 !important; width: 100% !important; } .mem_name {float: left; padding-right: 10px; width: 325px; } .mem_name_new {float: left; padding-right: 10px; width: 200px; } .mem_date {float: left; font-size: 13px; padding-right: 10px; width: 120px; } .mem_price {float: left; padding-right: 10px; width: 90px; white-space:nowrap\0;} .mem_day {float: left; padding-right: 10px; width: 80px; } .membership_detail {padding: 11px 10px 11px 3px; } .more_info {float: right; padding-left: 4px;} .renew-buttons .more_info{float:none !important;display:inline-block !important} .renew-buttons .more_info .black_bt{display:inline-block !important;padding:8px;background:#000} .forgot_pass {float: right; padding-left: 10px; width: 185px; } .more_info_box {background-color: #F1F1F1; border: 1px solid #DCDCDC; border-radius: 10px; box-shadow: 0 0 4px #E0E0E0; margin: 14px 10px; padding: 15px; } .join_title abbr, .reg_title abbr {color: #FF0000; } .reg_form_fields {margin-left: -195px; padding: 0 15px 15px; } /*sameer css*/ .reg_form_creditCard {margin-left: 0px; padding: 0 15px 15px; } .reg_fileds_creditCard {float: left; font-family: calibri; font-size: 16px; margin-left: 0px; width: auto; width: auto\0; height: auto; display:block; margin-top:15px; } .reg_fileds {float: left; font-family: helvetica; font-size: 12px; margin-left: 198px; width: 389px; height:75px;position:relative } .reg_fileds_check{float: left; font-family: calibri; font-size: 16px; margin-left: 198px; width: 389px; } .reg_title {padding-bottom: 0px; padding-top: 10px; text-transform:uppercase; } /*.reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"] { width: 380px; }*/ /*sameer css*/ .reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"]{ width:339px; padding:5px 5px; } input#sponsor_link{display: block !important} .reg_inputfield textarea {background-color: #FFFFFF; border: 1px solid #E4E3E3; box-shadow: 0 0 4px #E4E3E3 inset; padding: 0; position: relative; width: 380px; z-index: 9998999; } .validation {color: #FF0000; display: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 17px; } .validation_red{border: 1px solid #ff0000;} .select_img_reg {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; width: 340px; } .sponsor_select_img_reg {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; width: 339px; } .upload_logo #status {margin-top:-10px;} .reg_inputfield_sponsor textarea {background-color: #FFFFFF; border: 1px solid #E4E3E3; box-shadow: 0 0 4px #E4E3E3 inset; padding: 0; position: relative; z-index: 999; } .reg_inputfield select {background: none repeat ; border: medium none; color: #757575; font-size: 13px; padding: 8px; width: 415px; height:30px; } .reg_inputfield_sponsor select {background: none ; border: medium none; color: #757575; font-size: 16px; padding: 3px; width: 100% !important; height:28px; } .select_start_t {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #E4E3E3; border-radius: 3px; overflow: hidden; width: 187px;float:left; } .select_start_t select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 8px; width: 215px; } .select_start_t_sponsor {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #E4E3E3; border-radius: 3px; overflow: hidden; width: 150px;float:left; } .select_start_t_sponsor select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding:5px 8px; width: 178px; } .pre_button {float: left; margin-bottom: 15px; margin-right: 25px; width: 115px; } .privacy_title {float: left; padding-right: 10px; width: 280px; } .privacy_content {float: left; padding-right: 10px; width: auto; } .privacy_content p{ padding:0px; margin:0px;} .contact_title {background-color: #EDEDED; border: 1px solid #B7B7B7; border-radius: 4px; font-family: calibri; font-size: 18px; margin: 10px 0px 0; padding: 7px 13px; } .credit_card_box {background-color: #E0E0E0; border-radius: 10px; margin-top: 10px; min-height: 137px; padding: 16px; /*width: 350px; */} /*edit by sameer*/ .float_left {float: left !important; } .float_right {float: left !important; } .select_img_card {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #E4E3E3; border-radius: 3px; overflow: hidden; width: 105px; } .select_img_card select {background: none repeat ; border:1px solid #ccc; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 3px 8px; width: 153px; } .select_img_card_2 {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #E4E3E3; border-radius: 3px; overflow: hidden; width: 70px; } .select_img_card_2 select {background: none repeat ; border:1px solid #ccc; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 3px 8px; width: 95px; padding-left:1px; } /*sameer css*/ .card_payment {float: left; line-height: 112px; margin-left: 190px; text-align: center; } /*For AddEvent Page Form Starts*/ .reg_inputfield_sponsor.sponsor_select_img_reg.sponsor_select_img_regHeight { height: 90px; width:338px;} #race_distance { height: 80px;} /*For AddEvent Page Form End*/ /**For Search REsult Css**/ .searchResultContent .tipue_search_content_title > a { color: #0000cc !important; font-size: 16px;} .searchResultContent .tipue_search_content_url > a { color: #008000 !important;} .submitButtonOnPage{background: none repeat scroll 0 0 #000000;border: medium none;border-radius: 3px;color: #fff;float: none;font-size: 15px;margin: 0 ;padding: 5px 10px;text-transform: uppercase;} #tipue_search_results_count{ border-bottom:1px solid #e9e9e9;} #tipue_search_warning_head{ border-bottom:1px solid #e9e9e9;} .searchResultContent { border-bottom: 1px solid #ccc; padding-bottom: 15px;} .searchBoxOnPage {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;padding: 5px !important;width: 60%;} /**For Search REsult Css End**/ .top_right .black_bt {width: auto !important;} #Tarea.form-control { height: 32px; padding: 5px; width: 339px;} @media only screen and ( max-width: 600px) and ( min-width: 320px ) { #AddPhoto > table {display:inline-table!important;margin:0 0 0 -4px!important;padding: 0 !important;} #Tarea.form-control {width: 72%;} .field_new_radio{width:260px !important; } #report_group_comment_845 { margin-top: 8px;} .sponsor_card_payment .input_submit{ display:inline !important;} .sponsor_card_payment .pay_now{ width:auto !important; margin-right:55px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #race_distance { width:106% !important;} } #race_distance { width:99%;} .reg_inputfield_sponsor select {background: none repeat ; border: medium none; color: #757575; font-size: 16px; padding: 3px; width: 110%; height:28px; } .reg_fileds_creditCard{width:100%} .card_payment {margin-left: 0px;line-height:50px;} .credit_card_box{padding:10px;width:100%;margin-left:-23px !important;} .select_img_card{width:105px;} .privacy_content {width: auto;} .f_pass{padding-left:0px !important;} .family_button {float: none !important; margin-bottom: 15px; margin-right: 0px !important; width: 253px !important; margin-top:15px !important;display:table;} .family_fileds {float: left; font-family: calibri; font-size: 16px; margin-left: 183px !important; width: 260px !important; } .register{margin-top:0px !important;} table.reference td {border: 1px solid #D4D4D4; padding: 7px 5px; vertical-align: top; width:135px !important; display:inline-block!important;} /*table.reference, table.tecspec { white-space:pre-line !important;word-break:break-word; }*/ .renew-buttons{padding:10px 12px; width:255px !important;} .what_is_harra_box{ height:125px !important;} .validation{overflow:hidden;clear:both;} .content_list {margin-left:auto!important;} } @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width: 1024px) { .rsvp_button a{ font-size:16px; color:#FFF !important; padding:10px; max-width:190px; text-align:center; display:block;} } @media only screen and ( min-width: 768px) and ( max-width: 1024px ) { #ticker3 li, #ticker2 li, #ticker li{height:455px!important;} .event_detail {margin-top:12px;} .top_right {float: left; margin-bottom:10px; } .card_payment {margin-left: 130px;line-height:70px;} .reg_fileds_creditCard{width:auto !important;} .family_fileds {margin-left: 70px !important;} .register{margin-top:0px !important;} .validation{font-size:11px !important;} .start-time-val{margin-left:113px !important;} .privacy_content {float: left; padding-right: 10px; width: 450px; } .racing_form {float: none; width: 390px; clear:both; } #inner_right {padding:8px!important;} .my_profile {margin-left:20px!important;} .clc-ipad{width: 392px!important;} .clc-ipad2{width:452px!important;} .forumComment{margin-left:25px!important;} #inner_right .dk_options_inner {margin-left:0px!important;} } .field_new_box .sponsor_select_img_reg {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);} .reg_inputfield .sponsor_select_img_reg {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF ;} .addDistance {position:relative;} .sponsor_card_payment {float: right; line-height: 112px; margin-left: 50px; text-align: center; margin-top:0px; }/*edited by sameer 11 july 2014*/ .charged {font-size: 18px; } .charged h1 {font-size: 50px !important; } .pay_now {line-height: 30px; margin: 0 auto; width: 92px; } /*Start Racing page css*/ .racing_content {margin-left:15px;} .racing_form {float: left; width: 390px; } .event_calendar {float: right; width: 320px; } .search_note {padding-bottom: 20px; } .search_fields {clear:both; } #race_data_dist, #location { width: 270px; margin-left: 121px; margin-top:0px; margin-bottom:6px; border: 1px solid #ccc; border-radius: 5px; height:auto !important;} .search_title {float: left; font-family: calibri; font-size: 16px; line-height: 40px; width: 120px; } .search_input input[type="text"] {width: 270px; padding:5px !important; margin:5px 0; } .racing_content .search_title {line-height: 16px;} #harra_discount { float: left; margin-top: -3px; width: 5px;} .search_reg {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; width: 270px; } .search_input select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 0px; width: 300px; } .search_reg #location { margin: 0px 0; width: 300px; border: none; padding: 5px 0; } .member_search {background: url("../images/select-image.jpg") no-repeat scroll right center #FFFFFF; border: 1px solid #E4E3E3; border-radius: 3px; height:30px; margin-right:-10px; overflow: hidden; width: 235px; } .member_search select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding:4px; width: 260px; } /*For Chrome Only*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .search_input select {box-shadow:none !important;} .rsvp_button a{ font-size:16px;} .input_submit, .home_page {background-color: #333333; border: 1px solid #000000; border-radius: 6px; box-shadow: 0 0 8px #121212 inset; color: #FFFFFF !important; cursor: pointer; display: block; font-family: calibri; font-size: 18px !important; font-weight: normal; padding: 2px 10px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000000; } } .search_cbx {} .search_left {float: left; font-size: 14px; padding-top: 6px; width: 185px; } .search_button {float: left; margin-right: 10px; margin-top: 15px; } .upcoming-title {padding-top: 50px; } .event_box { } .event_photo {border: 2px solid #FFFFFF; box-shadow: 0 0 5px #999999; float: left; height: 98px; width: 98px; } .event_detail {border-top: 1px solid #999; float: right; margin-bottom: 20px; width: 620px; } .event_detail1 {float: right; margin-bottom: 20px; width: 620px; } .event_date {color: #000; float: left; font-size: 14px; padding: 0px; text-align: center; } .event_title {color: #C21B25; font-size: 18px; line-height: 30px; } .event_title_sub {color: #000000; float: left; font-size: 15px; width: 120px; } event_sub_detal {float: right; font-size: 15px; width:500px;} .event_sub_detail {float: right; font-size: 15px; padding:10px; background:#eaeaea; border:1px solid #ccc; } a#readMoreLink_2, a#closeReadMoreLink_2 { background: none repeat scroll 0 0 #05b20d; border-radius: 5px; text-decoration:none; color: #fff; padding: 5px 10px; transition:all; -moz-transition:0.3s linear; -webkit-transition:0.3s linear; -o-transition:0.3s linear;} a#readMoreLink_2:hover, a#closeReadMoreLink_2:hover{ box-shadow: 0 0 5px #05b20d;} .event_sub_detal p{margin: 0px !important;padding: 0px !important;} .harra-discount-logo, .harra-certified-logo{float: right !important; font-size: 24px; width: 120px; margin-left: -24px;} .harra-registr-btn{float:right !important;} /*Join Harra Pages END Here Added by Zeeshan 12-03-14*/ /*For blog*/ .fb-share-button.fb_iframe_widget > span { height: 18px !important;} .twitter-share-button.twitter-tweet-button.twitter-share-button.twitter-count-horizontal { margin-bottom: -5px !important;} /*#___plusone_0 > iframe {margin-bottom: -5px !important;margin-left: -25px !important;}*/ /*End Racing page css*/ .margin_none {margin: 0 !important; } .upload_logo {margin-bottom: 15px; margin-top: 15px; } .checkout_item {color: #C21B25; float: left; font-size: 16px; padding-right: 10px; width: 170px; } .items_bg {background-color: #EFEFEF; margin-top: 10px; padding: 5px 10px; } .items .checkout_item {color: #333333; float: left; font-size: 14px; padding-right: 10px; width: 170px; } .checkout_total {float: right; font-size: 18px; font-weight: bold; padding-bottom: 10px; padding-right: 10px; width: 200px; } .personal_info {float: left; padding-right: 10px; width: 500px; } .renew_memebrship {margin: 20px auto; width: 470px; } .renew-buttons {padding: 10px 115px; } .membership_note {background-color: #D9EDF7; border-radius: 5px; color: #31708F; margin: 10px 10px auto; padding: 10px; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .pad_top_ten {padding-top: 0px !important; } #showUpcoming { width: 100% !important;} .reg_success_note {background-color: #DFF0D8; border-radius: 5px; color: #468847; margin: 10px 10px auto; padding: 10px; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .mem_name {float: left; padding-right: 10px; width: 325px; } .mem_success {float: left; font-size: 13px; padding-right: 10px; width: 250px; } /*sameer css*/ .login_vald {color: #FF0000; display: none; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 15px; clear:left; padding-left: 0px; text-align:center; } .float_none {float: none; } .input_submit, .home_page {background-color: #333333; border: 1px solid #000000; border-radius: 6px; box-shadow: 0 0 8px #121212 inset; color: #FFFFFF !important; cursor: pointer; display: block; font-family: calibri; font-size: 16px !important; font-weight: normal; padding: 2px 10px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000000; } .float_left .input_submit{line-height:28px !important;height:28px !important;padding:0 15px !important;vertical-align:middle !important;display:block !important} .float_left.pad_left_ten .black_bt{line-height:28px !important;height:28px !important;padding:0 15px !important;display:block !important;/* vertical-align:top; */} .f_pass .float_left.pad_left_ten{padding-top:0 !important} .f_pass .pad_left_ten {padding-top:4px;} .pad_left_ten {padding-left: 10px; } .font_calibri{font-family:calibri;font-size:16px;} span.VolPositionfirst.spaceNewvol { padding: 0 0 0 12px;} span.VolPositionfirst { padding: 0 0 0 10px;} .pad_ten{ padding:10px;} .pad_left_twenty{ padding-left:18px;} .pad_left_35{ padding-left:35px;} .vol_sing {float: left; padding-right: 10px; width: 120px; text-align:right; } .vol_date_new { float: left; width: 100px;} .vol_time_new { float: left; width: 120px;} .vol_sing span{ /*display:inline;*/} .vol_name {float: left; padding-right: 10px; width: 140px; } .vol_name_new {float: left; margin-left: 25px; padding-right: 10px; width: 130px; } .vol_name_new h6 { margin:0px; padding:0px;} .vol_name_new h6 a{ cursor:pointer !important;} .vol_name h6 {float: left; font-family: calibri; font-size: 16px; font-weight: normal; padding-right: 10px; width: 140px; } .vol_mem_name {float: left; padding-left: 10px; padding-right: 20px; width: 325px; } .vol_mem_name_new {float: left; padding-left: 0px; padding-right: 18px; width: 200px; } .boder_bottom {border-bottom: 1px solid #CCCCCC; } .signup_buton {float: right; width: 680px; } .vol_time_slot {float: left; padding-right: 10px; width: 100px; white-space:nowrap\0;} /****this is for Profile page start****/ .profile_section {} .photo_sec {} .profile_photo {background: url("../images/profile-pic-new.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); border: 2px solid #FFFFFF; box-shadow: 0 0 5px #D6D6D6; float: left; height: 258px; width: 197px; } .profile_detail {float: right; font-family: calibri; font-size: 16px; width: 550px; } .user_name {font-size: 18px; line-height: 25px; } .u_title {float: left; line-height: 30px; width: 140px; } .u_title b {color: #000000; font-weight: normal; } .u_details {color: #666666; float: left; line-height: 30px; width: 355px; } .profile_section {} .photo_sec {float: left; width: 220px; } .profile_photo {background: url("../images/profile-pic-new.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); border: 2px solid #FFFFFF; box-shadow: 0 0 5px #D6D6D6; height: 258px; width: 197px; } .user_name {font-size: 18px; line-height: 25px; } .u_title {float: left; line-height: 30px; width: 140px; } .user_name p {color: #D41A25 !important; } .u_title b {color: #000000; font-weight: normal; } .u_details {color: #666666; float: left; line-height: 30px; width: 355px; } .member_request {padding-bottom: 10px; } .add_member {color: #666666; float: right; font-size: 15px; line-height: 20px; } .add_member img {font-family: calibri; margin: 0 5px 5px; } .add_member a {padding-right: 10px; } .edit_buttons input {margin-top: 10px; padding: 2px 3px; } .margin_right_ten {margin-right: 10px !important; } /*Updated on 18 March 2014 START*/ .family_button {float: left; margin-bottom: 15px; margin-right: 25px; width: 245px; } .family_fileds {float: left; font-family: calibri; font-size: 16px; margin-left: 198px; width: 600px; } .renew_package {margin: 20px auto; width: 230px; } /*Updated on 18 March 2014 END*/ .fz_eighteen {font-size: 18px !important; } .serch_filed {height: 30px !important; } .right_button {float: left; margin-left: 10px; margin-right: 10px; } /*For Fancy Scroll Start*/ #drcscroll_1 > ul { margin: 0; padding: 0; list-style: inside;} .mission-description { overflow: auto; } .news_scroll_2 {height: 294px; overflow: auto; width: 340px;} .news_scroll_3 {height: 120px; overflow: auto; width: 340px;} .news_scroll_4 {height: 240px; overflow: auto; width: 460px;} .left-boxes ul li a{ color: #D41A25; font-weight: bold;} .autoScroller-container {height:272px;overflow-y:scroll !important;} .newsscroolcontainer {height:272px;overflow-y:scroll !important;} .sponsorlogocontainer {height:158px;overflow:auto;} .photo_item{list-style:outside none;margin-bottom: 3px;} .photo_item a img{list-style:outside none;margin-bottom: 3px; margin-top:-1px; border-bottom:solid 1px #CCC;} /*For Fancy Scroll End*/ .volt_details{margin:0px;padding:0px;} .volt_details p, .membership_detail hr{margin:0px; margin-bottom:0px; padding:0px; } /*Added CSS for Popup on 20-3-14 by Zeeshan-- Start --*/ #main-in-pop-up{ margin: auto; padding: 20px; float:left; width: 82% !important;} #popup_content p { border-bottom: 1px solid #F1F1F1; margin-bottom: 10px; padding-bottom: 3px;} #popup_content1 p { border-bottom: 1px solid #F1F1F1; margin-bottom: 10px; padding-bottom: 3px;} .location{width:75%;float: left;} .location_map{width:60%;float: left;} .clubs_loc{ float: right; margin-right: 95px;padding-left: 10px;} /*Added CSS for Popup on 20-3-14 by Zeeshan-- End --*/ .f_pass{ padding-left:122px;} .f_pass_m{ float:right; padding-top:5px;} .popup_title_new{color: #333333; font-family: 'bebas_neueregular';font-size: 21px;font-weight: normal;padding:10px;} .popup_desc_new{color: #333333;font-family: calibri; font-size: 16px;line-height:22px;padding:10px;} .event_note{ margin-left:21px; margin-top:10px; width:81%;} .height_auto{ height:auto !important;} .news_white{ background-color:#FFF; box-shadow:inset} .news_gray{ background-color:#f4f4f4; box-shadow:inset 0 5px 5px #efeded;} /*New Form Fileds view start here by Zeeshan*/ .form_filed_box{ margin-left:-35px;} .field_new_box{ height:65px; width:350px; margin-left:35px; float:left;position:relative} .field_new_radio{width:347px; margin-left:35px; margin-bottom:15px} .top_right abbr{ color:#F00;} .form_box .contact_title{padding:7px 13px; background-color:#ededed; border-radius:4px; margin:0px; margin-bottom:10px; font-size:18px; font-family: calibri; border:1px solid #B7B7B7;} .sampleTextphn{position:absolute;right:15px} .sampleTextphn1{right:50px} /*Start CSS For Inner Page Responsive*/ .menu-btn{ display:none;} .menu-btn-01{ display:none; background:#18418C; padding:10px; border-radius:6px; cursor:pointer; text-align:right; font-weight:bold; font-size:15px; color:#fff;} .menu-btn-01 img{ float:left;} .menu-btn-01 a{ color:#fff !important;} /*Start CSS For Inner Page Responsive*/ /*Community Event Page start on 1-4-14*/ .rsvp_area{ padding-bottom:10px; } .rsvp_sub{font-family: "bebas_neueregular"; font-size:18px; padding-bottom:10px;} .link_box{ float:left; color:#000;} .link_box a{ color:#D41A25;} .rsvp_button_area{} .rsvp_button{ background: #06b609 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2YjYwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjlhMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, #06b609 0%, #029a23 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06b609), color-stop(100%,#029a23)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #06b609 0%,#029a23 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #06b609 0%,#029a23 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #06b609 0%,#029a23 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #06b609 0%,#029a23 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b609', endColorstr='#029a23',GradientType=0 ) !important; /* IE6-8 */ float:right;border-radius:7px; cursor: pointer; } .rsvp_button a{ font-size:17px; color:#FFF !important; padding:10px; max-width:195px; text-align:center; display:block;} .rsvp_timer{ float:right; margin-right:10px; background: url("../images/timer-bg.jpg") repeat-x top #f0f0f0 ; font-size:12px; padding:1px 28px; border:solid 1px #d5d5d5; border-radius:5px;} .rsvp_details{ width:200px; float:left; border-right:solid 1px #a4b8bd;} .rsvp_event{ float:right; width:530px;} .timer_time{ float:right; padding:6px 2px;} .timer_time span{ font-weight:bold; padding-right:2px; padding-left:5px;} .disp_span{width:177px; display: inline !important;} .replies_box {border: 1px solid #E3E4E6;border-radius: 4px;float: right;font-family: Arial,Helvetica,sans-serif;margin-right: 10px;padding-left: 6px;width:auto;} .repliess_title {border-right: 1px solid #E3E4E6; color: #CC0000; float: left;font-size: 12px;font-weight: bold;height: 25px;padding-right: 5px;padding-top: 5px; padding-bottom: 5px;} .replies_box a {border-right: 1px solid #E3E4E6; color: #CC0000;font-size: 12px;height: 35px;padding: 10px 6px;text-decoration: none;cursor:pointer;} .attend_answer {float: left; padding: 6px 7px;} .edit_event{ float:left; padding-top:10px;} .edit_event a{ font-size:14px; font-weight:bold; color:#C01B25; padding-right:20px; margin-top:10px;} .event_detail_box{} .topG_panel {margin-top: 10px;} .topG_panel {background-color: #ECEDEF; margin-left: 3px; padding-bottom: 7px;padding-left: 5px;padding-top: 7px;border-radius:6px;} .gp_box1 {float: left; width: 268px;} .weblink {padding-bottom: 3px;} .citystate { height: 19px;padding-top: 5px;} .gpdate {background: url("../images/calendar_icon.gif") no-repeat scroll left center rgba(0, 0, 0, 0); height: 40px !important;padding-top: 10px !important; text-indent: 20px;width: auto;} .gp_box2 { float: left; padding-left: 30px; width: 165px;} .citystate {height: 19px;padding-top: 5px;} .gptime {background: url("../images/watchicon_03.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);height: 40px !important;padding-top: 10px !important;text-indent: 20px;width: auto;} .responcebox {background-color: #ECEDEF;border: 1px solid #AAAAAA;border-radius: 4px; min-height: 80px !important;margin-left: 3px;margin-top: 5px;padding-bottom: 10px; padding-top: 10px;} .notyetebox.shadows {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow: none;} .wiilque {color: #4E4E4E;float: left;font-size: 18px;line-height: 38px;padding: 8px 0 0 14px;} .shadows {background-color: #FFFFFF;border-radius: 5px;box-shadow: 0 0 10px #999999;cursor: auto;} .yesbox {cursor: pointer;float: left;height: 55px;margin-left: 20px;width: 17%;} .yesico {background: url("../images/yesicon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 31px;margin-left: 38px; margin-top: 5px; width: 31px;} .Noico { background: url("../images/no.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 31px;margin-left: 48px;margin-top: 5px;width: 31px;} .gp_box2 {float: left;padding-left: 30px;width: 165px;} .nobox {cursor: pointer;float: left;height: 55px;width: 17%;} .replyans {font-weight: bold; text-align: center; width:84%;} .replied_boxes{ margin-left:0px; margin-top:20px; line-height:normal;} .rep_box_one{} .s_topround {background: url("../images/topsround_03.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;height: 25px;width: 247px;} .splus {background: url("../images/plus_15.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;height: 11px;margin: 7px 0 0 10px;width: 11px;} .yes {color: #000000;float: left;font-size: 14px;font-style: italic;font-weight: bold;padding: 3px 0 0 12px;} .count {background-color: #E83637;border: 1px solid #E83637;border-radius: 4px;box-shadow: 0 0 10px #E83637 inset; color: #FFFFFF;float: right;font-weight: bold;margin: 3px 15px 0 0;padding: 0 6px;} .s_centre {background-color: #FFFFFF;border-left: 1px solid #D6D6D6;border-right: 1px solid #D6D6D6;width: 247px;} .u_text { float: left;margin: 5px 0 0 13px;} .botsround {background: url("../images/botsround_11.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 22px; width: 247px;} .parent_box_div{ float:left; width:255px; margin-left:0px;} .replied_textarea textarea{ width:95%; margin-left:14px; margin-top:15px;} .choose_file_area{ margin-top:10px; margin-left:15px;} .choose_file_one{ float:left; width:200px;} .choose_file{ width:290px; float:right;margin-left:15px;} .choose_file input[type="text"]{ width:128px; float:right; height:22px; margin-left:4px;} .share_btn{float:right; margin:10px 0px; } .event_radio{} .radio_one{ width:160px; float:left;} .user_post_one{ padding-bottom:10px; border-bottom:solid 1px #CCC; padding-top:10px;} .user_box{ padding:8px; border:solid 1px #D6D6D6; border-radius:7px; margin-left:15px;} .user_pic{ float:left; height:50px; width:50px; border:solid 2px #FFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21);} .user_activity{ float:left; width:680px; padding-left:15px; } .user_title{float:left;line-height:normal;} .user_status{ float:left; padding-top:10px;} .user_status a{ padding-left:50px;} .user_status span{ color:#999;} .feed_delete{ float:right; cursor:pointer; display:none;} .user_activity:hover .feed_delete{float:right; cursor:pointer; display:block;} .post_thumb{ max-width:400px; background-color:#333; height:auto; margin-top:10px;} /*Community Event Page End on 1-4-14*/ #sponsor_level_error{display: none; padding: 5px;} .red_span{ color:#ec4739; font-weight:bold;} .blue_span{ color:#2e2ee7; font-weight:bold;} .start-time-val{ margin-left:162px;} .run_more {padding-top: 5px;float:right;} .run_more a{ color:#D41A25;} .post_event_btn{/*margin-top:15px;*/ margin-right:20px;} .register{margin-top:0px; margin-right:0px;} /*New Form Fileds view END here by Zeeshan*/ .running-club-icons{ padding:7px 14px 7px 7px; border:solid 1px #ececec; border-radius:6px; margin-right:7px; margin-bottom:20px; margin-top:10px; -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.15); box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.15);} .size_icon{ float:right; margin-left:50px;} /*Start New Above And Beyond*/ .above_photo_box{margin-left:-19px;} .above_member {border: 2px solid #fff;border-radius: 6px;box-shadow: 0 0 9px 0 rgba(48, 50, 50, 0.21);float: left;height: 240px;margin-bottom: 60px;margin-left: 25px;text-align: center;width: 185px;transition:all;-moz-transition:0.3s linear;-webkit-transition:0.3s linear;-o-transition:0.3s linear;} .above_member:hover{ box-shadow:0 0 8px #333;} a.topopup img.card_img { float: none; margin: 0 auto; padding: 0; text-align: center;} .member_photo img { width: 40px; height: 40px;} .above_member img{border-radius:6px; alignment-adjust:middle; width: 120px;} .above_member span{ font-size:14px; font-weight:bold; line-height:25px; color:#000;} .above_details{ margin-top:15px;} /*for popup*/ .above_popup{ margin-top:20px; } .above_popup h2{ padding:0px; margin:0px;} .photo_sec_popup{ float:left;} .above_popup_detail{ width:460px; padding-right:10px; float:right; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:14px;} /*END New Above And Beyond*/ /*Home page buttons*/ .upcoming_button{padding-top: 10px;float:left;width:100%;} /*pagination*/ /*pagination*/ /*home page on 23apr starts*/ .slideMargin{margin-left:23px;margin-left:20px\9;} #slideshow { margin: 0px auto; position: relative; width: 217px; height: 240px; padding-left: 25px; } #slideshow > div {position: absolute; } .slideMargin1{margin-left:23px;} #slideshow1 { margin: 0px auto; position: relative; width: 210px; height: 240px; padding-left: 25px; } #slideshow1 > div { position: absolute; } /*home page on 23apr ends*/ /*home page slider*/ .slideshow{list-style: none;position:relative;} ul.slideshow li {position:absolute;left:0px;top:0px;display:inline;} ul.slideshow li.show {z-index:500;} .slideshow1{list-style: none;position:relative;} ul.slideshow1 li {position:absolute;left:0px;top:0px;display:inline;} ul.slideshow1 li.show {z-index:500;} .marchandise-box li{list-style: none;} /*ends*/ /*Home page buttons*/ /*Start Volunteer VIPS Page*/ .vips_info{ border-bottom: solid 1px #eeeeee; padding:20px 0px;} .mp_zero{ padding:0px; margin:0px;} .honor_sub{ font-size:16px; font-weight:bold;} /*END Volunteer VIPS Page*/ .five_star{ float:left; width:132px; padding-bottom:10px;} .marginTen{ margin:10px;} .post_first{ position:relative; border-bottom:solid 1px #CCC;margin-bottom:15px; padding-bottom:5px;} .e_post_one{} .e_post_thumb{ float:left; height:62px; width:64px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow:0px 0px 9px 0px rgba(48, 50, 50, 0.21);} .e_post_detail{ float:left; width:620px; padding-left:20px;} .e_icon_event{ float:right;} .e_close{ display:none; position:absolute; cursor:pointer; right:100px;} .e_post_one:hover .e_close{ display:block;} .e_post_detail_content{ width:620px; padding-left:20px; padding-top:10px; margin: auto;} .e_post_content{ width:300px; height:242px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow:0px 0px 9px 0px rgba(48, 50, 50, 0.21);} .like_dislike{ text-align:left; padding:3px 0px;} .like_this{ padding-left:0px; border:none; padding-bottom:5px;} .like_dislike a{ padding:0px 5px; border-right:solid 1px #CCC;} .pad_left_zero{ padding-left:0px !important;} .mar_zero{ margin:0px !important;} .e_comment{} .e_comment_field{ width:300px; float:left;} .e_comment_field_button{ float:left; padding-left:20px; margin-top:7px;} .e_user_comment{ background-color:#f4f4f4; padding:10px; margin:10px 0px; border-radius:6px;} .comment_user_photo{width:32px; height:32px; float:left; border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); -moz-box-shadow: 0px 0px 9px 0px rgba(48, 50, 50, 0.21); box-shadow:0px 0px 9px 0px rgba(48, 50, 50, 0.21);} .comment_text{ width:530px; float:left; padding-left:15px; position:relative;} .e_close_two{ display:none; position:absolute; right:-20px; top:-3px;} .e_user_comment:hover .e_close_two{ display:block; cursor:pointer;} .comment_time{ font-size:12px; color:#999;} .donation_name{ width:180px; float:left;} .donation_discription{ float:left; width:380px; vertical-align:top;} .donation_discription p{ padding:0px; margin:0px;} .donation_managment{ border-bottom:solid 1px #CCC; padding-bottom:10px;} .donation_button{ float:right; padding-top:10px;} .what_is_harra_box{ height:113px;} .Resp_li{ display:inline-block;} .Pregister_hide{ display:none; margin:0px; padding:0px;} .form_box textarea{border: 1px solid #ccc; box-shadow: 0 0 4px #E4E3E3 inset; padding: 3px; border-radius:6px; height:38px; } .powered_by{ float:right; width:180px;} /**==New Css For Left menu==**/ #inner_left{ margin-bottom:20px;} #err_time_hr { clear: both;} #err_time_min { margin-top: -17px;} #signupbtn { float: right;} #signupbtn2 { float: right;} /*** by Ranjeet**/ #list-table tr { transition:all; -moz-transition: 0.3s linear; -webkit-transition:0.3s linear; -o-transition:0.3s linear; } #list-table tr:hover { box-shadow:0 0 5px #000;} /* #Media Queries ================================================================================================================================================================== */ /* ipad portrait */ @media only screen and ( min-width: 768px) and ( max-width: 1024px ) { #Tarea.form-control {width: 100%;} .signup_buton .float_left{float:none !important; text-align:center; margin-bottom:10px;} #login-section input[type="text"], input[type="password"]{margin-left:4px; width:107px;} #login-section input[type="button"]{ width:135px;} #harra-header{ height:120px; padding:10px 0 0 0; width:735px; margin:0 auto; } .harra-navigation{background:#18418c; border-bottom:solid 5px #123576;} #announcement{ width:730px;} .white-anounce{ width:512px;} .ticker{ width:505px;} #banner-section { width:730px;} #banner-main{ width:727px;} #news-section{ width:725px; height:142px; overflow:hidden; margin-top:10px;} #midle-wraper{ width:729px;} #left-wraper{ width:730px;} #right-wraper{ width:730px;} #harra-fot{ width:515px; margin:0 auto;} footer{ padding:22px;} #news-section{ height:120px;} .news_scroll_1 {height: 100px; overflow: auto; width: 724px; } .news_scroll_2 {height: 300px; overflow: auto; width: 702px;} #login-right{ width:375px; float:right;} #login-section{ float:right;} /*Start CSS For Inner Page Responsive*/ .inner_banner{width:730px;} .inner_banner img{ width:730px;} #inner_midle{ background:none; width:100%;} #inner_left{ background:none;} #inner_right{ float:right; padding:0px; width:100%;} /*#inner_left{ position:absolute; background-color:#CCC; float:left; z-index:99999;}*/ /*Changes Date:: 29 Sep 2014*/ #inner_left{ z-index:99999; width:714px; margin-left:7px; margin-top:7px;} .member{ width:339px;} .member_info{ width:260px;} /*.menu-btn{ display:block; z-index:9999;}*/ .menu-btn-01{ display:block; z-index:9999;} .inner_banner .camera_wrap{ width:730px;} .member_search{ width:250px;} .pagination-main{ margin-bottom:10px;} .club_map{ width:100%; margin-top:10px;} .c_box{ width:330px;} .form_box{padding:10px; margin-top:0 !important;} .event_detail{ float:left; margin-left:15px;} .event_sub_detal{ float:left; width:385px;} .event_detail{ width:350px;} .event_box{ } .field_new_box{ width:380px;} .reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"]{ width:310px;} .sponsor_select_img_reg{ width:305px;} .reg_inputfield_sponsor select{ width:325px;} .select_start_t_sponsor{ width:148px;} .event_detail1 {float: none; } .mob_table_width{ width:710px; overflow:scroll;} .resp_pageimg{ width:710px; text-align:center;} /*Start CSS For Inner Page Responsive*/ .profile_detail{ width:470px;} .u_details{ width:325px;} .inner_full_width{ padding:10px !important; width:711px !important;} .mem_name{ width:135px;} .mem_date{ width:75px;} .mem_day{ width:27px;} /*.more_info{ float:left;width:108px;}*/ .reg_fileds{ width:290px; margin-left:35px;} .reg_form_fields{ margin-left:-20px;} .reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"]{ width:305px;} .select_img_reg{ width:315px;} .select_img_reg select{ width:335px; height:30px; font-size:14px; padding:5px;} .resp_reg_fileds{ width:300px !important;} .Pregister_hide{ display:none; margin:0px; padding:0px;} .f_field input{ width:248px;} .mem_name_new{width:250px;} .vol_name_new{ width:110px; margin-left:10px;} .vol_mem_name_new{ width:250px; padding-left:0px;} .rsvp_details{ width:220px;} .rsvp_event{ width:440px;} .footer_inner{ width:710px;} /**new Css For Left Menu***/ .slide-down-menu{ display:none; margin-top:10px;} .mobl-clear{ display:block; clear:both;} .form_box { margin-top: 48px;} .harra-registr-btn{ float: none !important; margin-top: 5px !important; width: 90px;} .harra-register-btn2{ float: none; margin-top: 5px; width: 90px;} .harra-discount-logo, .harra-certified-logo{float: none; font-size: 24px; width: 73px; margin-left: 0px !important;} .harra-js-register-btn{float: none !important; margin-top: 0px !important; width: 90px;} .reg-sum-btn {width:100%!important;padding:5px;} } @media only screen and ( min-width:901px) and ( max-width:1024px) { .credit_card_box{ margin-left:0px; text-align:left; width:64.5%!important;} .PurchaseWrap {width:35%!important;} .cargbox_button{font-size:18px!important;} .c_box {height:220px!important;} .event_photo img {height:auto!important;} table.reference td {display:inline-block!important; width:100px!important;} table.reference th { display:inline-block!important;width:100px!important;} #reslistd {width: 100% !important;overflow: scroll;clear: both;} #AddPhoto > table {display:inline-table!important;margin:0 0 0 36px!important;padding: 0 !important;} .dk_container{text-align:center!important;} table.reference td {display:inline-block!important; width:122px!important; text-align:center!important;} table.reference th { display:inline-block!important;width:122px!important; text-align:center!important;} .event_sub_detail ul{padding-left:30px!important;} .drc-vblog{margin-bottom:10px;} .chzn-drop ul{padding-left: 20px!important;} .chzn-container .chzn-drop{width:100%!important;} .chzn-search input{ width:100%!important;} #forumComment{padding-left:20px!important;} } @media only screen and ( min-width:768px) and ( max-width: 900px) { .credit_card_box{ margin-left:0px; text-align:left; width:100%;} .c_box {height:220px!important;} .event_photo img {height:auto!important;} table.reference td {display:inline-block!important; width:100px!important;} table.reference th { display:inline-block!important;width:100px!important;} #reslistd {width: 100% !important;overflow: scroll;clear: both;} #AddPhoto > table {display:inline-table!important;margin:0 0 0 24px!important;padding: 0 !important;} .dk_container{text-align:center!important;} table.reference td {display:inline-block!important; width:135px!important; text-align:center!important;} table.reference th { display:inline-block!important;width:135px!important; text-align:center!important;} .event_sub_detail ul{padding-left:30px!important;} .drc-vblog{margin-bottom:10px;} .chzn-drop ul{padding-left: 20px!important;} .chzn-container .chzn-drop{width:100%!important;} .chzn-search input{ width:100%!important;} #forumComment{padding-left:20px!important;} #error_div_user_password_login2, #error_div_user_username2 {width:163px!important;} } @media only screen and ( min-width: 600px) and ( max-width: 767px) { #Tarea.form-control {width: 100%;} #inner_right{float:none;width:100% !important} #inner_right{float:none} #Search_form .form-control { float: right; width: 100% !important;} .event_detail {margin-top:12px;} .credit_card_box{ margin-left:0px; text-align:left; width:100%;} .c_box {height:220px!important;} .event_photo img {height:120px!important;} } @media only screen and ( min-width: 600px) and ( max-width: 768px) { .dk_container{text-align:center!important;} #AddPhoto > table {display:inline-table!important;margin:0 0 0 24px!important;padding: 0 !important;} .content_list {margin-left:0px!important;} .mainDrcPageHeading {margin-top: 20px;} .top_right.post_event_btn {margin-top: 20px;} .search_input.top_right {margin-top: 20px;} .vol_contact_info > div {text-align: center; width:99%!important;} .Vol_signBox{ background-color:#f9f8f8; border:solid 1px #edecec; margin-bottom:10px; box-shadow:0 0 3px #edecec; border-radius:5px; padding-right:20px;} .mob-hideNewvol{ display:none;} .drcvolbold {font-weight:bold;} .VolPositionfirst { border: 1px solid #ccc; width: 100%;} .vol_name_new .VolPositionfirst { width: 98%; margin-bottom:6px;} .vol_sing .VolPositionfirst { width: 98%; margin-bottom:6px;} .vol_sing { float: left; padding-right: 10px; width: 100%; text-align:left !important;} .VolPositionfirst.spaceNewvol { margin-bottom: 6px;} .family_fileds{ margin-left:68px !important;} .family_fileds .family_button { display: inline !important;} .family_fileds .input_submit { display: inline !important;} .charged{ font-size:16px !important;} .float_none{ clear:both;} #group_comment_name{width:285px !important;} .contact_title{clear:both;} .reg_inputfield > label span{padding:10px;} .card_payment {float: left; line-height: 112px; margin-left: 115px; text-align: center; } #more_88, #more_89, #more_90, #more_30, #more_25, #more_31, #more_36, #more_99, #more_100 { margin-left: 420px;margin-top: 10px;} .disp_span{width:220px !important;} .timer_time div > div{width:60px !important;} .tblFeedClass{width:480px !important; display:block;} .search_input select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 8px; width: 300px; } .reg_inputfield{margin-top:0 !important;} .form_box span { display: inline-block; margin-left: 6px !important; padding: 11px 10px;} .upload_logo span{padding:5px 0} .upload_logo > div{margin-left:0px !important;} /*table.reference td {display: block;}*/ table.reference td {display:inline-block!important; width:135px!important; text-align:center!important;} table.reference th { display:inline-block!important;width:135px!important; text-align:center!important;} table.reference, table.tecspec{display:flex;} #harra-header{ height:100px; padding:10px 0 0 0; width:580px; margin:0 auto; } #logo img{ width:250px;} #login-section input[type="text"], input[type="password"]{margin-left:0px; width:95px;} #announcement{ width:580px;} .red-anounce{ font-size:15px;} .white-anounce{ width:380px;} .ticker{ width:370px;} .ticker-content{ padding-top:4px;} #banner-section { width:580px;} #banner-main{ width:560px; height:200px;} #banner-main .camera_wrap{ height:200px !important;} #news-section{ width:560px; margin-top:15px; margin-right:15px; height:142px; overflow:hidden; } #midle-wraper{ width:560px;} #left-wraper{ width:560px;} #right-wraper{ width:560px;} .harra-detail{width:100%} .harra-map{ margin-right:0%; margin-top:15px; width:555px; margin-bottom:15px;} #map{width:100% !important;} /*sameer css*/ .marchandise-box{margin-left:6px;margin-left:5px !important;width:182px !important;} #partners-section{ padding-top:17px; margin-left:-6px;} .marchandise{ width:180px;} .marchandise-box h2{ font-size:16px;} .marchandise img{ width:170px;} #harra-fot{ width:560px; margin:0 auto;} footer{ padding:22px;} /*.container{ width:560px; margin:0 auto;}*/ #news-section{ height:250px;} .news_scroll_1 {height: 250px; overflow: auto; width: 560px; } .news_scroll_2 {height: 300px; overflow: auto; width: 530px;} #login-right{ width:320px; float:right;} #join-harra, #join-harra a{ font-size:12px;} #login-section{ float:right;} /*Start CSS For Inner Page Responsive*/ .inner_banner{width:580px;} .inner_banner img{ width:580px;} #inner_midle{ background:none; width:100%;} #inner_left{ background:none;} #inner_right{ float:right; width:100%;} /*#inner_left{ position:absolute; background-color:#CCC; float:left; z-index:99999;} */ /* Change Date :: 29 Sep 2014*/ #inner_left{ width:560px; z-index:99999; margin-left:10px; margin-top:10px;} .slide-down-menu{margin-left:0px !important;} slide-down-menu{margin-left:0px !important;} .member{ width:263px;} .member_info{ width:188px;} /*.menu-btn{ display:block; z-index:9999;}*/ .menu-btn-01{ display:block; z-index:9999;} .inner_banner .camera_wrap{ width:560px;} .member_search{ width:250px; margin-bottom:15px;} .pagination-main{ float:left; margin-bottom:10px;} .club_map{ width:100%; margin-top:10px;} .c_box{ width:257px;} #harra-fot a{ padding: 0 3px;} .racing_form{ width:351px; clear:both;} .event_detail{ float:right; margin-left:10px; width:380px;} .event_sub_detal{ float:left; width:290px;} #inner_left li{ margin-bottom:0px;} .field_new_box{ width:512px; height:auto;} .reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"]{ width:228px;} .sponsor_select_img_reg{ width:100%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .reg_inputfield_sponsor select{ width:106% !important;} } .reg_inputfield_sponsor select{ width:100%;} .select_start_t_sponsor{ width:100px;} .select_start_t_sponsor select{ width:203px;} .signup_buton{ width:500px;} /*Start for credit card*/ .reg_fileds_creditCard{text-align:center; width:510px;} .sponsor_card_payment{ float:none; /*margin:240px 0 0 165px;*/ line-height:40px; clear:both; width:500px; margin-left:0;} .sponsor_card_payment .input_submit{ display:inline !important;} .sponsor_card_payment .pay_now{ width:auto !important; margin-right:55px;} /*End for credit card*/ #slideshow{ width:175px; padding-right:10px; padding-left:0px; } #slideshow1{ width:175px; padding-left:10px;} .harra-navigation{ padding:10px;} .event_title_sub{ font-weight:bold;} .event_detail1{float: right;margin-bottom: 20px;width: 288px;} .f_field textarea{ width:251px;} .mob_table_width{ width:560px; overflow:scroll;} .resp_pageimg{ width:530px; text-align:center;} /*Start CSS For Inner Page Responsive*/ .profile_detail{ width:300px;} .u_title{ width:110px;} .u_details{ width:185px;} .inner_full_width{ padding:10px !important; width:561px !important;} .mem_name{ width:100px;} .mem_date{ width:94px; word-wrap:break-word;} .mem_day{ width:27px;} .mem_price{ width:70px;} .resp_reg_fileds{ width:300px !important;} .select_img_reg{ width:230px;} .select_img_reg select{ width:246px; height:30px; font-size:14px; padding:5px;} .reg_fileds{ width:200px; margin-left:65px;} .reg_form_fields{ margin-left:-60px;} .reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"]{ width:100%;} .Pregister_hide{ display:none; margin:0px; padding:0px;} .f_field input{ width:248px;} .renew-buttons{padding:10px 86px;} .mem_dateN{ width:80px;} .mem_name_new{width:200px;} .vol_name_new{ width:100%; margin-left:0px;} .vol_mem_name_new{ width:100%; padding-left:0px; margin-right:0px;} .vol_sing{ width:100%;} .rsvp_details{ width:175px;} .rsvp_event{ width:320px;} .Don_disC{ width:300px;} .donation_discription{ width:300px;} .marchandise_new {width: 179px; } .footer_inner{ width:570px;} #harra-fot{ width:380px;} /**new Css For Left Menu***/ .slide-down-menu{ display:none; margin-top:10px;} .mobl-clear{ display:block; clear:both;} .form_box { margin-top: 0px;} #toPopup { margin-left: -397px !important; top: 5% !important; width:450px !important; height:230px;} .search-noEvents{ width:90% !important;} #signupbtn { float: none; margin: 0 auto;} .event_date{clear:both;} .harra-registr-btn{ float: none !important; margin-top: 5px !important; width: 90px;} .harra-register-btn2{ float: none; margin-top: 5px; width: 90px; clear:both;} .harra-discount-logo, .harra-certified-logo{float: none; font-size: 24px; width: 73px; margin-left: 0px !important; } .harra-js-register-btn{float: none !important; margin-top: 0px !important; width: 90px;} .racing_content{margin-left:0} .racing_form {clear: both;float: none;margin: 0 auto;padding-top: 15px;width: 98%} .search_input input[type="text"]{width:78% !important} .event_title_sub{clear:both} .event_sub_detal{width:75%} .select_start_t_sponsor{width:338px} .select_start_t_sponsor select{width:358px} .select_start_t_sponsor,.select_start_t_sponsor select{width:100%} .field_new_box.drcFrmBox{margin-top:0} .renew-buttons{text-align:center} .more_info{float:none;display:inline-block} .f_field{width:80%}.f_field input{width:100%} .header-search-menu ul{width:auto} } @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 320px) and (max-width: 600px) { .pop-sk-resst .field-table td { display:inline-block!important; float: left !important; height: auto;} .pop-sk-resst .field-table td { display: block !important; float: none !important; height: auto; width:auto !important;} .pop-sk-resst .field-table table, .pop-sk-resst .field-table td:nth-child(2) { display:block !important; margin-left:1px !important; width:auto !important;} .pop-sk-resst table td:nth-child(4) { border: medium none !important; display: block !important; margin-top: 10px !important; padding-top: 10px;} } @media only screen and ( max-width: 600px) and ( min-width: 320px ) { table.reference th {display:inline-block!important; width:135px!important; text-align:center!important; } .c_box {height:auto!important; } .dk_container{text-align:center!important;} #renew_membership .f_field { width: 100%;} .right_button .form-control.merchandiseserch_filed {width:93%;} @media screen and (-webkit-min-device-pixel-ratio:0){ .search_reg.post_event_btn > select { height: 33px; padding-top:2px;} .right_button{ margin-left:0px; margin-right:6px !important;} .right_button input[type="button"]{ margin-left:6px !important;} .right_button {margin-right:3px !important;} } .drcvolbold {font-weight:bold;} .VolPositionfirst { border: 1px solid #ccc; width: 100%;} .vol_name_new .VolPositionfirst { width: 100%; margin-bottom:6px;} .vol_sing .VolPositionfirst { width: 100%; margin-bottom:6px;} .vol_sing { float: left; padding-right: 10px; width: 100%; text-align:left;} .VolPositionfirst.spaceNewvol { margin-bottom: 6px;} .training_box.wapperRegClass2 .training_box { margin: 2px !important;} .tideBody img {float: none !important;height: auto !important;margin: 0 auto;max-width: 90% !important;} .charged{ font-size:16px !important;} .feed_profile_pic{width:55px; text-align:left;} #group_comment_name{ margin-top:0px;} .contact_title{clear:both;} .reg_inputfield > label span{padding:10px;} .disp_span{width:220px !important;} .timer_time div > div{width:60px !important;} .upload_logo > div input{width:100% !important; margin-left:30px !important;} .form_box span { display: inline-block; margin-left: 6px !important; padding: 11px 10px;} .validation{clear:none;} .pad_left_ten{padding-left:10px;} .repliess_title{border-right:0 !important;} .upload_logo span{padding:5px 0} .upload_logo > div{margin-left:0px !important; text-align:center;} table.reference td {display: block;} /*table.reference, table.tecspec{display:flex;}*/ .signup_buton .float_left{float:none !important;} .search_note{width:94%;} #join-harra, #join-harra a{ line-height:normal;} #harra-header{ width:320px; height:175px; } .baner-bg{ padding:0px;} #logo{ text-align:center;} #logo img{ width:200px; text-align:center; margin-left:53px;} #fb{ text-align:center; padding-bottom:5px; margin-top:15px;} #login-right{ margin-right:5px;} #join-harra, #join-harra a{ text-align:center; font-size:11px; padding-bottom:10px;} #announcement{ width:103%;} .red-anounce{ width:94%; text-align:center;} .white-anounce{ width:100%;} .ticker{ width:100%;} .toggleMenu{ margin-left:10px !important;} #midle-wraper{ padding-top:20px; padding-left:0px; padding-right:0px;} #banner-section{ width:100%;} #banner-main{ width:99%; height:180px; margin-bottom:15px;} #news-section{ width:100%; margin-right:3px; height:180px; overflow:hidden;} #right-wraper{ width:100%; margin-right:0px;} .harra-map{ margin-top:0px; width:100%;} /*sameer css*/ .marchandise{ width:100%;} .marchandise-box h2{ font-size:16px; margin-top:15px;} #harra-fot{ width:100%; margin:0 auto;} footer{ padding:10px;} .harra-detail{width:100%;} #banner-main .camera_wrap{ height:180px !important;} #harra-fot a{ color:#FFF; text-decoration:none; padding:0 2px; } #login-section{ width:100%; font-size:12px;} #news-section{ height:250px;} .news_scroll_1 { overflow: auto; width: 99%; } #join-harra a{ line-height:22px;} #join-harra a{width:auto;} #login-right{ width:92%;} /*Start CSS For Inner Page Responsive*/ .inner_banner{width:99%; margin-top:10px;} .inner_banner img{ width:99%;} #inner_midle{ background:none; width:99%;} #inner_left{ background:none; height:100%; z-index:99999;} #inner_left #vpackageID td {display:block!important; padding:0!important; text-align:center; width:96%; margin:0 auto;line-height:20px;} #inner_right{ float:none; padding:8px; width:98%; clear:both;margin-top:10px} #inner_left{width:95%; z-index:99999; margin-left:5px; margin-top:5px;} .slide-down-menu{margin-left:0 !important;} .member{ width:263px;} .member_info{ width:188px;} .menu-btn-01{ display:block; z-index:9999; background:#18418C;} .page_num a{ margin-bottom:5px;} .harra_mem{ margin-top:10px;} .inner_banner .camera_wrap{ width:99%;} .member_search{ width:80%; margin-bottom:15px;} .m-bot-ten{ margin-bottom:10px;} .pagination-main{ float:left;} .right_button{ margin-left:0px; margin-right:8px;} .right_button input[type="button"]{ margin-left:10px;} .right_button input[type="text"]{ width:100%; margin-bottom:14px;} .club_map{ width:100%;} .c_box{ width:90%;} .card{float:none !important; margin:0 auto; width:280px !important;} .training_box{ margin-right:9px; width:711px;} .mob-m{ margin-bottom:11px; margin-right:10px;} .form_box{border: 0px solid #F3F3F3; padding:5px; margin-right:8px;} .f_field{ width:70%;} .f_field textarea{ width:240px;} .form_submit{ margin: 11px 0 0 51px;} .select_img{ width: 264px;} .f_field select{ width:280px;} .search_title{ width:100%;} .search_input input{ width:178px;} .search_reg{ width:178px;} .search_input select{ width:192px; font-size:14px;} .search_button{ margin-right:7px;} .racing_form{ width:100%;} .post_event_btn{margin-top:15px; margin-right:54px; position:relative;} .register{margin-top:-15px; margin-right:0px;} .event_box{ border-bottom:solid 1px #999; margin-bottom:15px; width:100%;} .event_detail{ float:none; width:82%; clear:both; border:none;} .event_sub_detal{ float:none; width:auto;} .event_title_sub{ float:none; font-weight:bold;} .news_scroll_3{ width:100%;} .news_scroll_4{ width:100%;} #inner_left li{ margin-bottom:0px;} /*Start CSS For Inner Page Responsive*/ .reg_inputfield input[type="text"], .reg_inputfield input[type="password"], input[type="datetime"], input[type="month"]{ width:74%;} .form_box .reg_inputfield input[type="text"], .form_box .reg_inputfield input[type="password"] { width: 100%;} .reg_inputfield_sponsor.sponsor_select_img_reg.sponsor_select_img_regHeight { width: 100%;} .reg_title input[type="checkbox"] + label { font-size:13px !important;} .reg_inputfield_sponsor textarea{ width:100%;} .sponsor_select_img_reg{ width:100%;} .reg_inputfield_sponsor select { padding-right: 50px; /* width: 253px;*/} .field_new_box{ width:90%; height:auto;} /*sameer css*/ .select_start_t_sponsor,.select_start_t_sponsor select{width:100%} .start-time-val{ margin-left:133px !important; margin-top:-17px;} .float_left{ float:none;} /*Start for credit card*/ .credit_card_box{ margin-left:1px !important;} .sponsor_card_payment{ float:left; margin:25px 0 0 0px; line-height:40px;} .card-for-mob{ width:100%; padding:7px; border-radius:5px; margin-left:23px; } .select_img_card{ width:136px; margin-right:10px;} .select_img_card_2{ width:76px;} .signup_buton{ width:95%; font-size:12px;} .sponsor_card_payment{ /*float:right;*/ float:none;} .set-credit-scroll{ margin-left:0;} /*End for credit card*/ .donation_discription{ width:80%; padding-left:0px;} .donation_discription{ width:80%; padding-left:0px;} .field_new_radio{ width:75%px; margin-left:30px} .above_member{ margin-left:66px;} /*Start Daily Group Runs Page*/ .mob_table_width{ width:85%; overflow:hidden;} /*End Daily Group Runs Page*/ .resp_pageimg{ width:85%; text-align:center;} .profile_detail{ width:75%;} .photo_sec{ margin-left:40px;} .u_title{ width:110px;} .u_details{ width:163px;} /*.resp_register{ width:98%; overflow:hidden; }*/ .search_input select {background: none repeat ; border: medium none; box-shadow: 0 0 4px #E4E3E3 inset; color: #757575; font-size: 16px; padding: 8px 1px; width: 100%; } /*.inner_full_width{ padding:10px !important; width:80% !important;}*/ .mem_name{ width:100%;} .mem_date{ width:100%;} .mem_day{ width:100%;} /*.more_info{ float:right;width:106px; margin-left:7px; padding-left:0px !important; margin-right:10px;}*/ .training_box{ width:99% !important;} .reg_fileds{ margin-left:183px; width:80%;} .select_img_reg{ width:70%;} .select_img_reg select{ width:110%;} @media screen and (-webkit-min-device-pixel-ratio:0){ .search_input select {width:109%;} .select_img_reg select {padding:2px;} } .mob-hide{ display:none;} .membership_detail{ border-bottom:solid 1px #999;} .Pregister_hide{ display:block; margin:0px; padding:0px; float:left; font-weight:bold; padding-right:6px;} .f_field input{ width:100%;} .renew-buttons{padding:10px 12px;} .rsvp_details{ width:100%; border-bottom:1px solid #A4B8BD; border-right:none;} .rsvp_event{ width:100%;} .edit_event a{ padding-right:0px;} .rsvp_timer{ float:left;} #event_box_parent .form_box{ border:2px solid #F3F3F3;} .vol_name_new{ width:100%; margin-left:0px; padding-right:0;} .vol_sing{ padding-right:0;} .vol_mem_name_new{ padding-left:0px; width:100%; padding-right:0;} .Vol_signBox{ background-color:#f9f8f8; border:solid 1px #edecec; margin-bottom:10px; box-shadow:0 0 3px #edecec; border-radius:5px; padding-right:20px;} #showProfilePic img{ margin-left:4px; margin-bottom:-20px; width:280px;} .donation_name{ padding-left:10px; padding-right:10px; width:100%;} .donation_discription{ padding-left:10px; width:100%;} .Vol_signBox input[type="button"]{ margin-right:10px;} .footer_inner{ width:100%; clear:both;} #harra-fot img{ width:100%;} .screeclear{ clear:both;} /**new Css For Left Menu***/ .slide-down-menu{ display:none; margin-top:10px;} .mobl-clear{ display:block; clear:both;} .login_vald{ text-align:left;} .responsive-menu-cstm { margin-bottom: 0px;} .form_box { margin-top: 0px;} .card-for-mob { float: none; margin-left:-12px !important;} #toPopup { top: 25%; padding:0 !important;} div#popup_content { margin: 4px 0px;} #toPopup { font-size: 15px !important;} .search-noEvents{ width:90% !important;} .search_title { line-height: 20px !important; width: 100px !important;} .event_title{ width:100% !important;} .renew_memebrship { width:96%;} .f_field input{width:100%} .renew-buttons { text-align: center; width: 100% !important;} .more_info { display: inline-block; float: none;} #map{ width:100% !important;} #map-outer { margin-bottom: 20px;} .harra_detailSection p { line-height: 10px;} #inner_midle img { max-width: 100%; height: auto;} #addRaceDistanceForm > table { border: none !important;} #signupbtn { float: none; margin: 0 auto;} .above_member{ margin-bottom:0px; border-radius:6px; width:185px; height:auto; } .event_photo img { height: 98px !important;} .event_detail1 { float: right; margin-bottom: 20px; width: 100%;} .harra-discount-logo { margin-left: 30px !important; } .harra-discount-logo, .harra-certified-logo{margin-left: 24px !important;} .modal-body { width: 100%;} .modal-body .input_submit, .home_page { font-size: 12px !important; padding: 2px 0 !important; width:94px;} .choose_file { margin-left: 15px; margin-top: 10px; width: 80%;} #cropImageButton { display: block; margin: 21px auto; text-align: center !important; width: 70%;} table.tblFeedClass { width:70% !important; display:block;} .tblFeedClass table:nth-child(1) { display:inherit; width:auto; height:auto;} .tblFeedClass table:nth-child(2) { display:block; margin-left:-75px;} .tblFeedClass table:nth-child(3) { display:block;} .tblFeedClass table:nth-child(4) { display:block;} tr.status_table td { display: inline;} table.tblFeedClass { display: block; width: 70% !important; padding-bottom:20px;} .harra_del_btn2 td { clear: both; float: left; height: auto;} /*input#group_comment_name { width: 55% !important; position:absolute;}*/ .field-table td {float: none !important; height: auto; width:auto !important; padding-left:0 !important; } .pop-sk-resst .field-table td { display: block !important; float: none !important; height: auto; width:auto !important; padding-left:0 !important;} .pop-sk-resst .field-table table, .pop-sk-resst .field-table td:nth-child(2) { display:inline !important; margin-left:1px !important; width:auto !important; padding-left:0 !important;} .pop-sk-resst .field-table td:nth-child(3){ } .harra_complete_name2 { width: 150px !important;} .harra_complete_name1 { width: 150px !important;} td.harra_del_btn2 { width: 93px !important; display: block;} td.harra_del_btn1 { width: 93px !important; display: block;} .feed_class_inner1 td table td img{ } .parent-cross-btn1{float:none !important;} #upload_MyGrpDisc input[type="button"] { width: 116px !important;} .rsvp_button { background: none repeat scroll 0 0 #c81a24; border-radius: 7px; clear: both; cursor: pointer; display: block; float: right; margin-bottom: 20px; width: 70%;} .shadows {background: none !important; border-radius: 5px;box-shadow:none !important ;cursor: auto;} .yesico { margin-left: 0 !important;} .Noico { margin-left:0 !important;} .wiilque { font-size: 12px !important; } .Noreplyico { margin-left:0 !important; } .responcebox { height: 76px !important; } #member_tabs_parent_div table:nth-child(1) { display:block;} .modal-body td:nth-child(2) {width:225px !important} #member_tabs_parent_div table:nth-child(3) { display:block;} #member_tabs_parent_div table:nth-child(4) { display:block;} tr.status_table td { display: block;} #member_tabs_parent_div table { display: block; width: 70% !important;} #member_tabs_parent_div .status td:nth-child(1) { width:68px !important; } #member_tabs_parent_div .status td:nth-child(2) img { width:30px !important; } #member_tabs_parent_div table:nth-child(1) img{ width:30px !important;} #member_tabs_parent_div .status_table { display: block; clear: both; width: 158px; margin-top: 10px;} #member_tabs_parent_div .status_table td { border: medium none !important;} .detail_box1 td { border: none !important;} .set-credit-scroll .card-for-mob{ float:none !important;} /***Date 20 Oct 2014****/ /****Date 21 Oct ***/ .pop-sk-resst table td:nth-child(4) input {background: none repeat scroll 0 0 #000;display: block !important;float: right;margin-right: 0;margin-top: 4px;width: 94px;} .pop-sk-resst table td:nth-child(4) {border: medium none !important;display: block !important;margin-top: -10px !important;padding-top: 10px;} .pop-sk-resst tr td:nth-child(1) {border: medium none !important;} .ui-datepicker-calendar td:nth-child(2) {margin-left: 0 !important;margin-right: 0 !important;margin-top: 1px !important;padding: 0 !important;width: auto !important;display:block !important;} /*table.reference td:nth-child(2) {display: block;margin: inherit;padding: 18px 5px !important;width: inherit; width:auto;} table.reference td:nth-child(1) {border: 1px solid #d4d4d4;padding: 7px 5px;vertical-align: top;width: auto !important;}*/ .harra-registr-btn{ float: none !important; margin-top: 5px !important; width: 90px;} .harra-register-btn2{ float: none; margin-top: 5px; width: 90px;} .harra-discount-logo, .harra-certified-logo{float: none; font-size: 24px; width: 73px; margin-left: 0px !important;} .harra-js-register-btn{float: none !important; margin-top: 0px !important; width: 90px;} } .harra-registr-btn{ float: left; margin-top: 0px; width: 90px;} .harra-register-btn2{ float: right; margin-top: 0px; width: 90px;} .harra-discount-logo, .harra-certified-logo{float: left; font-size: 24px; width:auto; margin-left: 5px;} .harra-js-register-btn{float: right; margin-top: 17px; width: 90px;} .parent-cross-btn{float:right; width:15px; height:16px; margin:4px;} .parent-cross-btn1{float:right;} .edit_buttons > div {float:left;} .reniew_button { float:left;margin-left:20px;margin-top:23px;} .class_list {float:left !important; background-color: #333333; border: 1px solid #000000; border-radius: 6px; box-shadow: 0 0 8px #121212 inset; color: #FFFFFF !important; cursor: pointer; display: block; font-family: calibri; font-size: 18px !important; font-weight: normal; padding: 2px 10px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000000; margin-bottom:10px;} .class_announcemnet {float:left !important;background-color: #333333; border: 1px solid #000000; border-radius: 6px; box-shadow: 0 0 8px #121212 inset; color: #FFFFFF !important; cursor: pointer; display: block; font-family: calibri; font-size: 18px !important; font-weight: normal; padding: 2px 10px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000000;margin-left:10px; margin-bottom:10px; text-decoration:none !important;} .pre_letter { width:100%; border-radius:5px; padding:20px;float:left;} .imgpre { float: left;height: 100px; margin-right: 25px;width: 100px;} .pre_detail > span {font-weight: bold;margin-right: 10px;width: 20px !important;} .dir_letter { width:auto; border-radius:5px; padding:20px;} .imgpre1 { float: left; margin-right: 25px;width: 116px; height:100px;} /*for safari browser 30 oct 2014*/ @media screen and (-webkit-min-device-pixel-ratio:0){ } #benefits_page_div { margin-top: 20px;} #benefits_page_div img{ margin-right:10px;} #tblAddRaceDistance th, #tblAddRaceDistance td { padding: 5px;} #btnSubmitAddDistance{ float:left !important;} .resp_reg_fileds.reg_fileds{ margin-bottom:30px\9 ;} .search_input.top_right { width: 203px !important;} .search_reg.post_event_btn { height: 33px; line-height: 33px; margin-left: -3px !important; width: 119px !important;} .search_reg.post_event_btn > select { height: 33px;} .training_box.wapperRegClass2 .training_box { margin: 15px;} .training_box.wapperRegClass2 > p { padding: 0 12px;} .training_box.wapperRegClass2 .reg_inputfield{ margin-left:20px;} .oneBox span a { margin: 8px 0 !important; display: inline-block; text-decoration: none;} .psonsors_detail { margin: 0 !important; padding: 0 !important;} /*For Member feature*/ #showFeaturedMember .meetingMinutes_title{ font-weight:bold;} #showFeaturedMember .meetingMinutes_title_sub { float: left; font-weight: bold; padding-right: 8px;} #showFeaturedMember .meetingMinutes_photo{ float:left; margin-right:10px;} #showFeaturedMember .meetingMinutes_detail{ float:left; width:80%;} #showFeaturedMember .imgclass { border: 1px solid #a2a2a2; display: block; float: left; margin-right: 10px; width:150px ; height:150px;} #showFeaturedMember .event_box { border: 1px solid #ccc; background:#eaeaea; overflow:hidden; float:left; margin: 10px 0px; padding: 10px; transition:all; -moz-transition:0.3s linear; -webkit-transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear; border-radius:5px; cursor:move; width:100%;} #showFeaturedMember .event_box:hover{ box-shadow:0 0 10px #000;} .merchandiseserch_filed{ width:225px;} input#other_amt { border: 1px solid #ccc; border-radius: 3px; padding: 4px !important;} .postCommentSpanDate { color:#090; padding-right: 20px;} .postCommentSpanUser { color:#090; } #showTrainingList .event_detail > #desc { margin-left: 0px; width: 100%;} #showTrainingList .event_detail .event_title_sub{ width:90px;} /*#showTrainingList .event_box { background: #EAEAEA; margin-bottom: 10px; padding: 10px; border:1px solid #cccccc; border-radius:5px; transition:all; -moz-transition:0.3s linear; -webkit-transition:0.3s linear; -o-transition:0.3s linear; -ms-transition:0.3s linear;} #showTrainingList .event_box:hover{ box-shadow:0 0 10px #000}*/ #showTrainingList .event_detail { border-top:none;} @media screen and (min-width: 767px) { #ticker{height:455px!important;} #ticker2{height:455px!important;} #ticker3 {height:455px!important;} .deskHideLbl { display: none;} /*#link_list td, tr{display:inline-block!important;width:100%!important;}*/ } @media screen and (max-width: 767px) { .MobilHideLbl {display: none;} .profile_record {margin-top:70px!important;} /*.profile_recordth,td, tr,tbody {text-align:center!important; width:100%!important; display:inline-block!important;}*/ .memberonly .login_topround{width: 100%!important; overflow:initial!important;} .event_sub_detail ul{padding-left:15px!important;} .drc-vblog{margin-bottom:10px;} } /*Aarti Edit*/ @media screen and (max-width: 480px) { .drctrnam{font-size:18px;line-height: 24px;padding-top:38px;text-shadow:0 1px 0 #ffffff} .search_title.remove-space{margin-right: 8px;margin-top: 3px;width: auto} #toPopup {left: 10% !important;margin-left: 0 !important;position:absolute;top:0} .col-sm-9.content-page .row {float: none!important;margin: 0 auto!important;padding: 0!important;width:100%!important;} .c_accepted_tilte img{max-width:65px!important;} .subtab1, .subtab2 {width:100%!important;} #JT{width: 100%!important;left: 0px!important;margin-top:-29px;} .my_profile{margin-left:15px!important; width:98%!important;} .menu-container {margin-left:0px!important;} .memberonly{width:100%!important;} .subtab1, .subtab2 {padding: 4px 1.5%!important;} } @media screen and (min-width: 320px)and (max-width:360px){ .at-page{padding-left:0px!important; padding-right:0px!important;} #dynamicField_14 {width:100%!important;} .cargbox_button{font-size:20px!important;} } @media screen and (max-width: 320px) { #toPopup {left: 5% !important;margin-left:0!important;position:absolute;top:0} } .RegisterMainWrapper .registerTopRound{height:auto!important;} .vol_heading_strip.vol_heading_stripNew td{text-align:center!important;} .sub-tab{border-bottom:none!important;} .drc-menu{margin-left:-20px;} #raceDetailsInfo_10{max-width:86%!important; position:absolute!important; background:#fff!important; z-index: 99999999!important;} #showAddAnotherFormId .S_FiledN .dk_toggle { padding:10px 15px 10px 4px!important;}