/* ---/ search ui - maps and details views /--- */

#search-ui { text-align: center; }
#search-ui img { border: 1px solid #666 }
#search-ui table { width: 582px; margin: 1.5em auto }
#search-ui .box { width: 542px; margin: 1.5em auto; padding: 20px; }

#search-ui td.has-opps { font-weight:bold }
#search-ui tr.no-opps { color: #999 }

#results .box { margin: 1em 0 }
#results p small { line-height: 8px; margin-top: 10px }
#results img { border: 1px solid #666; margin: 1em 0; }
#results .box h4 { margin: 0 0 0.5em 0; padding: 0 0 0.25em 0; border-bottom: 1px solid #ccc }
#results h4 input { margin: 0 4px 2px 0 }
#results strong { margin: 1em 0 0 0; display: block }
#results label { display: block }
#results form { padding: 1em 0.5em }
#results .form-item { margin-bottom: 1.2em }
#results .form-item input { width: 90%; margin-top: 4px; }
#results fieldset { padding: 1em; border: 1px solid #ccc }
#results legend { font-size: 18px }


/* ---/ tables /--- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

table { border: 1px solid #ccc }
table.grid { border: none }
table.grid td,
table.grid th { border: 1px solid #ccc }
table.grid th { border-bottom: 2px solid #ccc }
tr.even { background: #ffffff }
tr.odd { background: #f8f8f8 }
th { background: #efefef; color: #000; font-size: 20px; font-weight: normal; }
tr.active-row { background: #ffffe0; color: #000 }
th.active-row { background: #efefef; color: #222 }
td, th { padding: 0.35em 0.65em }


/* ---/ boxes /--- */

.box { padding: 10px; background: #f5f5f5; border: solid #ccc; border-width: 1px 1px 4px 1px; margin-bottom: 1.25em; position: relative }
.box h2 { font-size: 1.4em; margin-bottom: 0; }
body.sub-page #main-content .box h2 { margin: 0.2em 0; padding: 0 }
body.sub-page #main-content .box h3 { margin: 0.2em 0; padding: 0; }
.yui-u .box p { padding: 0 }


/* //-- alert color styles (keep at bottom for inheritance) -- */
.alert-note { background: #fffeef; border-color: #f0efdd }
.alert-success { background: #ecf8ec; border-color: #529352 }
.alert-error { background: #fbecec; border-color: #850a0a }

label { font-weight: bold; margin: 0 10px 0 0 }
.submit-box { border-top: 2px solid #f0efdd; padding: 0.75em 0 0 0; margin-top: 0.75em }
.submit-box input { padding: 2px 8px }


/**
 * Override some css so that tabs look nicer.
 */
div.x-tabs-strip-wrap {background-color:transparent;}
table.x-tabs-strip {margin-bottom: 0; border:0}
table.x-tabs-strip td {border: 0;}
table.x-tabs-strip tr {border: 0;}
/**
 * Basic positioning used throughout the site.
 */
.clear {
	clear: both;
}
.none {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.column {
	width: 45%;
}
.top-padded {
	padding-top: 30px;
}
/**
 * Css for consistant status messages
 */
.message {
	color: white;
	width: 100%;
	text-align: center;
}
.error {
	background-color: red;
}
.success {
	background-color: green;
}

.ovw {
	text-align: center;
	margin-top: -25px;
}
.ovw div {
	width: 750px;
	border: thin dotted #42545c;
	color: #666;
	text-align: left;
	padding: 5px;
	font-size: 10px;
	text-align: left;
	margin:auto;
}


/**
 * Css for the admin area, mainly informational forms
 */
form.information .changed {
	color: red;
}
form.information, form#approve_opportunity {
	margin: 0 10px 0 10px;
}
form.information fieldset {
	border: solid 1px black;
	padding: 5px;
}
form.information input.text, form.information select, div.new_opportunity .text, form.admin div input.text, form.admin div select  {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
}
form.information input.value {
	margin: 5px 0 5px 0;
}
form.information input.none {
	display: none;
}
form.information input.submit, form#approve_opportunity input.submit {
	display: block;
	float: right;
	margin: 0 5px 5px 0;
}
form.information li.link, form#approve_opportunity li.link  {
	text-decoration: underline;
	cursor: pointer;
}
/**
 * Css for the admin area, mainly aministrative forms
 */
form.admin {
	margin-top: 10px;
	text-align: center;
}
form.admin div {
	width: 50%;
	margin: auto;
	text-align: left;
}
form.admin div input.submit, div.new_opportunity .submit {
	display: block;
	float: right;
	margin: 5px 5px 0 0;
}
form.admin div input.full_submit {
	display: block;
	margin: auto;
	width: 100%;
}
/**
 * Css for the admin area, mainly opportunity forms
 */
ul.opportunity_list {
	margin: 0;
	padding: 0;
}
ul.opportunity_list li {
	margin: 5px;
	list-style: none;
	cursor: default;
}
ul.opportunity_list li.stock {
	cursor: pointer;
}
p.info {
	margin: 0 5px 0 5px;
	padding-left: 15px;
	text-align: center;
	background-image: url(../img/cursor.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-size: medium;
	font-weight: bold;
}
ul.opportunity_list li h3 {
	font-size: 14px;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
}
ul.opportunity_list li h3 a {
    text-decoration: none;
}
ul.opportunity_list li h3 .icon-edit {
    color: #000;
    margin-right: 5px;
}
ul.opportunity_list li h3 .icon-remove-sign {
    cursor: pointer;
    margin-right: 5px;
    opacity: .5;
}
ul.opportunity_list li img {
	cursor: pointer;
	margin-right: 3px;
}
ul.opportunity_list li p {
	line-height: normal;
	padding: 0 0 0 20px;
	margin: 0;
}
from#new_opportunity {
	margin-top: 10px;
}
form#new_opportunity ul {
	width: 40%;
}
form#new_opportunity ul li p{
	padding: 0;
}
div.new_opportunity {
	width:55%;
	margin: 0 auto;
}
div.new_opportunity .date {
	padding-left: 20px;
	width: 95%;
	background-image: url(../img/cal.png);
	background-repeat: no-repeat;
}



/**
 * Css for the user part of the site
 */
/*search page (mostly)*/
table.grid tr th{
	cursor: default;
}
table.grid tr {
	cursor: pointer;
}
form#center_search {
	text-align: center;
}
div.step {
	border-bottom: 2px solid #CCCCCC;
	margin: 0 auto 0 auto;
	text-align: left;
}
div.only_step {
	width: 95%;
}
div.step h3, div#results div.step h3 {
	color: #800000;
	margin: 0;
}
/*details page (mostly)*/
#address_box {
	position:static;
	line-height:18px;
}
body.sub-page #main-content #address_box h3 {
	font-size: 16px;
	color: #000000;
}
#address_box strong {
	margin: 0;
	line-height: 16px;
}
ul.options {
	margin: 0;
}
ul.options li {
	display: inline;
}
/*Response form*/
form#response {
	width: 96%;
}
form#response input.text, form#response select {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
form#response input.checkbox {
	margin: 0 5px 1px 0;
}
form#response label.checkbox_label {
	display: inline;
	font-size: 11px;
	font-weight: normal;
}

/* helper classes */
.red { color: red; }

/* icons */
.icon-info-sign {
    font-size: 12px;
    color: #4977ff;
    cursor: help;
}
.icon-remove-sign {
    color: red;
}