/*
 * Provides 
 */

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

.commonheader {
    background: white;
}

.superscript2 {
    font-size: 0.4em !important;
    line-height: 0.5em;
    position: relative;
    top: -1em;
    vertical-align: baseline;
}

/** WTL-484 This allows us to insert link breaks on small screens/browsers.
 *  As long as the the screen is larger than 650 pixels, these line breaks will
 *  be hidden. */

.logout a:link, .logout a:visited {
    white-space: nowrap; /* never wrap whitespace within a link */
    color: #0000FF;      /* Blue, regardless of visited. */
    text-align: center;  /* i dont think this really matters...*/
    padding: 10px;       /* give them some space */
    float: left;         /* float left for small screens.  min-width and ie8hacks overrides this */
}

@media screen and (min-width: 650px) {
    /* make sure these things are in ie8hacks.css */
    .small_break {
        display:none;
    }
    .headertable {
        float:left;
    }
    .logout {
        text-align: right;
    }
    .logout a:link, .logout a:visited {
        float: none;
        display: inline-block;
    }
    /* make sure these things are in ie8hacks.css */
}

span.control_color {
    color: #AB8B30;
}

#tr_ns_email {
    display:none;
}

/* Control the way the message div appears. */
.successMessage {
	background-color: #D2FFDE;
	border: 1px solid #18CB46;
	float: left;
	padding: 4px;
}

.warningMessage {
	background-color: #FFFF66;
	border: 1px solid #FFCC00;
	float: left;
	padding: 4px;
}

.errorMessage {
	background-color: #FF9999;
	border: 1px solid #CC0000;
	float: left;
	padding: 4px;
}

.infoMessage {
	background-color: #ffffe0;
	border: 1px solid #000000;
	float: left;
	padding: 0px;
}

.noMessage {
	border: 0px solid;
	float: left;
	padding: 0px;
}

/* to place a gap between the feedback button and the content below it. */
.feedback_form {
    padding-bottom: 1em;
}