/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */

/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

em { font-style:italic; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

/*** Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { font:13px/1.231 sans-serif; font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: helvetica, arial, sans-serif; color:#333333;}
/*** Minimal base styles. */
/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } 
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
/*::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }*/
/* j.mp/webkit-tap-highlight-color */
/*a:link { -webkit-tap-highlight-color: #FF5E99; }*/
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/*** You might tweak these.. */
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { /* font-weight: bold; */ }
a, a:active, a:visited {  color: #005294; text-decoration:none;}
a:hover { color: #005294; }
/**
 * Primary styles
 *
 * Author: s
*/
body {
    background:#fff;
    font-family: helvetica, arial, sans-serif;
    color:#333333;
}
#container {
    background:#fff;
    margin:5px auto;
    width:960px;	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #e5ebee;
    -webkit-box-shadow: 0px 0px 5px #e5ebee;
    box-shadow: 0px 0px 5px #e5ebee;
    position:relative;
    behavior: url("/Templates/Styles/PIE.htc");
}
.billboard{ min-height:642px; height:auto !important; }
.billboard-item { display:none; position:absolute; min-height:600px; height:auto !important; float:left; width:100%; }
.billboard-item h1 { margin-bottom:25px; line-height:45px; }
.billboard-item h2 { margin-top:25px; margin-bottom:25px; }
#billboard .active { display:block; }
.row .times label {}
.copy_left { width:380px; padding-top:50px; padding-left:20px; }
.copy_left p { font-size:14px; line-height:20px; width:320px; }
.copy_left h1 { font-size:42px; }
.copy_left h2 { font-size:34px; }
.copy_left h1, h2 { color:#005294; font-family: "myriad-pro-condensed",sans-serif; }
.pager { float:left; position:absolute; top:600px; left:540px; }
.pager-elements li { display:inline; cursor:pointer; }
.pager-elements .icon { display:block; float:left; padding:5px; border: 1px solid #cccccc; width:12px; height:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right:5px; position:relative; behavior: url("/PIE.htc"); }
.pager ul li .icon.active { background-color: #bee0ec; opacity:0.5; }
.pager ul li .icon { background-color: #FFFFFF; opacity:0.5; }
.page { min-height:500px; height:auto !important; padding-top:115px; padding-bottom:10px; position:relative; }
.bill-page { min-height:520px; height:auto !important; padding-top:115px; padding-bottom:10px; }
.portrait_button { position:absolute; margin-top:350px; top:150px; left:795px; width:179px; }
.portrait_button-1 { position:absolute; top:350px; right:0px; width:179px; }
.portrait_button-2 { position:absolute; top:375px; right:0px; width:179px; }
.portrait_button-3 { position:absolute; top:400px; right:0px; width:179px; }
.portrait_button-4 { position:absolute; top:425px; right:0px; width:179px; }
.portrait_button-5 { position:absolute; top:450px; right:0px; width:179px; }
.portrait_button-6 { position:absolute; top:475px; right:0px; width:179px; }
.portrait_button-7 { position:absolute; top:500px; right:0px; width:179px; }
.portrait_button-8 { position:absolute; top:525px; right:0px; width:179px; }
#invite_button { position:absolute; top:1520px; left:735px; width:179px; height:119px; }
header { background:url("/Templates/Images/header_back.png"); height:115px; position:absolute; z-index:999; width:960px; }
.utilities { padding-top:20px; }
.utilities div { float:right; }
.utilities li,.footer-nav li { list-style:none; display:inline; }
.top-nav {
    /*margin-left:240px; -- Removed becuase of bug if the links became too long or some item in the Language selection dropdown became to long */
    margin-right:0px; float:left; }
.ie6 .top-nav { margin-left:100px; }
.top-nav li a {
    color:#005294;
    font-size:11px;
    padding-right:6px;
    padding-left:6px;
}
.footer-nav li a {
    color:#444444;
    font-size:11px;
    padding-right:6px;
    padding-left:6px;
}
.footer-nav a {
    color:#444444;
    font-size:11px;
    padding-right:6px;
}
.ts_logo_right {
    float:right;
}
.top-nav li a.last,
.footer-nav li a.last{
    border:none;
}
.top-nav sup {
    color:#005294;
}
.social {
    margin-right:15px;
}
.social ul {
    margin-left:1em;
}
.social li
{
    float: left;
    margin-right: 5px;
}
.social div
{
    position:relative;
}
.social .facebook
{
    background-image: url("/Templates/Images/facebook.png");
    background-size: 16px;
    height: 16px;
    width: 16px;
}
.social .facebook a, .social .twitter a, .social .youtube a { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.social .twitter { background-image: url("/Templates/Images/twitter.png"); background-size: 16px; height: 16px; width: 16px; }
.social .youtube { background-image: url("/Templates/Images/youtube.png"); background-size: 16px; height: 16px; width: 16px; }
.social .stButton { margin-left: 0px; margin-right: 0px; }
.social .stButton .chicklets { padding-right: 0px; }
.search {
    background:url("/Templates/Images/header_back.png");
    border:none;
    height:25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    position:relative;
    bottom:5px;
    behavior: url("/Templates/Styles/PIE.htc");
    margin-right: 20px;
}
.ie7 .search,
.ie8 .search { background:none; background:#fff; }
#clinician-information h1 { margin-left:45px; }
.tab_content_login label { display:block; }
.tab_content_login { float:left; width:200px; padding-right:100px; }
.search img {
    margin-top:4px;
    margin-left:2px;
    margin-right:5px;
    float:left;
}
.search input {
    border:none !important;
    background:none !important;
    margin-left:2px;
    font-size:16px;
    width:150px;
    margin-top:3px;
    padding-right:5px;
    height:19px;
}
.logo
{
    width: 300px;
    height: 115px;
    position: absolute;
    top: 0px;
}
.logo a
{
    /*display: table-cell;*/
    display: inline-block;
    margin: 18px auto 33.5px 20px;
    cursor:pointer;
}
.logo img
{
    display: block;
    position: relative;
    height: 48px;
    width: 215px;
}
.main-nav { margin-top:16px; float: right; margin-right: 9px; }
.main-nav li {
    display:inline;
    float:left;
}
.main-nav li div { float:left; }
.main-nav li a {
    font-weight:bold;
    color:#444;
    margin: 0 20px;
}
.main-nav li .nav-text {
    max-width:240px;
    text-align:center;
    vertical-align:middle;
    height:45px;
    padding-top:9px;
    padding-bottom:0px;
    background:url("/Templates/Images/nav_item_back.png") repeat-x;
}
.main-nav li .vertical-div { height:45px; display: table-cell; float:none; vertical-align:middle; }
.main-nav li .left-end-cap {
    background:url("/Templates/Images/nav_left_end_cap.png") no-repeat;
    height:54px;
    width:16px;
}
.main-nav li .right-end-cap {
    background:url("/Templates/Images/nav_right_end_cap.png") no-repeat;
    height:54px;
    width:16px;
}
.main-nav li a:hover { color:#005294; }
.main-nav li a.active { color:#005294; }
#side-nav .item a.active { color:#005294; }
#nav-shadow {
    background:url("/Templates/Images/header_shadow.png") no-repeat;
    width:960px;
    height:10px;
    margin-bottom:40px;
    position:absolute;
    top:115px;
    z-index:10;
}
#main { padding-top:40px; /* overflow: hidden; */ }
.column { float:left; }
.rollover { float:left; }
.rollover a { text-decoration:none; }
.list { margin:10px 50px 10px 0px; list-style:none; line-height:20px; }
.wide { width:470px; padding-left:40px; }
.full { width:900px; padding-left:40px; }
.full p { margin:0px 0px 7px 0px; }
.form-section-2 { width:900px; padding-left:25px; }
.child-section { margin-left:30px; }
.site-list h2 { font-size:18px; }
#main h1 { font-size:34px; margin-bottom:15px; font-family: "myriad-pro-condensed",sans-serif; color:#005294; }
#main h2 { font-size: 22px; margin:10px 0 2px 0; }
#main h3 { font-weight:bold; }
#main .full h1 { margin:0px; }
#main .content { padding-bottom:20px; }
#symptomCol { width:320px; padding-left:25px; }
#columnTwo { width:370px; height: auto; padding-left:20px; /* overflow:auto; */ }
#columnTwo-difference-page { width:370px; height: 370px; padding-left:20px; }
#columnThree { width:370px; padding-left:5px; position:relative;}
#columnFour { width:700px; height:450px; padding-left:25px; }
#columnFive { width:525px; padding-left:100px; }
.symp-trigg-faqs { margin-top:10px; width:700px; height:405px; overflow:auto; }
.overflow-auto { width:320px; height:380px; overflow:auto; }
#columnTwo .content { padding-bottom:20px; padding-right:10px; }
#columnTwo-difference-page .content { padding-bottom:20px; padding-right:10px; }
#columnTwo .content h2,
#columnTwo .content h3,
#columnTwo-difference-page .content h2,
#columnTwo-difference-page .content h3,
#midColumn .content h2,
#midColumn .content h3,
.wide .content h2,
.wide .content h3 { margin:10px 0 2px 0; }
.content h2 { font-size:22px; margin:10px 0 2px 0; }
.content h3 { font-size:13px; margin:10px 0 0px 0; font-weight:bold; }
.content h4 { font-size:13px; margin:10px 0 0px 0; }
#symptomCol p,
#columnTwo p,
#columnTwo-difference-page p,
#columnThree p,
#columnFour p,
#columnFive p,
#midColumn p,
.wide p,
.blog p { margin:0px 0px 7px 0px; }
#symptomCol h1,
#columnTwo h1,
#columnTwo-difference-page h1,
#columnFour h1,
#columnFive h1,
#midColumn h1,
.wide h1,
.blog h1,
.site-list h1,
.ui-dialog-title {
    font-family: "myriad-pro-condensed"; /* ,sans-serif; */
    color:#005294;
    font-size:34px;
    line-height:34px;
}
#allergy-portrait h1 {
    font-family: "myriad-pro-condensed",sans-serif;
    color:#005294;
    font-size:42px;
    font-weight:600;
    margin-bottom:35px;
}
#midColumn h2 { font-size:22px; margin:10px 0 2px 0; }
#midColumn h3 { font-size:13px; margin:10px 0 0px 0; font-weight:bold; }
#columnTwo h2, #columnFive h2 { font-size:22px; margin:10px 0 2px 0; }
#columnTwo h3, #columnFive h3 { font-size:13px; margin:10px 0 0px 0; font-weight:bold; }
#columnTwo h4, #columnFive h4 { font-size:13px; margin:10px 0 0px 0; }
#columnTwo-difference-page h2 { font-size:22px; margin:10px 0 2px 0; }
#columnTwo-difference-page h3 { font-size:13px; margin:10px 0 0px 0; font-weight:bold; }
#columnTwo-difference-page h4 { font-size:13px; margin:10px 0 0px 0; }


/* SOGETI EDITION */
.uppercase {
    text-transform:uppercase;
}
#midColumn {
    width:460px;
    padding-right:20px;
    padding-left: 45px;
}
/* SOGETI END *****/
#side-nav h3 {
    padding:15px 0px 15px 30px;
    border-top:1px solid #ccc;
    width:150px;
}
#side-nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 5px 0;
}
#side-nav ul > li {
    list-style: none;
}
#side-nav h3 a {
    text-decoration:none;
    color:#4f4f4f;
    font-weight:bold;
}
#side-nav h3.active {
    color:#005294;
}
#side-nav .sub-items {
    padding:0px 0px 10px 20px;
}
#side-nav .sub-items li {
    list-style:none;
    margin-top:5px;
}
#side-nav .sub-items a {
    text-decoration:none;
    color:#4f4f4f;
}
#side-nav .sub-items a:hover {
    color:#005294;
}
#side-nav .sub-items a.active{
    color:#005294;
} 
footer{
    width:960px;
    margin:10px auto;
    height:50px;
}
footer .footer_img_left {
    float:left;
    margin-right:20px;
}
footer .footer_img_right {
    margin-left:20px;
}
footer p{
    font-size:10px;
    float:left;
}
footer .footer-nav{
    float:right;
    margin-top:10px;
    /*
    margin-left:30px;
    padding-top:5px;
    */
}
.ie7 .footer-nav,
.ie8 .footer-nav{
    margin-left:0px;
}

.footer_label {
    float:left;
    margin-top:10px;
    font-size:70%;
}
#footer-ul {
    margin:0px;   
}
.pop-up {
    display:none;
    font-size:11px;
}
.pop-up p {
    margin-left:59px;
}
.pop-up img {
    float:left;
    margin-right:10px;
}
.pop-up-allergy {
    position:relative;
    top:150px;
    left:100px;
}
.pop-up-asthma {
    position:relative;
    left:100px;
}
.pop-up-food {
    position:relative;
    bottom:120px;
    left:55px; 
}
.pop-up-food .symptom-top,
.pop-up-food .symptom-middle,
.pop-up-food .symptom-bottom{
    width:283px;
}
.symptom-tl {
    float:left;
    background:url("/Templates/Images/symptom_tl.png") no-repeat;
    width:9px;
    height:9px;
}
.symptom-tr {
    float:left;
    background:url("/Templates/Images/symptom_tr.png") no-repeat;
    width:9px;
    height:9px;
}
.symptom-top {
    background:url("/Templates/Images/symptom_t.png") repeat-x;
    height:9px;
    float:left;
    width:220px;
}
.symptom-l {
    float:left;
    background:url("/Templates/Images/symptom_l.png");
    background-repeat:repeat-y;
    width:9px;
}
.symptom-middle {
    background:url("/Templates/Images/symptom_m.png");
    width:220px;
    float:left;
}
.symptom-r {
    float:left;
    background:url("/Templates/Images/symptom_r.png");
    background-repeat:repeat-y;
    width:9px;

}
.symptom-bl {
    float:left;
    background:url("/Templates/Images/symptom_bl.png") no-repeat;
    width:9px;
    height:9px;
}
.symptom-br {
    float:left;
    background:url("/Templates/Images/symptom_br.png") no-repeat;
    width:9px;
    height:9px;
}
.symptom-bottom {
    background:url("/Templates/Images/symptom_b.png") repeat-x;
    height:9px;
    float:left;
    width:220px;
}
.help-tl {
    float:left;
    background:url("/Templates/Images/help_tl.png") no-repeat;
    width:9px;
    height:9px;
}
.help-tr {
    float:left;
    background:url("/Templates/Images/help_tr.png") no-repeat;
    width:9px;
    height:9px;
}
.help-top {
    background:url("/Templates/Images/help_t.png") repeat-x;
    height:9px;
    float:left;
    width:262px;
}
.help-l {
    float:left;
    background:url("/Templates/Images/help_l.png");
    background-repeat:repeat-y;
    width:9px;
}
.help-middle {
    background:url("/Templates/Images/help_m.png");
    width:262px;
    float:left;
    min-height:95px;
}
.help-r {
    float:left;
    background:url("/Templates/Images/help_r.png");
    background-repeat:repeat-y;
    width:9px;
}
.help-bl {
    float:left;
    background:url("/Templates/Images/help_bl.png") no-repeat;
    width:9px;
    height:9px;
}
.help-br {
    float:left;
    background:url("/Templates/Images/help_br.png") no-repeat;
    width:9px;
    height:9px;
}
.help-bottom {
    background:url("/Templates/Images/help_b.png") repeat-x;
    height:9px;
    float:left;
    width:262px;
}
.find-your-doc {
    margin-left:5px;
}
.ie7 .find-your-doc a{
    float:none;
}
.find-your-doc a {
    float:right;
    margin-right:30px;
}
.find-your-doc h3 {
    color:#548f65;
    font-size:12px;
}
.quiz
{
    padding-top:20px;
    margin:0 auto 0 auto;
    width:94%;
}
.quiz a.answer
{
    font-weight: bold;
}
.q {
     font-size:12px;
}
.quiz .question {
    text-align:left;
}
.quiz .label {
    float:left;
    width:480px;
    padding:5px 0px 5px 10px;
}
.quiz .heading {
    color:#fff;
    font-size:24px;
    font-weight:bold;
    width:885px;
    background-color:#005294;
    font-family: "myriad-pro-condensed",sans-serif;
}
.quiz .row .label{
    padding-top:15px;
    padding-bottom:15px;
}

.quiz .row{
    background-color:#fff;
    width:885px
}
.quiz .stripe{
    background-color:#f2f6fa;
}
.quiz .cell{
    float:left;
    text-align:center;
    width:180px;
    padding:5px 0px;
    position:relative;
}

.quiz .answer 
{
    line-height:41px;
    vertical-align:middle;
    text-align:center;
    display:block;
    background:url("/Templates/Images/light_response.jpg") no-repeat;
    height:41px;
    width:99px;
    margin: 0 auto;
}
.quiz .answer-blue { color:#005294; }
.quiz .answer-black { color:#424242; }

.quiz .stripe .answer { background:url("/Templates/Images/dark_response.jpg") no-repeat; }
    
.response {
    position:absolute;
    z-index:998;
    text-align:left;
    color:#005294;
    font-weight:bold;
    margin-left: -210px;
    
}
.response .arrow {
    background:url("/Templates/Images/white_arrow.png") no-repeat;
    width:21px;
    height:21px;
    position:absolute;
    z-index:999;
    left:244px;
}
.response .symptom-top,
.response .symptom-middle,
.response .symptom-bottom { padding:0px 5px; }
.response .symptom-middle { padding-top:5px; padding-bottom:5px; }
.placeholder { color:#aaa; }
.search input.placeholder { font-size:12px; }
/* End CSS for area roll overs */
.form-item { float:left; padding:5px; }
.form-item input { width:230px; }
.form-item select { width:230px; }
.button {
    background:#fff;
    border:none;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    padding:10px;
    margin-left:5px;
    margin-top:10px;
    color:#005294;
    behavior: url("/Templates/Styles/PIE.htc");
}
input.error { border:2px solid #c74b4b; }
.portrait input.error { border:none; }
label.error {
    font-weight:bold;
    color:#c74b4b;
    padding:2px;
    font-size:12px;
    display:none;
}
.portrait .form-item .input-container label.error,
.portrait .form-item  label.error { display:none; }
#symptom-select { height:20px; margin-top:10px; }
.site-list { display:none; }
.note { margin-bottom:20px; margin-top:10px; }
/* Wordpress / Blog style */
#registerform input[type="text"],
#registerform input[type="password"],
#registerform input[type="submit"],
#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="submit"],
#lostpasswordform input[type="text"],
#lostpasswordform input[type="password"],
#lostpasswordform input[type="submit"]{
    background:url("/Templates/Images/header_back.png");
    /*background-color:none;*/
    border:none;
    height:25px;
    -webkit-border-radius: 3px;
    -khtml-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    behavior: url("/Templates/Styles/PIE.htc");
    position:relative;
}
#searchsubmit { display:none; }
.screen-reader-text { display:none; }
.widget_gdstarrating_star ul li div { display:none; }
.ref { font-size:10px; padding:0 45px 20px 45px; }
.portrait .form-item label{ display:block; margin-bottom:15px; }
.input-container { margin-top:10px; }
.input-container .row .item {
    margin-right:10px;
    width:220px;
    display:block;
    float:left;
}
.input-container .row .item-2 { width:390px; }
.input-container .row { height:25px; }
.portrait .form-item .input-container label { display:inline; }
.input-container input[type="radio"] { margin-right:5px; }
.help { position:relative; top:10px; }
.create_submit {
    background:url("/Templates/Images/create_plan_button.gif") no-repeat;
    width:224px;
    height:58px;
    border:none;
    color:#005294;
    font-family: "myriad-pro-condensed",sans-serif;
    font-weight:bold;
    font-size:20px;
}
.reset {
    background:url("/Templates/Images/reset_button.jpg") no-repeat;
    width:134px;
    height:57px;
    border:none;
    color:#005294;
    font-family: "myriad-pro-condensed",sans-serif;
    font-weight:bold;
    font-size:20px;
}
.help-items {
    
}
.help-item {
    color:#fff;
    font-size:11px;
    font-weight:bold;
    display:none;
    position:absolute;
    z-index:998;
}

.help-item .help-top,
.help-item .help-middle,
.help-item .help-bottom{
    padding:0px 5px;
}
.help-item .help-middle{
    padding-top:5px;
    padding-bottom:5px;
}
.help-item .arrow{
    background:url("/Templates/Images/blue_arrow.png") no-repeat;
    width:17px;
    height:22px;
    float:left;
    position:absolute;
    top:30px;
    left:-13px;
    z-index:999;
}

#physician_form label{
    display:block;
}

/* JQUERY UI Style  */
.ui-dialog{
    background:#fff;
    overflow-y:scroll;
    padding:20px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    behavior: url("/Templates/Styles/PIE.htc");
}
.ui-dialog-titlebar-close{
    float:right;
}
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/* SOGETI PUFFS ON THE STARTSIDE */
#puffs {
	position:absolute;
	top:525px;
	margin-bottom:10px;
	margin-top:5px;
}
.puff {
	width:313px;
	height:90px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius:5px;
	float:left;
	position:relative;
	behavior: url("/Templates/Styles/PIE.htc");
	cursor: pointer;
	margin: 0px;
}
.puff a { position:absolute; top: 0; left: 0; height:100%; width:100%; z-index:100; }
#puff-1 { background-color:#5381AC; }
#puff-2 { background-color:#C3DCB0; }
#puff-3 { background-color:#5381AC; }
.puff_start { margin-right:5px; }
.puff_middle { margin:0px 5px; }
.puff_middle p { color:Black; }
.puff_end { margin-left:5px; }
.puff .t { height: 90px; }
.puff .r { padding-left:10px; }
.puff .r img { position:absolute; right:0px; top:0px; }
.puff .big {
    white-space:nowrap;
    /*display: inline-block;*/
    /*float:left;*/
    vertical-align:middle;
    padding-left:10px;
	color:white;
	font-size:32px;
	font-family: "myriad-pro-condensed",sans-serif;	
}
.puff .small
{
    vertical-align:middle;
	padding-left: 5px;
	padding-right: 5px;
	color:white;
	font-size:90%;
	/*display: inline-block;
    float:left;*/
}
.puff tbody {
	margin:20px;
}
/* ***** SOGETI END - PUFFS ***** */
.float-right {
    float:right;    
}
#start-text {
    width:520px;
    margin-top:10px;
    text-align:right;
    margin-right:10px;
}
#start-text h2 {
    font-weight:lighter;
    margin-bottom:5px;
    font-family: "myriad-pro-condensed",sans-serif;
    color:#005294;
    font-size:34px;
}
#start-text > p {
    display:block;
    float: right;
    width: 320px;
    margin-bottom:10px;
    font-family: helvetica, arial, sans-serif;
    color:#333333;
    font-size:110%;
    text-align: right;
}
#start-link {
    width: 275px; /* 255px; */
    height:50px;
    vertical-align:middle; /* puff som button */
    margin-top:20px;
    position: relative;
}
#sp-link1 {
    width:150px;
    height:50px; /* 60px - utan padding */
    padding:5px 10px 5px 10px;
    -webkit-border-radius:5px 0 0 5px;
     -khtml-border-radius:5px 0 0 5px;
       -moz-border-radius:5px 0 0 5px;
            border-radius:5px 0 0 5px;
    background-color:#C3DCB0;
    -pie-background:#C3DCB0;
    position:relative;
    behavior: url("/Templates/Styles/PIE.htc");
    cursor: pointer;
}
.sp-link-text {
    vertical-align:middle;
    padding:0 0px;
	color:#404040;
    /* font-weight:bold; */
}
/* TESTING ******************************************************************************************************************** */
#sp-link
{
	height:50px;
	width:150px;
	display: inline-block;
 	outline: none;
	cursor: pointer;
	position:relative;
	right:0;
	/*
	top:50%;
	margin-top: -25px;
    */
	vertical-align:middle;
	
	text-decoration: none;
	padding:5px 10px 5px 10px;
	
    -webkit-border-radius:5px 0 0 5px;
     -khtml-border-radius:5px 0 0 5px;
       -moz-border-radius:5px 0 0 5px;
            border-radius:5px 0 0 5px;

	-webkit-box-shadow: -2px 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: -2px 2px 3px rgba(0,0,0,.5);
	box-shadow: -2px 2px 3px rgba(0,0,0,.5);
	behavior: url("/Templates/Styles/PIE.htc");
}
.sp-link-grad {
	color: #404040; /* #fef4e9; */
	/* border: solid 1px #404040; */ /* #da7c0c; */
	background: #C3DCB0; /* #f78d1d; */ /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#DAE9CE), to(#C3DCB0)); /* for webkit browsers */
	/* background: -webkit-gradient(radial, left top, left bottom, from(#000000), to(#FF00FF)); */
	background: -moz-linear-gradient(top,  #DAE9CE,  #C3DCB0); /* for firefox 3.6+ */ 
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3DCB0', endColorstr='#839973'); */ /* for IE */
	-pie-background: linear-gradient(#DAE9CE, #C3DCB0); /*PIE*/
} /* from(#C3DCB0), to(#839973) */
.sp-link-grad:hover {
	background: #C3DCB0; /* #f47c20; */
	background: -webkit-gradient(linear, left top, left bottom, from(#C3DCB0), to(#C3DCB0));
	background: -moz-linear-gradient(top,  #C3DCB0,  #C3DCB0);
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5DC9A', endColorstr='#96B77E'); */
	-pie-background: linear-gradient(#C3DCB0, #C3DCB0); /*PIE*/
} /* from(#B5DC9A), to(#96B77E) */
/* **************************************************************************************************************************** */
#sp-link a { position:absolute; height:100%; width:100%; z-index:100; }
#sp-link .t { height: 50px; }
#start-arrow {
    width:90px;
    height:60px;
    padding-left:0px;   
}
#start-arrow img
{
    width:90px;
    height:50px;
}
#start-animation {
    width: 520px;
    height: 130px;
    position:relative;
    margin-top:20px;
    margin-right:10px;
}
.style {
    color:#5381AC;
    font-weight:bolder;
    font-family: "myriad-pro-condensed",Verdana;
}
.phrase1 {
    font-size:500%;
    position:absolute;
    font-weight:bolder;
    top:0px;
    left:10px;
}
.phrase2 {
    font-size:320%;
    position:absolute;
    font-weight:bolder;
    top:70px;
    left:100px;
}
.phrase3 {
    font-size:380%;
    position:absolute;
    font-weight:bolder;
    top:60px;
    left:275px;
}
.phrase4 {
    font-size:320%;
    position:absolute;
    font-weight:bolder;
    top:45px;
    left:370px;
}
.phrase5 {
    font-size:320%;
    position:absolute;
    font-weight:bolder;
    top:26px;
    left:160px;
}
.phrase6 {
    font-size:350%;
    position:absolute;
    font-weight:bolder;
    top:30px;
    left:355px;
}
.phrase7 {
    font-size:500%;
    position:absolute;
    font-weight:bolder;
    top:40px;
    left:140px;
}
.phrase8 {
    font-size:340%;
    position:absolute;
    font-weight:bolder;
    top:65px;
    left:370px;
}   
/* SOGETI Contact Us Form IN THE FOOTER */
#id_matrix label {
    display:block;
}
#doctorPage {
    margin:-20px 0px 20px 300px;
}
#doctorPage table, #doctorPage th, #doctorPage td {
    padding: 2px 10px;
    border: 1px solid black;
}
#childrensList {
    margin:10px auto;
}
#container-page-edit {
    margin: 10px auto;
    width: 400px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    border:1px solid black;
    behavior: url("/Templates/Styles/PIE.htc");
}
/*** ******** ALLERGENBOX EDIT MODE ******** ***/
#allergen-box-edit {
	margin: -80px auto;
	width: 265px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px 7px 7px;
}
.allergen-img-edit {
	margin-top: 1px;
	position: relative;
	width:49px;
	height:49px;
	left: 230px;
	bottom: 120px;
}
.allergen-img-edit-ap { width:49px; height:49px; }
.allergen-text-edit 
{
    background-color: rgb(255,250,218); /* IE Fallback */
	background-color: rgba(255,250,218,1);
	width: 261px;
	padding: 10px 10px 15px 10px;
	margin: 100px auto;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.allergen-text-edit h1 {
	font-weight: bold;
	margin-bottom: 5px;
}
.allergen-text-edit p {
	margin-bottom: 5px;
}
.bubble-stem-edit {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #FFFADA;
	position: relative;
	left: 230px;
	bottom: 120px;
}
/*** ********** ALLERGENBOX ********** ***/
#allergen-box {
	/* background-color:#CBD9EA; */
	background-color: rgb(203,217,234); /* IE Fallback */
	background-color:rgba(203,217,234,.80);
	width:185px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 7px 7px 7px;
	position:absolute;
	behavior: url("/Templates/Styles/PIE.htc");
}
.allergenbox-upper-left { right:170px; bottom:120px; }
.allergenbox-middle-left { right:170px; bottom:60px; }
.allergenbox-lower-left { right:170px; bottom:10px; }
.allergenbox-upper-center { right:90px; bottom:120px; }
.allergenbox-middle-center { right:90px; bottom:60px; }
.allergenbox-lower-center { right:90px; bottom:10px; }
.allergenbox-upper-right { right:10px; bottom:120px; }
.allergenbox-middle-right { right:10px; bottom:60px; }
.allergenbox-lower-right { right:10px; bottom:10px; }
.ab-heading {
    font-size: 12px; /* 10.5px; */ /* 0.805em; */
	font-weight:bold;
	color:#005294;
	text-align:left;
	margin-top:-5px;
	margin-bottom:5px;
}
.allergen-img {
	margin-top:2px;
	width: 35px;
	height: 35px;
}
.allergen-text {
	/* background-color:#FFFADA; */
	background-color: rgb(255,250,218); /* IE Fallback */
	background-color:rgba(255,250,218,1);
	width:261px;
	padding:10px 10px 15px 10px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:absolute;
	display:none;
}
.allergen-text h3 {
	font-weight:bold;
	margin-bottom:5px;	
}
.allergen-text p {
	margin-bottom:5px;
}
.bubble-stem {
	width:0;
	height:0;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-right:20px solid #FFFADA;
	position:absolute;
	display:none;
}
.allergen {
	float:left;
	height:37px;
	width:37px;
	margin:0px 0px;
	position:relative;
}
.clearer {
	clear:both;
}
/* ********** Patient Stories OLD ********** */
.select-language { margin-top:-2px; }
#patient-stories { position:absolute; right:0px; top:120px; width:250px; height:520px; overflow:auto; }
.patient-story { padding-right:5px; }
.patient-story h2 { margin-top:10px; margin-bottom:5px; font-size: 16px; }
.patient-story h3 { margin-bottom:5px; }
.ingress { margin-bottom:5px; }
.patient-story a { display:block; margin-bottom:3px; }
.patient-story p { margin-bottom:5px; }
#patient-stories span { text-align: right; font-style: italic; cursor:pointer; margin-bottom:3px; }
hr.patient-hr { margin: 0;}
.patient-text a { font-size:12px; text-align:center; float:right; }
.read-more { margin-top:5px; font-size:12px; }
.slide { margin: 0; padding: 0; border-top: solid 4px #422410; background: url(images/btn-slide.gif) no-repeat center top; }
.btn-slide { text-align: right; display: block; font: 10 Arial, Helvetica, sans-serif; text-decoration: none; }
/* ********** Patient Stories NEW ********** */
.patient-story-paging { margin: -10px 0 0 20px; width:270px;}
.patient-story-paging h2 { font-size:18px; /* font-weight:bold; */ margin:5px 0; }
.patient-story-paging p { margin:10px 0;}
.patient-story-paging a { font-size:9px; float:right; }
.PagingContainer { width:255px; margin: 0 0 0 20px; }
.patient-story-video p { margin: 10px 0; }

/* ********** Common questions ********** */
.symp-trigg-faqs { }
.faq-item {
    padding:3px 10px 0px 0px;
}
.faq-item .faq-question  {
    font-weight: bold;
    color:#005294;
    cursor:pointer;
}
.faq-item .faq-answer {
    margin: 10px 0px;
}
/* ********** Contact Us Form ********** */
.send-form-button {
	background:url("/Templates/Images/create_plan_button.gif") no-repeat;
	width:224px;
	height:58px;
	border:none;
	color:#005294;
	font-family: "myriad-pro-condensed",sans-serif;
	font-weight:bold;
	font-size:20px;
}
.send-form-name,
.send-form-city,
.send-form-state,
.send-form-email,
.send-form-phone,
.send-form-comment 
{
    margin-bottom:5px;
}
/* ********** Snorytelling Form ********** */
#slide {
	width: 4810px; /*3848px;4810px; */
	margin:10px 0px;
	position: relative;
	left: -3850px; /*2888px;3850px*/
}
.portrait_form 
{
    background-color: rgb(255,255,255); /* IE Fallback */
    background-color:rgba(255,255,255,.70);
	float: left;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px black;
	-moz-box-shadow: 5px 5px 5px black;
	box-shadow: 5px 5px 5px black;
	height: 300px;
	width: 560px;
	margin: 10px 360px 0px 40px;
	position:relative;
	behavior: url("/Templates/Styles/PIE.htc");
}
.clear { 
	clear: both;
	visibility:hidden;
}
#plant {
	float: right;
	height: 100px;
	width: 100px;
	margin: 20px;
}
.first h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px 60px 5px 30px;
}
.first p { margin: 0px 60px 15px 30px; }
.arrow_left {
	height: 20px;
	width: 50px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}
.arrow_right {
	height: 20px;
	width: 50px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.first .arrow_left { visibility:hidden; }
.last .arrow_right { visibility:hidden; }
.first img { margin: 20px 0px 0px 30px; }
.middle h2 { font-size: 28px; font-weight: bold; margin: 20px 0 5px 30px; }
.middle p { margin: 0px 70px 15px 30px; }
.snorypic1 { }
.snorypic2 {
    position:absolute;
    right:10px;
    top:25px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
}
#cards { margin-left:20px; }
.card { float:left; width:145px; height:100px; margin:3px; position:relative; }
.card h2 { font-size:16px; margin: 10px 0 5px 10px; }
.card p { font-size:5px; margin: 0px 5px; }
.rbCard { position:absolute; right:5px; bottom:5px; font-size:10px; margin: 0px 5px; }
#snores { margin-left:20px; margin-bottom:20px; }
.snore { float:left; width:80px; height:100px; margin:3px; position:relative; }
.rbSnore { position:absolute; left:5px; bottom:-10px; font-size:10px; margin: 0px 5px; }
.center { margin-top:20px; margin-left:auto; margin-right:auto; width:15% }
.last h2 { font-size: 28px; font-weight: bold; margin: 20px 0 5px 30px; }
.last p { margin: 0px 70px 15px 30px; }
/* ***** Textbox for Site Search ***** */
.tbxSearch { color:#C0C0C0; }
iframe { margin:10px 0; }
/* SOGETI Allergy Action Plan - For Clinicians */
#allergens-container-old {
    background:url("/Templates/Images/light_blue_back.png");
    border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    width:340px;
    padding-top:30px;
    padding-bottom:30px;
    padding:20px 10px;
    behavior: url("/Templates/Styles/PIE.htc");
    position:absolute;
    top:10px;
} 
#allergens-container-old h2 { font-size:24px; line-height:24px; text-align:center; }
#allergens-container-old p { margin:10px 0px 20px 0px; }
/*
#allergens-container-old .allergen-submit {
    background: none;
    border-radius:none;
    border:none;
    box-shadow:none;
    margin:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: none;
}
*/
#allergens-container-old .allergen-item { float:left; width:170px; margin:5px 0px; font-size:11px; }
#allergens-container-old .allergen-item-image { display:inline; }
#allergens-container-old .allergen-item-selector { display:inline;position:relative;bottom:22px; }
#allergens-container-old .allergen-item-title { display:inline; }
#allergens-container-old .allergen-checkbox { display:inline; }
#allergens-container-old .allergen-submit {
    background-image:none;
    border:none;
    background:url("/Templates/Images/header_back.png");
    border:none;
    height:40px;
    width:340px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    margin-top:20px;
    font-size:18px;
    font-weight:bold;
    color:#548f65;
    position:relative;
    font-family: "myriad-pro-condensed",sans-serif;
    behavior: url("/Templates/Styles/PIE.htc");
    text-align:center;
    padding-top:15px;
}
/* SOGETI Allergy Action Plan version 2 - For Clinicians */
#allergy-action-plan {
    /* background:url("/Templates/Images/light_blue_back.png"); */
	width:390px;
	padding:10px 10px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
    -webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:-50px;
	background-color: rgb(203,217,234); /* IE Fallback */
	background-color:rgba(203,217,234,.80);
	position:relative;
	behavior: url("/Templates/Styles/PIE.htc");
}
#allergy-action-plan #allergen-list { height:inherit; }
#allergy-action-plan h1 { font-size:20px; font-family: "myriad-pro-condensed",sans-serif; margin:10px 0px 5px 0px; }
#allergy-action-plan h2 { font-size:16px; font-family: "myriad-pro-condensed",sans-serif; margin:10px 0px 5px 0px; }
#allergy-action-plan h3 { font-size:14px; font-family: "myriad-pro-condensed",sans-serif; margin:20px 0px 5px 0px; }
#allergy-action-plan p { font-size:12px; font-family: helvetica,arial,sans-serif; display:block; margin:5px 0px 10px 0px; }
#allergy-action-plan ul { margin:0; }
#allergy-action-plan span { font-size:16px; font-family: "myriad-pro-condensed",sans-serif; margin:10px 5px 5px 0px; }
.clear { clear:both; }
#allergy-action-plan input[type="text"] {
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	color: black;
	float:left;
	width:240px;
	height:15px;
	border:1px solid black;
	margin:2px;
	position:relative;
	z-index: 0;
	behavior: url("/Templates/Styles/PIE.htc");
}
#allergy-action-plan .allergen-submit {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	width:230px;
	padding:5px;
	margin:5px 0px 0px 101px;
	border:1px solid white;
	font-size:10px;
	font-family:Arial;
	text-align:center;
	/* background:#FFFFFF; */
	position: relative;
    z-index: 0;
	behavior: url("/Templates/Styles/PIE.htc");
	color: #404040;
	background: #E6E6E6; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#94C8EE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FAFAFA, #94C8EE); /* for firefox 3.6+ */ 
	-pie-background: linear-gradient(#FAFAFA, #94C8EE); /*PIE*/
}
#allergy-action-plan .allergen-submit:hover {
	background: #FAFAFA;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E6E6E6));
	background: -moz-linear-gradient(top,  #FAFAFA,  #E6E6E6);
	-pie-background: linear-gradient(#FAFAFA, #E6E6E6); /*PIE*/
}
#allergy-action-plan .allergen-submit a { text-decoration:none; color:#404040; font-size:14px; font-family:"myriad-pro-condensed",sans-serif; font-weight:bold;}
#allergy-action-plan label {
	font-size:16px;
	font-family: "myriad-pro-condensed",sans-serif;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin-right: 0.5em;
	width: 90px;
	color: black;
	float:left;
}
#allergy-action-plan #logo { width:90px; height:35px; float:right; margin:5px 0px; }
#allergy-action-plan #navbar h2 { font-size:15px; margin:0px 0px 0px 0px; display:inline-block; padding:5px 0 4px; }
#allergy-action-plan #navbar h3 { font-size:13px; margin:4px 0 0 0; display:inline-block; width:46px; font-family:"myriad-pro-condensed",sans-serif; font-weight:normal; padding:2px 0;}
#allergy-action-plan #allergy-action-plan #navbar { position:relative; }
#allergy-action-plan #navbar li {
   position:relative;
   vertical-align: top;
   text-align:center;
   display:inline-block;
   /* margin: 8px 0px; */
   padding:1px 0px;
   list-style:none;
   color: #000000;
   background-color:#72CAEF;
   width:94px;
}
#allergy-action-plan #navbar > li > ul { position:relative; top:5px; display: block; margin-top: 0px; }
#allergy-action-plan #navbar > li > ul  > li { display: none; background-color: rgb(203,217,234); /* IE Fallback */ background-color:rgba(203,217,234,.80); margin:-3px 0px 0px; padding:4px 0px 4px; }
#allergy-action-plan #navbar span { float:left; vertical-align: middle; }
#allergy-action-plan #navbar input { margin:7px 2px 0px 0px; float:right; }
#allergy-action-plan .trigger-header {
    background-color:#72CAEF;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	behavior: url("/Templates/Styles/PIE.htc");
    margin-bottom: 2px; 
}
#allergy-action-plan .arrow-down { width:10px; height:10px; /* float:right; */ margin:0px 2px; }
#allergy-action-plan .trigger-icon { width: 22px; height:22px; float:left; margin: 2px; }
#allergy-action-plan #navbar > li:first-child > a,
#allergy-action-plan #navbar > li:last-child  > a,
#allergy-action-plan #navbar ul li:first-child > a,
#allergy-action-plan #navbar ul li:last-child > a {
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
}
/* Things that is shown on the mobile version but shouldn't be visable on the desktop version */
.mobile-utilities, .allergen-img-mobile, #side-nav .expander, .puff .bigDiv, .smallDiv, .mobileAllergenText,
.st_sharethis_large, .mobileAllergenDiv, #start-words, .mobile-content { display: none; }
/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* ***** Allergy Profile ***** */
.allergy_profile_step
{
    background-color: rgb(255,255,255); /* IE Fallback */
    background-color:rgba(255,255,255,.70);
	float: left;
	/* border: 1px solid black; */
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	/* min-height: 360px; */
	height: 360px;
	width: 630px;
	margin: 50px 0px 0px 10px;
	padding:10px 30px 40px 30px;
	position:relative;
	behavior: url("/Templates/Styles/PIE.htc");
}

.allergy_profile_step #mcs_container {
    height: 230px;
}
.allergy_profile_step #mcs_container .customScrollBox .containerScrollBox {
    width: 615px;
}

.allergy_profile_result
{
    background-color: rgb(255,255,255); /* IE Fallback */
    background-color: rgba(255,255,255,.70);
	/* border: 1px solid black; */
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	/* height: 500px; */
	width: 640px;
	/* margin: 50px 0px 0px 10px; */
	padding:10px 30px 20px;
	position:relative;
	top:-30px;
	left:10px;
	behavior: url("/Templates/Styles/PIE.htc");
	/* overflow: auto; */
}
.allergy-profile { min-height: 550px; }
.allergy_profile_arrow_left  { position:absolute; bottom:70px; left: 45px; width:40px; height:40px; } 
.allergy_profile_arrow_right { position:absolute; bottom:70px; left:635px; width:40px; height:40px; }
.allergy_profile_create_profile { position:absolute; bottom:70px; left:460px; }
.dotImages { position:absolute; bottom:75px; left:330px; height:17px; }
.imgWhiteRed { float:left; }
.allergy_profile_info { display:inline-block; width:70px; font-weight:bold; }
/* #symptoms { height:250px; width: 1500px; } */
#symptoms { height:240px; width: 630px; overflow: auto; margin-top:20px;}
#symptoms_step1 {  }
#symptoms_step1 p { /* height: 115px; width: 630px; overflow:auto; */ margin-bottom:20px; }
#symptoms_step1 input { margin: 0 5px 0 0;}
#symptoms_step1 label { margin: 0 10px 0 0;}
.allergy_profile_footer .validation_area { margin: 10px 0 0 0; }
#symptoms_step2 { width: 645px; margin-top:10px;}
#symptoms_step3 { width: 645px; margin-top:5px;}
#symptoms_step4 { width: 645px; margin-top:10px;}
h2.emailaddress { display:inline-block; }
.symptom { float:left; height:20px; padding:10px 5px; width: 195px; }
.daily_life_affect_container { margin-left: 135px; }
.daily_life_affect { width:110px; float:left; padding:0 5px; text-align:center; }
.validation_area { width:520px; margin:0 0 0 55px;padding-top: 10px;}
/*#step4 .validation_area { padding-top: 20px;}*/
.symptom_affect_daily_life { margin:5px 0; padding:12px 0; }
.symptoms_affect_container { }
.allergy_profile_footer { height:60px; }
.symptom_name { width:130px; display:inline-block; }
.symptom_affect { width:auto; display:inline-block; background:url("/Templates/Images/affect6x480.png") no-repeat scroll 0 50%; }
.symptom_affect input { width:115px; margin: 0 0px;}
.symptom_affect input {
     width:110px\9; /* IE 8 and below */
     margin: 0 0px;
}
.validation_area div { display: inline-block; }
.validation_area ul { /* float:right; */ }
.daily_life_occur_container { margin:10px 0 0 135px; }
.symptom_occur { width:auto; display:inline-block; background:url("/Templates/Images/occur6x360.png") no-repeat scroll 0 50%; }
.symptom_occur input { width:115px; margin: 0 0px;}
.symptom_input { margin-left:10px; }
.symptom_input input { margin: 0 5px 0 0;}
.symptom_input label { margin-right: 10px;}
/* .symptom_input span { margin: 10px 0 10px 0;} */
.header_result { display:inline-block; width:95px; text-align:right; font-weight:bold; color: #005294; padding-right:5px;}

.affect_grad_result { display:table; background:url("/Templates/Images/affect24x480.png") no-repeat right center; margin:10px 0 0 0; height:24px; }
.affect_grad_result li { display: table-cell; vertical-align: middle; }
.affect_grad_result li.left   { width:120px; font-weight:bold; text-align:left; margin-left:5px;}
.affect_grad_result li.middle { width:120px; font-weight:bold; text-align:center; }
.affect_grad_result li.right  { width:120px; font-weight:bold; text-align:right; margin-right:5px; }

.occur_grad_result { display:table; background:url("/Templates/Images/affect24x480.png") no-repeat right center; margin:5px 0 0 0; height:24px; }
.occur_grad_result li { display: table-cell; vertical-align: middle; }
.occur_grad_result li.left { width:160px; font-weight:bold; text-align:left; margin-left:5px;}
.occur_grad_result li.middle { width:160px; font-weight:bold; text-align:center; }
.occur_grad_result li.right { width:160px; font-weight:bold; text-align:right; margin-right:5px; }

.symptom_header_result { display:inline-block; width:200px; /* font-weight:bold; */ color: #005294; }
.symptom_result { margin:5px 0; }
.symptoms_result {  }
.symptom_result_part_header { display:inline-block; width:200px; padding:2px 0; }
.symptom_result_part { display:inline-block; width:120px; padding:2px 5px; margin-right:70px; }
.symptom_group_info {  }
.symptom_group_tiggers { display: table; margin-top: 20px; }
.symptom_group_heading { display: table-cell; width: 150px; vertical-align: top; }
.symptom_group_tigger { float:left; }
.symptom_group_tigger_allergen { float:left; width:80px; height:110px; margin:5px; }
.symptom_group_tigger_allergen span { font-size: 9px; }
.allergy_profile_buttons { margin: 20px 0 0 0; }
.allergy_profile_buttons .medium_button {
	background:url("/Templates/Images/medium_button.jpg") no-repeat;
	width:167px;
	height:57px;
	border:none;
	color:#005294;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
	font-weight:bold;
	font-size:20px;
	/* display: table; */
}
.create_ap_button {
    background:url("/Templates/Images/create.png") no-repeat;
	width:213px;
	height:48px;
	border:none;
	/* color:#005294; */
	/* font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif; */
	font-family:Sans-Serif;
	/* font-weight:bold; */
	font-size:17px;
	position:absolute;
	bottom:70px;
	left:460px;
}
.allergy-profile-pdf {
    background-image:none;
    border:none;
    background:url("/Templates/Images/header_back.png");
    border:none;
    height:40px;
    width:340px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    margin-top:20px;
    font-size:18px;
    font-weight:bold;
    color:#548f65;
    position:relative;
    font-family: "myriad-pro-condensed",sans-serif;
    behavior: url("/Templates/Styles/PIE.htc");
    text-align:center;
    padding-top:15px;
}
.allergy_profile_result .hyperlink-button 
{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    background: url("/Templates/Images/medium_button.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #005294;
    font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 57px;
    width: 167px;  
}
/* Site selector drop down */
li div#SiteSelector {
    clear: both;
    float: left;
    font-size: 14px;
    height: auto;
    position: relative;
    top: 0;
    width: auto;
    z-index: 50;
}
div#SiteSelector a {
    font-size: 10px !important;
    vertical-align: top;
}
div#SiteSelector ul#DropDown {
    background: url("/Templates/Images/worldwide.gif") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding-left: 35px;
}
div#SiteSelector ul#DropDown li.dropDownList {
    background: none repeat scroll 0 0;
    border: 0 none;
    float: left;
    list-style: none outside none;
    margin: 0;
    min-height: 24px;
    padding: 0 0 0 10px;
    position: relative;
}
div#SiteSelector ul#DropDown li a {
    display: block;
    text-decoration: none;
}
div#SiteSelector ul#DropDown li ul {
    background-color: #FFFFFF;
    border: 1px solid #EDEDED;
    display: none;
    margin: 0;
    min-width: 120px;
    position: absolute;
    top: 22px;
    z-index: 50;
}
div#SiteSelector ul#DropDown li ul li {
    background: #FFFFFF repeat scroll 0 0;
    border: 0 none;
    line-height: 9px;
    min-width: 118px;
    padding: 5px 10px 3px;
    margin-right:0;
}
div#SiteSelector ul#DropDown li ul li:hover { background-color: #F0F6F9; }
div#SiteSelector ul#DropDown li ul li a { line-height: 9px; }
div#SiteSelector ul#DropDown li:hover { cursor:pointer; }
div#SiteSelector ul#DropDown li:hover ul { display: block; }

div#mcs_container_wide 
{
    max-width: 700px;    
}

/**
 * Print styles.
 */
/* @media print {  */

/* } */