/*
XO Healthcare Microsite Style Sheet
Author: Michael Marcialis and Nathan Gomez
Website: http://www.xo.com
*/

/* ============================================================================
UNIVERSAL RESET
=============================================================================== */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ============================================================================
LAYOUT STYLES
=============================================================================== */
body {
font:normal 62.5% Arial, Helvetica, sans-serif;
color:#525252;
background-color:#f1f3f6;
min-width:864px;
text-align:center;
}

#wrapper {
width:960px;
text-align:left;
margin:0 auto;
}


#content {
overflow:hidden;
background:transparent url(images/background_content.jpg) repeat-x left bottom;
text-align:left;
min-height:450px;
}

#intro {
color:#fff;
padding:2em 50px;
overflow:hidden;
}

#contentWrapper {
width:960px;
padding:2.5em 50px;
overflow:hidden;
margin:0 auto;
}

#mainContent {
width:590px;
margin-left:10px;
float:left;
}

#subContent {
width:300px;
margin-right:10px;
float:right;
}

#form #subContent {
margin-top:15em;
}

#form #subContent li {
background:transparent url(images/bullet.gif) no-repeat left .5em;
padding-left:20px;
}

.sidebar {
background:transparent url(images/background_subContent.jpg) repeat-x left top;
margin:2.5em 0;
padding:1em 20px;
}

#contact, #download {
margin-bottom:2.5em;
}

#footer {
background-color:#5f6062;
padding:2em 50px;
color:#939BA1;
overflow:hidden;
}

#footer2 {
width:960px;
text-align:left;
margin:0 auto;
padding-bottom:4em;
}

#PPC #footer {
padding:0 50px;
}

.right {
float:right;
}

.right2 {
float:right;
padding:0 0 0 25px;
clear:none;
}

.left {
float:left;
}

/* ============================================================================
HEADER STYLES
=============================================================================== */
h1 {
color:#fff;
text-indent:-9999em;
padding:10px 10px;
margin:1em 0;
display:block;
}

h2 {
display:block;
background:#fff url(images/header_homepageSmall2.jpg) no-repeat right top;
padding:3.2em 359px 3.2em 220px;
font-size:1.5em;
font-weight:bold;
color:#5F6062;
position:relative;
}

#header #title {
background:#fff url(images/header_bttm.jpg) no-repeat right bottom;
display:block;
padding-bottom:20px;
}

#form #header #title {
background:none;
display:block;
padding-bottom:20px;
}


/*#home h2 {
padding:5em 554px 7em 50px;
}*/

#PPC h2, #PPCThanks h2{
padding:5.2em 300px 5.2em 50px;
font-size:1em;
}

h2#Demo {
padding:3em 400px 3em 50px;
font-size:1.6em;
line-height:1.2em;
}

h2#Demo2 {
padding:1.3em 340px 0.5em 30px;
font-size:2.2em;
line-height:1.2em;
}

h2#Demo2 em {
background:#fff url(images/arrow.jpg) no-repeat left top;
display:block;
padding-left: 85px;
}

h2#Demo2 em#subline {
background:none;
display:block;
padding-left:85px;
padding-top:5px;
color:#525252;
font:120% Arial,Helvetica,sans-serif;
}

#providerClinic h2 {
background:#fff url(images/header_new6.jpg) no-repeat right top;
}

#providerHospital h2, #PPC h2 {
background:#fff url(images/header_new5.jpg) no-repeat right top;
}

#providerLaboratory h2 {
background:#fff url(images/header_new7.jpg) no-repeat right top;
}

#providerNursing h2 {
background:#fff url(images/header_new3.jpg) no-repeat right top;
}

#solutionContinuity h2 {
background:#fff url(images/header_new9.jpg) no-repeat right top;
}

#solutionEfficiency h2 {
background:#fff url(images/header_new4.jpg) no-repeat right top;
}

#solutionSecurity h2 {
background:#fff url(images/header_new2.jpg) no-repeat right top;
}

#solutionStorage h2 {
background:#fff url(images/header_new1.jpg) no-repeat right top;
}

#serviceIP h2 {
background:#fff url(images/header_new13.jpg) no-repeat right top;
}

#serviceManaged h2 {
background:#fff url(images/header_managed.jpg) no-repeat right top;
}

#serviceTransport h2 {
background:#fff url(images/header_new11.jpg) no-repeat right top;
}

#serviceVoice h2 {
background:#fff url(images/header_new12.jpg) no-repeat right top;
}

#aboutNetwork h2 {
background:#fff url(images/header_new10.jpg) no-repeat right top;
}

#aboutOverview h2 {
background:#fff url(images/header_new8.jpg) no-repeat right top;
}

#thanks h2, #PPCThanks h2 {
background:#fff url(images/header_new5.jpg) no-repeat right top;
}

h2 em {
font:bold 2.5em Univers, Arial, Helvetica, sans-serif;
letter-spacing:-.05em;
position:absolute;
left:50px;
margin-top:-.22em;
}

#PPC h2 em, #PPCThanks h2 em {
font-size:2.5em;
left:0px;
line-height:0;
position:relative;
font-weight:normal;
}

h2#Demo em {
font-size:2.2em;
display:block;
left:0px;
position:relative;
}

h2#Demo2 em {
font-size:1.8em;
display:block;
left:0px;
position:relative;
color:#0081C6;
line-height: 1em;
}

sup {
font-size:.6em;
vertical-align:top;
}

/*#home h2 em {
font-size:3.8em;
display:block;
margin-bottom:.15em;
position:relative;
left:auto;
}*/

h2 strong {
color:#ff850d;
}

h3 {
color:#ff850d;
font:bold 1.5em Univers, Arial, Helvetica, sans-serif;
margin-bottom:1em;
overflow:hidden;
}

#subContent h3 {
font:bold 1.5em Univers, Arial, Helvetica, sans-serif;
margin:2em 0 0.3em 0;
}

#form #subContent h3 {
margin:2em 0 0.3em 0;
color:#0081C6;
}

#intro h3 {
color:#fff;
width:260px;
float:left;
}

h3 em {
font-style:normal;
float:right;
border-left:1px solid #ff850d;
width:80px;
padding-left:10px;
line-height:2em;
}

h3 small {
float:left;
font-size:.87em;
width:160px;
text-transform:none;
}

h4 {
color:#ff850d;
font:normal 1.5em Univers, Arial, Helvetica, sans-serif;
margin-bottom:1em;
border-bottom:1px dotted #bbb;
margin-top:1.0em;
}

#form #mainContent h4 {
font:normal 2.5em Univers, Arial, Helvetica, sans-serif;
}

#blu {
color:#005288;
}

/* ============================================================================
LIST STYLES
=============================================================================== */
#navigation {
float:right;
margin-top:-4.7em;
margin-bottom:2.2em;
position:relative;
z-index:9999;
}

#navigation:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#navigation li {
float:left;
border-top:#e1e1e1 solid 1px;
color:#0081C6;
font-size:1.2em;
text-align:left;
padding:.3em .2em;
margin-left:10px;
position:relative;
width:110px;
}

#navigation li:hover,
#navigation li.sfhover {
background-color:#0081C6;
background-image:none;
color:#ffffff;
}

#navigation li li {
margin:0;
padding:0;
border:none;
background-image:none;
width:100%;
}

#navigation li ul {
position: absolute;
width:215px;
left:-9999em;
border-top:2px solid #005288;
background-color:#0081C6;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
}


#navigation li:hover ul,
#navigation li.sfhover ul {
/*left: auto;*/
margin-top:3px;
left:-100px;
}

#content ul,
#content dl {
font-size:1.2em;
margin-bottom:1.5em;
}

#content dt,
#content dt a {
font-weight:bold;
color:#0081C6;
}

#content li {
margin-bottom:.5em;
}

#content dd {
margin-bottom:1em;
}

#mainContent li {
background:transparent url(images/bullet.gif) no-repeat left .5em;
padding-left:20px;
}

#mainContent ol li {
background:none;
list-style:decimal;
font-size:1.2em;
margin-left:22px;
}

/*#mainContent li:first-line {
color:#00598b;
font-weight:bold;
}*/

#resources {
margin-bottom:2.5em;
padding-left:20px;
overflow:hidden;
}

#mainContent #resources {
padding:0;
margin:2.5em 0;
}

#resources li {
float:left;
width:120px;
margin-right:20px;
padding:0;
background:none;
}

#footer ul {
font-size:1.1em;
overflow:hidden;
margin-bottom:2.4em;
}

#footer li {
float:left;
border-left:1px solid #939BA1;
padding:0 5px;
}

#footer li.first {
border-left:none;
padding-left:0;
}

/* ============================================================================
TYPOGRAPHY STYLES
=============================================================================== */
p {
font-size:1.3em;
margin-bottom:1.5em;
}

p#int {
font-size:1.4em;
font-weight:bold;
color:#0081C6;
line-height:150%;
}

#intro p {
width:455px;
float:right;
}

/*p#tagline {
color:#ff850d;
font:bold 2.1em Univers, Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:1.5em 0 .15em 0;
}*/

form p {
font-size:1.2em;
margin-bottom:.5em;
}

#footer p {
font-size:1em;
/*clear:both;*/
}

#PPC #footer p {
margin-bottom:0;
}

p#tag {
font-size:4.55em;
font-weight:bold;
color:#4F5155;
margin-top:-0.7em;
margin-bottom:0.5em;
}

p#except {
font-size:1.0em;
color:#939BA1;
padding:5px;
}

/* ============================================================================
IMAGE STYLES
=============================================================================== */

/* ============================================================================
LINK STYLES
=============================================================================== */
#content a {
font-weight:bold;
color:#0081C6;
}

#footer a {
color:#939BA1;
}

#content a:hover {
color:#005288;
}

#footer a:hover {
color:#F8981D;
}

h1 a {
display:block;
width:161px;
height:37px;
background:transparent url(images/logo2.gif) no-repeat left top;
}

#navigation a {
display:block;
width:215px;
text-decoration:none;
color:#fff;
}

#navigation li li a {
background-color:#0081C6;
border-bottom:1px dotted #005288;
font-size:.75em;
font-weight:normal;
padding:1em 20px;
width:175px;
text-align:left;
text-shadow:none;
}

#navigation li li a:hover {
background-color:#005288;
}

#navigation li li:last-child,
#navigation li li:last-child a {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
border-bottom:none;
}

#network #navNetwork a,
#applications #navApplications a,
#information #navInformation a,
#disruption #navDisruption a {
color:#a95708;
background-image:none;
text-shadow:none;
cursor:default;
}

#contact a, #download a {
background:#0074b1 url(images/button_contact.gif) no-repeat 175px center;
display:block;
color:#fff;
font-size:1.4em;
font-weight:bold;
padding:1em 125px 1em 20px;
text-decoration:none;
}

#cta a {
background:#FFF url(images/button_cta.png) no-repeat center 5em;
display:block;
color:#005288;
font-size:1.1em;
font-weight: lighter;
padding:1em 20px 60px 20px;
text-decoration:none;
}

#cta a:hover {
background-color:#f1f3f6;
color:#005288;
}


#hconf a {
text-align:center;
margin:0 auto;
background:#154374 url(images/HIMSS10.jpg) no-repeat top center;
display:block;
width:250px;
color:#fff;
font-size:1.4em;
font-weight:bold;
padding:175px 0 1em 0;
text-decoration:none;
}

#contact a:hover, #download a:hover {
background-color:#00598a;
}

#hconf2 a {
text-align:center;
margin:0 auto;
background:#154374 url(images/HIMSS10.jpg) no-repeat top center;
display:block;
width:250px;
color:#fff;
font-size:1.4em;
font-weight:bold;
padding:175px 0 1em 0;
text-decoration:none;
}

#hconf2 a:hover {
color:#fff;
cursor:default;
}

#resources li a {
display:block;
line-height:2.75em;
padding-left:40px;
float:left;
}

#resources li.casestudy a {
background:transparent url(images/icon_casestudy.gif) no-repeat left center;
}

#resources li.whitepaper a {
background:transparent url(images/icon_whitepaper.gif) no-repeat left center;
}

#footer a {
text-decoration:none;
}

a#himss {
display:block;
width:150px;
height:50px;
text-indent:-9999em;
background:transparent url(images/logo_himss2.gif) no-repeat left top;
float:right;
margin:4.3em 0 1em 20px;
}

/* ============================================================================
RULE STYLES
=============================================================================== */
hr {
display:none;
}

/* ============================================================================
FORM STYLES
=============================================================================== */
form {

border:1px solid #c7e7f6;
}

label {
display:block;
margin-bottom:.2em;
font-size:.85em;
text-transform:uppercase;
}

input {
border:1px solid #abb8bf;
width:500px;
font:normal .92em Arial, Helvetica, sans-serif;
color:#525252;
padding:.2em 4px;
}

.long label {
clear:both;
width:470px;
}

.long input {
width:500px;
}

fieldset {
margin-top:1.5em;
}

fieldset fieldset {
margin:0;
width:520px;
}

fieldset fieldset p {
width:240px;
}

fieldset fieldset input {
width:220px;
}

input:focus {
border-color:#0081c6;
background-color:#eee;
}

input#submit {
width:208px;
height:31px;
border:none;
padding:0;
display:block;
margin:3em auto;
}

/* ============================================================================
TABLE STYLES
=============================================================================== */
table {
width:100%;
margin-bottom:1em;
border-collapse:separate;
}

th,
td {
font-size:1.2em;
padding:.5em 8px;
}

th {
background-color:#00598b;
color:#fff;
font-weight:bold;
border-left:1px solid #fff;
}

td {
border-bottom:1px dashed #bbb;
}