/*

                                       ___
                                      /\  \
                                     /%%\  \
                                    /%/\%\  \
                                   /%%\~\%\  \
                                  /%/\%\ \%\__\
                                  \/__\%\/%/  /
                                       \%%/  /
                                       /%/  /
                                      /%/  /
                                      \/__/
     ___           ___           ___           ___           ___           ___
    /\__\         /\  \         /\  \         /\  \         /\__\         /\__\
   /%%|  |       /%%\  \       /%%\  \       /%%\  \       /%/  /        /%/  /
  /%|%|  |      /%/\%\  \     /%/\%\  \     /%/\%\  \     /%/  /        /%/__/
 /%/|%|__|__   /%%\~\%\  \   /%/  \%\  \   /%/  \%\  \   /%/  /  ___    \%\  \ ___
/%/ |%%%%\__\ /%/\%\ \%\__\ /%/__/ \%\__\ /%/__/_\%\__\ /%/__/  /\__\    \%\  /\__\
\/__/~~/%/  / \/__\%\/%/  / \%\  \  \/__/ \%\  /\ \/__/ \%\  \ /%/  /    /%%\/%/  /
      /%/  /       \%%/  /   \%\  \        \%\ \%\__\    \%\  /%/  /    /%/\%%/  /
     /%/  /        /%/  /     \%\  \        \%\/%/  /     \%\/%/  /    /%/  \/__/
    /%/  /        /%/  /       \%\__\        \%%/  /       \%%/  /     \/__/
    \/__/         \/__/         \/__/         \/__/         \/__/
             ___           ___           ___           ___           ___
            /\  \         /\__\         /\  \         /\  \         /\  \
           /%%\  \       /%/  /        /%%\  \       /%%\  \        \%\  \
          /%/\%\  \     /%/__/        /%/\%\  \     /%/\%\  \        \%\  \
         _\%\~\%\  \   /%%\  \ ___   /%%\~\%\  \   /%%\~\%\  \       /%%\  \
        /\ \%\ \%\__\ /%/\%\  /\__\ /%/\%\ \%\__\ /%/\%\ \%\__\     /%/\%\__\
        \%\ \%\ \/__/ \/__\%\/%/  / \%\~\%\ \/__/ \%\~\%\ \/__/    /%/  \/__/
         \%\ \%\__\        \%%/  /   \%\ \%\__\    \%\ \%\__\     /%/  /
          \%\/%/  /        /%/  /     \%\ \/__/     \%\ \/__/     \/__/
           \%%/  /        /%/  /       \%\__\        \%\__\
            \/__/         \/__/         \/__/         \/__/


*/

body {
	margin: 0;
	padding: 0;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #333 url(/apps/images/background-dark.jpg) repeat;
}

img {
	border: 0;
}

a:link {
	color: #57c6f1;
	text-decoration: none;
	border-style: none;
	font-weight: bold;
}

a:visited {
	color: #57c6f1;
	text-decoration: none;
	border-style: none;
	font-weight: bold;
}

a:hover {
	color: #fff;
	text-decoration: none;
	border-style: none;
	font-weight: bold;
}

a:active {
	color: #fff;
	text-decoration: underline;
	border-style: none;
	font-weight: bold;
}

#site_wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	display: inline-block;
	position: relative;
}

/* @group Header */

#header_wrapper {
	width: 100%;
	height: 100px;
	text-align: center;
	display: inline-block;
	background: url(/apps/images/header/background.png) repeat-x;
	position: relative;
	z-index: 28;
}

#header_pagesize {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
}

.header_logo {
	width: 232px;
	height: 60px;
	display: inline-block;
	position: absolute;
	top: 21px;
	left: 14px;
	opacity: 0.9;
	background: url(/apps/images/header/logo.png) no-repeat;
}

.header_logo:hover {
	opacity: 1.0;
}

.header_contact {
	width: 470px;
	height: 67px;
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 14px;
	text-align: left;
	opacity: 0.7;
}

.header_contact:hover {
	opacity: 1;
}

.header_contact .title {
	width: 300px;
	height: 50px;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 21px;
	font-size: 12px;
	font-weight: bold;
	color: #57c6f1;
	text-align: right;
}

.header_contact img {
	width: 48px;
	height: 48px;
	display: inline-block;
	position: absolute;
	left: 300px;
	bottom: 18px;
}

.header_follow {
	width: 199px;
	height: 52px;
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 21px;
	text-align: left;
	background: url(/apps/images/footer/follow-background.png) no-repeat;
}

.header_follow .title {
	display: inline-block;
	position: absolute;
	top: 19px;
	left: 14px;
	color: #57c6f1;
	font-size: 12px;
	font-weight: bold;
}

.header_follow .copeh_facebook {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 90px;
	opacity: 0.7;
}

.header_follow .copeh_facebook:hover {
	opacity: 1.0;
}

.header_follow .copeh_twitter {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 124px;
	opacity: 0.7;
}

.header_follow .copeh_twitter:hover {
	opacity: 1.0;
}

#header_toolbar {
	width: 700px;
	height: 77px;
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 14px;
	background: url(/apps/images/header/toolbar.png) no-repeat;
	text-align: left;
}

#header_toolbar .header_toolbar_icon {
	width: 54px;
	height: 54px;
	display: inline-block;
	position: relative;
	background: url(/apps/images/header/toolbar-icon-background.png) no-repeat;
	text-align: center;
	margin-left: 7px;
	left: 7px;
	margin-top: 11px;
}

#header_toolbar .header_toolbar_icon img {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 11px;
	opacity: 0.25;
}

#header_toolbar .header_toolbar_icon .title {
	width: 54px;
	height: 14px;
	display: inline-block;
	position: absolute;
	bottom: 3px;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	opacity: 0.5;
}

#header_toolbar .header_toolbar_icon_selected {
	width: 54px;
	height: 54px;
	display: inline-block;
	position: relative;
	background: url(/apps/images/header/toolbar-icon-background-selected.png) no-repeat;
	text-align: center;
	margin-left: 7px;
	left: 7px;
}

#header_toolbar .header_toolbar_icon_selected img {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 11px;
}

#header_toolbar .header_toolbar_icon_selected .title {
	width: 54px;
	height: 14px;
	display: inline-block;
	position: absolute;
	bottom: 3px;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#header_toolbar .badge-title {
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 76px;
	color: #57c6f1;
	font-size: 10px;
	font-weight: bold;
}

#header_toolbar .badge-facebook {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 49px;
	opacity: 0.7;
}

#header_toolbar .badge-facebook:hover {
	opacity: 1.0;
}

#header_toolbar .badge-twitter {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 25px;
	opacity: 0.7;
}

#header_toolbar .badge-twitter:hover {
	opacity: 1.0;
}

/* @end */

/* @group Footer */

#footer_wrapper {
	width: 100%;
	height: 350px;
	text-align: center;
	display: inline-block;
	background: url(/apps/images/footer/background2.jpg) repeat-x;
	position: relative;
}

#footer_pagesize {
	width: 960px;
	height: 350px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
}

.footer_container_small {
	width: 226px;
	height: 350px;
	background: url(/apps/images/footer/container-small.png) no-repeat 0px 23px;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	position: relative;
}

.footer_container_big {
	width: 466px;
	height: 350px;
	background: url(/apps/images/footer/container-big.png) no-repeat 0px 23px;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	position: relative;
}

/* @end */

/* @group iPhone */

#iphone_feature_wrapper {
	width: 100%;
	height: 550px;
	text-align: center;
	display: inline-block;
	position: relative;
	top: 25px;
}

#iphone_feature_pagesize {
	width: 960px;
	height: 550px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
}

#iphone_wrapper {
	width: 255px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	background: url(/apps/images/iPhone/iPhone4.png) no-repeat;
	top: 25px;
	left: 20px;
}

#iphone_glare {
	width: 216px;
	height: 325px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 88px;
	left: 21px;
	z-index: 49;
	background: url(/apps/images/iPhone/iPhone4-ScreenHighlight.png) no-repeat;
}

#iphone_screen_wrapper {
	position: absolute;
	display: inline-block;
	width: 256px;
	height: 386px;
	top: 120px;
	left: 53px;
	margin: 0px;
	padding: 0px;
	z-index: 21;
	overflow: hidden;
}

#iphone_screens_main {
	position: absolute;
	display: inline-block;
	width: 512px;
	height: 386px;
	top: 0px;
	left: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	opacity: 0.0;
}

#iphone_screen_wrapper li {
	position: relative;
	display: inline-block;
	width: 256px;
	height: 386px;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* @end */

/* @group Feature Bubble */

#description_wrapper {
	height: 550px;
	width: 646px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 300px;
}

#description_wrapper a:link {
	color: #a90e10;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description_wrapper a:visited {
	color: #555;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description_wrapper a:hover {
	color: #999;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description_wrapper a:active {
	color: #57c6f1;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description_wrapper .appstore_badge {
	width: 222px;
	height: 75px;
	display: inline-block;
	position: absolute;
	right: -7px;
	bottom: 17px;
	z-index: 35;
	margin: 0;
	padding: 0;
	background: url(/apps/images/App_Store_Badge_1.png) no-repeat;
}

#description_wrapper .appstore_link {
	width: 222px;
	height: 24px;
	display: inline-block;
	position: absolute;
	left: 14px;
	bottom: 35px;
	z-index: 35;
	margin: 0;
	padding: 4px 0 0 28px;
	background: url(/apps/images/play.png) no-repeat;
	text-align: left;
}

#description_wrapper .menuicon-audiotool {
	width: 100px;
	height: 96px;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 0;
	background: url(/apps/images/indexfeature/icon-audiotool.png) no-repeat 17px;
	opacity: 0.5;
}

#description_wrapper .menuicon-dbmeter {
	width: 100px;
	height: 96px;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 100;
	background: url(/apps/images/indexfeature/icon-dbmeter.png) no-repeat 17px;
	opacity: 0.5;
}

#description_wrapper .menuicon-tonegen {
	width: 100px;
	height: 96px;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 200;
	background: url(/apps/images/indexfeature/icon-tonegen.png) no-repeat 17px;
	opacity: 0.5;
}

#description_wrapper .menuicon-micpro {
	width: 100px;
	height: 96px;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 300;
	background: url(/apps/images/indexfeature/icon-micpro.png) no-repeat 17px;
	opacity: 0.5;
}

#description_wrapper .menuicon-audiocalc {
	width: 100px;
	height: 96px;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 400;
	background: url(/apps/images/indexfeature/icon-audiocalc.png) no-repeat 17px;
	opacity: 0.5;
}

#description_wrapper .menuicon-audioatlas {
	width: 100px;
	height: 96px;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 500;
	background: url(/apps/images/indexfeature/icon-audioatlas.png) no-repeat 17px;
	opacity: 0.5;
}

#description_wrapper .selection-arrow {
	background: url(/apps/images/indexfeature/features-bigbubble-selarrow.png) no-repeat;
	width: 29px;
	height: 15px;
	display: inline-block;
	position: absolute;
	left: 44px;
	z-index: 7;
	top: 100px;
}

#description-bubble {
	width: 646px;
	height: 415px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: inline-block;
	top: 110px;
	left: 0;
	background: url(/apps/images/indexfeature/features-bigbubble.png) no-repeat;
	overflow: hidden;
}

#description-bubble ul {
	list-style-type: none;
	width: 4500px;
	height: 415px;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0px;
}

#description-bubble li {
	width: 616px;
	height: 385px;
	display: inline-block;
	position: relative;
	padding: 0;
	top: 15px;
	left: 17px;
	float: left;
	margin: 0 0 0 7px;
}

#description-bubble li .title {
	color: #57c6f1;
	font: bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 600px;
	height: 35px;
	padding: 0;
	margin: 0;
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	text-align: left;
	text-shadow: #777 0 -1px 0;
}

#description-bubble li .version {
	color: #57c6f1;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 150px;
	height: 35px;
	padding: 0;
	margin: 0;
	position: absolute;
	display: inline-block;
	top: 0;
	right: 21;
	text-align: right;
}

#description-bubble li .description {
	color: #555;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 577px;
	height: 340px;
	padding: 0;
	margin: 0;
	position: absolute;
	display: inline-block;
	top: 37;
	left: 0;
	text-align: left;
}

#description-bubble li a:link {
	color: #000;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description-bubble li a:visited {
	color: #555;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description-bubble li a:hover {
	color: #999;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#description-bubble li a:active {
	color: #57c6f1;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Post Comment */

#post_window_wrapper {
	width: 100%;
	height: 100%;
	background: url(/apps/images/dark-overlay.png) repeat;
	display: inline-block;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	z-index: 100;
	opacity: 0.0;
}

#post_window {
	width: 646px;
	height: 415px;
	background: url(/apps/images/indexfeature/features-bigbubble.png) no-repeat;
	display: inline-block;
	position: relative;
	margin: 0 auto;
	top: 77px;
}

#post_window .post_window_namefield {
	width: 400px;
	display: inline-block;
	position: absolute;
	left: 154px;
	top: 100px;
	margin: 0;
	padding: 0;
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#post_window .post_window_reviewfield {
	width: 400px;
	display: inline-block;
	position: absolute;
	left: 154px;
	top: 128px;
	margin: 0;
	padding: 0;
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 200px;
}

#post_window .post_window_submitbutton {
	width: 400px;
	display: inline-block;
	position: absolute;
	left: 154px;
	top: 340px;
	margin: 0;
	padding: 0;
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#post_window .title {
	width: 600px;
	height: 21px;
	display: inline-block;
	position: relative;
	left: 14px;
	margin: 0;
	padding: 0;
	color: #57c6f1;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #777 0 -1px 0;
	top: 14px;
}

#post_window .title_rating {
	width: 130px;
	height: 21px;
	display: inline-block;
	position: absolute;
	left: 14px;
	top: 72px;
	margin: 0;
	padding: 0;
	color: #555;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

#post_window .rating_stars {
	width: 95px;
	height: 17px;
	display: inline-block;
	position: absolute;
	left: 154px;
	top: 72px;
	margin: 0;
	padding: 0;
	background: url(/apps/images/comments/StarsSmall/5.png) no-repeat;
}

#post_window .title_name {
	width: 130px;
	height: 21px;
	display: inline-block;
	position: absolute;
	left: 14px;
	top: 100px;
	margin: 0;
	padding: 0;
	color: #555;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

#post_window .title_review {
	width: 130px;
	height: 21px;
	display: inline-block;
	position: absolute;
	left: 14px;
	top: 128px;
	margin: 0;
	padding: 0;
	color: #555;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

#post_window .close_post_window {
	width: 12px;
	height: 12px;
	background: url(/apps/images/close.png) no-repeat;
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 14px;
	opacity: 0.5;
}

#post_window .close_post_window:hover {
	opacity: 1.0;
}

/* @end */

/* @group Comments */

#comments_wrapper {
	width: 100%;
	text-align: center;
	display: inline-block;
	position: relative;
	padding-top: 21px;
}

#comments_pagesize {
	width: 960px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
}

#comments_pagesize .title {
	font: bold 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	display: inline-block;
	top: 17px;
	text-shadow: #000 0 -1px 0;
	text-align: center;
	margin: 0 auto;
	clear: both;
}

#comments_pagesize .icon {
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 114px;
	height: 114px;
	display: inline-block;
	position: relative;
	margin: 0 0 14px 7px;
	padding: 0;
}

#comments_pagesize .icon img {
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#comments_pagesize .smallicon {
	-moz-border-radius: 7px;
	border-radius: 7px;
	width: 57px;
	height: 57px;
	display: inline-block;
	position: relative;
	margin: 0 0 14px 7px;
	padding: 0;
	opacity: 0.7;
}

#comments_pagesize .smallicon:hover {
	opacity: 1;
}

#comments_pagesize .smallicon img {
	-moz-border-radius: 7px;
	border-radius: 7px;
	width: 57px;
	height: 57px;
}

#comments_header {
	width: 960px;
	height: 60px;
	margin: 0;
	display: inline-block;
	position: relative;
	padding: 0;
	background: url(/apps/images/comments/header.png) no-repeat;
}

#comments_header .title {
	font: bold 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 14px;
	text-shadow: #000 0 -1px 0;
}

#comments_header .helpful {
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #57c6f1;
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 264px;
}

#comments_header .subtitle {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	display: inline-block;
	position: absolute;
	bottom: 7px;
	right: 17px;
	text-shadow: #000 0 -1px 0;
	width: 130px;
	height: 18px;
}

#comments_header .bigstars {
	width: 130px;
	height: 26px;
	display: inline-block;
	position: absolute;
	top: 9px;
	right: 14px;
	margin: 0;
	padding: 0;
}

#comments_body {
	width: 960px;
	margin: 0;
	display: inline-block;
	position: relative;
	padding: 21px 0 0;
/*	background: url(/apps/images/comments/body.png) repeat-y; */
}

#comments_body_wallpaper {
	width: 960px;
	margin: 0;
	display: inline-block;
	position: relative;
	padding: 21px 0 0;
	background: url(/apps/images/comments/body.png) repeat-y;
}

#comments_body .write_button {
	width: 140px;
	height: 28px;
	margin: 0;
	display: inline-block;
	position: absolute;
	padding: 0;
	background: url(/apps/images/comments/write.png) no-repeat;
	top: 7px;
	right: 14px;
}

#comments_body .comment {
	width: 918px;
	margin: 0 0 21px;
	min-height: 210px;
	display: inline-block;
	position: relative;
	padding: 14px 7px 7px;
	top: 7px;
	left: 0px;
/*	background: url(/apps/images/comments/hr.png) no-repeat; */
	background-color: #f7f7f7;
}

#comments_body .comment:hover {
	background-color: #eaeaea;
}

#comments_body .comment .smallstars {
	width: 95px;
	height: 17px;
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 7px;
	margin: 0;
	padding: 0;
}

#comments_body .comment .smallicon {
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 114px;
	height: 114px;
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 7px;
	margin: 0;
	padding: 0;
	opacity: 1;
}

#comments_body .comment .smallicon img {
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 114px;
	height: 114px;
	opacity: 1;
}

#comments_body .comment .apptitle {
	width: 150px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 135px;
	left: 7px;
	margin: 0;
	padding: 0;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-align: left;
}

#comments_body .comment .apptitle_by_device {
	width: 250px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 680px;
	left: 90px;
	margin: 0;
	padding: 0;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-align: left;
}

#comments_body .comment .date {
	width: 150px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 150px;
	left: 7px;
	margin: 0;
	padding: 0;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #777;
	text-align: left;
}

#comments_body .comment .date_by_device {
	width: 150px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 700px;
	left: 90px;
	margin: 0;
	padding: 0;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #777;
	text-align: left;
}

#comments_body .comment .universal {
	width: 130px;
	height: 21px;
	display: inline-block;
	position: absolute;
	top: 165px;
	left: 7px;
	padding: 0 0 0 17px;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #555;
	text-align: left;
	background: url(/apps/images/universal.png) no-repeat 0 5px;
	overflow: visible;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

#comments_body .comment .universal_by_device {
	width: 130px;
	height: 21px;
	display: inline-block;
	position: absolute;
	top: 720px;
	left: 90px;
	padding: 0 0 0 17px;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #555;
	text-align: left;
	background: url(/apps/images/universal.png) no-repeat 0 5px;
	overflow: visible;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

#comments_body .comment .appstore_button {
	width: 192px;
	height: 53px;
	display: inline-block;
	position: relative;
	top: 7px;
	right: 7px;
	margin: 0 0 14px;
	padding: 0;
	float: right;
	opacity: 0.7;
}

#comments_body .comment .appstore_button:hover {
	opacity: 1;
}

#comments_body .comment .appstore_button_by_device {
	width: 192px;
	height: 53px;
	display: inline-block;
	position: absolute;
	top: 620px;
	left: 85px;
	padding: 0;
	opacity: 0.7;
}

#comments_body .comment .appstore_button_by_device:hover {
	opacity: 1;
}

#comments_body .comment .review {
	width: 750px;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0px;
	margin: 0 0 0 160px;
	padding: 0;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #444;
	text-align: left;
}

#comments_body .comment .review_by_device {
	width: 500px;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0px;
	margin: 35px 0 35px 21px;
	padding: 0;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #444;
	text-align: left;
}

#comments_body .comment .iphone4_device_v {
	width: 306px;
	height: 597px;
	position: relative;
	margin: 0 0 140px;
	padding: 0;
	background: url(/apps/images/iPhone/iPhone-4-Portrait.png) no-repeat;
	display: inline-block;
	float: left;
	top: 0;
	left: 20;
}

#comments_body .comment .iphone4_glare_v {
	-moz-border-radius: 56px;
	border-radius: 56px;
	width: 306px;
	height: 597px;
	position: absolute;
	margin: 0;
	padding: 0;
	background: url(/apps/images/iPhone/iPhone-4-Portrait-Glare.png) no-repeat;
	z-index: 21;
	display: inline-block;
	float: left;
	left: 27px;
	top: 14px;
}

#comments_footer {
	width: 960px;
	height: 59px;
	margin: 0;
	display: inline-block;
	position: relative;
	padding: 0;
	background: url(/apps/images/comments/footer.png) no-repeat;
}

/* @end */

/* @group Copyright */

#copeh_wrapper {
	width: 100%;
	height: 100px;
	text-align: center;
	display: inline-block;
	position: relative;
	padding-top: 21px;
}

#copeh_pagesize {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
}

.copeh_logo {
	width: 199px;
	height: 52px;
	display: inline-block;
	position: absolute;
	top: 24px;
	left: 28px;
}

.copeh_copy {
	color: #333;
	font-size: 10px;
	text-align: justify;
	height: 77px;
	width: 380px;
	display: inline-block;
	position: absolute;
	top: 24px;
	left: 290px;
}

.copeh_copy b {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.copeh_follow {
	width: 199px;
	height: 52px;
	display: inline-block;
	position: absolute;
	top: 24px;
	right: 28px;
	text-align: left;
	background: url(/apps/images/footer/follow-background.png) no-repeat;
}

.copeh_follow .title {
	display: inline-block;
	position: absolute;
	top: 19px;
	left: 14px;
	color: #57c6f1;
	font-size: 12px;
	font-weight: bold;
}

.copeh_follow .copeh_facebook {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 90px;
	opacity: 0.7;
}

.copeh_follow .copeh_facebook:hover {
	opacity: 1.0;
}

.copeh_follow .copeh_twitter {
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 124px;
	opacity: 0.7;
}

.copeh_follow .copeh_twitter:hover {
	opacity: 1.0;
}

/* @end */

/* @group Features Bubbles */

#header_toolbar .featuresPopup {
	top: 3px;
	left: -107px;
}

.copeh_follow .featuresPopup {
	bottom: 12px;
	left: -103px;
}

.featuresPopup {
	display: inline-block;
	position: absolute;
	z-index: 77;
	width: 238px;
	margin: 0;
	padding: 0;
	text-align: left;
	visibility: hidden;
	opacity: 0.0;
}

.featuresPopup .featuresPopupTopTop {
	width: 238px;
	min-height: 119px;
	padding: 0;
	margin: 0;
	background: url(/apps/images/bubbles/bubble-top.png) no-repeat 0 top;
	display: inline-block;
	position: relative;
}

.featuresPopup .featuresPopupTopTop .title {
	color: #57c6f1;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	top: 25px;
	left: 14px;
	width: 121px;
}

.featuresPopup .featuresPopupTopTop .content {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: 28px;
	left: 14px;
	width: 157px;
}

#header_toolbar .badge-facebook .featuresPopup .featuresPopupTopTop .badge {
	display: inline-block;
	position: absolute;
	right: 7px;
	top: 21px;
	width: 64px;
	height: 64px;
	background: url(/apps/images/badges/badge-facebook-64.png) no-repeat;
}

#header_toolbar .badge-twitter .featuresPopup .featuresPopupTopTop .badge {
	display: inline-block;
	position: absolute;
	right: 7px;
	top: 21px;
	width: 64px;
	height: 64px;
	background: url(/apps/images/badges/badge-twitter-64.png) no-repeat;
}

.featuresPopup .featuresPopupTopBottom {
	width: 238px;
	height: 14px;
	padding: 0;
	margin: 0;
	background: url(/apps/images/bubbles/bubble-top.png) no-repeat 0 bottom;
}

.featuresPopup .featuresPopupBottomTop {
	width: 238px;
	min-height: 119px;
	padding: 0;
	margin: 0;
	background: url(/apps/images/bubbles/bubble-bottom.png) no-repeat 0 top;
}

.featuresPopup .featuresPopupBottomTop .title {
	color: #57c6f1;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	top: 14px;
	left: 14px;
	width: 121px;
}

.featuresPopup .featuresPopupBottomTop .content {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: 17px;
	left: 14px;
	width: 157px;
}

.copeh_facebook .featuresPopup .featuresPopupBottomTop .badge {
	display: inline-block;
	position: absolute;
	right: 7px;
	top: 14px;
	width: 64px;
	height: 64px;
	background: url(/apps/images/badges/badge-facebook-64.png) no-repeat;
}

.copeh_twitter .featuresPopup .featuresPopupBottomTop .badge {
	display: inline-block;
	position: absolute;
	right: 7px;
	top: 14px;
	width: 64px;
	height: 64px;
	background: url(/apps/images/badges/badge-twitter-64.png) no-repeat;
}

.featuresPopup .featuresPopupBottomBottom {
	width: 238px;
	height: 21px;
	padding: 0;
	margin: 0;
	background: url(/apps/images/bubbles/bubble-bottom.png) no-repeat 0 bottom;
}

/* @end */

/* @group Page Curls */

        /* Shared styles */
        
        .drop-shadow {
            position:relative;
            width:40%;    
            padding:1em; 
            margin:2em 10px 4em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
                
        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        
        /* Curled corners */

        .curled {
            border:1px solid #efefef; 
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }
      
        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        } 
      
        .curled:after { 
            right:10px; 
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg); 
               -moz-transform:skew(8deg) rotate(3deg);     
                -ms-transform:skew(8deg) rotate(3deg);     
                 -o-transform:skew(8deg) rotate(3deg); 
                    transform:skew(8deg) rotate(3deg);
        }
        
        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:5px;
            width:50%;
            height:35%;
            max-width:200px;
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                -ms-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                -ms-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
        }
        
        .perspective:after {
            display:none;
        }
        
        /* Raised shadow - no pseudo-elements needed */
        
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        
        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }
        
        .curved-vt-2:before {
            right:0;
        }
        
        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }
        
        /* Rotated box */
        
        .rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

/* @end */