html, body {
	margin: 0px;
	padding: 0px;
  font-family: arial, sans-serif; 
  font-size: 10pt;
	border:none;
  color: #222222;
}

body table * {
  font-family: arial, sans-serif; 
  color: #222222;
  font-size: 10pt;
}

.my {
	font-family: "Monotype Corsiva";
	font-size: 14pt;
	color: #fa7317;
}

.input-example {
	color: gray;
}

.tip {
}

/*
Pure CSS tooltip
*/
a.csstip span {
    display: none;
    background: white;
    color: #222222;
    border: 1px solid black;
}

a.csstip:hover {
    /* trigger tips in IE by changing a property */
    /* http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp */
    text-indent: 0;
    text-decoration: none;
}

a.csstip:hover span {
    display: block;
    position: absolute; 
    text-decoration: none;
    top: 1em;
    left: 0; 
    width: 14em;
    padding: 1ex; 
    margin: 1ex;
    z-index: 100;
}

body a {
  color: #0066CC;
}

body table a {
  color: #0066CC;
}

body a:link {
    text-decoration: none;
}
body a:visited {
    text-decoration: none;
}
body a:hover {
    text-decoration: underline;
}

/* No padding, spacing, or margin */
/* Don't use width:100% because it plays havoc with IE's div rendering */
table.default { 
  padding: 0px;
  border-spacing: 0px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

/* On IE this is done with hollyhack */
.block-contain-right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right;
    visibility: hidden;
}

.block-contain-left:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left;
    visibility: hidden;
}

/* See for example http://www.positioniseverything.net/easyclearing.html */
/* Hides from IE-mac \*/
* html .block-contain-left {height: 1%;}
* html .block-contain-right {height: 1%;}
/* End hide from IE-mac */

/** Don't add space around forms. */
form {
    margin: 0;
    padding: 0;
}

#search-bar {
	position: relative;
	padding-top: 8px;
	height: 80px;
}

/*
Search box styling consists of:

Background color
.question section
  .prompt
  text area
.profile section [optional]
  .prompt
  drop-down selection
.submit
  input button
.csstip link that opens up a tooltip on a mouse-over
*/
.search-box {
  color: #ffcc66;
	position: relative;
}

.search-box .submit {
	position: relative;
	top: 21px;
}	

.search-box .question {
	padding: 0 1ex 0 1em;
}

.search-box .question, .search-box .profile, .search-box .submit {
	float: left;
	margin: 1ex 0;
}
.search-box .profile, .search-box .submit {
	padding: 0 1ex;
	margin: 1ex 0;
}

.search-box .prompt {
    color: white;
    font-size: 11pt;
}

.search-box a {
    color: #ffcc66;
    text-decoration: none;
    position: relative;
}

.search-box .csstip {
    float: right; 
}

.search-box select {
    margin: 2px 0px;
}

.search-box input {
    color: #222222;
    font-weight: bold;
    background: url('/shared/images/btn_search_bg.gif') repeat-x;
    border: 1px solid #FBD252;
}

.ct-even, .doc-even {
    background: white;
}
.ct-odd, .doc-odd {
    background: #F3F4F6;
    border-top:  0px;
    border-bottom: 0px;
}

#logo {
    float: left;
		position: relative;
		left: 5px;
}

#logo a {
    display: block;
}

.top-links {
    float: right;
    list-style: none;
    font-family: tahoma, sans-serif;
    position: relative;
    white-space: nowrap;
    margin: 0;
    padding: 2px 1em 2px 0;
}
.top-links li {
    padding: 0px 5px;
    float: left;
    border-right: 1px solid blue;
}
.top-links li.sign-in {
	font-weight: bold;
}
.top-links li.last {
    border-right: 0;
}
.top-links li .prompt {
    font-weight: bold;
    color: #FF7010;
}

#location {
    clear: both;
    padding-left: 3px;
    height: 32px;
    min-height: 32px;
    background: url('/shared/images/content-top-fade.png') repeat-x;
}

#breadcrumbs {
    color: #003366;
    font-size: 12pt;
}

#breadcrumbs span {
    border-left: 1px solid #003366;
    padding-left: 1ex;
    margin-left: 6px;
}

#breadcrumbs .arrow, #breadcrumbs .first {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

ul#font-size {
    float: right;
    width: 170px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#font-size li {
    float: right;
    padding: 0;
    margin: 0;
}

#font-size img {
    border: 0;
    display: block;
}

#font-size a {
    border: 0;
}

#font-size #font-size a:hover {
}

.sign-out, .my-account {
    font-size: 10pt;
}

.my-account {
    font-weight: bold;
}

/* Concept auto-completion */
div.auto_complete {
  width: 350px;
  background: #fff;
  font-size: 10pt;
  text-align: left;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

/* Rails Applies this to problem fields */
.fieldWithErrors {
    padding: 2px;
    background-color: red;
    color: white;
}

.formError, .notification {
    color: red;
    font-weight: bold;
}

.summary-section {
    margin-bottom: 0.5em;
}

.summary-section h2 {
    font-style: italic;
    font-weight: bold;
    display: inline;
    color: gray;
}

/* Trying to get those >> symbols to align with the middle of the following text. */
.arrow {
    vertical-align: 10%;
    /* vertical-align: top; */
}

a.subtleA { 
  font-size:8pt;
  }

.share-label {
	text-align: right;
	vertical-align: top;
	padding-right: 1ex;	
}

.share td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.flash {
    line-height: 1.0em;
    font-weight: bold;
    color: red;
}