/*This is the stable version of the mobile CSS. If you would like to tweak and test things, go to salesdemo3 and play with those get answer widgets. 3.14.2014. It is only for use within the getAnswers widget.*/

/*Media Query Stuff - Tablet*/

.widgetHPwrapper  {padding:23px 5px;}
.pnlSearch {max-width:1030px!important;}
.pnlSearch .searchText {width: 91%;}
select.lstTopics + div.searchText {width: 69%;}
.pnlSearch .cpSearchGoBtn {margin: -4px 0 5px 1em;}
.cpPathButtons li a.specialButton {min-width: 142px;} 

/*Top Pagination, bg color*/	
.widget .box-container img.previous { 
	background: url(../images/mobile/pagination.png) -57px -7px no-repeat;
	height: 35px;
	width: 35px;
	margin:-14px 0 -11px 0;
	display:inline-block;
}
.widget .rightContainer .pagination img.previous {  background: url(../images/globalsprite.png) no-repeat -25px -50px;height: 18px; width: 18px;}	
	.widget .pageNav .rightContainer .pagination {z-index: 500; margin:5px 0 0 0!important;float:right;display:inline-block!important;}
.widget .showPaginationInfo {display: inline-block!important;white-space: nowrap;margin:0 6px 0 0!important;z-index: 1;}
	/*Bottom Page Navigation More Answers, support inbox, can't find it*/
	.widget .pageNav .box-item {position:relative;}
	.widget .box-item .specialButton {margin-top:10px!important;}
	.widget .pageNav .box-item .pagination {padding:0!important;margin:0!important;}
	.widget .box-item a.support-inbox {height:36px;width:40px;margin:-4px 5px 0 0!important;position:relative;}
	.widget .box-item a.support-inbox img {position:absolute;bottom:0;left:0;}
	.widget .box-item a.support-inbox span {position:absolute;right:0;top:7px;}
	.widget .box-item a.prevButton {display:inline-block;height:24px;width:40px;margin:0 0 -8px 0!important;}

@media only screen and (min-width: 720px) and (max-width:1039px) {
#wrapper {
	width: 720px;
}
.widget .searchReset {
	right: 4px;
}
.pnlSearch {
	max-width: 640px;
}
.pnlSearch .searchField {
	width: 100%;
}
.pnlSearch .searchText {
	width: 91%;
}
.widget .advancedWrapper {display:block;float:none;}
}

@media only screen and (max-width:719px) {
.kbsearch .topicsWrapper, .kbsearch .searchInputWrapper {
	background: none!important;
}
.widgetadvancedlink {
	margin: 0 0 12px;
}
.kbdetail, .kbsearch, .mypoints, .topcontributors, .fuzeForm {
	margin: 30px auto 0;
	max-width: 1010px;
	min-width: 200px;
	padding: 10px;
	position: relative;
	z-index: 1;
}
.kbsearch .widgetModeHeight {
	padding: 0;
	height: auto!important;
}
.searchWrapper .specialButton {
	padding: 8px 6px;
	margin: 0!important;
	-webkit-appearance:none!important;
}
.searchWrapper .myButton {
	padding: 8px 6px;
	margin: 0 0 0 7px!important;
}

/*Pagination*/
	.kbsearch .pageNav .count {
	margin-top: 22px!important;
	float: right;
	padding-right: 5px;
}
.kbsearch .topicClear {
	padding: 0;
}
.next {/*display:none;*/
	background: url(../images/mobile/pagination.png) -100px 0 no-repeat;
	height: 43px;
	width: 50px;
}
.beginning {/*display:none;*/
	background: url(../images/mobile/pagination.png) 0 0 no-repeat;
	height: 43px;
	width: 50px;
}
.widget .rightContainer .previous {
	background: url(../images/mobile/pagination.png) -57px -7px no-repeat!important;
	height: 36px!important;
	width: 35px!important;}
.end {/*display:none;*/
	background: url(../images/mobile/pagination.png) -150px 0 no-repeat!important;
	height:43px;
	width: 50px;
}

/*Topics Tree Updates*/
.jquery-tree li img {
	clear: left;
	padding: 6px;
	/*border: solid 1px #ccc!important;*/
	margin-right: 2px;
}
.jquery-tree .parent .noimgli {
	padding-left: 32px;
}
.kbsearch .jquery-tree a {
	max-width: 115px;
}
.jquery-tree ul li ul li {
	padding: 0 0 0 64px !important;
}
.jquery-tree ul li ul li ul li {
	padding: 0 0 0 79px !important;
}
.jquery-tree ul li ul li ul li ul li {
	padding: 0 0 0 113px !important;
}
.cantFindItWrapper {min-width:0; width:92%;margin:15px auto 0;}
.cantFindItWrapper label {line-height:1.5em;}

/*Adv Search*/
.kbsearch .advOptions {min-width:300px;padding-bottom:72px; }
.kbsearch .searchInputWrapper .advOptions .leftContainer {    width: 96%;}
.searchInputWrapper .advOptions label {   line-height: 2em !important;} 


.kbsearch .jquery-tree a.highlightLabelCat {max-width: 88%;} /*Topic name wrapping*/
	
	
	
}

/*widths skinnier than 641px*/
@media only screen and (max-width : 641px ) {
	
	/*.widget .pageNav .myButton.cfiButton {display:inline-block;margin:7px 0 0 0!important;float:right;}*/
.innerToolbar .linkMO, .innerToolbar .infoMO, .innerToolbar .innerToolbar .commentsMO, .widgetadvancedlink {
	display: none!important;
}
.printMO {
		display: none;
}
.innerToolbar .alertsMO {
		border: none !important;
}
body {
	margin: 0;
	padding: 0;
	font-size: 110%!important;
	line-height: 1.2em;
}
.kbdetail, .kbsearch, .mypoints, .topcontributors, .fuzeForm {
	margin: 20px auto 0;
}
.kbsearch .results .itemSort, .kbsearch .results ul li img {
	display: none;
}
.kbsearch .jquery-tree {
	font-size: 14px!important;
}
.kbsearch .highlightLabelCat {
	font-size: 13px!important;
}
.kbsearch .topicsWrapper {
	position: relative;
	z-index: 5000;
	width: 100%!important;
	max-width: 100%!important;
	min-width: 100%!important;
}
.kbsearch .searchWrapper {
	float: none;
	width: auto;
}
.kbsearch .searchField, .kbsearch .label {
	/*font-size: 14px; local Update*/ 
	min-height: 25px;
}
.kbsearch .label {
	font-size: 18px!important; 
}
.widget .searchReset {
	background-position: center center;
	height: 35px!important;
	right: 10px!important;
	top: 0!important;
	width: 35px!important;
}
.kbsearch .searchText {
	width: 86%;
}
.open .rightBox {
	width: 100%;
}
.kbsearch .pageNav h3 {
	width: 100%;
	max-width: 100%;
	float: none;
}
.kbsearch .topicClear {
	float:right;
	font-size:14px;
}

.rightBox {
	margin-top: 0!important;
}
.suggestion {
	position: relative!important;
	top: 0!important;
	border-radius: 3px!important;
	width: 98%!important;
	font-size: 110%;
}

.suggestion #entermsg 
{
    display:none;
}
#suggestion0 img {
	display: none!important;
}
.suggestion UL LI {
	margin: 8px 3px;
}
.close-button {
	right: -8px;
	top: -8px!important;
}
.kbsearch .pageNav .count {/*LOCAL UPDATE*/
	margin-top: 5px;
}
.widget .pageNav .rightContainer {
	/*width: 35%;
    padding-top: 5px;
	width:100%!important;*/
	text-align: right;
}
	.BackToTopButton {margin-bottom:88px;}
.kbsearch .pageNav .rightContainer .specialButton {
	/*float: right;*/
}
/*Simple Detail Icons, Items to hide at a small size*/
/*.widgetadvancedlink, .tools-wrapper, .simpleDnav .rightContainer, .support-inbox {
	display: none!important;
}*/
/*Topics Tree Alterations*/
.jquery-tree .parent .previewimg {
	display: none!important;
}
.jquery-tree .parent .ui-li-count, .jquery-tree .parent .ui-li-countActive {
	right: 7px!important;
	margin-top: 10px;
	top: 0!important;
}
.jquery-tree ul li {
    white-space:nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
}
.kbsearch .levels li {
	padding: 5px;
	margin: 0 5px!important;
}
.kbsearch .jquery-tree a {
	line-height: 31px;
}
.jquery-tree ul li ul li ul li ul {
	margin: 0 0 0 -68px !important;
}
.kbsearch .categoryTreeDisplay {
	border: 1px solid #C0C0C0!important;
}
/*Contact Us Alterations*/
.pageNav {
	min-height: 28px;
}
.rightBox .pageNav a.whitelabellink {
	margin: 10px 0 0 0;
	z-index: 500;
	position: relative;
	float:none;
}
/*.widget .support-inbox {margin-right:16px;}
	.widget .box-item .pagination {margin-top:-6px;}
	.widget .box-item .pagination .specialButton {margin:0!important}*/
.fuzeForm {
	max-width: 94%;
	width: 94%;
	min-width: 94%;
	margin: 10px auto!important;
}
.fuzeForm #ContactUsThankYouMessage {
    width:94%;
}
.fuzeForm .introText {
	line-height: 1.7em;
	padding: 0 0 7px;
}
.fuzeForm .fContact input {
	margin-bottom: 0!important;
	width: 100%;
}
.fuzeForm select, .fuzeForm label, .fuzeForm .fContact input {
	font-size: 1em;
}
.customFieldsOn label 
{
    width:auto;
}
.fuzeForm textarea {
	width: 97%;
}
.half .fContact div, .sensitiveContainer div {
    width: 96% !important;
}
.bart .fCallback {
	margin-top:0!important;
}
.fuzeForm .fRegistered {
	/*display: none!important;*/
}
.relatedMO .arrow-container {
	left: -264px;
	position:absolute;
	top: 12px;
}
.rateMO .arrow-container {
	left: -230px;
	position:absolute;
	top: 12px;
}
.rateMO .arrow-left {
	right: 52px;
}
.relatedMO .arrow-left {
	right: 17px;
}
.cantFindItWrapper .widCantfindit select, .cantFindItWrapper .widCantfindit textarea {width:95%;}
}


@media only screen and (max-width : 609px ) {
.widget .box-item .support-inbox {
	margin-top: -3px!important;
	margin-right: 15px!important;
}
.widget .pageNav  .box-container .box-item .specialButton[value="Contact Us"] {
	position:absolute;
	bottom: 0;
	left: 0;
}
.kbsearch.widget .pageNav .box-container .box-item .specialButton[value="More Answers"] {
	margin-left: 15px!important;white-space: nowrap;
}
	.kbsearch.widget .pageNav .box-container .box-item .specialButton {
	white-space: nowrap!important;
}/*
.kbsearch.widget .pageNav .box-item .previous {
	margin-top: -10px!important;
}
.kbsearch.widget .pageNav .box-item:nth-child(3) {
	height: 55px;
}
.kbsearch.widget .pageNav .box-item:nth-child(3) .specialButton {
	position:absolute;
	bottom: 0;
	right: 0;
}*/
}

@media only screen and (max-width : 499px ) {
	.widget .showPaginationInfo {margin:23px 6px 0 0!important;z-index: 1;}
	.loginWrapper div, .loginBottom div, .forgotEmailSubmit {margin-bottom:0!important;}
		div.box-border-shadow {margin-bottom:1em!important;}
    .widget .pageNav .rightContainer {width: 100%;float: none;}
	
	/*.widget .pagenav .box-item {width:100%;display:block;}*/
		.box-item {max-width:120px;height:71px;position:relative;}
	.box-item:nth-child(1) .whitelabellink {position:absolute!important;bottom:0;left:0;}
	.box-item:last-child {max-width:100%;}
	.box-item .specialButton {position:absolute;bottom:0;right:0;margin:0;}
	.box-item .specialButton:active {position:absolute;bottom:0;right:0;margin:0;}
	.box-item img.previous {margin:0!important;position:absolute; top:0;right:0;}
	.box-item .cfiButton {position:absolute;bottom:0;left:15px;margin:0;white-space: nowrap;}
	/*
	.pageNav .box-container .box-item a.whitelabellink, .pageNav .box-container .box-item .pagination a.specialButton {margin:1em 0 0 0;}
	.widget .box-container img.previous {margin:-3px 3px 0 0;}
	.widget .box-item a.prevButton {margin:0 0 3px 0!important;}
	.widget .myButton.cfiButton {margin:1em 0 0 0!important;}*/
	
	
}


@media only screen and (max-width : 361px ) {
/*Form Classes for Mobile*/
	.mpq_email label {display:block;}
.mpq_blockedusers {display:none;}
	.fuzeForm .fSensitive label {display:block;}
.fSensitive .rblSQ label {display:inline-block;width:90%;}

#addressDisplay td {display:block;text-align:left;} 

	.fuzeForm textarea { width: 92%!important;}
    .fuzeForm .fContact input[type="text"], .fuzeForm select {width: 96%!important;}
    .fuzeForm div.fContact div.fBorder {width: 92% !important;}
	.fuzeForm .fRating .leftContainer {position:relative;width:100%;text-align:center;}
	.ratingtext-left {top:0;left:0;position:absolute;}
	.ratingtext-right {top:0;right:0;position:absolute;}
	.fuzeForm .fStars {margin:40px auto 0!important;float:none!important;display:inline-block;position:relative;}
	.fuzeForm #ratingVal {margin:0 auto!important;} 
	.ui-dialog {max-width:320px;}
.tools-wrapper .leftContainer {float:none!important;width:100%!important;}
.tools-wrapper .rightContainer {clear:left!important;float:none;}
.rateMO .arrow-container {left: -12px;}
.rateMO .arrow-left {    left: 7px;}
.relatedMO .arrow-container {   left: -45px;}
.relatedMO .arrow-left {   left: 45px;}
	/*Bottom BG Color section*/
	.pageNav .box-container .box-item a.whitelabellink, .box-container .box-item .myButton {position:relative;bottom:0!important;}
	 .pageNav .box-container .box-item .pagination a.specialButton {position:absolute;bottom:0!important;}
	
	
}
@media only screen and (max-width : 321px ) {
.tools-wrapper .leftContainer {float:none;display:block;clear:both;width:100%;}
/*Rating Related start*/
/*rating related end*/
.kbsearch .searchText {
	width: 85%;
}
.widget .searchReset {
	right: 0!important;
}
.kbsearch .rightBox {
	margin-top: 0!important;
}

	.pageNav .box-container .box-item a.whitelabellink, .box-container .box-item .myButton {position:relative;bottom:0!important;}
	
	.pageNav .box-container .box-item a.whitelabellink {left:0!important;}
	.pageNav .box-container .box-item .pagination a.specialButton  {right:0!important;}
/*.kbsearch .pageNav .pagination { 
    margin: 11px 0 -3px;
} */
} /* END max-width : 320px */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
	.kbsearch .advOptions {
    		min-width: 260px;
    		padding-bottom: 72px;
	}
}