<% Response.ContentType = "text/css" %>

/* start of base.css structural classes  - do not change!  */

body {
	font-size: 100%;
	margin: 0px;
	}

p	{
	text-align: left;
	}

a.menuheader {font-weight: bold;}
a.menuheader:hover {
	background-image: none !important;
	background-color: none !important;
	cursor: default !important;
	}	


#login form {
	margin: 0px;
	}
		
#login input {
	font-size: 10px;
	}

#login a {
	text-decoration: none;
	}

#nav {background-color: #bbbbbb;}
#membernav {background-color: #bbbbbb;}
#officernav {background-color: #bbbbbb;}
#adminnav {background-color: #bbbbbb;}

.menu li 
	{
	white-space: nowrap  /* keeps links from wrapping */
	}

/* start of base style classes  */

	/* any of these can be redefined (overridden in the styles_xxx.css 
	   for a given org. Obviously if you want a different base definition 
	   for many orgs, change it here in base.css and then work from there
	   to redefine for individual orgs.



.lg_header { font-size: 1.4em; 
	  text-align: center;
	  font-weight: bold;
	}
	*/	
	/* use with p class to get alignment.
	Used for some titles that use std start, like careernet result and careernet detail 
	   - to be used like an H2 is in html

	
.sm_header {font-size: 1.2em;
 	text-align: left;
	text-decoration: none;
	font-weight: bold;
	}
	
	    */
	/* used for some titles, to be used like an H4 is in html;
	   appears in Upcoming Events in calendar.asp	
	*/


	/* forms - for myprofile, newlogin, memberinfo, careernet, 
	   memberpay, publicpay pages, etc., or any other table-structured 
	   or other forms 
	*/
 
.form_sectionhead {
	text-align: left;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold; 
	}

	/* used for sections of fields within forms (e.g. member profile), 
	   or as column headers in a table (e.g. in BBS, calendar, dbstats, 
	   documents_review, duesupdates_review,newsupdates_review, events_review,
	   login_history and pics add and review
	*/ 
	
	
.form_label {
	text-align: right;
	vertical-align: center;
	font-size: 1.1em;
	font-weight: normal;
	white-space: nowrap;
	}

	/* field labels in forms, e.g. in the adminlogin, dbstats, member profile/careernet,
	   docs add/edit, events add/edit, submit news, enterdues, vendorID info review, 
	*/

.degree_label {
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	}

	/* gives form headers for Degree, Year, Major School on the Profile pages  
	*/

.reqd_asterisk {
	font-size: small;
	color:#F00;
	}
	
.conditional_asterisk {
	font-size: small;
	color:#090;
	}
	
	/* these span styles each highlight an asterisk in the address layouts, 
	   but could be used for other "warning" info 
	*/

.sm_instruct  
	{
	font-size: 0.8em;
	line-height: 1.3;
	}
	/* to create small text for a paragraph of instruction in a form.
	   It appears next to the Career Category section of the profile
	   pages.
	*/
	  
	
.hilite {
	color:#F00;
	}
	/* allows setting a high-contrast color for 'warning' text. (e.g. in the 
	   bbs pages, orginfo_member_review.asp, officer_review & public_review)
	*/	


.bitsmaller 	
	{
	font-size: .8em;
	line-height: 1.3em;
	}
	/* gives slightly smaller text, as for the search tips in Career 
	   Network Search, and in Pictures editor; BBS officer msg links,
	   and in the "Discard Changes and Proceed to Member Area" link. 
	*/


.sm_title 
	{
	font-size: smaller;
	font-weight: bold;
	}
	/* sm_title gives form headers on various admin pages: orginfo_review, 
	   orginfo_officer_review, orginfo_member_review, orginfo_public_review 
	*/
	
	
.teeny_comment
	{
	font-size: x-small;
	font-weight: normal;
	}
	/* - creates the "fine print"  - as for "preferred postal & email 
	addresses" on Career Detail 
	*/


.loud 	{
	font-weight: bold;
	}
	
.accent {
	font-style: italic;
	}

.loud_accent 
	{
	font-weight: bold;
	font-style: italic;
	}

	/* the following classes are from the member detail for 
	Find Members and Career Network details */


.emaildir {
	font-size: .75em;
	word-wrap: break-word;
}

td.blockhead	
	{
		font-size: 80%;
		line-height: 1.1em;
		font-family: arial, helvetica,verdana,sans-serif;
		text-transform: uppercase;
		text-align:right;
		vertical-align: baseline;
		padding-right: 7px;
	}	
	/* gives small block headers in Career Network Detail 
	   for Job Title, Employer, Career Category
	*/
			

td.content			
	{
		vertical-align: baseline;
	}

/* the next items are for controlling the look of the gift forms on appear on all pay pages */

#giftchoices 	{ 
		text-align: center;
		border-top: 2px #ccc; 
		border-bottom:2px #ccc; 
		font-size:1.1em; 
		line-height:1.5em;
		}

td.gifts1 	{width: 300px; text-align: left;}
td.gifts2 	{width: 300px; text-align: left;}
td.gifts3 	{width: 300px; text-align: left;}


#payment_form 	{ 
		border-top: 2px #ccc; 
		border-bottom:2px #ccc; 
		font-size:1.0em; 
		text-align:center; 
		line-height:1.5em;
		}

.payform_title {
		font-size:1.2em; 
		text-align:center; 
		font-weight:bold;
		}

.payform_label {
		font-weight: bold;
		vertical-align: baseline;
		margin-left:5px;
		}

/*added by GTI*/

.calendar_table	{
	width: 90%;
	}
	
th.column_date {
	width: 175px;
	}

/*end GTI edit*/

/*controls the recurring gifts table in include file recurring_gifts.asp*/

#recurring .td1 {width:175px; align:left; white-space:nowrap;}
#recurring .td2 {width:15px;  align:right; white-space:nowrap;}
#recurring .td3 {width:150px; align:left; white-space:nowrap;}


/* use these colors for tables with no lines to alternate row backgrounds e.g. login history; events. 
Only need to specify the class by rows, as: 

 <TR class="row0">
 <TR class="row1">
*/	
	
/* 
.row0 td {	
	font-weight: bold;
	background-color: #d7c9ad;
	color: #000;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	}

.row1 td {	
	font-weight: bold;
	background-color: #e0d8c7;
	color: #000;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	}
*/
.row1 td {	
	background-color:#ccc;
	text-align:left;
	color: #000;
	}

.row0 td {
	background-color:#ffffff;
	text-align:left;
	color: #000;
	}


.row1_event td {	
	background-color:#ccc;
	text-align:left;
	color: #000;
	padding: 10px 5px 10px 15px;
	}

.row0_event td {
	background-color:#ffffff;
	text-align:left;
	color: #000;
	padding: 10px 5px 10px 15px;
	}


/* NOTE the following files have no styles in them:
	member_updates_review
	bbs_officer_new
	calendar_detail
	bbs_new
	
*/

/* these are the classes for forum_message.asp*/

.forum_post {
	width: 80%;
	}

.forum_post td {
	background-color:transparent;
	border: 0;
	padding: 0px;
	}

.forum_comments {
	width: 80%;
	border: 0px; 
	padding: 10px;
	}
	
.forum_comments th {
	background-color:transparent;
	text-align:left;
	padding: 10px;
	}
	
.forum_comments td {
	background-color:#ffffff;
	border: 0;
	padding: 20px;
	}
	
/* The Add This Block */
#add_this_block {
	float:left;
	margin-bottom: 10px;
	}
	


/* Generic abstractions to make life easier */

.columncontainer {overflow:hidden;}
.columnvar {float:left;padding-right:17px;}
.columnhalf {float:left;width:45%;padding-right:17px;}
.columnthird {float:left;width:30%;padding-right:17px;}
.columntwothird {float:left;width:60%;padding-right:17px;}
.columnfourth {float:left;width:20%;padding-right:17px;}

.columntwo {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}

.columnthree {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}

.columnfour {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
}

.threecolumn {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}


.in_header {margin-bottom:0;}
.in_header>:first-child {margin-top:0;}

.error {color:#C00;font-weight:bold;}