/* @override 
	http://tapit/css/main.css
	http://www.tapit.org/css/main.css
*/

/*@group existing styles*/
/*.container
{
  border:  1px solid black;
}

.nav li
{
   background-color: #999;
   color: #121212;
   border: 1px solid black;
  display: inline;
  text-decoration: none;
}


#login_admin
{
  float: right;
}  
#login_admin li
{
  display: inline;
  padding: 4px;

}

.nav 
{
  border: 2px solid red;
}

#logo_container
{
  width: 200px;
  height: 100px;
  float: left;*/
}
/*@group end*/

/*@group html elements*/
a, img {
	outline: none;
}
a {
	color: #31829c;
}

/*@end*/

/*@group layout*/
html, body {
	height: 100%;
}
body {
	background: #fff url('../images/body-bg-interior.png') scroll repeat-x top;
	color: #5a3320;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	position: relative;
}

body.front {
	background-image: url('../images/body-bg-front.png');
	background-color: #ece8d4;
}
#header {
	background: url('../images/header-bg.png') scroll no-repeat left top;
	height: 163px;
	position: relative;
	width: 980px;
}
div#content-area {
	padding-bottom: 24px;
	width: 685px;
}
.front div#content-area {
	clear: both;
	padding-bottom: 0;
	width: 950px;
}

div#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -107px;
}
/*@end*/

/*@group header*/
h1#title {
	position: absolute;
	left: 0;
	top: 26px;
}

h1#title a {
	display: block;
	height: 138px;
	text-indent: -9999px;
	width: 192px;
}
div#member-link {
	font-size: 12px;
	height: auto;
	padding-bottom: 8px;
	position: absolute;
	top: 24px;
	left: 485px;
	width: 130px;
}

span.member-city {
  font-style: italic;
}

span.next-line {
  margin-left: 4px;
}

div.member-services {
  margin-top: -17px;
  margin-left: 20px;
}

div#member-link a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
ul#login_admin {
	background: transparent url('../images/member-link-footer.png') scroll no-repeat bottom;
	margin-bottom:0;
	padding-bottom: 10px;
}
ul#login_admin li {
	display: block;
	margin: 0;
	text-align: center;
	width: 100%;
}

form#search {
	height: 23px;
	position: absolute;
	right: 10px;
	top: 23px;
	width: 310px;
}

input.button {
	border: none;
	padding: 0;
}

address label, label {
  font-weight: bold;
}

input#search-textbox {
	background: transparent none repeat scroll 0 0;
	border: none;
	float: left;
	height: 20px;
	margin-top: 3px;
    margin-right: 8px;
	width: 250px;
}

ul#nav {
	height: 36px;
	line-height: 36px;
	padding: 0;
	margin: 116px 0 0 215px;
}
ul#nav li {
	float: left;
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0;
	padding-left: 16px;
	text-transform: uppercase;
	white-space: nowrap;
}

ul#nav li a {
	color: #fff;
	display: block;
	height: 100%;
	padding: 0 6px;
	text-decoration: none;
}

ul#nav li a.active, 
ul#nav li a:hover {
	color: #31829c;
}

ul#nav li a.active {
	background: transparent url('../images/primary-nav-active.png') scroll repeat-x top left;
}

#member-search-link {
	position: absolute;
	top: 45px;
	left: 659px;
}

#member-search-link a {
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
}

body.front #flash {
	clear: both;
	margin: 20px 0;
	font-weight: bold;
	color: #0a455a;
}

#flash {
	color: #287790;
	padding: 2px 5px;
	background: #ddebf0;
	border: 2px solid #287790;
	margin-bottom: 20px;
}

#flash.error {
	color: #cc1212;
	padding: 2px 5px;
	background: #f8e9e9;
	border: 2px solid #cc1212;	
}
/*@end*/

/*@group sidebar-right*/
div#sidebar-left {
	margin-right: 2.3em;
}

/*Sidebar */
div#sidebar-left ul li {
	list-style: none;
	margin-left: 0;
}
ul#side-nav {
	margin-top: 13px;
}

ul#side-nav li {
	background: transparent url('../images/subnav-bg.png') scroll repeat-x top left;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
}

ul#side-nav li.side-nav-parent {
	background: transparent url('../images/sub-nav-header-repeat.png') scroll repeat-x top left;
	color: #fff;
	height: auto;
	font-size: 24px;
	font-weight: normal;
	line-height: 56px;
	overflow: hidden;
	margin: 0;
	* margin-bottom: -6px;
	padding: 0px 22px;
	position: relative;
}

ul#side-nav li a {
	color: #623925;
	display: block;
	height: 100%;
	text-decoration: none;
	text-indent: 16px;
	width: 100%;
}
ul#side-nav li a:hover,
div#sidebar-left a:hover {
	text-decoration: underline;
}
ul#side-nav li a.active {
	background: transparent url('../images/sidebar-nav-active.png') scroll no-repeat right -1px;
	padding-right: 15px;
}
span.left-corner {
	background: transparent url('../images/subnav-header-left-corner.png') scroll no-repeat top left;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
}

span.right-corner {
	background: transparent url('../images/subnav-header-right-corner.png') scroll no-repeat top left;
	height: auto;
	position: absolute;
	top: 0;
	right: -3px;
	width: 22px;
}
span.side-nav-text {
	display: block;
	font-weight: bold;
	position: relative;
	left: -10px;
	z-index: 10;
}

span.required {
  color: #CC0000;
  font-weight: bold;
  margin-left: 5px;
}

.edit-page {
  padding-left: 20px;
  background: url(../sfDoctrinePlugin/images/edit.png) no-repeat 0 0;
  display: block;
  margin-bottom: 14px;
}

.preview-page {
  padding-left: 20px;
  background: url(../images/preview.png) no-repeat 0 0;
  display: block;
  margin-bottom: 14px;
}

.approval-pending {
  color: #900;
  border: 1px solid #900;
  background: #fee;
  padding: 10px;
}

.back-page {
  padding-left: 20px;
  background: url(../images/back.png) no-repeat 0 0;
  display: block;
  margin-bottom: 14px;
}

h3#quick-links-header {
	background: transparent url('../images/quick-links-header.png') scroll no-repeat top left;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	margin-bottom: 0px;
	padding-left: 16px;
	margin-top: 25px;
}

/*Quick Links*/
span.quick-links-list-item {
	font-weight: normal;
	font-size: 12px;
}

div.quick-links-container {
	background: #ece8d4;
	margin-bottom: 2em;
}

ul#quick-links {
	margin-top: .5em;
	padding-left: 16px;
}
ul#quick-links li {
	background: transparent url('../images/subnav-list-element.gif') scroll no-repeat center left;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 4px 8px;
}

ul#quick-links li a {
	color: #623925;
	text-decoration: none;
}
/*@end*/

/*@group Global Content*/
/* -----  breadcrumbs ---------*/
ul#breadcrumbs {
	font-size: 12px;
	font-weight: bold;
	margin-left: -7px;
}

ul#breadcrumbs {
	font-size: 12px;
	font-weight: bold;
	margin-left: -7px;
}

ul#breadcrumbs li {
	background: transparent url('../images/breadcrumb-separator.png') scroll no-repeat center right;
	display: inline;
	list-style: none;
	margin-left: 7px;
	padding-right: 14px;
}

ul#breadcrumbs li.last {
	background: none;
	display: inline;
	list-style: none;
	margin-left: 7px;
	padding-right: 14px;
}
/*@end*/

/*@group homepage content*/
div#homepage-content {
	background: transparent url('../images/homepage-content-bg.png') scroll repeat-x top left;
	border: 2px solid #6990b3;
	height: 231px;
	margin: 0 auto 8px;
	position: relative;
}

div#content-left {
	background: transparent url('../images/homepage-img-container-new.png') scroll no-repeat top left;
	height: 100%;
	position: relative;
	z-index: 10;
}

ul#homepage-links {
	position: absolute;
	bottom: -37px;
	left: 0px;
	font-size: 15px;
	font-weight: bold;
	list-style: none;
}
ul#homepage-links li {
	margin-bottom: 30px;
}
div#homepage-image {
	position: absolute;
	height: 231px;
	top: 0;
	right: 0;
	margin: 0;
	overflow: hidden;
	z-index: 5;
	width: 352px;
}
div#homepage-image p {
	padding-left: 8em;
}

div#homepage-inset-left {
	background: transparent url('../images/home_inset_left.png') scroll no-repeat top left;
	height: 139px;
	position: relative;
}
p.tagline {
	display: none;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	line-height: 32px;
	margin: 0 auto;
	padding-top: .5em;
	width: 515px;
}
div.home-bottom {
	color: #000;
	margin: 0;
	position: absolute;
	top: 126px;
	left: 225px;
	padding: 19px 15px 0px 15px;
	width: 345px;
	line-height: 1.2em;
	font-size: 1em;
}
div#homepage-inset-left h3 {
	margin-bottom: 4px;
}

div#homepage-inset-left p {
	margin-bottom: 8px;
	line-height: 1.2em;
}

div.content-callout {
	background: #fff;
	clear: both;
	font-weight: bold;
	font-size: 26px;
	padding: 8px 0;
	text-align: center;
	width: 564px !important;
}
div#interpreter {
	color: #323232;
	padding: 15px 10px 18px 28px;
	width: 233px;
}
div#homepage-inset-left h4 {
	margin-bottom: 0;
	text-transform: uppercase;
}
div#homepage-inset-left h4 a {
	color: #323232;
	text-decoration: none;
}
div#translator {
	color: #323232;
	padding: 15px 23px 18px 47px;
	width: 215px;
}

a.read-more {
	color: #4d2715;
	display: block;
	font-weight: bold;
	position: absolute;
	bottom: 12px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
div#interpreter a.read-more {
	left: 164px;
}

div#translator a.read-more {
	right: 27px;
}
/*header callouts*/
div.header-callout {
	background: transparent url('../images/content-bottom-separator.png') scroll no-repeat top left;
}
div.header-callout h3 {
	background: #502a18 url('../images/right-brown-color.png') scroll no-repeat top right;
	color: #fff;
	height: 31px;
	font-size: 14px;
	line-height: 31px;
	margin-bottom: 4px;
	padding: 0 9px;
}

div.header-callout {
	font-size: 12px;
}
div.header-callout p {
	margin-bottom: 0;
	padding-left: .8em;
}

div.header-callout a {
	color: #4d2715;
	display: block;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

#tamit-container h3 a {
	color: #FFFFFF !important;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}

div#tamit-container {
	margin-bottom: 36px;
	width: 175px;
}
div#tapit-container {
	width: 175px;
}
div.header-callout a.tapit-learn-more {
	background: transparent url('../images/learn-more.png') scroll no-repeat top center;
	display: block;
	height: 23px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	/*margin: 6px auto 0;*/
	text-indent: -9999px;
	text-align: left;
	width: 114px;
}

div.header-callout a.tamit-go-there-now {
	background: transparent url('../images/go-there-now.png') scroll no-repeat top center;
	display: block;
	height: 23px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	/*margin: 6px auto 0;*/
	text-indent: -9999px;
	text-align: left;
	width: 129px;
}

div.header-callout ul {
	margin-bottom: 0;
}
ul#login_admin li {
	list-style: None;
}
/*@end*/


/*@group Form Styles*/
span.small {
	font-size: .8em;
}
form table {
	margin-bottom: 0px;
}
table.two-column-form input {
	padding-right: 0px;
	width: 245px;
}
table.two-column-form td {
	padding: 0px 24px 12px 0;
}
table.two-column-form td.right-cell {
	padding-right: 0px;
}

table th {
	font-weight: bold;
	padding-right: 10px;
	text-align: left;
	white-space: nowrap;
}

td.form-message textarea {
	width: 679px;
}

tr.form-submit {
	text-align: right;
}
tr.form-submit td {
	padding-top: 12px;
}

#join-now-form input.input-text,
#join-now-form input.input-password,
#join-now-form input.input-,
#join-now-form input.input-file,
#edit-profile-form input.input-text,
#edit-profile-form input.input-password {
	border: 1px solid;
	padding: 4px;
}

ul.error_list,
span.error-msg {
	color: #bc0000;
	font-style: italic;
	font-size: 11px;
}

input.inputError,
body table.inputError {
	border: 1px solid red !important;
	background: #fff0f0 !important;
	padding: 4px;
}

ul.error_list li {
	/*display: none;*/
	list-style: none;
	margin-left: 12px;
}


/*@end*/

/*@group Purchase Form*/
form#purchase-form {
	margin-bottom: 2em;
}
form#purchase-form th {
	font-size: 12px;
}
form#purchase-form table th {
	padding-right: 5px;
}
form#purchase-form th label{
	margin: 0;
}

form#purchase-form table.two-column-form td {
	padding:0 12px 0 0;
}

form#purchase-form table.card-info th {
	padding-right: 10px;
}
form#purchase-form table.card-info td {
	padding-right: 29px;
}

td.ccv-code input {
	width: 75px;
}

table.billing-address input {
	width: 551px;
}
td.address2 {
	padding-bottom: 18px;
}

table.city-state-zip td {
	padding-right: 18px;
}

td.zip input {
	width: 75px;
}
form#purchase-form table.submit {
	width: 95%;
}
form#purchase-form tr.form-submit td {
	text-align: right;
}
/*@end*/

/*@group Events & Membership directory, */
div.event-type {
  display: block;
}

div.event-type h2,
div.member-search h3,
div.language-success-list h4 {
  color: #FFFFFF;
  background: transparent url('../images/events-header-bg.jpg') scroll no-repeat top right;
	height: 29px;
	font-size: 20px;
	float: left;
	font-weight: bold;
	line-height: 29px;
	margin-bottom: 0px;
	padding-left: 10px;
	width: 265px;
}

div.event {
	border-bottom: 1px solid #4c2919;
	clear: both;
	margin: 9px 0;
	padding-bottom: 9px;
	position: relative;
}

div.event-date {
	clear: left;
	font-size: 12px;
	font-weight: bold;
}

div.event-price {
  margin-top: 7px;
  font-size: 12px;
}

div.event-type div.event-tagline,
div.specialist-summary {
	background: #5A3320;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	margin-left: 0;
}

div.member-search .search-tagline {
	background: #5A3320;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 5px;
	line-height: 33px;
	padding-left: 10px;
	margin-left: 0;
}

div#specialist-interpreter {
	margin-bottom: 3em;
}
div.specialist-summary {
	margin-bottom: 1em;
}
div.event-type p.in-near-future {
	display: block;
	margin: 16px 0 11px;
}

div.language-success-list a.learn-more {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 1em 0;
}

div.member-search ul.help
{
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.2em;
	color: #8b7063;
}

div.member-search ul.help li
{
	margin-bottom: 10px;
}

div.search-all {
	/*border: 1px solid #6990b3;*/
	text-align: center;
	float: right;
}

div.search-all a, div.search-all em {
	padding: 3px 6px;
	display: block;
	/*text-decoration: none;*/
	color: #5a3320;
	/*background: #d2e4f3;*/
	float: right;
	font-weight: bold;
}

#interpreters-search ul.checkbox_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#interpreters-search ul.checkbox_list li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 120px;
	margin-bottom: 15px;
}

#interpreters-search td {
	vertical-align: top;
}

/*@group member search list*/
ul#member-list li.member {
	list-style: none;
	margin-left: 0;
	margin-bottom: 24px;
	width: 450px;
	overflow: hidden;
}

ul.member-services li {
	list-style: none;
	margin-left: 10px;
}

table#member-list {
  width: 100%;
  border: 1px solid #6C3F29;
}

table#member-list tr td {
  padding: 3px 3px;
}

#member-list tr.alt {
  background-color: #F3F0E3;
}

#member-list tr.member img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 1px 0 4px;
  padding: 0;
}

ul#member-list li.member.withphoto .member-info {
	margin-left: 25px;
}


/*@end*/
address.member-address {
	font-style: normal;
}
address.member-phones {
	font-style: normal;
}
address.member-phones label {
	font-weight: normal;
}

h5.member-service-list-title {
	margin-bottom: 0px;
	float: left;
	font-size: 1em;
}

.member-language ul {
	margin: 0 0 20px;
}

.member-language ul ul {
	margin: 0 0 5px;
}

.member-language ul li {
	margin: 0 20px;
	padding: 0;
	font-size: 95%;
}

.member-language ul li li {
	margin: 0 20px;
	list-style: none;
	line-height: 1.4em;
}

ul.member-service-list {
	padding-left: 105px;
}
ul.member-service-list li {
	list-style: none;
	margin: 0;
}

div.other-creds-edu label {
	font-weight: bold;
	margin: .5em 0 0 0;
}

div.member-education,
div.member-bio {
	margin-bottom: 20px;
}
div.member-education label,
div.member-bio label {
	margin-right: 10px;
}

div.member-certs {
	margin-top: 20px;
}
/*
This is extremely janky and needs to be fixed when we refactor the view, but it is the 
cleanest way to indent the event if the header, tagline, and near future are in the event tag
*/
div.event {
	margin-left: 39px;
}

div.event h2,
div.event-tagline, 
p.in-near-future {
	margin-left: -39px;
}

div.event h4 {
	color: #27748e;
	font-size: 15px;
	margin-bottom: 0;
}

div.event-information h4 {
	font-size: 18px;
	margin-bottom: 5px;
	color: #27748e;
}

div.event-location {
	font-size: 15px;
	display: inline;
	padding-right: 15px;
}

div.event-date {
	font-size: 15px;
	display: inline;
}

div.event-information {
	font-size: 12px;
	margin-bottom: 6px;
}

div#event-description {
	color: #27748e;
	margin: 15px 0;
}

div#event-description p {
	margin: 0 0 10px 0;
}

div#event-registration {
	color: #27748e;
	margin: 15px 0;
	padding-top: 15px;
	border-top: 1px dashed;
}

div#event-registration .event-ticket {
	margin: 0;
}

/*
 Again this floating is a little weak, but it keeps the title from 
 running in to to links on the right, in refactoring, once the event category
 heaeder is separated out of hte individual event, 
 this should be absolutely positioned top right and the event title should 
 have a width to not encroah upon it.
*/
ul.event-links {
	float: right;
	margin: 0;
}

ul.event-links li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0px 6px;
}

a.event-register,
a.event-learn-more {
	height: 20px;
	float: right;
	margin: 0 4px;
	text-indent: -9999px;
}
a.event-learn-more {
	background: transparent url("../images/button-learn_more.png") scroll no-repeat center;
	width: 71px;
}

a.event-register {
	background: transparent url("../images/button-register.png") scroll no-repeat center;
	width: 60px;
}

a.view-all {
	font-size: 20px;
	font-weight: bold;
}
/*@end*/

/*Memeber search style*/
div.member-search {
	margin-bottom: 1.5em;
}

table.search-left {
	float: left;
	margin-right: 50px;
}
div.member-search table td {
	padding-right: 12px;
	padding-bottom: 12px;
}
div.member-search div.search-tagline {
	margin-bottom: 1.5em;
}
table.search-left td {
	vertical-align: middle;
}
input.member-search-submit {
	clear: both;
	display: block;
	margin: 1em 0;
}
/**/
/*@group Join form*/

#join-now-form fieldset {
	margin: 20px 0 40px;	
}

#join-now-form fieldset legend {
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}

table#member-signup input {
	width: 200px;
}

table.student-info,
table.form-certification {
	margin: 6px 0;
}

input#join-now {
	display: block;
	margin: 6px auto 0px;
	border: none;
}

textarea#member_bio {
	height: 100px;
}

table.membership-type {
	margin: 20px 0;
}

div.language-notice,
table.form-certification {
	margin: 20px 0 40px;
	border: 1px solid;
	background: #eee;
}

div.language-notice,
table.form-certification th,
table.form-certification td {
	padding: 6px;
}
/*@end*/

/*@group Purchase Form*/
.prod-description{
	color: #27748e;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -.9px;
}

div.event-dates {
	font-weight: bold;
}

div.event-ticket {
	color: #27748e;
	font-weight: bold;
	margin: 1em 0 35px;
}

div.event-ticket .ticket-members,
div.event-ticket .ticket-nonmembers {
	font-weight: normal;
}

div.event-ticket .strikeout{
	text-decoration: line-through;
	font-weight: normal;
	font-style: italic;	
}

div.event-ticket .ticket-members {
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;	
	color: #d35a5a;
}

/*@end*/

/*@group footer*/
div#push {
	clear:both;
	height:107px;
	width:100%;
}
div#footer {
	background: transparent url('../images/footer_bg.png') scroll repeat-x top left;
	color: #FFFFFF;
	clear: both;
	height: 107px;
	width: 100%;
	position: relative;
	bottom: 0;
}
div#footer-content {
	padding-top: 26px;
}
ul#footer-nav {
	margin-left: -10px;
}

ul#footer-nav li {
	border-right: 1px solid #ece8d4;
	display: inline;
	list-style: none;
	margin: 0 0 0 10px;
	padding-right: 10px;
}

ul#footer-nav li a {
	text-transform: uppercase;
}

#footer #footer-left {
  float: left;
}

div#footer a {
	color: #ece8d4;
}

div#footer dl {
	text-transform: uppercase;
	color: #d8d0a8;
	font-size: 14px;
	font-weight: bold;
	padding: 1px;
	margin: 1px;
	position: relative;
	top: 0;
}

div#footer dt {
	color: #fff;
  text-transform: uppercase;
  font-size: 10px;	
  line-height: 10px;
  padding: 1px;
  margin: 1px;
}

div.copyright {
	font-size: 12px;
	line-height: 12px;
}

h3 {
	font-size: 30px;
}


.notice
{
	background-color:   #999;
	color:							#121212;
	border:			        1px solid black;
	margin-bottom:		  10px;
	padding:	6px;
	
}

.error
{
	border: 2px solid #cc1212;
}

.pagination .page
{
  font-size: 17px;
  font-weight: bold;
}

/*@end*/

.forgot_box {
  float:left;
  margin:0 30px 0 0;
  padding:25px 0 0 0;
  width:300px;
}