/* 

This stylesheet was created by sofamade.com
exclusively for the osnapz.com web interface.
Copyright (c) Osnapz. All rights reserved.

*/

/* @group Self Clearing Floats */

#search-field, .member-clear {
	display: inline-block;
}

#search-field, .member-clear {
	display: block;
}

#search-field:after, .member-clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end */

/* @group Hyperlinks */

#public-right a:link, #public-right a:visited, #about a:link, #about a:visited {
	color: #41b1d0;
	text-decoration: underline;
}

#public-right a:hover, #about a:hover {
	color: #eca827;
	text-decoration: underline;
}

.member h2 a:link, .member h2 a:visited {
	color: #d59625;
	font: bold 81.25% "Lucida Grande", Verdana, sans-serif;
	text-decoration: none;
}

.member h2 a:hover {
	color: #3e7a8a;
	text-decoration: none;
}

.mark-link a:link, .mark-link a:visited {
	color: #666;
	font: 68.75% "Lucida Grande", Verdana, sans-serif;
	text-decoration: none;
}

.mark-link a:hover {
	color: #41b1d0;
	text-decoration: none;
}

/* @end */

/* @group Structure */

#public-left {
	width: 265px;
	float: left;
}

#public-right {
	width: 600px;
	float: right;
}

/* @end */

/* @group Public Left */

#public-left h1 {
	color: #d59625;
	font: bold 112.5% "Lucida Grande", Verdana, sans-serif;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #a9a9a9;
}

#public-left #about {
	padding-bottom: 35px;
}

#public-left #about img {
}

#public-left p {
	color: #333;
	font: 75% "Lucida Grande", Verdana, sans-serif;
	line-height: 1.52em;
	padding-bottom: 15px;
}

#public-left p.strong {
	font-weight: bold;
}

/* @end */

/* @group Sub-Navigation */

#navigator ul {
	padding-bottom: 35px;
}

#navigator ul li a:link, #navigator ul li a:visited {
	color: #333;
	font: 87.5% "Lucida Grande", Verdana, sans-serif;
	text-decoration: none;
	width: 245px;
	padding: 10px 0 10px 20px;
	display: block;
}

#navigator ul li a:link.active, #navigator ul li a:visited.active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/active.png) no-repeat left top;
}

#navigator ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../images/active.png) no-repeat -265px top;
}

/* @end */

/* @group Public Right */

#public-right h1 {
	color: #3e7a8a;
	font: bold 131.25% "Lucida Grande", Verdana, sans-serif;
	padding-bottom: 5px;
}

#public-right h2 {
	color: #d59625;
	font: bold 112.5% "Lucida Grande", Verdana, sans-serif;
	margin-bottom: 15px;
	padding: 5px 0;
	border-bottom: 1px solid #a9a9a9;
}

#public-right h3 {
	color: #333;
	font: bold 81.25% "Lucida Grande", Verdana, sans-serif;
	padding: 5px 0 10px;
}

#public-right h4 {
	color: #d59625;
	font: bold 112.5% "Lucida Grande", Verdana, sans-serif;
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #a9a9a9;
}

#public-right p.excerpt {
	font-style: italic;
}

#public-right p {
	color: #333;
	font: 75% "Lucida Grande", Verdana, sans-serif;
	line-height: 1.52em;
	padding-bottom: 15px;
}

#public-right ul#faqs {
	font: 75% "Lucida Grande", Verdana, sans-serif;
	padding-bottom: 20px;
}

#public-right ul#faqs li {
	line-height: 1.52em;
	margin-left: 45px;
	padding: 3px 0 3px 5px;
	list-style-type: decimal;
	list-style-position: outside;
}

#public-right .tour {
	color: #333;
	font: bold 68.75% "Lucida Grande", Verdana, sans-serif;
	line-height: 1.45em;
	padding-bottom: 35px;
}

#public-right .tour img {
	background-color: #bcbcbc;
	margin-bottom: 8px;
	padding: 5px;
}

#public-right .tour img:hover {
	background-color: #adadad;
}

/* @end */

/* @group Form Box */

.box {
	background: #efeeee url(../images/box.png) repeat-y left top;
}

.box-top {
	background: url(../images/box-top.png) no-repeat left top;
	padding: 20px 20px 0;
}

.box-bottom {
	background: url(../images/box-bottom.png) no-repeat left bottom;
	padding-top: 40px;
}

#public-right td.table-header {
	color: #333;
	font: bold 81.25% "Lucida Grande", Verdana, sans-serif;
	text-align: right;
	vertical-align: top;
	width: 150px;
	padding: 6px 15px 0 0;
}

#public-right td.table-field {
	color: #666;
	font: 68.75% "Lucida Grande", Verdana, sans-serif;
	vertical-align: top;
	padding: 5px 0 20px;
}

#public-right td.table-checkbox {
	color: #333;
	font: bold 75% "Lucida Grande", Verdana, sans-serif;
	text-align: right;
	vertical-align: top;
	padding-bottom: 20px;
}

#public-right td.table-submit {
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.table-field input, .table-field textarea {
	color: #333;
	width: 370px;
	margin-bottom: 5px;
	padding: 2px;
	border-top: 2px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.table-field input {
	font: 18px "Lucida Grande", Verdana, sans-serif;
}

.table-field textarea {
	font: 12px "Lucida Grande", Verdana, sans-serif;
	height: 150px;
}

/* @end */

/* @group Search */

.search-box-top {
	background: url(../images/search-box-top.png) no-repeat left top;
	padding: 20px 20px 0;
}

.search-box-top input#ctl00_cphMain_txtSearch {
	color: #333;
	font: 24px "Lucida Grande", Verdana, sans-serif;
	width: 415px;
	margin: 0 10px 5px 0;
	padding: 2px;
	border-top: 2px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: left;
}

#search-btn {
	margin-top: -1px;
	float: left;
}

.search-box-top span {
	color: #666;
	font: 68.75% "Lucida Grande", Verdana, sans-serif;
}

/* @end */

/* @group Featured Members */

.member {
	padding-bottom: 20px;
}

#members h2 {
	padding-bottom: 3px;
}

#members p {
	color: #333;
	font: 75% "Lucida Grande", Verdana, sans-serif;
	padding-bottom: 10px;
}

.avatar {
	margin-right: 10px;
	float: left;
}

.avatar img {
	background-color: #bcbcbc;
	padding: 5px;
}

.avatar img:hover {
	background-color: #adadad;
}

.mark {
	margin-right: 6px;
	float: left;
}

.mark-link {
	float: left;
}

/* @end */

/* @group Tooltip */

.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	color: #eca827;
	font: bold 11px "Lucida Grande", Verdana, sans-serif;
	background: url(../images/bubble.png) no-repeat left top;
	margin: 0;
	padding: 10px 10px 4px;
	text-align:center;
}
 
.tool-title-empty { /* Use when there is no title text */
	background: url(../images/bubble.png) no-repeat left top;
	padding: 2px 0px 4px;
}
 
.tool-text {
	font: 11px "Lucida Grande", Verdana, sans-serif;
	background: url(../images/bubble.png) no-repeat right bottom;
	padding: 5px 10px 10px;
	text-align:center;
}

/* @end */

/* End of Stylesheet */