html {
	height: auto;
}

body {
	height: auto;
    margin: auto;
	padding: 0;
	text-align: left;
	font-family: arial, verdana, sans-serif;
    font-size: 0.9em;
	line-height: 130%;
    color: black;
    background: url(/images/mainBG.gif) repeat-x;
    background-color: #cdd4de; /* Color of bottom end of mainBG.gif */
}

h1, h2, h3, h4 {
	margin: 0;
    padding: 0 0 5px 0;
    color: black;
    font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
    text-decoration: none;
	line-height: 130%;
    font-weight: normal;
    /*background-color: #F9F9FF;*/
}

h1 a, h2 a, h3 a, h4 a {
    color: #005689;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover  {
	text-decoration: underline;
}

h1 {
	font-size: 1.7em;
    }

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

a {
    color: #005689;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

#content {
	position: relative;
    width: 960px;
    margin: 0 auto;
	min-height: 100%;
	height: 100%;
}

#header {
	position: relative;
    top: 0;
    left: 0;
	width: 960px;
	height: auto;
    border: none;
}

.image {
    border: none;
}

.image a {
    border: none;
}

.largeAvatar smallAvatar {
    border: solid thin #EEE;
}

.largeAvatar {
    width: 80px;
}

.smallAvatar {
    width: 40px;
}

.interviewPic1 {
    width: 260px;
}

.sidebarText {
    font-size: 0.9em;
    color: #555;
}

.sidebarInProgress {
    font-size: 0.9em;
    color: white;
    background-color: green;
}

.userCard {
}

.share {
    padding: 10px 0 10px 0;
}

.headerText {
    float: right;
    font-size: 0.9em;
    color: #555;
}

.normalText {
    color: black;
    font-size: 0.9em;
    line-height: 130%;
}

.normalText a {
    font-size: 0.9em;
    line-height: 130%;
}

.byline {
    font-size: 0.9em;
    color: darkgray;
}

.byline a {
    color: steelblue;
}

.myInterviews-interviewLink {
    font-size: 1.0em;
    line-height: 140%;
    color: gray;
}

.myInterviews-interviewLink a {
    color: #005689;
    text-decoration: underline;
}

#matchingUsersList {
    background-color: white;
    padding: 10px 7px 10px 7px;
}

.findMatch {
    padding: 5px 15px 5px 15px;
}

.findMatch, .findMatchLink {
    font-size: 1.4em;
    line-height: 160%;
    text-decoration: none;
    font-weight: normal;
}

.findMatch a, .findMatchLink a {
    font-weight: normal;
    text-decoration: underline;
}

.findMatch_submit {
	font-family: arial, verdana, sans-serif;
    font-size: 0.9em;
    line-height: 110%;
    border: none;
    background-color: transparent;
    padding: 0;
    color: #005689;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    float: left;
    text-align: left;
}

.findMatch_aboutLink {
    padding-left: 10px;
    float: left;
    text-align: left;
}

.findMatch_aboutLinkImage {
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    float: left;
}

.findMatch_findMatchesSubtitle {
    font-size: 13px;
    color: #555;
}

#trendingTopics {
    padding: 15px 15px 5px 15px;
	margin: 6px 0 3px 0;
    background: top right url(/images/freeRibbon.png) no-repeat beige;
}

.trendingTopicsTitle, .trendingTopicsTitleLink {
    font-family: arial, verdana, sans-serif;
    font-size: 1.1em;
    line-height: 160%;
    text-decoration: none;
    font-weight: bold;
    color: maroon;
}

.trendingTopic {
    color: maroon;
    font-family: arial, verdana, sans-serif;
    font-size: 1.15em;
    line-height: 100%;
    font-weight: bold;
    border: none;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    vertical-align: top;
    padding: 0;
    margin-bottom: 10px;
}

.userHomeSectionHeading {
	background-color: #eaeafb;
	padding-left: 3px;
	padding-top: 5px;
}

.userSettingsTabbedPanel {
	background-color: white;
}

.userSettingsTab {
	padding: 20px 15px 20px 15px;
	background-color: white;
}

.userSettingsTabContent {
	background-color: white;
}

.userSettingsDeleteButton {
    border: none;
    background-color: transparent;
    padding:0;
    color: #005689;
}

.userSettingsDeleteButton:hover {
    text-decoration: underline;
}

.QApair, .paragraph {
    padding: 6px 20px 6px 0;
    line-height: 150%;
}

.dimmedText {
    font-size: 0.9em;
    line-height: 130%;
    color: darkgray;
}

.dimmedText a {
    font-size: 0.9em;
    color: darkgray;
    line-height: 130%;
    text-decoration: underline;
}

#mainFrame {
	position: relative;
	float: left;
	width: 960px;
    background: url(/images/bg1.gif) repeat-y;
	top: 0;
	left: 0;
	height: auto;
    border: 1px solid #BBB;
}

#mainContent {
	margin: 20px 20px 20px 20px;
    min-height: 480px;
    vertical-align: top;
}

#myAnswerTitle, #myQuestionTitle {
    padding-top: 15px;
    clear: left;
}

.interviewPageElement {
    margin-top: 15px;
    clear: both;
    width: 100%;
}
.interactionAndTipAreas {
    width: 100%;
}

.interactionArea {
	float: left;
}

.textBox, .readOnlyTextBox, .QAtextBox {
    font-size: 1em;
    font-family: arial, verdana, sans-serif;
    line-height: 130%;
    border: 1px solid #BBB;
    overflow-y: auto;
}

.textBox, .readOnlyTextBox {
    width: 725px;
}

.readOnlyTextBox {
    background-color: #fafafa;
}

.rightAlignedLink {
    float: right;
    padding: 15px 0 0 20px;
}

#fullPagePanel {
    padding-right: 20px;
}

#interviewHistory {
	border-style: dotted;
	border-color: #E3D6B1;
	border-width: 2px;
    width: 725px;
    height: 250px;
    overflow-y: scroll;
    float: left;
    padding: 1px;
    background-color: #fafafa;
    color: #555;
    font-size: 0.9em;
}

.tipArea, .widetipArea {
    margin-left: 15px;
    float: left;
}

.tipArea {
    width: 150px;
}

.wideTipArea {
    width: 100%;
}

.tipText, .wideTipText {
	position: relative;
    float: left;
	color: #333;
	padding: 10px;
    text-align: left;
    text-decoration: none;
    display:inline;
}

.tipText {
    width: 110px;
    background: url(/images/tipBG.gif) repeat-y;
}

.wideTipText {
    width: 250px;
    background: url(/images/wideTipBG.gif) repeat-y;
}

.noteBox {
    /*border: dashed thin;*/
    padding: 10px;
    background-color: #eee;
    margin: 3px;
 }

.tipArrow {
    float: left;
}

.indexPageText {
    float: right;
    font-size: 0.9em;
    color: #555;
}

.loginArea {
	width: 30%;
	float: left;
}

.loginTextField {
    width: 130px;
}

.loginRemmemberMe {
    font-size: 0.9em;
	color: #777;
    padding-bottom: 20px;
}

.signupTextField {
    width: 130px;
}

.signupTableRow {
    height: 5px;
}

.signupTableRowWideGap {
    height: 10px;
}

.errorText {
    font-weight: bold;
    color: #c00;
    font-size: 0.9em;
}

.warningText {
    font-weight: bold;
    color: #660000;
    font-size: 0.9em;
}

/* Override check box labels in s:checkboxlist
.checkboxLabel {
    color: #000;
    font-size: 0.9em;
}
*/

#footer {
    clear: both;
    text-align: center;
	font-size: 0.9em;
	color: #111;
    height: auto;
    margin: 0;
    text-decoration: none;
    top: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(/images/footerBG.gif);
}

#footer a {
    color: #555;
}

#button {
	margin-top: 10px;
	font-size: 1.3em;
}

#normalTextSizebutton {
	margin-top: 10px;
}

#noteText {
	color: #999;
}
/* These come in handy when using the css_xhtml template (set at struts.xml).
   They override settings in the template's css to make the output look better.
div.wwgrp br {
    display: none;
}

div.wwlbl {
    float: left;
}

div.wwctrl {
    padding-left: 10px;
    float: left;
}
*/