/* CSS Framework Import */
@import url("framework/core.css");
@import url("framework/plugins/helpers.css");

/*Site specific styles and structure begin here*/

body {
	font-family: 'Lucida Grande', 'Helvetica', 'Verdana', 'Arial', sans-serif;
	font-size: 85%;
	margin: 0 0 3em 0;
}
a {
	color: #245A94;
}
hr {
	margin: 1em 0;
}
h6 {
	margin-top: 1em;
	margin-bottom: .5em;
}
.container {
	width: 1000px;
}
.login {
	width: 50%;
	margin: 2em auto;
}
.login .formInputContainer {
	width: 20em;
	margin: 0 auto .5em;
}
.login .formInputContainer label {
	width: 5em;
	line-height: 2.25em;
}
.login .submitButton {
	display: block;
	margin: .25em 0 .25em 4.25em;
}
.cleanList {
	text-align: left;
	padding: 0;
	margin: 0;
}
.cleanList li {
	padding: 0;
	list-style: none;
}
.cleanList li ul, .cleanList li ol {
	margin-top: 0;
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.cleanList li ol li {
	list-style: decimal;
	margin-left: 1.5em;
}
ol.cleanList {
	margin-left: 1.5em;
}
ol.cleanList li {
	list-style: decimal;
}
ol.cleanList li ul.cleanList li {
	list-style: none;
}
.center {
	text-align: center !important;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.small {
	font-size: .85em;
}
.smaller {
	font-size: .75em;
}
.right {
	text-align: right;
}
.separator {
	border-left: 1px solid #AAA;
	margin-left: .5em;
	padding-left: 1em;
}
.wrap {
	white-space: normal !important;
}
.loweralpha li {
	list-style: lower-alpha !important;
}
.lowerroman li {
	list-style: lower-roman !important;
}
.disc li {
	list-style: disc;
}
.footnote {
	color: #245A94;
	font-weight: bold;
}


/** ------------------------------
    MESSAGES
    ------------------------------ */
#info, #warn, #notice, #error, .info, .warn, .notice, .error {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: .5em;
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
}
#info, .info {
	color: #3A502B;
	background-color: #B2C9A2;
}
#warn, #notice, #error, .warn, .notice, .error {
	color: red;
	background-color: #F6B3B3;
}
.important {
	color: red;
}
.confirmation {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1em;
	color: #000;
	background-color: #A1BCC9;
}
.content .confirmation h4 {
	margin: 0 0 .75em 0;
}


/** ------------------------------
    appBar
    ------------------------------ */
.appBar {
	height: 40px;
	background: transparent url(../images/app-bar-bg.png) left top repeat-x;
	overflow: hidden;
}


/** ------------------------------
    header
    ------------------------------ */
.header {
	position: relative;
}
.header h1 {
	height: 40px;
	/*background: transparent url(../images/GHS-Emdeon-White-81x40.png) left top no-repeat;*/
	/*background: transparent url(../images/GHS-ChangeHealthcare-White-App.png) left top no-repeat;*/
	/*background: transparent url(../images/CH_Logo_Horizontal_Large_I.png) left top no-repeat;*/
	/*background: transparent url(../images/logo-inverted.png) left top no-repeat;*/
	/*background-size: 120px 40px;*/
	/*padding-left: 130px;*/
	line-height: 40px;
	font-size: 1.5em;
	color: #FFF;
}
.header h1 span {
	display: none;
}


/** ------------------------------
    userSelection
    ------------------------------ */
.userSelection {
	background-color: #CCC;
	padding: 6px 12px;
	margin: 0;
	border-radius: 0;

	/* round corners for browsers that support styling of individual corners */
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;

	color: #DDD;
}
.selectionTitle, .userSelection li {
	font-size: 0.85em;
}
.selectionTitle {
	color: black;
	float: left;
	margin-right: .5em;
}
.userSelection ul {
        color: black;
	float: left;
	margin: 0;
}
.userSelection ul li {
	list-style: none;
	float: left;
	padding: 0 1em;
	border-right: 1px solid #666;
}
.userSelection ul li.last {
	border: none;
	padding-right: 0;
}
/*.userSelection a {
	color: black;
	font-weight: bold;
        padding: 1px;
        border: 2px solid transparent;
}
.userSelection a:focus {
        border: 2px dotted black;
}*/

/** ------------------------------
    userMenu
    ------------------------------ */
.userMenu {
	position: absolute;
	top: 0px;
	right: 0;
	color: #BBB;
	height: 40px;
	overflow: hidden;
}
.userMenu a {
	color: #FFF;
}
.userMenu ul {
	vertical-align: middle;
	margin: 0;
	height: 40px;
}
.userMenu li {
	list-style: none;
	float: left;
	line-height: 40px;
	padding: 0 1em;
	border-right: 1px solid #666;
}
.userMenu li.last {
	padding-right: 0;
	border-right: 0;
}


/** ------------------------------
    navContainer
    ------------------------------ */

.nav ul {
	margin: 0;
}
.nav li {
	background: transparent url(../images/nav-bg.png) left top repeat;
	list-style: none;
	float: left;
}
.nav li.first, .nav li.last {
	border-radius: 0;
	overflow: hidden;
}
.nav li.first {
	/* round corners for browsers that support styling of individual corners */
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
}
.nav li.last {
	/* round corners for browsers that support styling of individual corners */
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}
.nav a {
	display: block;
	padding: .65em .75em .35em .75em;
	text-decoration: none;
}
.nav li.current {
	background: transparent url(../images/nav-current-bg.png) left top repeat;
}
.nav li.current a {
	color: #333;
}
.nav li.current a:hover {
	background-color: transparent;
	cursor: default;
}
.nav {
	background-color: #BBB;
}
.nav a:hover, .nav a:focus, .nav li.current a:focus {
	background-color: #777;
	color: #FFF;
}


/** ------------------------------
    content
    ------------------------------ */
.content {
	position: relative;
	background: transparent url(../images/content-bg.png) left top repeat;
	padding: 12px;

	border-radius: 0;

	/* round corners for browsers that support styling of individual corners */
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.content h2 {
	font-size: 1.5em;
	text-align: right;
	color: #777;
	margin: 0;
}
h2.app-title{
        text-align:left;
        margin-bottom: 1em;
        color: #111;
}
.content h4 {
	margin-top: 2em;
	margin-bottom: .5em;
}
.entryContentContainer {
    padding-top:140px;
}
.entryContent {
	padding: 12px;
}
.noNav {
	-moz-border-radius-topleft: 4px !important;
	-webkit-border-top-left-radius: 4px !important;
}


/** ------------------------------
    FORMS
    ------------------------------ */
form, .nonFormView {
	background-color: #EEE;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px 12px 12px 12px;
	margin-bottom: 1em;
}
td form {
	background: none;
	padding: 0;
	margin: 3px 0;
}
form h4 {
	font-size: 1.25em;
	font-weight: bold;
}
.viewForm {
	padding: 12px;
}
input {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #BBB;
	line-height: 1.75em;
	width: 13em;
	vertical-align: middle;
	padding: 0.25em 0.5em;
}
input[type="text"][disabled="disabled"] {
	background-color: #EEE;
	color: #777;
}
textarea {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #BBB;
}
fieldset {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-color: #BBB;
	padding: 12px;
}
.formButton {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0.2em .5em;
	background-color: #777;
	color: #FFF;
	border: 0;
	cursor: pointer;
	line-height: 1.75em;
	width: auto;
	margin: 0 1em 0 0;
}
td .formButton {
	margin: 0;
}
.formButton:hover, .formButton:focus {
	background-color: #555;
}
.formButtonFocus {
	background-color: #296AAF;
}
.submitButton {
	font-size: 1.25em;
	background-color: #296AAF;
}
.submitButton:hover, .submitButton:focus {
	background-color: #214272;
}
.submitButtonFocus {
	background-color: #296AAF;
}
.formInputContainer label {
	display: block;
	float: left;
	width: 10em;
	text-align: right;
	#text-align:left;
	font-weight: normal;
	line-height: 2em;
	margin-right: .25em;
}

.login .formInputContainer label {
	display: block;
	float: left;
	width: 20em;
	text-align: left;
	font-weight: normal;
	line-height: 2em;
	margin-right: .25em;
}

.modifiedFormInputContainer label {
	width: 10em;
	text-align: right;
	#text-align:left;
	font-weight: normal;
	line-height: 2em;
	margin-right: .25em;
}


.formInputContainer .inputWrapper {
	float: left;
}
.formInputContainer label.short {
	width: auto;
	margin-left: .5em;
}

.formInputContainer label.wholeLine {
	width: 90%;
	margin-left: .5em;
	text-align:left;
}

.formInputContainer label.wide {
	width: 14em;
	margin-left: .5em;
}
.formInputContainer .inputWrapper {
	float: left;
}

.inputWrapper {
	padding-bottom:.5em;
}

.dayMonthInput {
	width: 2em;
}
.yearInput {
	width: 4em;
}
.phonePrefixInput {
	width: 3em;
}
.phoneInput {
	width: 4em;
}
.streetInput {
	width: 28em;
}
.cityInput {
   width: 12em;
}
.zipInput, .shortInput {
    width: 5em;
}
.stateInput {
    width: 3em;
}
.wideInput {
    width: 30em;
}
.extraWideInput {
	width: 50em;
}
.detailInput {
	width: 90%;
}
.checkbox, .radio {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0;
    line-height: 1em !important;
}
.checkbox {
    height: 2em;
    margin: 0.25em 0;
    padding: 0.25em 0;
}
.radioWrapper, .checkboxWrapper {
    padding: 0.25em 0;
}
.checkboxLabel, .radioLabel {
    padding-right: 1em;
}
.formInputContainer .checkboxLabel {
	margin-left: .5em;
	width: auto;
}
.formInputContainer .fullWidthCheckboxLabel {
	width: 95%;
}
.checkboxColumn {
	margin-bottom: 0 !important;
}
.checkboxList, .radioList {
    margin: 0;
}
.checkboxList label, .radioList label {
    margin-left: .5em;
    font-weight: normal;
	color: #000;
}
.checkboxList li, .radioList li {
    clear: both;
    list-style: none;
    line-height: 2em;
}
.fieldWithErrors {
	display: inline;
}
.fieldWithErrors input , .fieldWithErrors textarea {
	border-color: red;
	background-color: #F8D5D6;
}
.errorExplanation {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #b40000;
	/*background-color: #F6B3B3;*/
	overflow: hidden;
	margin-bottom: 1em;
	text-align: center;
}
.errorExplanation h4 {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 1.25em;
	margin: 0;
	padding: .5em;
}
.problemList {
	background-color: rgba( 255, 255, 255, 0.85);
	/*background: transparent url(../images/content-bg.png) left top repeat;*/
	padding: 1em;
	font-weight: bold;
}
.problemList p {
	margin-bottom: .5em;
}
.problemList ul {
	margin: 0;
}
.problemList li {
	color: red;
	list-style: none;
}
.inputDescription {
	margin-left: 1em;
	padding-left: 1.5em;
	border-left: 1px solid #999;
}
.formColumn {
	float: left;
	width: 470px;
	margin-right: 12px;
}
.rightFormColumn {
	margin-right: 0;
}

textarea {
	height: 4em;
	width: 40em;
	vertical-align: top;
}
.hiddenLabel {
	display: none;
}

.fieldsetError {
	background-color: #f8d5d6;
	border-bottom-color: #ff0000;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #ff0000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #ff0000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #ff0000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style: solid;
	border-top-width: 1px;
}

/** ------------------------------
    TABLES
    ------------------------------ */
.sortableContainer, .sortable {
	width:auto;
}
.sortable {
}
.sortableContainer {
	overflow: auto;
}
.sortable {
	background-color: #555;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	width:100%;
}
th, td {
	text-align: center;
	white-space: nowrap;
	empty-cells: show;
}
td.description {
	text-align: left;
	white-space: normal;
}
th {
	color: #EEE;
	border-right: 1px solid #777;
	padding: .5em .5em .25em .5em;
}
td {
	font-size: .9em;
	padding: .25em .5em;
	border-right: 1px solid #BBB;
}
td.last, th.last {
	border-right: 0;
	padding-right: .5em;
}
.rowodd {
	background-color: #EEE;
}
.roweven {
	background-color: #CCC;
}
.tableIcon {
	vertical-align: middle;
}
.noHighlight td {
	font-size: 1em;
	border-right: 0;
	padding: 0;
}
.padding td {
	padding: .25em .5em;
}


/** ------------------------------
    VIEWS
    ------------------------------ */
.infoColumn h4 {
	font-weight: bold;
}
.infoColumn h4.first {
	margin-top: 0;
}

.infoColumn {
	float: left;
	margin-right: 12px;
	width: 309px;
	margin-bottom: 1em;
}

.attributeColumn {
	float: left;
	margin-right: 12px;
	margin-top: .75em;
	margin-bottom: 1em;
}

.wideInfoColumn {
	width: 630px;
}
.fullInfoColumn {
	width: 100%;
}
.rightInfoColumn {
	margin-right: 0;
}
.infoColumn dl, .infoColumn ul, .infoColumn ol {
	line-height: 1.75em;
}
.infoColumn dt, .infoColumn dd {
	display: block;
	float: left;
}
.infoColumn dt {
	clear: both;
	margin-right: 6px;
	color: #777;
	width: 100px;
	font-weight: normal;
}
.infoColumn dd {
	margin-left: 0;
	width: 203px;
}
.wideInfoColumn dd {
	width: 524px;
}
.fullInfoColumn dd {
	width: auto;
}
.infoColumn ul, .infoColumn ol {
	color: #777;
}
.infoColumn ul span, .infoColumn ol span {
	color: #000;
}


/** ------------------------------
    NEW INFOCOLUMN
    ------------------------------ */
.profileData {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}
.profileData th, .profileData td {
	border: none;
	font-size: 1em;
	text-align: left;
	padding: 0 0 1em 0;
	vertical-align: bottom;
	white-space: normal;
	cursor: default;
	line-height: 1.25em;
}
.profileData th {
	width: 100px;
	padding-right: 6px;
	color: #777;
	font-weight: normal;
}
.profileData td {
	width: 203px;
}
.profileDataList {
	color: #000 !important;
}
.wideInfoColumn .profileData td {
	width: 524px;
}
.fullInfoColumn .profileData td {
	width: 870px;
}
.userInputList dt, .userInputList dd {
	float: none;
	width: 100%;
}
.userInputList dt {
	color: #000;
	font-weight: bold;
}
.userInputList dd {
	margin-bottom: 1em;
}


/** ------------------------------
    footer
    ------------------------------ */
.footer {
	margin-top: 3em;
	text-align: center;
	color: #555;
	font-size: .85em;
}

/**One Healthcare ID CSS Styling Changes **/
.registration-button{
	margin: .25em 0 .25em 4.25em;
	padding: .2em 1.4em;
	display: block;
}