.sprint #deviceSelectorWrapper{
	z-index:10;
}
.sprint #deviceSelector{
	font-size:11px;
}

.sprint #deviceSelector .currentDevice {
	width:556px;
}
.sprint #deviceSelector .selectorWrapper {
	width:255px;
}

.sprint #deviceSelector .noDevice {
	width:100%;
	position: relative;
	top:-.45em;
	letter-spacing:-.007em;
	padding:7px 0 15px 0;
	overflow: visible;
	background:transparent url(/global/images/support/bgd_account_showUsDevlice_arrow.gif) no-repeat 0 8px;
}
.sprint  #deviceSelector .noDevice  img{
	position: relative;
	top: 8px;
	padding: 0 10px;
}

.sprint  #deviceSelector .noDevice  div{
	margin: -0.8em 0 0 43px;
	line-height: 1.15em;
	font-size: 1.27em;
	font-style: normal;
	color: #333;
}

.sprint  #deviceSelector  h3.selectedDevice {
	position: relative;
	top: -0.35em;
	font-size: 1.2727em;
	font-style: normal;
	color: #333;
	border: 0;
	padding: 15px 0px 0px 50px;
	background:none;
}
.sprint  #deviceSelector  h3.selectedDevice img {
	position: absolute;
	top: -44px;
	left: -12px;	
}



/* device selector disclosure for phone selector - override default disclosure styles */
.sprint  #deviceSelector .accountSelector{
	float: right;
	width: 261px;
	position: relative;
	top: -5px;
	left: 10px;
	z-index: 50;
	min-height: 31px;
	background: transparent url(/global/images/support/bgd_device_selector_closed.gif) no-repeat 3px 0;
	border:none;
}
/* 
	This style for formErrors was copied from global css (default.css).
	I didn't want to add a specific case for this compnent to global 
*/
.sprint  #deviceSelector .accountSelector ul.formErrors {
	background: transparent url(/global/images/icons/ico_error_sml.gif) no-repeat 0 0.5454em;
	border-bottom: 0;
	margin: 0 0 0.75em;
	padding: 0.3em 0 0.1em 22px;
}
.sprint  #deviceSelector .accountSelector.disclosureClosed .disclosureClosedWrapper {
	padding-bottom: 0.75em;
	background: transparent url(/global/images/support/bgd_device_selector_closed_bottom.gif) no-repeat 3px bottom;
	zoom: 1;
}

.sprint  #deviceSelector .accountSelector.disclosureOpen {
	background: transparent url(/global/images/support/bgd_device_selector_open.gif) no-repeat 0 -3px;
	margin-bottom: .75em;
}
.sprint  #deviceSelector .accountSelector h4.disclosureTitle {
	color: #333;
	font-style: normal;
	font-size: 1em;
	padding: 1.2em 16px 0em 55px;
	margin-right: 22px;
	margin-bottom: .7em;
	position: relative;
	zoom: 1;
}

.sprint  #deviceSelector .accountSelector .deviceSelected h4.disclosureTitle{
	padding-left: 89px;
}
.sprint  #deviceSelector .accountSelector h4.disclosureTitle img {
	position: absolute;
	top: -1.25em;
	z-index: 75;
	left: -3px;
}
.sprint  #deviceSelector .accountSelector .deviceSelected h4.disclosureTitle img {
	z-index: 75;
}
.sprint  #deviceSelector .accountSelector.disclosureClosed a.disclosureToggle {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 0.85em;
	right: 5px;
	text-indent: -9999px;
	z-index: 5;
	background: transparent url(/global/images/template/widgets/device_selector/device_selector_closed.gif) no-repeat 0% 50%;
}
.sprint  #deviceSelector .accountSelector.disclosureOpen a.disclosureToggle {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 0.85em;
	right: 5px;
	text-indent: -9999px;
	z-index: 5;
	background: transparent url(/global/images/template/widgets/device_selector/device_selector_open.gif) no-repeat 0% 50%;
}
/* Styles content area and contains top rounded corner areas */
.sprint  #deviceSelector .accountSelector .disclosureContent {
	position: absolute; 
	width: 260px;
	z-index:1000;
	padding-bottom: 6px;
	background: transparent url(/global/images/support/bgd_device_selector_open.gif) no-repeat bottom left;
}

.sprint  #deviceSelector .accountSelector  .currentDevice  h3.selectedDevice{
	_padding-bottom: 0.1em;	/* hack to fix ie6 */
}

/* form styles for #frmFindSupport (within disclosure) */
.sprint  #deviceSelector .accountSelector .disclosureContent .inner{
	padding: 1.25em 18px;
	margin-top: 0.7em;
	background: transparent url(/global/images/support/bgd_deviceselect_content.jpg) no-repeat 3px 0;
}
.sprint  #deviceSelector .accountSelector .disclosureContent .phoneSelectTitle{
	font-size: 1em;
	margin-bottom:0;
	font-weight: bold;
	color: #333;
}
.sprint  #deviceSelector .accountSelector .disclosureContent .deviceSelectorAccountSelect,
.sprint  #deviceSelector .accountSelector .disclosureContent form,
.sprint  #deviceSelector .accountSelector .disclosureContent .manufacturerSelectSection,
.sprint  #deviceSelector .accountSelector .disclosureContent .orWrapper{
	width: 234px;
}
.sprint  #deviceSelector .accountSelector .disclosureContent .manufacturerSelectSection{
	margin-bottom: 1em;
}
.sprint  #deviceSelector .accountSelector .disclosureContent .orWrapper{
	width:100%;
	background: transparent url(/global/images/template/common/bgd_dotted_line.gif) repeat-x center left;
	margin:.7em 0; 
}
.sprint  #deviceSelector .accountSelector .disclosureContent .orWrapper .orText {
	width:100%;
	text-align:center;
}
.sprint  #deviceSelector .accountSelector .disclosureContent .orWrapper .orText span {
	width:25px;
	background:#fff;
	padding:0 10px;
}
.sprint  #deviceSelector .accountSelector .disclosureContent .deviceSelectorAccountSelect {
	overflow: scroll;
	overflow-x: hidden;
	max-height:218px;
	margin:.7em 0; 
	position: relative;
	padding:0;
	width:223px;
}
.sprint  #deviceSelector .accountSelector #txtCustPhoneNumDS,
.sprint  #deviceSelector .accountSelector #btnSendPhoneNumDS {
	float: left;
	margin: 0.4em 8px 0 0;
	line-height: 0.8em;
}
.sprint  #deviceSelector .accountSelector #txtCustPhoneNumDS {
	width: 162px;
	
}
.sprint  #deviceSelector .accountSelector #selPhoneManufacturer,
.sprint  #deviceSelector .accountSelector #selPhoneModel {
	margin: 0.5em 0 0 0;
}
.sprint  #deviceSelector .accountSelector #selectorSelManufacturer {
	margin: 8px 0;
	width: 200px;
}

.sprint  #deviceSelector  #clearContainer{
	margin-top:15px;
	font-weight:bold;
	display:none;
}
.sprint  #deviceSelector  #clearContainer a{
	font-weight:bold;
}


/* device selector modal styles */
.sprint #DSModal{
	font-size:11px;
}

.sprint #DSContentContainer #DSmodalCarouselContainer{
	width:590px;
	padding:0 67px;
}
/* carousel items */
.sprint #DSContentContainer #DSmodalCarouselPhonesContainer{
	position:relative;
	height:180px;
	width:590px;
	margin-bottom:5px;
	overflow:hidden;
}
.sprint #DSContentContainer ul.DSphoneCarouselItems{
	position:absolute;
	height:180px;
}
.sprint #DSContentContainer ul.DSphoneCarouselItems li{
	width:108px;
	height:180px;
	overflow:hidden;
	margin:0 5px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.sprint #DSContentContainer ul.DSphoneCarouselItems li img{
	display:block;
	width:75px;
	height:130px;
	margin:0 auto;
}
.sprint #DSContentContainer ul.DSphoneCarouselItems li span.deviceName {
    display: block;
    font-style: italic !important;
    padding: 0 10px 0 6px;
    position: relative;
    text-align: center;
    top: -5px;
}
/* carousel counter */
.sprint #DSContentContainer #DSmodalCarouselCounterContainer{
	text-align:center;
	color:#999;
	font-size:1.1em;
	margin-bottom:10px;
}
.sprint #DSContentContainer .headerWrapperPrimary{
	margin-bottom:5px;
}
.sprint #DSContentContainer #DScategoriesContainer{
	width:450px;
	background-position:175px -20px;
	float:left;
	~background-position:190px -20px;
}
.sprint #DSContentContainer #DSmodalManufacturerList{
	width:180px;
	margin:5px 30px 5px 0;
}
.sprint #DSContentContainer #DSmodalManufacturersList option{
	font-size:8pt !important;
}
.sprint #DSContentContainer #DSmodalManufacturerList label{
	float:left;
	margin-top:3px;
	display:block;
}
.sprint #DSContentContainer #DSmodalSearchContainer{
	width:210px;
	margin:5px 30px 5px 0;
}
.sprint #DSContentContainer #DSmodalSearchBox{
	width:120px;
}

.sprint #DSContentContainer #DSmodalSearchContainer label{
	float:left;
	margin:3px 0 0 0;
}

.sprint #DSContentContainer #DSstatus{
	text-decoration:none;
	margin:15px 0;
	border:none;
}

.sprint #DSContentContainer #filterWrapper{
	position:relative;
	float:left;
	width:130px;
	margin:5px 20px 5px 0;
	z-index:1000;
}
.sprint #DSContentContainer #filterWrapper a.flyout span{
	font-weight:bold;
}
.sprint #DSContentContainer #filterWrapper #filterContainer{
	width:300px;
	z-index:1000;
	top:25px;
	left:0;
	position:absolute;
}
.sprint #DSContentContainer #filterWrapper #filterContainer .moduleDefault{
	margin:0;
}
.sprint #DSContentContainer #filterWrapper #filterContainer .filterGroup{
	padding:0 0 5px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

.sprint #DSContentContainer #filterWrapper #filterContainer .filterGroup h4{
	color:#003366;
	margin-bottom:3px;
}
.sprint #DSContentContainer #filterWrapper #filterContainer .filterGroup div.item{
	width:80px;
	margin-right:7px;
	float:left;
}
.sprint #DSContentContainer #filterWrapper #filterContainer .filterGroup div.item input{
	float:left;
	margin-right:5px;
	width:15px;
	vertical-align:top;
}
.sprint #DSContentContainer #filterWrapper #filterContainer .filterGroup div.item span{
	width:60px;
	display:block;
	float:left;
	vertical-align:top;
}

.sprint #DSContentContainer #filterWrapper #filterContainer .last{
	border-bottom:none !important;
}

.sprint #DSContentContainer #filterWrapper #filterContainer div.clearFilters{
	text-align:right;
}
.sprint #DSContentContainer #filterWrapper #filterContainer div.clearFilters span{
	cursor:pointer;
	color:#1C94C3;
	font-weight:bold;
}


.sprint #DSContentContainer #sortWrapper{
	margin:5px 0;
	padding:3px;
	float:left; 
	width:120px;
	~width:130px;
}
.sprint #DSContentContainer #sortWrapper select{
	margin-left:5px;
}

.sprint #DSContentContainer .searchType{
	margin:7px 5px 0 0;
	float:left;
}
.sprint #DSContentContainer #DSmodalExtraContainer{
	margin-top:15px;
}



/* START: Generic Flyout Styles
---------------------------------------------------------*/
.sprint ul.hasFlyout li {
 	padding-bottom: 2px;
}

.sprint ul li.hasFlyout {
	position: relative;
 	/* ie6.css, ie7.css */
}

.sprint ul.hasFlyout a {
	/* display: inline !important; */
	display: inline-block !important;
}

.sprint div.flyoutInfo {
	background: transparent url(/global/images/template/common/bgd_flyout_dropshadow_support.png) bottom right no-repeat;
	padding: 0px 2px 3px 0px;
	margin-top: -2px;
}

/* Default state of flyout link looks just like regular link in a default list */
.sprint a.flyout:link,
.sprint a.flyout:visited { 
	float: left;
	position: relative;
	font: 1em/0.8 Arial, Helvetica, sans-serif;
	margin: 0;
}

/* .flyoutOpen class added with jQuery on click */
.sprint a.flyout:hover,
.sprint a.flyout:focus,
.sprint a.flyout:active,
.sprint a.flyoutOpen {
	background: transparent url(/global/images/template/common/bgd_flyout.gif) no-repeat  !important;
	text-decoration: none;
	z-index: 51;
	zoom: 1;
	/* pseudo-classes for a.flyoutOpen defined in ie6.css */
}

.sprint a.flyout * {
	display: block;
}

.sprint a.flyout:link span,
.sprint a.flyout:visited span { 
	padding: 5px 0 0; 
}

.sprint a.flyout:hover span,
.sprint a.flyout:focus span,
.sprint a.flyout:active span,
.sprint a.flyoutOpen:link span {
	background: transparent url(/global/images/template/common/bgd_flyout_corners.gif) no-repeat right top;
	/* adjustments in support_ie6.css and support_ie7.css */
}

.sprint a.flyout:link span span,
.sprint a.flyout:visited span span { 
	padding: 0 0 0 6px;
	border: 0;
}

.sprint a.flyout:hover span span,
.sprint a.flyout:focus span span,
.sprint a.flyout:active span span {
	background: transparent url(/global/images/template/common/bgd_flyout.gif) no-repeat left bottom;
	/* pseudo-classes defined in support_ie6.css for a.flyoutOpen */
}

.sprint a.flyoutOpen:link span span {
	background: none;
	/* !important required in ie8 */
}
.sprint a.flyoutOpen span span.showFlyoutInfo {
	background: none;
	/* pseudoclasses in ie6.css */
}

.sprint a.flyout:link span span span,
.sprint a.flyout:visited span span span {
	padding: 0 0 4px;
	/* ie6-specific adjustment */
}

.sprint a.flyout:hover span span span,
.sprint a.flyout:focus span span span,
.sprint a.flyout:active span span span {
	background: url(/global/images/template/common/bgd_flyout_corners.gif) no-repeat right bottom;
}

.sprint a.flyoutOpen:link span span span {
	background: none;
	/* pseudo-classes defined in ie6.css for a.flyoutOpen */
}
.sprint a.flyoutOpen span span span.showFlyoutInfo {
	background: none;
}

.sprint a.flyout:link span span span span,
.sprint a.flyout:visited span span span span {
	padding: 0.2727em 33px 0.2727em 5px;
	/* adjustment in support_ie6.css */
}

.sprint a.flyout:hover span span span span,
.sprint a.flyout:focus span span span span,
.sprint a.flyout:active span span span span,
.sprint a.flyoutOpen:link span span span span {
	background: url(/global/images/template/common/bgd_flyout.gif) no-repeat right -3px;
	/* pseudo-classes defined in support_ie.css for a.flyoutOpen */
}

.sprint a.flyout img.toggleArrow {
	float: right;
	margin-left: 11px;
}
.sprint a.flyout_converted img.toggleArrow {
	position: absolute !important;
	top: 0.5em;
	float: none;
	margin-left: 0;
	right: 11px !important;
	/* ie6.css overrides on position */
}

/* END: Generic Flyout Styles
---------------------------------------------------------*/
