/********** 
Sherri Fleming - AvenueA | Razorfish - 4/6/07
**********/
body
{
margin: 0;
padding: 0 0 0 15px;
font-size: 80%;
background-color: #dbdee4;
color: #000;
font-family: verdana, geneva, sans-serif;
}

#page, #splash, #promotion
{
width: 965px;
min-width: 965px;
}
#page, #promotion, .block
{
background-color: #fff;
}

#debug
{
text-align: center;
}

#debug #header,
#debug #footer
{
background-color: green;
}

#debug .block .main
{
background-color: red;
}

#debug .block .index,
#debug .block .sidebar
{
background-color: yellow;
}

/* Index and Sidebar */
.block .index
{
width: 185px;
}
.block .sidebar
{
width: 185px;
}
.block .index
{
float: left;
}
.block .sidebar
{
float: right;
}

/* Index Clear */
.block .index-clear
{
margin: 0;
padding: 0;
background: transparent url(/Common/att_rev1/css/images/spacer_185x1_index_10x7.gif) top left repeat-y;
z-index: -1000;
}
/* Sidebar Clear */
.block .sidebar-clear
{
margin: 0;
padding: 0;
background: transparent url(/Common/att_rev1/css/images/spacer_185x1_sidebar_10x7.gif) top right repeat-y;
}
* html .block .index-clear,
* html .block .sidebar-clear
{
height: 1%;
}
/* Clear */
.block .clear
{
clear: both;
height: 1px;
font-size: 1px;
border: none;
margin: 0;
padding: 0;
background: transparent;
z-index: -1000;
}

/* Hat-tip: http://www.positioniseverything.net/explorer/doubled-margin.html */
/* If display:inline is present it breaks IE5.5! Remove it and it breaks IE6! */
* html .main
{
d\isplay: inline;/* Not for IE5.x eyes, thank you */
/* Remove OR add float:left and it breaks IE6! */
/* Add overflow:hidden below and Firefox moves main to the RIGHT of sidebar!? */
}

.main .content
{
float: left;
display: inline;
}

/* Italics */
/* Hat-tip: http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html .content
{
overflow: hidden;
o\verflow: visible;
width: 100%;
w\idth: auto;
he\ight: 1%;
}
/* */

/* Image */
img
{
border: 0;
background-color: transparent;
}
img.right 
{
float: right;
padding: 0 0 0 10px;
}
img.left
{
float: left;
padding: 0 10px 0 0;
}
img.center
{
text-align: center;
padding: 0 10px;
}

/* Link */
a:link,
a:visited,
a:active
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

a
{
color: #0a94d6;
}
a:visited
{
color: #999;
}

a.underline:link,
a.underline:visited,
a.underline:active
{
text-decoration: underline;
}
a.underline:hover
{
text-decoration: none;
}

/* Name, Phone #, trade/servicemarks, various tidbits */
.name, .company
{
font-weight: inherit;
}
.phone, .trademark, .servicemark
{
white-space: nowrap;
}
.footnote
{
font-size: .9em;
}

/* Date, time, time suffix (covering am/pm and time zone) */
.date
{
font-weight: bold;
white-space: nowrap;
}
.time
{
white-space: nowrap;
}
.time-suffix
{
font-size: smaller;
} 

/* "Hand Pointer" Cursor - TODO: Pick a better name, perhaps? */
.ch
{
cursor: pointer;
}

dl.faq dt
{
font-weight: bold;
}

ol.roman
{
list-style-type: lower-roman;
}

/* Forms */
form
{
margin: 0;
padding: 0;
}

.main form table.form-grid
{
width: 100%;
}

.main form table.form-grid td.right
{
text-align: right;
}

.main form table.form-grid,
.main form table.form-grid td
{
border: 0 !important;
padding: 2px 0 !important;
}

form fieldset
{
border: 0 solid transparent;
margin: 0;
padding: 0;
}
form fieldset,
form fieldset input,
form fieldset label,
form fieldset legend,
form fieldset radio,
form fieldset checkbox,
form fieldset select
{
font-size: 1em;
}

form fieldset label
{
font-weight: bold;
}

/* Name */
form fieldset input.fullname
{
width: 16em;
}

/* Phone Number */
form fieldset input.phone-area
{
width: 3em;
}
form fieldset input.phone-prefix
{
width: 3em;
}
form fieldset input.phone-line
{
width: 4em;
}
form fieldset input.phone-station
{
width: 6em;
}
form fieldset input.phone-country
{
width: 3em;
}
form fieldset input.phone-city
{
width: 3em;
}
form fieldset input.phone-us
{
width: 16em;
}
form fieldset input.phone-international
{
width: 16em;
}

/* Address */
form fieldset input.address-zip
{
width: 5em;
}
form fieldset input.address-zip4
{
width: 10em;
}

/* Email */
form fieldset input.email
{
width: 16em;
}

/* Qualifier */
p.required, span.required
{
margin: 0 !important;
color: #009 !important;
}

.button-submit
{
text-align: right;
margin-bottom: 5px;
}

.button-submit-left
{
float: left;
margin-bottom: 5px;
}

.button-submit-right
{
float: right;
text-align: right;
margin-bottom: 5px;
}

.main .content-form
{
border: 0 !important;
position: relative;
}

.main .content-box table.form-grid,
.main .content-box table.form-grid td
{
border: 0 !important;
padding: 2px 0;
}

.main table.form-grid
{
width: 100%;
border-collapse: collapse;
}

.main table.form-grid td, .main table.form-grid tr, .main table.form-grid tbody
{
margin: 0;
padding: 0;
border: 0 !important;
}

.main table.form-grid p
{
margin: 0 !important;
}

.main td label, .main table.form-grid td label
{
margin: 0 8px 0 0 !important;
vertical-align: middle;
text-align: right;
}

.main .image-input
{
border: 0 !important;
}

.main .submit-button
{
margin: 0 0 0 4px;
vertical-align: bottom;
}

.main .radio-input
{
vertical-align: -1px;
border: 0 !important;
}

.main .checkbox-input
{
border: 0 !important;
vertical-align: -4px;
}

.main td.right
{
text-align: right;
}

form fieldset
{
border: 0 solid transparent;
margin: 0;
padding: 0;
}

/*hopefully do not need roundbox.css*/

/*Tooltips*/
/*CSS Tooltips Notes:
- Only function with <a> elements due to browser support for hover.
- No space in HTML code between the visible text link on page and the start of the <span class="tip"> or some browsers will cause a jump in the visible page text to add the space when the span is unhidden.
- Multiple lines of visible text with breaks in the HTML code will require the link and tip code to be repeated on each line of HTML to fix some browser issues.
- Create links inside the tooltips by making the entire tooltip go to the link and then use a span around the section you wish to look like a link and altering the color of the specific text.
*/

a.tooltip
{
position: relative; /*this is the key*/
text-decoration: none;
font-weight: bold;
cursor: default;
}

a.tooltip:hover
{
z-index: 100;
background-color: #fff; /*needed for IE to work*/
text-decoration: none;
}

a.tooltip:visited
{
color: #0a94d6 !important;
}

a.tooltip-ltblue,
a.tooltip-ltblue:hover,
a.tooltip-ltblue:visited,
a.tooltip-ltblue:active,
a.tooltip-mdblue,
a.tooltip-mdblue:hover,
a.tooltip-mdblue:visited,
a.tooltip-mdblue:active
{
color: #0a94d6 !important;
text-decoration: underline;
font-weight: normal !important;
}

a.tooltip-ltblue:hover
{
background-color: #f2f7fb !important;
text-decoration: none !important;
}

a.tooltip-mdblue:hover
{
background-color: #e3eef4 !important;
text-decoration: none !important;
}

a.tooltip span.tip
{
display: none;
font: xx-small Verdana,sans-serif;
text-align: left;
text-decoration: none !important;
}

a.tooltip:hover span.tip
{
/*the span will display just on :hover state*/
display: block;
position: absolute;
top: 0;
left: 7em;
width: 180px;
padding: 4px;
margin: 0 !important;
border: 1px solid #000;
color: #000;
background-color: #edf5f9;
text-decoration: none !important;
}

span.tip-link
{
color: #0a94d6;
text-decoration: underline;
cursor: pointer;
cursor: hand; /*Needed to support IE 5 and IE 5.5*/
}

/* Regions ("In Order of Appearance") */
/*Header*/
#header
{
color: #656565;
font-size: .85em;
/*background: url(/Common/att_rev1/css/images/header_bg_10x7.jpg) top right no-repeat;*/
height: 85px;
}
#header h1
{
display: block;
float: left;
width: 48%;
margin: 0;
padding: 0;
}
#header h1 img
{
vertical-align: bottom;
}
#header form
{
display: block;
float: right;
margin: 4px 0 8px 0;
width: 48%;
text-align: right;
white-space: nowrap;
padding-top: 5px;
}
#header p
{
float: right;
margin: 5px 0;
padding: 0;
font-size: 0.85em;
text-align: right;
white-space: nowrap;
}
#header .content a
{
color: #656565;
text-decoration: underline;
}
#header .content a:hover
{
text-decoration: none;
}
#header form input
{
vertical-align: middle;
}
#header .standardsnote, #header .skiplinks
{
display: none;
}
#header #logo-combined
{
float: right;
}

.main .navigation
{
float: left;
}

#breadcrumb
{
float: left;
}

#breadcrumb,
#mylocal
{
padding: 0 10px;
line-height: 21px;
font-size: .75em;
color: #656565;
min-height: 21px;
}

#breadcrumb a:link,
#breadcrumb a:visited,
#mylocal a:link,
#mylocal a:visited
{
color: #656565 !important;
text-decoration: underline;
}

#breadcrumb a:hover,
#mylocal a:hover
{
text-decoration: none;
}

#mylocal
{
float: right;
}

/*Left Column*/
.index .content
{
margin: 0;
padding: 0 0 1em 0;
font-size: .8em;
background-color: #656565;
}

.index .content h4
{
color: #fff;
}

.index .content .navigation
{
margin: 0;
padding: 0;
width: 185px; /* Remove and IE adds extra space above list items */
}

/* Lists */
.index .content .navigation ul
{
list-style: none;
margin: 0;
padding: 0;
}

/* Font */
.index .content .navigation ul li
{
margin: 0;
padding: 0;
font-weight: bold;
background: url(/Common/att_rev1/css/images/index_rule_10x7.gif) center top no-repeat #656565;
}
.index .content .navigation ul li li,
.index .content .navigation ul li li li
{
font-weight: normal;
}

.index .content .navigation ul li ul.expanded,
.index .content .navigation ul li.expanded
{
background: url(/Common/att_rev1/css/images/index_rule_10x7.gif) center top no-repeat #747474;
}
.index .content .navigation ul li ul.expanded li.selected,
.index .content .navigation ul li ul.expanded li
{
background: #747474;
padding: 0 10px;
}

/* Link Style and Indentation */
.index .content .navigation ul li a
{
margin: 0;
padding: 0 10px;
line-height: 1.8em;
display: block;
width: 135px; /*needed to correct IE6 bottom padding issue*/
}
.index .content .navigation ul li li a,
.index .content .navigation ul li li li a
{
display: block;
}

/* Level Expansion */
.index .content .navigation ul li ul,
.index .content .navigation ul li ul li,
.index .content .navigation ul li li ul
{
display: block;
padding-left: 5px;
background: #656565;
}

.index .content .navigation ul li ul.expanded,
.index .content .navigation ul li ul.expanded li ul.expanded
{
display: block;
}

.index .content .navigation ul li.selected
{
color: #fff;
font-weight: bold;
}
.index .content .navigation ul li a
{
color: #c7c7c7;
}
.index .content .navigation ul li.selected a
{
color: #fff;
}

.index .content .navigation ul li.selected li a
{
color: #c7c7c7;
}

.index .content .navigation ul li ul.expanded li.expanded,
.index .content .navigation ul li ul.expanded li.expanded ul.expanded li
{
background: #858585;
}
.index .content .navigation ul li ul.expanded li.selected
{
color: #fff;
font-weight: bold;
padding: 0 0 0 10px;
}
.index .content .navigation ul li ul.expanded li.expanded ul.expanded li
{
padding: 0 0 0 10px;
}
.index .content .navigation ul li ul.expanded li a
{
color: #c7c7c7;
}
.index .content .navigation ul li ul.expanded li.selected a
{
color: #fff;
}
/*/Index Navigation*/

.index .content #search
{
margin: 20px 10px 0 10px;
color: #fff;
}

.index .content #search fieldset
{
margin: 0 0 5px 0;
}

.index .content #search #title-search
{
font-size: 1.25em;
display: block;
background: url(/Common/att_rev1/css/images/hdr_leftnav_search_10x7.gif) no-repeat;
text-indent: -9000px;
}

.index .content #search input
{
vertical-align: middle;
margin: 0;
width: 120px;
}

.index .content #search #Searchbtn
{
background: url(/Common/att_rev1/css/images/btn_search_10x7.gif) top left no-repeat;
border: 0;
margin: -2px 0 0 5px;
height: 18px;
width: 18px;
vertical-align: middle;
text-indent: -9000px;
}

.index .content #search a,
.index .content .module a
{
color: #fff;
text-decoration: underline;
}

.index .content #search a:hover,
.index .content .module a:hover
{
text-decoration: none;
}

.index .content .module
{
margin: 20px 10px 0 10px;
color: #fff;
}

.index .content .module h2
{
font-size: 1.2em;
margin: 0;
}

.index .content .module p
{
margin: 5px 0;
}

.index .content .module h2#signup_save
{
background: url(/Common/att_rev1/images/sign_up_save.gif) 0 0 no-repeat;
height: 14px;
width: 113px;
vertical-align: middle;
text-indent: -9000px;
overflow: hidden;
}

/*Right Column*/
.sidebar .content
{
margin: 0;
padding: 0 0 1em 0;
font-size: .8em;
background: #f4f4f4 url(/Common/att_rev1/css/images/spacer_185x1_sidebar_10x7.gif) top right repeat-y;
color: #656565;
}

.sidebar .content a
{
color: #656565;
}

.sidebar .content a:hover
{
color: #000;
}

.sidebar .content a.link_right
{
float: right;
display: block;
margin-top: -1.8em;
text-decoration: underline;
text-transform: capitalize;
}

.sidebar .content a.link_right:hover
{
text-decoration: none;
}

/* Sidebar Groups */
.sidebar .content .group
{
margin: 0 10px;
padding: 0;
}

/* Sidebar Images */
.sidebar .content img
{
text-align: center;
}

.sidebar .content img.banner
{
margin-top: 25px;
}

.sidebar .content h2
{
color: #656565;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
padding: 2px 0;
margin: 20px 0 5px 0;
line-height: 1em;
}

.sidebar .content h3
{
color: #f9b62a;
font-weight: bold;
font-size: 1.1em;
padding: 2px 0;
}

/* Paragraph in List Item */
.sidebar .content li p
{
font-weight: normal;
margin: 0;
padding: 4px 0;
}

/* Paragraph */
.sidebar .content p
{
margin: 0;
padding: 2px 0 4px 0;
}

/* Unordered List */
.sidebar .content ul
{
list-style: none;
margin: 0;
padding: 0;
}

/* List Item */
.sidebar .content li
{
background: url(/Common/att_rev1/css/images/bullet_sidebar_10x7.gif) 10px 0 no-repeat;
padding: 0 10px 0 20px;
line-height: 1.4em;
}

.sidebar .content li a
{
padding: 0;
margin: 0;
}

/*non-link list*/
.sidebar .content .plain-list li
{
background: url(/Common/att_rev1/css/images/bullet_square_10x7.gif) 10px 0 no-repeat;
padding: 0 10px 0 20px;
line-height: 1.4em;
}

.sidebar .content .highlight
{
background-color: #ddd;
display: block;
}

.sidebar .content a.additional
{
margin: 10px 0 0 0;
padding: 0 0 0 10px;
display: block;
background: url(/Common/att_rev1/css/images/arrow_sidebar_10x7.gif) no-repeat top left;
}

.sidebar .content .offer_mod
{
background: url(/Common/att_rev1/css/images/offer_mod_bg_10x7.jpg) bottom no-repeat;
padding: 0 10px 10px 10px;
}

.sidebar .content .offer_mod li
{
background-position: 0 0;
padding: 0 0 0 10px;
}

.sidebar .content .offer_mod h3
{
margin-bottom: 5px;
}

.sidebar .content a.learnmore
{
color: #0a94d6;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
display: block;
background: url(/Common/att_rev1/css/images/arrow_sidebar_learnmore_10x7.gif) no-repeat bottom left;
}

.sidebar .content .new
{
color: #61bf1a;
text-transform: uppercase;
font-weight: bold;
}

/*Sidebar Business Unit Section*/
.sidebar .content .businessunit
{
color: #fff;
padding: 0 10px 10px 10px;
}

.sidebar .content .businessunit ul
{
margin: 0 0 0 10px;
}

.sidebar .content .businessunit a:link
{
color: #fff;
font-size: 1.1em;
}

.sidebar .content .businessunit h2
{
color: #fff;
font-size: 1.5em;
text-transform: capitalize;
margin: 0 0 2px 0;
padding: 0;
}

.sidebar .content .businessunit form
{
margin: 0;
padding: 0;
border: none;
}

.sidebar .content .businessunit form input
{
width: 130px;
vertical-align: middle;
font-size: .9em;
}

.sidebar .content .businessunit form a
{
text-decoration: underline;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em !important;
white-space: nowrap;
}

.sidebar .content .businessunit form a:hover
{
text-decoration: none;
}

.sidebar .content .businessunit form a:visited
{
color: #fff;
}

.sidebar .content .businessunit label
{
vertical-align: middle;
display: block;
font-weight: normal;
}

.sidebar .content .businessunit #userID
{
margin-bottom: 4px;
}
.sidebar .content .businessunit #btnArrowSubmit
{
border: 0;
margin-left: 5px;
height: 18px;
width: 18px;
text-indent: -9000px;
cursor: pointer;
vertical-align: middle;
}
.sidebar .content .businessunit #rememberID
{
margin: 5px 0;
width: 12px;
height: 12px;
}

.sidebar .content .businessunit label.rememberID
{
display: inline;
}

.sidebar .content .businessunit a.reverse
{
color: #000;
margin: 5px 0 0 0;
padding: 0 0 0 10px;
display: block;
background: url(/Common/att_rev1/css/images/arrow_sidebar_bu_10x7.gif) no-repeat left 2px;
font-size: 1em;
position: relative;
}

.sidebar .content .businessunit a.reverse sup
{
padding: 0;
margin: 0;
vertical-align: middle;
position: relative;
top: -4px;
}

.sidebar .content .businessunit a.reverse:hover
{
text-decoration: underline;
}

/* Sidebar Forms */
.sidebar .content form
{
background-color: #e9e9e9;
margin: 5px 0;
padding: 5px;
}

.sidebar .content form p
{
padding: 5px 0;
}

.sidebar .content form #askQuestionSubmit
{
background: url(/Common/att_rev1/images/button/btn_arrow_submit1_10x7.gif) 0 0 no-repeat;
border: 0;
height: 18px;
width: 18px;
margin-left: 5px;
text-indent: -9000px;
}

.sidebar .content input
{
width: 115px;
}

.sidebar .content input,
.sidebar .content button
{
vertical-align: middle;
}

/*Footer*/
#footer
{
background-color: #dbdee4;
clear: both;
}

#footer .content
{
margin: 0;
padding: 10px 0;
font-size: .8em;
color: #656565;
font-family: Arial, Helvetica, sans-serif;/*arial is narrower than verdana. needed line to fit specific width without wrap*/
}

#footer .content a:link
{
color: #656565;
text-decoration: underline;
}

#footer .content a:hover
{
text-decoration: none;
}

#footer .content ul
{
margin: 0;
padding: 0;
}

#footer .content ul li
{
display: inline;
padding: 0;
}

/* Paragraphs */
#footer .content p
{
margin: 0 0 0 10px;
}

/* Sponsorship */
#footer .content .sponsor
{
float: right;
position: relative;
}
/* Alerts for Footer Privacy Policy */
#footer .content .alert
{
color: #c00;
}
#footer .content .alert a:link, 
#footer .content .alert a:visited
{
color: #c00;
}

#att_bu,
#pg_title
{
display: none;
}

/* Styles to position TS tag */

div#DCREditor {
	position: absolute; top: 0; left: 0; z-index: 10000
}