@font-face {
  font-family: 'Helvetica Neue';
  src: local("Helvetica Neue Light"),
       local("HelveticaNeue-Light"),
       url('/fonts/HelveticaNeue-Light.ttf') format('truetype'),
       url('/fonts/HelveticaNeue-Light.woff') format('woff');
  font-weight: 300;
}

/*@font-face {
  font-family: 'Helvetica Neue';
  src: local("Helvetica Neue Medium"),
       local("HelveticaNeue-Medium"),
       url('/fonts/HelveticaNeue-Medium.ttf') format('truetype'),
       url('/fonts/HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
}*/

/* Truetype fonts render horribly in windows xp, use svg for Chrome, Firefox */

@font-face {
  font-family: 'Helvetica Neue XP';
  src: url('/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg'),
       url('/fonts/HelveticaNeue-Light.woff') format('woff');
  font-weight: 300;
}

/*@font-face {
  font-family: 'Helvetica Neue XP';
  src: url('/fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg'),
       url('/fonts/HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
}*/

html{
  -ms-content-zooming: none;
}

body {
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.2;
  -ms-content-zooming: none;
  
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


body.winxp{
  font-family: 'Helvetica Neue XP', sans-serif;
}


/* If input and text area rules are not applied the text renders as a serif font in mandarin */
body.zh-cn, body.zh-cn input, body.zh-cn textarea {
  font-family: 'Helvetica Neue', sans-serif, 'Microsoft Yahei', 'SimHei';
}

body.zh-tw, body.zh-tw input, body.zh-tw textarea{
  font-family: 'Helvetica Neue', sans-serif, 'Microsoft Yahei', 'MingLiU';
}

body.ja-jp, body.ja-jp input, body.ja-jp textarea{
  font-family: 'Helvetica Neue', sans-serif, "Meiryo UI", "MS PGothic";
}

b, strong, .font-medium{
  font-weight: 500;
}

body.ja-jp b, body.zh-cn b, body.zh-tw b, body.ja-jp strong, body.zh-cn strong, body.zh-tw strong, body.ja-jp .font-medium, body.zh-cn .font-medium, body.zh-tw .font-medium{
  font-weight: 600;
}

.feedbackPopupStyle {
	height					: auto;
	width					: 570px;
	background				: #fff;
	padding					: 30px;
	-moz-box-shadow			: 1px 0px 1px 1px #ccc;
  	-webkit-box-shadow		: 1px 0px 1px 1px #ccc;
  	box-shadow				: 1px 0px 1px 1px #ccc;
  	z-index					: 3;
}

.feedbackOverlayCover {
    position: fixed;
    z-index	:1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
    background-color: rgba(204,204,204,0.5); /* semi-transparent */
}

.feedbackDropdown {
	width					: 490px;
	height					: 26px;
	font-size				: 19px;
	-moz-box-shadow			: 0px 0px 2px 4px #f7f7f7;
    -webkit-box-shadow		: 0px 0px 2px 4px #f7f7f7;
    box-shadow				: 0px 0px 2px 4px #f7f7f7;
    border					: 1px solid #e0e0e0;
    outline					: none !important;
    color					: #0f2133;
    padding-left			: 5px;
    border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
	background				: #fff;
	cursor					: pointer;
}

.feedbackDropdownPressed {
	width					: 300px;
	height					: 26px;
	font-size				: 19px;
	-moz-box-shadow			: 0px 0px 2px 4px #f7f7f7;
    -webkit-box-shadow		: 0px 0px 2px 4px #f7f7f7;
    box-shadow				: 0px 0px 2px 4px #f7f7f7;
    border					: 1px solid #e0e0e0;
    outline					: none !important;
    color					: #0f2133;
    padding-left			: 5px;
    border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
	background				: #f0f0f0;
}

.feedbackDropdown:focus {
	-moz-box-shadow			: 0px 0px 2px 4px #edf4fb;
    -webkit-box-shadow		: 0px 0px 2px 4px #edf4fb;
    box-shadow				: 0px 0px 2px 4px #edf4fb;
    border					: 1px solid #cbe2fc;
}

.feedbackInfoTextLarge {
	color					: #959BA2;
	font-size				: 20px;
	vertical-align			: bottom;
}

.feedbackInfoText {
	color					: #959BA2;
	font-size				: 14px;
	vertical-align			: bottom;
}

.feedbackInfoText2 {
	color					: #959BA2;
	font-size				: 14px;
	vertical-align			: top;
}

.feedbackTextAreaStyle {
	resize					: none;
    outline					: none;
    font-family				: "Helvetica Neue",sans-serif;
    box-shadow				: none;
    -webkit-box-shadow		: none;
    -moz-box-shadow			: none;
	width					: 495px;
	font-size				: 12px;
	color					: #000;
}

.feedbackPolicyLink {
	color					: #007aff;
	cursor					: pointer;
}

.feedbackOptRow {
	background				: #fff;
}

.feedbackOptRow:hover {
	background				: #007aff;
	color					: #fff;
}

.feedbackOptText {
	border					: 0;
	cursor					: pointer;
	padding-left			: 5px;
	vertical-align			: middle;
}

.feedbackDropDownListItems {
	width					: 496px;
}

.feedbackListDivStyle {
	overflow-x				: hidden;
	overflow-y				: scroll;
	max-height				: 154px;
	width					: 496px;
	border					: 1px solid #e0e0e0;
	background				: #fff;
	font-size				: 16px;
	z-index					: 3;
	position				: absolute;
	vertical-align			: middle;
}

.cancelFeedbackBtnClass {
	display					: inline-block;
	height					: 25px;
	min-width				: 120px;
	border-radius 			: 8px;
	-moz-border-radius		: 8px;
  	-webkit-border-radius	: 8px;
	padding-top				: 8px;
	text-align				: center;
	font-size				: 19px;
	text-decoration			: none;
	background-color        : #bfc6d0;
	color                   : #fff;
	line-height				: 16px;
	cursor					: pointer;
	border					: 4px solid #fff;
}

.cancelFeedbackBtnClass:hover {
	border					: 4px solid #edf4fb;
}

.cancelFeedbackBtnClass:active {
	background-color        : #999ea6;
}

.disabledFeedbackBtnClass {
	display					: inline-block;
	height					: 25px;
	min-width				: 120px;
	border-radius 			: 8px;
	-moz-border-radius		: 8px;
  	-webkit-border-radius	: 8px;
	padding-top				: 8px;
	padding-left			: 8px;
	padding-right			: 8px;
	text-align				: center;
	font-size				: 19px;
	text-decoration			: none;
	background-color        : #d9eaff;
	color                   : #fff;
	line-height				: 16px;
	cursor					: default;
	border					: 4px solid #fff;
}

.enabledFeebackBtnClass {
	display					: inline-block;
	height					: 25px;
	min-width				: 120px;
	border-radius 			: 8px;
	-moz-border-radius		: 8px;
  	-webkit-border-radius	: 8px;
	padding-top				: 8px;
	padding-left			: 8px;
	padding-right			: 8px;
	text-align				: center;
	font-size				: 19px;
	text-decoration			: none;
	background-color        : #007aff;
	color                   : #fff;
	line-height				: 16px;
	cursor					: pointer;
	border					: 4px solid #fff;
}

.enabledFeebackBtnClass:hover {
	border					: 4px solid #edf4fb;
}

.enabledFeebackBtnClass:active {
	background-color        : #005bcc;
}

.feedbackTooltipDivCoverClass {
	font-weight				: normal;
	font-size				: 15px;
	line-height				: 16px;
	text-align				: center;
	width					: 246px;
	height					: 45px;
	position        		: absolute;
	z-index					: 15;
	top						: 40px;
	outline					: none;
	left					: 3px;
	border   				: 1px solid #e1d1ad;
    padding-top				: 5px; 
    padding-left			: 10px;
    padding-bottom			: 5px;
    padding-right			: 10px;
    text-align 				: left;
    vertical-align 			: top;
    background				: #fff1d2;
	color					: #715824;
    overflow				: none ;
    display					: none;
}

.feedbackTooltipDivCoverClass:before{ 
	content		: '';
	display		: block;
	position	: absolute;
	left		: 140px;
    top 		: 55px ;
	width		: 0;
	height		: 0;
	border-color: transparent transparent #e1d1ad transparent; 
	border-style: solid;
	border-width: 11px;
	
	
    transform:         rotate( 180deg ) skew( 0deg );
    -moz-transform:    rotate( 180deg ) skew( 0deg );
    -ms-transform:     rotate( 180deg ) skew( 0deg );
    -o-transform:      rotate( 180deg ) skew( 0deg );
    -webkit-transform: rotate( 180deg ) skew( 0deg );
}

.feedbackTooltipDivCoverClass:after { 
	content			: '';
	display			: block;
	position		: absolute;
	left			: 140px;
    top 			: 54px ;
	width			: 0;
	height			: 0;
	border-color	: transparent transparent #fff1d2 transparent;
	border-style	: solid;
	border-width	: 11px;
	
        
    transform:         rotate( 180deg ) skew( 0deg );
    -moz-transform:    rotate( 180deg ) skew( 0deg );
    -ms-transform:     rotate( 180deg ) skew( 0deg );
    -o-transform:      rotate( 180deg ) skew( 0deg );
    -webkit-transform: rotate( 180deg ) skew( 0deg );
}
 
#feedbackSpinnerImg {
	display			: inline;
	top				: 5px;
	position		: relative;
	vertical-align	: top;
}

.commonBorderBottomFeedback {
	border-bottom			: 1px solid #E6E7E9;	
}

.popUpHeaderFeedback {
	border-bottom			: 1px solid	#DFDFDF;
	font-size				: 24px;
	color					: #26292F;
	vertical-align			: top;
}

.droparrowFeedback {
	position				: relative;
	top						: 5px;
	right					: 66px;
	width					: 12px;
	height					: 8px;	
	cursor					: pointer;	
	width					: 13px;
	height					: 7px;
	border					: 0px solid #000;
	padding-left			: 40px;
	padding-right			: 8px;
	padding-top				: 7px;
	padding-bottom			: 6px;
}