/********************************************
* Phoenix Health Plan
* Developed by I-ology
* http://www.i-ology.com
*
* Created 2/22/2008- MB
*
* General Style Definitions
********************************************/

/*******************************************
* Browser Reset - Created by Eric Meyer
*******************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/*******************************************
* Typography - Pulled from BlueprintCSS
*******************************************/

body { font-size: 75%; }

body {
    color: #333; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #006027 url(/images/bg.gif) top left repeat-x;
}

/* Text Elements
-----------------------------*/

h1,h4,h5,h6 { 
  color: #333; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.1em; margin-bottom: 0.75em; margin-top: 0.75em; color: #006027; }
h3 { font-size: 1.0em; line-height: 1; margin-bottom: 0.75em; margin-top: 1em; color: #333; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p           { margin: 0 0 1em; font-size: 1em; line-height: 1.4em;}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #37ad0c; text-decoration: none; }
a           { color: #006027; outline: none; }

ul, ol      { margin:0 1.5em 1.5em 2.5em; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
em          { font-style: italic; }

/*********************************
* Layout Definitions
*********************************/

#content-main p {
    color: #333;
    margin: 15px 0 0 0;
}

#container {
    margin: 0 auto;
    width: 800px;
    background: #fff;
	overflow: hidden;
}

#interior-image {
    position: relative;
    top: -118px;
    width: 252px;
    height: 126px;
    display: block;
    overflow: hidden;
    margin-left: 512px;
    padding-top: 24px;
}

#interior-small-image {
    position: relative;
    top: -196px;
    left: 440px;
    width: 90px;
    height: 90px;
    display: block;
    overflow: hidden;
}

#header {
    width: 800px;
    height: 186px;
    overflow: hidden;
    background: url(/images/bg_header_interior.gif) top left no-repeat;
}

#content-main {
    float: left;
    width: 525px;
    width/**/:/**/ 488px;
    margin: 0;
    padding: 20px 0 30px 37px;
}

#sidebar {
    float: right;
    width: 236px;
    width/**/:/**/ 183px;
    margin: 0;
    padding: 35px 53px 25px 0;
}

a#logo img {
    width: 362px;
    height: 59px;
    display: block;
    padding: 41px 0 0 23px;
	overflow: hidden;
}

#last-updated {
    clear: both;
    font-size: .9em;
    color: #fff;
    text-align: right;
    height: 28px;
    height/**/:/**/ 21px;
    padding: 7px 17px 0 17px;
    background: #289500;
}

#back {
    float: right;
    clear: both;
    margin-top: -18px;
}

.size-module {
    clear: both; 
    position: absolute; 
    width: 110px; 
    height: 16px; 
    bottom: 0;  
    margin: 0 0 20px 622px;
}

.pdf-icon {
    padding-left: 25px;
    background: url(/images/pdf_icon.gif) top left no-repeat;
}

p.adobe-icon {
    padding-left: 25px;
    background: url(/images/adobe_icon.gif) top left no-repeat;
}

/*********************************
* Lists
*********************************/

#content-main ul {
    margin: 0;
    padding: 0;
}

#content-main ul li {
    margin: 0 0 10px 1px;
    padding-left: 15px;
    line-height: 16px;
    background: url(/images/bullet.gif) 0 6px no-repeat;
}

ul#content li { 
    margin: 0 0 10px 1px;
    padding-left: 15px;
    background: url(/images/bullet.gif) 0 6px no-repeat;
}

ul#content li ul {
    list-style: none;
}

ul#content li ul li {
    margin-top: 10px;
    font-weight: normal;
}

#content-main ul.pdf-list {
    margin: 15px 0 25px 15px;
    padding: 0;
}

#content-main ul.pdf-list li {
    margin-bottom: 5px;
    padding-left: 25px;
    background: url(/images/pdf_icon.gif) 0 2px no-repeat;
}


/*********************************
* Lists
*********************************/

ol {
    margin: 0 0 10px 1px;
    padding-bottom: 10px;
}

ol li {
    margin: 0 0 15px 25px;
    text-decoration: none;
}

ol#questions,
ol#answers {
    padding: 5px 0 0 0;
    width: 500px;
}

ol#answers li {
    margin-bottom: 10px;
}


/*********************************
* Global Navigation
*********************************/

#global {
    height: 46px;
    margin: 0 auto;
    padding: 0 0 0 17px;
    width: 800px;
    width/**/:/**/ 783px;
    overflow: hidden;
}

#global ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 310px;
}

#global li {
    height: 46px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#global a {
    float: left;
    height: 46px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

a#home-php {
    background: url(/images/global_nav_php.gif) top left no-repeat;
    width: 159px;
}
a#home-abrazo {
    background: url(/images/global_nav_abrazo.gif) bottom left no-repeat;
    width: 151px;
}


a:hover#home-php {
    background: url(/images/global_nav_php.gif) bottom left no-repeat;
    width: 159px;
}
a:hover#home-abrazo {
    background: url(/images/global_nav_abrazo.gif) bottom left no-repeat;
    width: 151px;
}

#toll-free-number {
    float: left;
    width: 195px;
    height: 46px;
    text-indent: -9999px;
    background: url(/images/img_phonenumber.gif) top left no-repeat;
}

#search-module {
    float: right;
    width: 229px;
    padding-top: 18px;
    overflow: hidden;
}

#search-module div {
    float: left;
    text-indent: -9999px;
    width: 49px;
    height: 19px;
    background: url(/images/search.gif) top left no-repeat;
}

.search-field {
    float: left;
    width: 145px;
    border: 1px solid #7fd8d4;
}

.search-button {
    float: right;
    width: 15px;
    height: 15px;
    margin: 2px 10px 0 0;
}

#btnNext {
    float: left;
    margin: 10px 0 15px 0;
    text-indent: -9999px;
    width: 101px;
    height: 23px;
    background: url(/images/btn_next.gif) top left no-repeat;
}

.divider {
    width: 488px;
    margin: 15px 0 0 0;
    background: url(/images/divider.gif) top left repeat-x;
}

.content-photo {
    width: 136px;
    float: right;
    margin: 5px 0 10px 15px;
	clear: right;
}

/*********************************
* Footer Definitions
*********************************/

#footer {
    width: 800px;
    margin: 0 auto;
}

#footer-bg {
    width: 800px;
    height: 28px;
    margin: 0 auto;
    background: #7fbb1f;
}

#footer div, #footer a {
    font-size: 11px;
    line-height: 18px;
    color: #fff;
}

#footer-left {            
    float: left;
    margin-left: 16px;
    padding: 9px 0 20px 0;
}

#footer-right {
    float: right;
    margin-right: 15px;
    padding: 9px 0 20px 0;
    text-align: right;
}

#footer p {
    width: 800px;
    margin: 0 auto;
}

/*********************************
* Main Navigation
*********************************/

#nav {
    width: 800px;
    height: 38px;
    margin: 0 auto;
}

#nav li {
    display: inline;
    list-style: none;
    float: left;
}

#nav a {
    display: block;
    text-indent: -9999px;
    height: 38px;
    overflow: hidden;
}

a#home {
    background:  url(/images/nav_home.gif) top left no-repeat;
    width: 81px;
}
a#about-us {
    background:  url(/images/nav_about_us.gif) top left no-repeat;
    width: 91px;
}
a#members {
    background:  url(/images/nav_members.gif) top left no-repeat;
    width: 91px;
}
a#providers {
    background:  url(/images/nav_providers.gif) top left no-repeat;
    width: 97px;
}
a#healthy-living {
    background:  url(/images/nav_healthy_living.gif) top left no-repeat;
    width: 126px;
}
a#careers {
    background:  url(/images/nav_careers.gif) top left no-repeat;
    width: 86px;
}
a#contact-us {
    background:  url(/images/nav_contact_us.gif) top left no-repeat;
    width: 110px;
}
a#en-espanol {
    background:  url(/images/nav_en_espanol.gif) top left no-repeat;
    width: 118px;
}

a:hover#home, body#home-on #home,
a:hover#about-us, body#about-us-on #about-us,
a:hover#members, body#members-on #members,
a:hover#providers, body#providers-on #providers,
a:hover#healthy-living, body#healthy-living-on #healthy-living,
a:hover#careers, body#careers-on #careers,
a:hover#contact-us, body#contact-us-on #contact-us,
a:hover#en-espanol, body#en-espanol-on #en-espanol {
    background-position: bottom left;
}


/*********************************
* User Navigation
*********************************/

#user-nav ul {
    position: relative;
    width: 156px;
    height: 118px;
    margin: 0 0 24px 6px;
    padding: 0;
    list-style: none;
    z-index: 999; 
}

#user-nav li {
    margin: 0;
    padding: 0;
}

#user-nav a {
    display: block;
    text-indent: -9999px;
    width: 156px;
    height: 32px;
    overflow: hidden;
}

a#text-size {
    background: url(/images/usernav_textsize.gif) top right no-repeat;
}
a#text-size-decrease {
    background: url(/images/usernav_textsize_decrease.gif) top right no-repeat;
    height: 31px;
}
a#print-page {
    background: url(/images/usernav_printpage.gif) top right no-repeat;
}
a#help {
    background: url(/images/usernav_help.gif) top right no-repeat;
}
a#medicare-overview {
    background: url(/images/usernav_medicare.gif) top right no-repeat;
}


a:hover#text-size,
a:hover#text-size-decrease,
a:hover#print-page,
a:hover#help, body.help-on #help,
a:hover#medicare-overview, body.medicare-overview-on #medicare-overview {
    background-position: bottom left;
}


/*********************************
* Secondary Navigation
*********************************/

#subnav {
    width: 183px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #7FD8D4;
}

#subnav li {
    margin: 0;
    padding: 0;
}

#subnav a {
    display: block;
    text-indent: -9999px;
    width: 183px;
    height: 30px;
    overflow: hidden;
}


/*********************************
* Forms
*********************************/

.form-row {
    width: 434px;
    padding-bottom: 20px;
    overflow: hidden;
}

.form-left {
    float: left;
    width: 217px;
}

.form-right {
    float: right;
    width: 217px;
}

.form-left div,
.form-right div,
.form-row div {
    padding-bottom: 8px;
}

.form-left input,
.form-right input,
.form-row input {
    width: 175px;
}

.form-left table input,
.form-right table input,
.form-row table input {
    width: 20px;
}


/*********************************
* Forms
*********************************/

.form-row {
    width: 434px;
    padding-bottom: 20px;
    overflow: hidden;
}

.form-left {
    float: left;
    width: 217px;
}

.form-right {
    float: right;
    width: 217px;
}

.form-left div,
.form-right div,
.form-row div {
    padding-bottom: 8px;
}

.form-left input,
.form-right input,
.form-row input {
    width: 175px;
}

.form-left table input,
.form-right table input,
.form-row table input {
    width: 20px;
}


/*********************************
* Forms
*********************************/

.form-row {
    width: 434px;
    padding-bottom: 20px;
    overflow: hidden;
}

.form-left {
    float: left;
    width: 217px;
}

.form-right {
    float: right;
    width: 217px;
}

.form-left div,
.form-right div,
.form-row div {
    padding-bottom: 8px;
}

.form-left input,
.form-right input,
.form-row input {
    width: 175px;
}

.form-left table input,
.form-right table input,
.form-row table input {
    width: 20px;
}
.checkbox-list input
{
    width: 16px;
}
.checkbox-list label
{
    margin: 0;
    padding: 2px 0 5px 0;
}