* {padding: 0; margin: 0; font-family:Helvetica,"Lucida Grande",Verdana,Arial,sans-serif}
body#doc {padding: 0; margin: 0; width: 320px; height: 100%; background: #FFF; color: #000}
input[type="text"], input[type="password"], select {font-size:16px; width:100%; padding: 4px}
#doc a {color: #000}
#doc .radar {font-size: 12px; background: #01A0C8; color: #fff; padding: 7px; text-align: center}
#doc .radar a {color: #fff}
#doc #header {overflow: auto; padding: 0; background: url(/images/ciui/header_logo.png) #52CEF6 no-repeat top left; position: relative}
#doc #header h1 {width: 140px; height: 55px}
#doc #header h1 span {display: none}
#doc #header .search a {position: absolute; right: 0; bottom: 0; color: #fff; font-size: 12px; display: block; padding: 7px 27px 7px 15px; font-weight: bold}
#doc #bread_crumb {clear: both; padding: 5px 5px 5px 10px; font-size: 12px; background: #B2F0FF; color: #3DB9F0; font-weight: bold}
#doc #bread_crumb a {text-decoration: none; color: #3DB9F0}
#doc .iphone_page {position: absolute; width: 100%}
#doc #footer {clear: both; padding: 10px 0; position: relative; font-size: 10px; color: #666; text-align: center}
#doc #footer a {color: #666}
#doc #iphone_backbutton {position: relative; float: left; top: 7px; left: 5px; cursor: pointer; display: none}
#doc #iphone_backbutton_text {background:transparent url(/images/ciui/back-button-body.png) no-repeat scroll right top; color:white; display:block; font-size:12px; font-weight:bold; height:30px; margin-left:11px; padding-right:5px; padding-top:9px; text-decoration:none}
#doc #loading_page {display: none}
#doc #title {color: white; position: relative; text-align: center; padding: 0; top: 13px; font-weight: bold; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; left: 5px}
#doc .info_msg {font-size:18px; font-weight:bold; text-align:center; vertical-align:middle; height:300px; width:100%; margin-bottom:150px; margin-top:100px}
#doc #cancel_button {font-size: 16px; font-weight: bold; margin-top: 5px; color: #333}
#doc #main {position: relative; overflow: auto; width: 100%; min-height: 316px; clear: both}
#doc #main p {margin: 0 0 10px 0}
#doc #main .menu {width: 100%; list-style-type: none}
#doc #main .menu > li {clear: both; font-weight: bold; font-size: 16px; cursor: pointer; margin: 0; padding: 10px 0pt 8px 10px; border-bottom: 1px solid #ddd; background: url(/images/ciui/arrow-right.png) no-repeat right center}
#doc #main .menu > li > a {text-overflow: ellipsis; text-decoration: none; display: block; padding: 0 32px 0 0}
#doc #main .menu > li > .qype_new_category {font-size: 80%; color: #999; margin: 2px 0 0 0}
#doc #main .menu li button {font-size:16px; font-weight:bold; vertical-align: middle}
#doc #main .menu li img {border: 0; vertical-align:middle; margin-right: 5px}
#doc .place {padding: 10px; height: 100%}
#doc .place .ranking {padding: 2px 0 7px 0}
#doc .place .place_description {background: #B2F0FF; padding: 5px 5px 0 5px; float: left; width: 290px; min-height: 87px; line-height: 18px}
#doc .place .photo {float: right; padding: 2px; background: #FFF; border: 1px solid #DDD; margin: 0 0 5px 5px}
#doc .place ul.category {margin: 0 0 10px 0; list-style: none; clear: both}
#doc .place .place_reviews h4 {clear: both; padding: 10px 0 0 0; margin: 0 0 -2px 0}
#doc .place .review {clear: both; margin: 10px 0; padding-top: 10px; border-top: 2px solid #DDD; position: relative}
#doc .place .review .date {color: #999; font-size: 80%}
#doc .place .review strong {color: #8AA252}
#doc .BulletRank {font-size: 120%; font-weight: bold; color: #B1B1B1; line-height: 10px}
#doc .BulletRank span {color: #EAEAEA}
#doc .user {padding: 10px; height: 100%}
#doc .user .personal_info {background: #B2F0FF; padding: 5px 5px 0 5px; float: left; width: 290px; min-height: 75px; line-height: 18px}
#doc #main .user .personal_info p {margin: 0 0 5px 0}
#doc .user .personal_info .photo {float: right; padding: 2px; background: #FFF; border: 1px solid #DDD; margin: 0 0 5px 5px}
#doc .user .reviews h4 {clear: both; padding: 10px 0 0 0; margin: 0 0 -2px 0}
#doc .user .review {clear: both; margin: 10px 0; padding-top: 10px; border-top: 2px solid #DDD; position: relative}
#doc .user .review .date {color: #999; font-size: 80%}
#doc .dialog {padding: 0; position:absolute; top: 0; z-index:2}
#doc .dialog div.transparent {background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; min-height:400px; padding:0pt; width:100%; z-index:2}
#doc .dialog form {background-color: #B2F0FF; margin: 0pt; padding: 15px 0; width: 320px}
#doc .dialog form fieldset {border: none; padding: 0 5px}
#doc .dialog form fieldset legend {font-size: 20px; font-weight: bold; margin: 0}
#doc .dialog form fieldset.submit {text-align: right; margin-top: 10px; padding-right: 15px}
#doc .dialog form fieldset.submit input {font-size: 120%}
#doc .dialog form ol {list-style: none; margin: 0; padding: 0}
#doc .dialog form label {display: block; margin: 10px 0 2px 0; padding:0pt; color: #000; font-weight: bold}
#doc .dialog form label em {font-weight: normal; font-size: 80%}
#doc .pagination {clear: both; margin: 15px 5px 10px 5px; overflow: hidden; text-align: center; font-weight: bold}
#doc .pagination a {text-decoration: none; color: #fff}
#doc .pagination span {position: relative; font-size: 120%; top: 4px; color: #999; width: 182px; display: block; float: right}
#doc .pagination .go_back {float: left; background: url(/images/ciui/pagination_left_bg.gif) #3DB9F0 no-repeat left center; padding: 6px 8px 4px 18px}
#doc .pagination .go_forward {float: right; background: url(/images/ciui/pagination_right_bg.gif) #3DB9F0 no-repeat right center; padding: 6px 18px 4px 8px}
img.rating_0, img.rating_1, img.rating_2, img.rating_3, img.rating_4, img.rating_5 {background: url(/images/layout/star_sprite.png) top left no-repeat; width: 96px; height: 16px; border: none}
img.rating_4 {background-position: 0 -16px }
img.rating_3 {background-position: 0 -32px }
img.rating_2 {background-position: 0 -48px }
img.rating_1 {background-position: 0 -64px }
img.rating_0 {background-position: 0 -80px }
img.rating_small_0, img.rating_small_1, img.rating_small_2, img.rating_small_3, img.rating_small_4, img.rating_small_5 {background: url(/images/ciui/star_sprite.png) #fff top left no-repeat; width: 63px; height: 12px; border: none}
img.rating_small_5 {background-position: 0 -96px }
img.rating_small_4 {background-position: 0 -108px }
img.rating_small_3 {background-position: 0 -120px }
img.rating_small_2 {background-position: 0 -132px }
img.rating_small_1 {background-position: 0 -144px }
img.rating_small_0 {background-position: 0 -156px }
div#mobile_ad {width: 320px; overflow-x: hidden}