/************************

(Rename this file rename the reference to it as needed.)

Any new layout done in the provided framework must use CSS for layout purposes with tables reserved for tabular data.

Place your CSS below.

************************/

.exampleSelectorName01 { width:100px; } /* class="exampleSelector01" */
#exampleSelectorName02 { width:100px; } /* id="exampleSelector02" */

/* Disable dragging of elements in Safari, interferes with javascript for zoom control */
input { -webkit-user-drag: none; }

/* This select rule was added with re-branding effort on 7-2-07 because the new stylesheets did not apply the 
   font rule to selects, plus they added a large bottom and right margin to them.
*/
select {
	margin:0 0 0 0 !important;
	font-size:11px !important; 
	font-family: arial, helvetica, sans-serif  !important; 
	color: #000;
}

.swatchold { font-size: 8px; border: 1px solid black; padding-left: 10px; margin-right:5px; }

.swatch { font-size: 8px; border: 1px solid black; padding-left: 10px; margin-right:5px; }

.cube { position:relative; top:4px; left:4px; margin-right:5px; }

.legendcoverage { 
	border:2px solid black;
	background-color:#FFF8BE;
}
/*	background-color:#FFF8BE; */

html, body, td, th, table, input {
	font-family: arial, helvetica, sans-serif !important;
}

#tabs td span {
	font-style: italic;
	font-size: 14px !important;
}

#tabs {
	margin-bottom:-3px;
/*
	background-color:white;
	border-bottom:1px solid #DFDFDF;
*/
}

#tabs span {
	
	font-style: italic;
	font-size: 14px !important;
	line-height: 31px;
	margin-left:-2px !important;
	cursor:pointer; 
	padding:7px; 
	border:1px solid gray; 
	border-bottom:none; 
	background-position:bottom; 
	background-repeat:repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
	
}

.vertical-line {
  border-left: 1px solid #000000;
  height: 80px;
  width: 1px;
  }

.popupalternative {
 display:none;
 }

/* Necessary to put space between columns on compare without putting vertical space between rows or restructuring table */
.compareCol {
 padding-left:15px !important;
 padding-right:15px !important;
 border:0px solid red;
 }

.drawerlabel { 
	font-size:18px !important; 
	font-family: arial, helvetica, sans-serif  
}

.grid {border:1px solid black;}
.grid td { border:1px solid black; }

.tab_begin{clear:both; float:left; width: 15px; height: 32px; background:url(images/selected_tab_left.png) no-repeat; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.tab_middle{clear:both; float:left; width: auto; height: 32px; background:url(images/selected_tab_middle.png) repeat-x; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.tab_end{clear:both; float:left; width: 15px; height: 32px; background:url(images/selected_tab_right.png) no-repeat; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.legendarea {
	padding-top:20px;
	padding-left:20px;
	width:320px;
}

.legendarea-old {
	border-top:1px solid gray; 
	border:1px solid gray; 
	margin-top:3px;
	margin:3px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:4px; 
	background-color:#F5F5F5;
}

.legendTable {
font-family: arial, helvetica, sans-serif;
	
}

.legenditem { 
	color: #666666;
	font-size: 11px;
	vertical-align:top; /*bottom*/
}
/* line-height:1.2em; */

.legendItemBold {
	font-size:14px;
	font-weight: regular;
	color: #141414;
}

.legendItemLabel {
	font-size:14px;
	font-weight: regular;
	color: #333333;
	padding-top: 9px;
}

.legendItemHeading {
	font-size:14px;
	font-weight: regular;
	color: #333333;
	padding-top:8px;
}

.legendItemIndent {
	padding-left:20px;
}

.legendTable100 {
	width:100%;
}

.legendTable100 td {
	
}

.legendCol1 {
	width:32px;
}

.ruledheader1 {
	border-bottom-style: groove; /*ridge*/
	border-bottom-width: 2px;
	border-bottom-color: #333333;
	padding-bottom:2px;
}

.ruledheader {
	background-image:url(/images/rule.png); 
	/*background-image: url(/images/tabSliceSelected.jpg); */
	background-position:bottom; 
	background-repeat:repeat-x;
	padding-bottom:4px;
}

div.scroll {   
	height: 0px;
	width: 100%;
	overflow: auto;
	border-style: none;

	/* Firefox */
	-moz-transition: height 1s ease-out, opacity 1s ease;
	/* WebKit */
	-webkit-transition: height 0.5s ease, opacity 1s ease;
	/* Opera */
	-o-transition: height 1s ease-out, opacity 1s ease;
	/* Standard */
	transition: height 1s ease-out, opacity 1s ease;
}

#border-radius {
display: inline-block;
padding: 0px;
border: 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

/* Shorthand version */
#hello {
	display: inline-block;
	border: 1px dashed #000;
	padding: 10px;
	background: #ffffa2;
	height: 20px;
	opacity: 0.3;

	/* Firefox */
	-moz-transition: height 1s ease-out, opacity 1s ease;
	/* WebKit */
	-webkit-transition: height 1s ease-out, opacity 1s ease;
	/* Opera */
	-o-transition: height 1s ease-out, opacity 1s ease;
	/* Standard */
	transition: height 1s ease-out, opacity 1s ease;
}

#hello:hover {
	height: 40px;
	opacity: 1;
}


a { color:#148ab2; }
a:visited { color:#148ab2; }
a:visited sup { color:#148ab2; text-decoration:none; }
a:hover, a:focus { color:#666; }
a img { border:0; }

#addrTab a { font-size:9pt; color: #148AB2; text-decoration: none; }
#addrTab a:hover { color: #666666; text-decoration: underline; }
#addrForm input { vertical-align:middle; }
#addrForm select { vertical-align:middle; }
#addrForm td { vertical-align:middle; }

#zoomTab a { color: #148AB2; text-decoration: none; }
#zoomTab a:hover { color: #666666; text-decoration: underline; }

#zoomTab table { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab tr { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab td { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab img { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab input { padding-top:0px !important;padding-bottom:0px !important; }
#zoomTab input:focus { background-color:transparent !important; border:none !important; }

#impactHeading a { color: #148AB2; text-decoration: none; }
#impactHeading a:hover { color: #666666; text-decoration: underline; }

#impactRecenter a { color: #148AB2; text-decoration: none; }
#impactRecenter a:hover { color: #666666; text-decoration: underline; }


#contextLinks
{
    CLEAR: both;
    PADDING-RIGHT: 20px;
    MARGIN-TOP: 19px;
    PADDING-LEFT: 20px;
    BACKGROUND-IMAGE: url(i/bg-contextLinks.gif);
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: repeat-x
}
#contextLinks A:link
{
    COLOR: #148ab2;
    TEXT-DECORATION: none
}
#contextLinks A:visited
{
    COLOR: #148ab2;
    TEXT-DECORATION: none
}
#contextLinks A:hover
{
    COLOR: #666;
    TEXT-DECORATION: underline
}
#contextLinks A:active
{
    TEXT-DECORATION: none
}
#contextLinks UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contextLinks H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    COLOR: #666
}
#contextLinks H4
{
    DISPLAY: inline;
    FONT-SIZE: 11px;
    MARGIN-RIGHT: 16px
}
#contextLinks LI
{
    DISPLAY: inline;
    FONT-WEIGHT: bold
}
#contextLinks UL
{
    DISPLAY: inline;
    FONT-WEIGHT: bold
}
#contextLinks LI
{
    BACKGROUND-POSITION: 0px 4px;
    PADDING-LEFT: 13px;
    BACKGROUND-IMAGE: url(i/ulBullet-large.gif);
    MARGIN-RIGHT: 22px;
    BACKGROUND-REPEAT: no-repeat
}
#contextLinks #contextContent
{
    CLEAR: both;
    WIDTH: 721px
}


/*  For modals */
#modalHolder .modalChromeTopLeft {
background:url("http://www.sprint.com/global/images/template/widgets/modal/bgd_top_left.png") no-repeat scroll 0 0 transparent;
height:33px;
}

#modalHolder .modalChromeTopRight {
background:url("http://www.sprint.com/global/images/template/widgets/modal/bgd_top_right.png") no-repeat scroll 100% 0 transparent;
height:33px;
margin-left:48px;
position:relative;
}

#modalHolder .modalChromeTopRight .modalChromeCloseButton {
position:absolute;
right:17px;
top:13px;
}

#modalHolder .modalChromeLeft {
background:url("http://www.sprint.com/global/images/template/widgets/modal/bgd_left.png") repeat-y scroll 0 0 transparent;
}

#modalHolder .modalChromeBottomLeft {
background:url("http://www.sprint.com/global/images/template/widgets/modal/bgd_bottom_left.png") no-repeat scroll 0 0 transparent;
height:33px;
}

#modalHolder .modalChromeBottomRight {
background:url("http://www.sprint.com/global/images/template/widgets/modal/bgd_bottom_right.png") no-repeat scroll 100% 0 transparent;
height:33px;
margin-left:48px;
}

#modalHolder .modalChromeRight {
background:url("http://www.sprint.com/global/images/template/widgets/modal/bgd_right.png") repeat-y scroll 100% 0 transparent;
margin-left:48px;
padding-right:48px;
}


#modalHolder .modalContent {
background:none repeat scroll 0 0 #FFFFFF;
overflow:hidden;
margin-left:0px;
padding-bottom:10px;
padding-top:10px;
font-size: 14px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 1px solid #DFDFDF;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
	font-style: italic;
	font-size: 14px !important;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
background: transparent !important;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
border-bottom: 1px solid #DFDFDF;
color: #2d2b2b;
background: white url(/images/tabSliceUnSelected.jpg) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 0px;
text-decoration: none;

}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/images/tabSliceSelected.jpg); /*media/shadeactive.gif*/
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}