/*------------------------------------------------------------
PROGRESS/LOADING INDICATOR
------------------------------------------------------------*/
.progress-indicator
{
    background: transparent url(Images/App/ProgressIndicatorBackground.gif) bottom left no-repeat;
    color: #069;
    height: 50px;
    left: 50%;
    line-height: 46px;
    margin-left: -50px;
    position: fixed;
    _position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 120px;
}

.progress-indicator span,
.progress-indicator img
{
    _padding-top: 12px;
}


/*------------------------------------------------------------
ASP CONTROL: TREEVIEW, CURRENT/PAST LIST
------------------------------------------------------------*/
.tree-view
{
    
}

.tree-view table
{
    background: transparent url(Images/App/TreeViewDivider.png) repeat-x;
    _background: transparent url(Images/App/TreeViewDivider.gif) repeat-x;
    border-collapse: separate;
    vertical-align: top; /* align expand/collapse image and text if text wraps */
    width: 100%;
}

.tree-view td
{
    padding: 4px 0;
}

.tree-view > table:first-child,
.current-past-list a.current-past-list-item:first-child
{
    background-image: none;
}

.tree-view td a img
{
    vertical-align: middle;
    line-height: 3em;
    padding-right: 4px;
}

.tree-view .tree-node
{
    font-size: 95% !important; /* override ASP.net inline style */
    white-space: normal !important; /* override ASP.net inline style */
    width: 99%;
}

.tree-view a
{
    
}

.tree-view table a.tree-node, /* all nodes */
.tree-view table a.tree-node:visited
{
    color: #000;
    text-decoration: none;
}

.tree-view div table a.tree-node, /* second level nodes */
.tree-view div table a.tree-node:visited
{
    color: #26a;
}

.tree-view div table a.tree-node:hover /* second level nodes */
{
    color: #3ad;
    text-decoration: underline;
}

.tree-view a.selected-tree-node,
a.current-past-list-item.selected
{
    color: #e70 !important;
    cursor: default;
    font-weight: bold;
    text-decoration: none !important;
}

.current-past-list-item, /* when asp:TreeView isn't used (on "Treatments") */
.current-past-list-item:visited
{
    background: transparent url(Images/App/TreeViewDivider.png) repeat-x;
    _background: transparent url(Images/App/TreeViewDivider.gif) repeat-x;
    display: block;
    font-size: 95%;
    padding: 4px 0 4px 15px;
    text-decoration: none;
}

.add-new-strength
{
    color: #0a0;
    padding-left: 4px;
}

.add-new-strength:hover
{
    color: #0d0;
}


/*------------------------------------------------------------
AJAX CONTROL TOOLKIT: CALENDAR EXTENDER
------------------------------------------------------------*/
.ajax__calendar
{
    display: inline;
}


/*------------------------------------------------------------
AJAX CONTROL TOOLKIT: COLLAPSIBLE PANEL
------------------------------------------------------------*/
.collapsible-panel-header
{
	_height: 1%;
}

.collapsible-panel-header:after
{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.collapsible-panel-header
{
    cursor: pointer;
}

.collapsible-panel-header .expand-collapse-image
{
    cursor: pointer;
    vertical-align: middle;
}

.collapsible-panel-header .header-text
{
    display: inline;
    font-weight: bold;
    line-height: 1.6em;
    vertical-align: middle;
}

.collapsible-panel-content
{
    height: 0px;
    overflow: hidden;
}

.section.collapsible .collapsible-panel-content > .container-content
{
    padding-top: 12px;
}


/*------------------------------------------------------------
AJAX CONTROL TOOLKIT: RATING
------------------------------------------------------------*/
.rating
{
    display: inline;
    margin-right: 0.5em;
    vertical-align: middle;
}

.rating-indicator
{
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    float: none !important;
    font-size: 0;
    margin: 0;
    padding-top: 18px;
    width: 18px;
}

.filled-rating-indicator
{
    background-image: url(Images/App/RatingFilled.gif);
}

.empty-rating-indicator
{
    background-image: url(Images/App/RatingEmpty.gif);
}

.saved-rating-indicator
{
    background-image: url(Images/App/RatingSaved.gif);
}


/*------------------------------------------------------------
AJAX CONTROL TOOLKIT: SLIDER
------------------------------------------------------------*/
.slider-handle
{
	cursor: pointer;
}

.severity-slider-rail
{
    margin-right: 10px;
}

/*------------------------------------------------------------
AJAX CONTROL TOOLKIT: CALENDER EXTENDER
------------------------------------------------------------*/
.ajax__calendar_container { z-index : 10000 ; }


/*------------------------------------------------------------
COMMON APP STYLES
------------------------------------------------------------*/
a.selected,
a.selected:hover
{
    color: #e70;
    font-weight: bold;
    text-decoration: none !important;
}

.actions-bottom
{
    clear: both;
    text-align: right;
}

.app-col-left
{
    float: left;
    width: 25%   
}

.app-col-right
{
    float: right;
    width: 72%
}

.chart-wrap,
.grid-wrap
{
    border: solid 1px #666;
}

.chart-wrap
{
    background-color: #fff;
    text-align: center;
}

.header-button
{
	float: right;
	height: 43px;
	margin-top: 0.3em;
	width: 161px;
}

.instructions
{
    color: #666;
    font-size: 90%;
    font-style: italic;
    line-height: 1.4;
    margin: 0.5em 0;
}

.profile-item-instructions
{
    color: #000;
    font-size: 90%;
    font-style: normal;
    font-weight: bold;
    margin: 1.0em 0 0 0;
}

.checkLabel
{
    font-size: 90%;
}

.negative
{
    color: #b00;
}

.or
{
    font-style: italic;   
}

.positive
{
    color: #090;
}

.public-pages
{
    background: transparent url(Images/App/NewWindowIcon.gif) no-repeat 0 50%;
    font-size: 90%;
    padding-left: 20px;
}

.search-results-list
{
    background-color: #fff;
    border: solid 1px #999;
    min-height: 10em;
    max-height: 26.5em;
    max-height: 395px;
    _height: 26.5em;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0.5em;
}

.search-results-list a,
.search-results-list a:hover
{
    _cursor: pointer;
    text-decoration: none !important;
    display:block; 
}

.search-results-list a:focus
{
    cursor: wait !important;
}

.search-results-list .added 
{
    color: #ee7700; 
}

.search-results-list.treatment a
{    
    display: inline;
}


/*------------------------------------------------------------
GETTING STARTED
------------------------------------------------------------*/
.getting-started .thank-you
{
    float: left;
    width: 19%;
}

.getting-started .thank-you h3
{
    color: #fe6b09;
}

.getting-started .first
{
    float: left;
    margin-left: 4%;
    width: 45%;
}

.getting-started .go-to-profile
{
    float: right;
    width: 28%;
}

.getting-started .go-to-profile .button-wrap,
.getting-started .go-to-profile .button
{
    display: block;
    margin-left: 0;
    width: 100%;
}

.getting-started .profile-example
{
    clear: both;
    text-align: center;
}

.getting-started .profile-example .section
{
    margin-bottom: 0.25em;
}

.getting-started .profile-example .note
{
    margin-top: 0;
    margin-left: 12px;
    text-align: center;
}


/*------------------------------------------------------------
HOME
------------------------------------------------------------*/
.user-home-items
{
    font-size: 90%;
}

.user-home-items-header
{
    font-weight: normal;
    font-style: italic;
    margin-bottom: 4px;
}

.user-home-items-list
{
    margin: 0 0 15px 0;
    list-style-type: none;
    padding: 0;
}

.user-home-item
{
    background: transparent url(Images/App/TreeViewDivider.png) left top repeat-x;
    _background: transparent url(Images/App/TreeViewDivider.gif) left top repeat-x;
    padding: 7px 0 4px 0;
}

.user-home-item-text
{
    text-decoration: none !important;
}

.user-home-news-item
{
    background: transparent url(Images/App/TreeViewDivider.png) left bottom repeat-x;
    _background: transparent url(Images/App/TreeViewDivider.gif) left bottom repeat-x;
    padding: 9px 0 12px 0;
}


/*------------------------------------------------------------
PROFILE
------------------------------------------------------------*/
.profile
{

}

.profile-overview .header-left
{
    float: left;
}

.profile-overview .collapsible-panel-header
{
    display: inline;
}

.profile-overview .header-right
{
    float: right;
}

.profile-overview .header-left .header-text,
.profile-items-by-type-list .header-text,
.past-profile-items-list .header-text
{
    font-size: 95%;
}

.profile-overview .basic-information .tps-LabelTextBox,
.profile-overview .basic-information-details .tps-LabelTextBox
{
    background: transparent url(Images/App/TreeViewDivider.png) repeat-x;
    _background: transparent url(Images/App/TreeViewDivider.gif) repeat-x;
    font-size: 95%;
    padding: 4px 0;
}

.profile-overview .basic-information .tps-LabelTextBox:first-child
{
    background-image: none;
}

.profile-overview .basic-information .tps-LabelTextBox > div:first-child,
.profile-overview .basic-information-details .tps-LabelTextBox > div:first-child
{
    width: 7em;
}

* html .profile-overview .basic-information .tps-LabelTextBox div,
* html .profile-overview .basic-information-details .tps-LabelTextBox div
{
    width: 7em;
}

/* Edit Profile Overview */
.profile-overview-edit .tps-LabelTextBox > div:first-child,
.profile-overview-edit .tps-LabelDropDownList.Container .label,
.profile-overview-edit .label
{
    width: 11em;
}

* html .profile-overview-edit .tps-LabelTextBox div,
* html .profile-overview-edit .tps-LabelDropDownList.Container .label,
* html .profile-overview-edit .label
{
    width: 11em;
}

.instructions.profile-selection
{
    border-top: dotted 1px #bbb;
    margin: 0.75em 0.5em;
    padding-top: 0.5em;
}

.recently-updated .container-content
{
    padding-top: 1.5em;
}

.recently-updated .col-left
{
    float: left;
    width: 48%;
}

.recently-updated .col-right
{
    float: right;
    width: 48%;
}

.recently-updated ul
{
    margin: 0 0 0 1.5em;
    padding: 0;
}

.recently-updated li
{
    color: #8be;
    font-size: 95%;
}

.recently-updated li a
{
    display: block;
    _height: 1%;
    text-decoration: none;
}

.profile-item .header
{
    _height: 1%;
}

.profile-item .header:after
{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.profile-item .header .left
{
    float: left;
    width: 80%;
}

.profile-item .header .right
{
    float: right;
}

.profile-item .header-text
{
    line-height: 1.1;
    margin-bottom: 0.25em;
}

.profile-item .onset-severity-end,
.profile-item .frequency-duration
{
    font-size: 90%;
    line-height: 1.1;
}

.separator
{
    padding: 0 0.5em;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}

.profile-item .instructions
{
    float: left;
    margin: 0.25em 0;
}

.profile-item .chart-filters
{
    float: right;
    font-size: 90%;
    line-height: 1.4;
    margin: 0.25em 0;
}

.profile-item .chart-filters input
{
    margin: 0 0.5em;
    /* Styling for asp:Buttons to resemble hyperlinks */
    background-image: none;
    background-color: transparent;
    border: none 0 transparent;
    color: #26a;
    font-weight: normal;
    overflow: auto;
    padding: 1px;
    vertical-align: middle;
    _width: 1px; /* Fix IE6 buttons widths */
    _white-space: nowrap; /* Fix IE6 button widths */
}

.profile-item .chart-filters input:hover
{
    /* Styling for asp:Buttons to resemble hyperlinks */
    color: #3ad;
    cursor: pointer;
    text-decoration: underline !important;
}

.profile-item .chart-filters input.selected
{
    color: #e70;
    cursor: default;
    font-weight: bold;
    text-decoration: none !important;
}

.profile-item .chart
{
    clear: both;
}


/* Edit Occurrence */
.edit-occurrence .label
{
    width: 7em;
}

.edit-occurrence-comments
{
    height: 35px;
    width: 350px;
}


/* Add Occurrence */
.add-occurrence
{
    clear: both;
    margin: 0.5em 0;
}

.add-occurrence input,
.add-occurrence select
{
    vertical-align: middle;
}

.add-occurrence select option:first-child /* match Watermark styles */
{
    color: #666;
}

.add-occurrence .tps-LabelTextBox
{
    clear: none;
    display: inline;
    padding: 0;
    vertical-align: middle;
}

.add-occurrence .tps-LabelTextBox > div:first-child
{
    display: none;
}

.add-occurrence .tps-LabelTextBox input
{
    width: 200px;
}

.profile-item-details
{
    width: 770px;
}

.profile-item-details .profile-item-name
{
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin: 0.5em 0;
}

.profile-item-details .tps-LabelTextBox > div:first-child,
.profile-item-details .tps-LabelDropDownList.Container .label,
.profile-item-details .label
{
    width: 13em;
}

* html .profile-item-details .tps-LabelTextBox div,
* html .profile-item-details .tps-LabelDropDownList.Container .label,
* html .profile-item-details .label
{
    width: 13em;
}

.profile-item-details select option:first-child /* match Watermark styles */
{
    color: #666;
}

.profile-item-details .tps-LabelTextBox.Calendar.onset-end > div:first-child > span
{
    display: none;
}

.profile-item-details .tps-LabelTextBox.Calendar.onset-end > div:first-child,
.profile-item-details .tps-LabelDropDownList.Container.onset-end .label
{
    float: none;
    font-size: 80%;
    width: auto;
}

.profile-item-details .tps-LabelDropDownList.Container.onset-end .label-data
{
    float: none !important;
}

.onset-age-input
{
	width: 1.75em;
	text-align: right;
}

/* Add Profile Item */
.add-profile-item .col-1
{
    float: left;
    width: 58%;
}

.add-profile-item .col-2
{
    float: left;
    margin-left: 2%;
    width: 40%;
}

.add-profile-item .button-link
{
    background-color: transparent;
    border: none 0 transparent;
    color: #26a;
    cursor: pointer;
    font-size: 100%; /* for browser compatibility */
    font-weight: normal;
    overflow: visible;
    margin-left: 1.0em;
	padding: 0;
	text-decoration: underline;
	*vertical-align: middle; /* IE7 only */
    _width: 1px; /* Fix IE6 button widths */
    _white-space: nowrap; /* Fix IE6 button widths */
}

.add-profile-item .button-link:hover
{
    color: #3ad;
    cursor: pointer;
    text-decoration: underline;
}

.add-profile-item .add-profile-item-instruction
{
    margin: 0.5em 0;
}

.click-on-a-word
{
    padding: 0 8px 10px 8px;
}

.add-profile-item .add-profile-item-action
{
    margin: 0.5em 0;
}

.add-profile-item .add-profile-item-action label,
.add-profile-item .add-profile-item-action input,
.add-profile-item .add-profile-item-action select,
.add-profile-item .add-profile-item-action .button-wrap
{
    vertical-align: middle;
}

.add-profile-item .step-1 .profile-item-list-column,
.add-profile-item .step-1 .profile-item-body-part-column,
.profile-item-word-cloud
{
    background-color: #fff;
    border: solid 1px #999;
    font-size: 90%;
    padding: 0 10px;
}

.profile-item-word-cloud
{
    margin-top: 20px;
    padding: 0 0 10px 2px;
}

.add-profile-item .step-1 .profile-item-list-column
{
    float: left;
    width: 43%;
}

.add-profile-item .step-1 .profile-item-body-part-column
{
    margin: 0 auto;
    width: 240px; /* The width is the same as the event locator image inside */
}

.add-profile-item .step-1 .profile-item-list
{
    padding-bottom: 10px;
}

.add-profile-item .step-1 .profile-item-list a
{
    display: block;
    text-align: left;
}

.add-profile-item .step-1 .profile-item-word-cloud
{
    margin-left: 6px;
}

.add-profile-item .step-2 .list-filter
{
    background-color: #fff;
    border: solid 1px #999;
    border-bottom: none 0 transparent;
    margin-bottom: 0;
    padding: 0.2em 0.5em;
}

.add-profile-item .step-2 .list-filter
{
	_height: 1%;
	zoom: 100%;
}

.add-profile-item .step-2 .list-filter:after
{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.add-profile-item .step-2 .list-filter .label
{
    width: 6em;
}

.add-profile-item .step-2 .search-results-list
{
    font-size: 90%;
}

.add-profile-item .step-2 .note
{
    line-height: 1.2;
    margin-top: 0.5em;
}

.add-profile-item .step-2 .existing-profile-item-indicator
{
    color: #e70;
}

.add-profile-item .add-profile-item-details .label
{
    width: 13em;
}

.add-profile-item .profile-item-name
{
    font-size: 100%;
    margin: 0.5em 0;
}

.add-profile-item .add-profile-item-tutorial
{
    width: 700px;
}

.add-profile-item .add-profile-item-tutorial .container-content
{
    height: 400px;
}

.add-profile-item-tutorial table
{
    width: 100%;
    _width: 97%;
}

.add-profile-item-tutorial table table
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    _margin-right: 0;
    width: auto;
}

.add-profile-item-tutorial table table td
{
    border: solid 1px #999;
    float: left;
    margin-left: 5px;
    padding: 0;
    position: relative; /* for IE7 to display border */
}

.add-profile-item-tutorial .button
{
    *overflow: auto; /* necessary for IE7 asp:Wizard button display */
    _overflow: visible; /* necessary for IE6 asp:Wizard button display */
}


/*------------------------------------------------------------
TREATMENTS
------------------------------------------------------------*/
.treatments
{

}

.treatment .header
{
    
}

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

.treatment .header .left
{
    float: left;
}

.treatment .header .right
{
    float: right;   
}

.treatment .header-text
{
    line-height: 1.1;
    margin-bottom: 0.25em;
}

.no-profile-items .instructions,
.no-treatments .instructions
{
    background-image: url(Images/App/DirectionArrow.gif);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    font-size: 100%;
    line-height: 100px;
    min-height: 100px;
    text-align: center;
    vertical-align: middle;
}

.treatment .begin-end,
.treatment .dosage-frequency
{
    margin: 0.1em 0;
}

.treatment .confidence-rating
{
    clear: both;
    margin: 0.5em 0;
    text-align: right;
    vertical-align: middle;
}

.treatment .confidence-rating div /* display asp:UpdatePanel inline */
{
    display: inline;
}

.treatment .comments
{
    margin: 0.5em 0;
    font-style: italic;
}

.treatment table.slider-wrap
{
    margin-left: 20px;
}

.treatment .save-undo
{
    float: right;
    margin-top: 0.5em;   
}

.edit-treatment .treatment-name
{
    color: #000;
    font-size: 100%;
    margin: 0.5em 0;
}

.edit-treatment .new-dosage-instructions
{
    margin-bottom: 1.5em;
}

.edit-treatment .label,
.edit-treatment .tps-LabelTextBox > div:first-child
{
    width: 9.5em;
}

* html .edit-treatment .label,
* html .edit-treatment .tps-LabelTextBox div
{
    width: 9.5em;
}

.edit-treatment .tps-LabelTextBox textarea
{
    height: 5em !important;
    width: 35em;
}

/* Treatment Response Grid Specific Styles*/
.response-category-column
{
    padding: 5px 7px;
    text-align: left;
}

.response-category-description
{
    color: #666;
    font-size: 85%;
    font-weight: normal;
    line-height: 1.3;
    white-space: normal;
    width: 13em;
}

table.treatment-response-headers
{
    border: none 0 transparent;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}

table.treatment-response-headers td
{
    border-left: solid 1px #666;
    padding: 5px 7px;
    text-align: center;
    width: 16%;
}

table.treatment-response-headers .worse-column,
table.treatment-response-headers .improved-then-worse-column
{
    background-color: #f99;
}

table.treatment-response-headers .no-effect-column
{
    background-color: #ffb;
}

table.treatment-response-headers .worse-then-improved-column,
table.treatment-response-headers .improved-column
{
    background-color: #cec;
}

table.treatment-response-headers .i-dont-know-column
{
    background-color: #ddd;
}


/* Add Treatment */
.add-treatment .col-1
{
    float: left;
    width: 40%;
}

.add-treatment .col-2
{
    float: left;
    margin-left: 2%;
    width: 58%;
}

.add-treatment .button-link
{
    color: #888;
    cursor: hand;
    text-decoration: none;
    font-size: 95%;
    
    /* Styling for asp:Buttons to resemble hyperlinks */
    background-image: none;
    background-color: transparent;
    border: none 0 transparent;
    font-weight: normal;
    overflow: auto;    
}

.add-treatment .button-link:hover
{
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}

.add-treatment .step-1 select
{
    width: 100%;
}

.add-treatment input.treatment-name
{
    width: 85%;
}

.add-treatment .note.prescription-treatment
{
    background: transparent url(Images/App/PrescriptionTreatmentIcon.gif) no-repeat 0 60%;
    padding-left: 12px;
}

.add-treatment .button-link
{
    border: none 0 transparent;
    color: #26a;
    cursor: pointer;
    font-size: 100%; /* for browser compatibility */
    font-weight: normal;
    overflow: visible;
	padding: 0;
	text-decoration: underline;
	*vertical-align: middle; /* IE7 only */
    _width: 1px; /* Fix IE6 button widths */
    _white-space: nowrap; /* Fix IE6 button widths */
}

.add-treatment .button-link:hover
{
    color: #3ad;
    cursor: pointer;
    text-decoration: underline;
}





/*------------------------------------------------------------
OTHERS LIKE ME
------------------------------------------------------------*/
.others-like-me div
{
    zoom: 100%; /* triggers hasLayout on all div's to catch those inserted programmatically */
}

.others-like-me .cluster
{
    float: left;
    font-size: 90%;
    width: 48%;
}

.others-like-me .cluster .section .container-content,
.others-like-me .cluster-information .section .container-content
{
    height: 255px;
}

.interactive-cluster
{
    border: solid 1px #999;
    float: left;
}

.customize-your-cluster
{
    margin-left: 315px;
}

.customize-your-cluster p
{
    border-top: dotted 1px #999;
    margin: 1.0em 0;
    padding-top: 1.0em;
}

.customize-your-cluster .button-wrap
{
    margin: 0;
}

.others-like-me .cluster-information
{
    float: right;
    font-size: 90%;
    width: 50%;
}

.others-like-me .cluster-information div
{
    zoom: 100%;
}

.others-like-me .cluster-information-scroll-area
{
     height: 250px;
     overflow-y: scroll;
     overflow-x: hidden;
     padding-right: 10px;
}

.others-like-me h4
{
    margin: 0;
}

.others-like-me .cluster-information ul
{
    margin: 0.5em 0 0.5em 20px;
    padding: 0;
}

.others-like-me .cluster-information li
{
    margin-left: 15px;
}

.others-like-me .cluster-treatments
{
    clear: both;
}

.others-like-me .how-to
{
    font-size: 90%;
    margin-left: 33%;
    margin-right: 8%;
}

.others-like-me .how-to p
{
    margin: 0.5em 0;
}

.others-like-me .how-to strong
{
    color: #047;
}

.others-like-me .how-to .carrot
{
    left: 47%;
}

.no-worse
{
    vertical-align: middle;
}

.no-better
{
    vertical-align: middle;
}

.treatments-responses-grid .total-column
{
    text-align: right;
}

.treatments-responses-grid .response-details-column
{
    padding: 0;
}

.treatments-responses-grid .responses-header-column
{
    border-bottom: solid 1px #666;
    font-weight: bold;
    text-align: center;
}

.response-details-header-grid,
.response-details-grid
{
    width: 100%;
}

.response-details-header-grid td,
.response-details-grid td
{
    padding: 5px 7px;
}

.treatments-responses-grid .overall-column,
.treatments-responses-grid .personal-conduct-column,
.treatments-responses-grid .digestion-eating-column,
.treatments-responses-grid .attention-focus-column,
.treatments-responses-grid .interactions-with-people-column,
.treatments-responses-grid .understanding-column,
.treatments-responses-grid .expressive-language-column
{
    font-weight: normal;
    text-align: right;
    width: 14%;
}

/* Others Like Me Treatment Modal Popup */
.others-like-me .treatment-details .scroll-vertical
{
     height: 450px;
     overflow-y: scroll;
     overflow-x: hidden;
     padding-right: 10px;
     padding-bottom: 10px;
}

.others-like-me .treatment-details h4
{
   background-color : #55acbc;
   border-bottom: solid 1px #666;
   margin: 0;
   padding: 0.5em;
   text-align: center;
}

.others-like-me .treatment-details .chart-wrap,
.others-like-me .treatment-details .grid-wrap
{
    margin: 0 auto;
    width: 790px;
}

.others-like-me .treatment-details .chart-wrap
{
    margin-bottom: 2.0em;
}

.others-like-me .treatment-details .category-column,
.others-like-me .treatment-details .percent-better-column
{
    white-space: nowrap;
}

.others-like-me .treatment-details .worse-column,
.others-like-me .treatment-details .better-then-worse-column,
.others-like-me .treatment-details .no-effect-column,
.others-like-me .treatment-details .worse-then-better-column,
.others-like-me .treatment-details .better-column,
.others-like-me .treatment-details .total-column,
.others-like-me .treatment-details .percent-better-column,
.others-like-me .treatment-details .ratio-better-column
{
    text-align: right;
    width: 10%;
}


/* Need More Data */
.need-more-data
{
    background-color: #fff;
    height: 350px;
    position: relative;
    z-index: 100; /* to properly display IE stacking order */
}

.overlay
{
    background-color: #000;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay.ie-6
{
    _display: none;
}

.need-more-data .section.modal-popup-no-header
{
    left: 248px;
    margin: 0 auto;
    position: absolute;
    top: 65px;
    width: 500px;
    z-index: 100;
}

.need-more-data .section.modal-popup-no-header .container-content
{
    padding-right: 4.5em;
    padding-left: 4.5em;
}

.need-more-data h3
{
    color: #000;
    font-size: 140%;
    font-weight: normal;
}

.need-more-data h3,
.need-more-data p.note
{
    margin: 0 0 1.0em 0;
}

.need-more-data .section.modal-popup-no-header .footer
{
    text-align: center;
}


/*------------------------------------------------------------
YOUR ACCOUNT
------------------------------------------------------------*/
.section.modal-popup.account-information
{
    width: 800px;
}

.section.modal-popup.account-information .row.horizontal,
.section.modal-popup.account-information .tps-LabelTextBox,
.section.modal-popup.account-information .tps-LabelDropDownList.Container
{
    /*padding: 0.25em 0;*/
}

.section.modal-popup.account-information .label
{
    width: 20em;
}

.Password_Strength1
{
     background-color: Gray;
     color: White;
     font-family: Arial;
     font-size: x-small;
     font-style: italic;
     font-weight: bold;
     padding: 2px 3px 2px 3px;
}

.Password_Strength2
{
     background-color: Gray;
     color: Yellow;
     font-family: Arial;
     font-size: x-small;
     font-style: italic;
     font-weight: bold;
     padding: 2px 3px 2px 3px;
}

.Password_Strength3
{
     background-color: Gray;
     color: #FFCAAF;
     font-family: Arial;
     font-size: x-small;
     font-style: italic;
     font-weight: bold;
     padding: 2px 3px 2px 3px;
}

.Password_Strength4
{
     background-color: Gray;
     color: Aqua;
     font-family: Arial;
     font-size: x-small;
     font-style: italic;
     font-weight: bold;
     padding: 2px 3px 2px 3px;
}

.Password_Strength5
{
     background-color: Gray;
     color: #93FF9E;
     font-family: Arial;
     font-size: x-small;
     font-style: italic;
     font-weight: bold;
     padding: 2px 3px 2px 3px;
}

.Timeout
{
   background-color: #6699FF;
   border: thin double Black;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: medium;
   font-weight: bold;
   left: 300px;
   margin: 10px;
   position: absolute;
   text-align: center;
   top: 50px;
   z-index: 20000;
}





/*----------------------------------------------------------------------------------------------------
PRINT STYLES
----------------------------------------------------------------------------------------------------*/
@media print
{

/* Profile */
.profile .profile-overview,
.profile .profile-items-by-type-list,
.profile .past-profile-items-list,
.profile .instructions.profile-selection,
.profile .recently-updated,
.profile-item .instructions,
.profile-item .chart-filters,
.profile-item .add-occurrence,
.profile .button-wrap
{
    display: none;
}

.profile .app-col-right
{
    float: none;
}

/* Add Profile Item */
.add-profile-item .actions-bottom
{
    display: none;
}

/* Treatments */
.treatments .app-col-left,
.treatments .button-wrap
{
    display: none;
}

.treatments .app-col-right
{
    float: none;
}

/* Add Treatment */
.add-treatment .note,
.add-treatment .actions-bottom
{
    display: none;
}

/* Others Like Me */
.others-like-me .cluster,
.others-like-me .cluster-information,
.others-like-me .callout.how-to
{
    display: none;
}

} /* END: print styles */


.display-inline
{
    display:inline;
}

.display-none
{
    display:none; 
}