/****** Style Star Rating Widget *****/ .rating { --star-size: 3; /* use CSS variables to calculate dependent dimensions later */ padding: 0; /* to prevent flicker when mousing over padding */ border: none; /* to prevent flicker when mousing over border */ unicode-bidi: bidi-override; direction: rtl; /* for CSS-only style change on hover */ text-align: left; /* revert the RTL direction */ user-select: none; /* disable mouse/touch selection */ font-size: 2em; /* fallback - IE doesn't support CSS variables */ font-size: calc(var(--star-size) * 1em); /* because `var(--star-size)em` would be too good to be true */ cursor: pointer; /* disable touch feedback on cursor: pointer - http://stackoverflow.com/q/25704650/1269037 */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; margin-bottom: 1em; } /* the stars */ .rating > label { display: inline-block; position: relative; width: 1.1em; /* magic number to overlap the radio buttons on top of the stars */ width: calc(var(--star-size) / 3 * 1.1em); } .rating > *:hover, .rating > *:hover ~ label, .rating:not(:hover) > input:checked ~ label { color: transparent; /* reveal the contour/white star from the HTML markup */ cursor: inherit; /* avoid a cursor transition from arrow/pointer to text selection */ } .rating > *:hover:before, .rating > *:hover ~ label:before, .rating:not(:hover) > input:checked ~ label:before { content: "★"; position: absolute; left: 0; color: #f60; } .rating > input { position: relative; transform: scale(3); /* make the radio buttons big; they don't inherit font-size */ transform: scale(var(--star-size)); /* the magic numbers below correlate with the font-size */ top: -0.5em; /* margin-top doesn't work */ top: calc(var(--star-size) / 6 * -1em); margin-left: -2.5em; /* overlap the radio buttons exactly under the stars */ margin-left: calc(var(--star-size) / 6 * -5em); z-index: 2; /* bring the button above the stars so it captures touches/clicks */ opacity: 0; /* comment to see where the radio buttons are */ font-size: initial; /* reset to default */ } form.amp-form-submit-error [submit-error] { color: black; } form.amp-form-submit-success > input { display: none } /****** Style Star Rating Widget *END****/ #carousel1{ background-color:#0C9; color:#FFF;} #crumb { background-color: ; clear: both; float: none; height: 15px; width: 98%px; padding:5px 1px 5px 11px; text-transform:capitalize; font-size:14px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } #crumb ol{ margin:-5px; margin-left:-28px;} #crumb ol li { list-style: none; height:14px; font-size:16px; float:left; text-align:left;} #crumb ol li a{ text-decoration:none; color:; } #crumb ol li a:hover{ text-decoration: underline;color:#333; } #sub_container { float: clear; clear:both; height:auto; width: 100%; margin-top:11px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }#sub_container_left { background-color:; float: clear; clear:both; min-height:333px; width: 96%; padding:2% ; } #sub_container_left h1{ font-size:18px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-top:-11px; padding-left:11px; } #sub_container_left p{ padding:10px 0px 10px 0px; margin:-15px 3px 3px 0px;padding-left:11px; } #sub_container_left_img{ margin:2px 5px 5px 12px;} #sub_container_left h2{ font-size:18px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0px 0px -22px 3px; padding-left:11px; } #sub_container_left h3{ font-size:16px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0px 0px -22px 0px; padding-left:11px; } #sub_container_left p h3 { background-color:#F00; padding:10px; margin:-15px 3px 3px 11px;} #sub_container_left a{ color:; text-decoration:none; font-weight:bold;} #sub_container_left a:hover{ color:; text-decoration:none;} #sub_container_right { background-color:; float: clear; height:auto; width: 340px; padding:10px; margin-top:22px; } #containter2_viewable_stamina{ background-color:; min-height: 5px; width:350px; clear:both; margin:20px 0px 10px 0px;} #containter2_viewable_stamina_left{background-color:; color:;min-height:15px;width:100%;float:left; margin-top:-23px; margin-left:0px; padding:5px;} #sub_container_right table { font-size:16px; font-weight:bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-top:15px; } #sub_container_right a{ color:; text-decoration:none;} #sub_container_right a:hover{ color:; text-decoration:none;} #sub_container_right p{ color:; } #user_review { background-color: #fff; clear: both; float: left; height: 610px; width: 100%; } #review_left { background-color: #fff; float: left; height: 200px; width: 30%; padding:5px; } #review_left h1{ font-size:16px; text-align:center;} #review_left h1 span{ font-size:36px; text-align:center; } #review_left p{margin-top:-22px; font-style: italic; text-align:center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } #review_verty { background-color: #f90; float: left; height: 210px; width: 1px; margin-top:11px; } #review_right { background-color: #fff; float: left; height: 200px; width: 64%; padding-left:8px; padding-top:20px; } #user_review_sub { color:#fff; background-color: #f60; font-size:22px; clear: both; float: none; height: 33px; padding:2%; width: 96%; } #user_review_sub2 { color:#fff; background-color: #f60; font-size:18px; clear: both; float: none; height: 22px; padding:3%; width: 94%; } #write_review { background-color: #ccc; clear: both; float: left; height: 375px; width: 96%; padding:2%; } #write_review span{ font-size:18px;} #review_title_text{ width:94%; height:23px; border-radius:5px; } #review_review_text{ width:94%px; height:100px; border-radius:5px; } #review_submit{ padding:5px; font-size:14px; height:33px; } #review_shown { background-color:#fff; clear: both; float: none; min-height: 222px; width: 100%px; padding:11% 0% 2% 0%; } #hr_div1{background-color:#48a2bb; color:#fff; width:80%; height:22px; padding:5px; margin-left:22px;} #hr_div_grey{background-color:#ccc; width:90%; height:1px; margin-left:5%;} #hr_div_white{background-color:#fff; width:1%; height:1px;} #review_shown table { margin-top:15px; height:116px;} #review_shown table table {padding:1px; margin-top:0px;} #goe_location{ color:#48A2BB;} #author_name{ font-size:12px; font-weight:bold;} #whole_category{ background-color:#F60; } #whole_category h1{ background-color:#000; margin-left:15px; padding-left:11px; margin-bottom:0px; color:#fff;} #whole_category_list{ background-color:#ccc; min-height:222px; width:360px; } #whole_category_list div{ background-color:#eee; min-height:111px; width:340px; padding:10px; margin-bottom:2px;} #whole_category_list h2{ padding:0px; margin:0px; color:#000;} #whole_category_list p{ padding:0px; margin:0px;} #whole_category_list amp-img{ float:left; margin:4px; } #whole_category_list a{ text-decoration:none; font-size:16px; color:#F60;} #container4{ min-height:155px; clear:both; margin-bottom:44px;} address{ margin-left:11px;} #reply_comment{color:navy; margin-left:20%; width:75%} #panal_game_over { clear:both; background-color:; height: auto; width: 90%; padding:5%; margin-top:2%; margin-bottom:3%; } #chart_wrapper {clear: both; min-height:333px; width:100%; padding:0px; margin:auto;} #header { background-color: #000; clear: both; float: left; height: 50px; width: 100%; color:#CCC; } #header h1{ margin:0px; padding:0px; text-align:center;} #panel_name { background-color: ; clear: both; float:left;min-height: 30px; width: 96%; color:; padding:1%; margin:1%; border-radius:5px; text-transform:capitalize;} #panel_name h1{ margin:0px; padding:0px; text-align:center;} #go_back { border:0px; background-color:; clear: both; float: left; min-height: 20px; width: 96%; color:; padding:1%; margin:1%; border-radius:5px; } #go_back span{ margin-left:11px;} #go_back strong{ margin-left:42%;} #go_back span a{ color:#f60; text-decoration:none; font-weight:bold;} #go_back strong a{ color:#f60; text-decoration:none;} #go_top { background-color:; color:; clear: both; float: left; min-height: 20px; width: 96%; padding:1%; margin:1%; border-radius:5px; } #go_top span{ margin-left:11px;} #go_top strong{ margin-left:35%;} #go_top span a{ color:; text-decoration:none;} #go_top strong a{ color:; text-decoration:none;} #panel_record { background-color:; clear: both; float: left; min-height: 111px; width: 100%; color:#f60; padding:0%; margin:0%; border-radius:5px;} table td{ border: dashed #666 0px; padding:0px; margin:0px;} #date_from{ font-size:11px; font-weight:bold; background-color:; color:;} #date_from_jodi{ font-size:14px; color:#000 ;} table table tr td span{ color:#000; font-size:12px; writing-mode: vertical-rl; text-orientation: upright; margin-left:-6px; margin-right:-5px; margin-bottom:-4px;} .weekly_column{ background-color:; color:; } .day_column{ background-color:; color:; } .no_column{ background-color:; color:; } .no_column strong { background-color:; color:; } .day_column2{ background-color:#5A93A5; color:#eee; } .date_column{ background-color:;} .result_bc1{ background-color:; color:; } .result_bc2{ background-color:; color:; } .div_to{ margin-top:-9px; color:#333; font-weight:bold;} #holyday_color{ color:; } #non_holyday_color{color:; background-color:; } #yearly_chart {color:; background-color:; clear: both; float: left; height:auto; width: 96%; padding:1%; margin:1%; border-radius:5px;} #yearly_chart strong { text-transform:uppercase; margin:1%;} #yearly_chart a{ color:; text-decoration:none;} #yearly_chart h2{ margin:4px; } #other_similar {color:; background-color:; clear: both; float: left; height:auto; width: 96%; padding:1%; margin:1%; border-radius:5px;} #other_similar strong { text-transform:uppercase; margin:1%;} #other_similar a{ color:; text-decoration:none;} #target_keyword{ background-color: ; clear: both; float: left; min-height: 222px; width: 96%; color:; padding:1%; margin:1%; border-radius:5px; text-align:center;} #target_keyword h1 { font-size:22px; padding:5px; } #target_keyword h3 { margin-top:-15px; padding:5px; margin-bottom:11px; } #month_wise{ width:66%; background-color:#666; color:#FFF; padding:5px; margin: 1% 1% 1% 14% ; height:33px; border-radius:5px;}