/* 
   These are the principle styles used throughout the OECTA Communications
   Portal. 
*/

/* Revision History
   ----------------
   2011-09-01: Eric Tietz (OECTA Re-branding)
   changed a, 

   2011-07-27: Eric Tietz
   New styles added to accommodate the OECTA Communications Portal
   re-branding
   added .location
   added .courseOffering
   added .courseOffering table
   added .courseOffering td
   added .courseOffering th  
   added .campaigns5
   added .campaigns5Border
   added .searchResultsSeparator
   
   2009-05-20: Eric Tietz
   New title styles added on May 20, 2009 for use with div and span tags to
   replace heading tags (h1-h6) to standardize formatting across web agents
   (due in part to the removal of sIFR.js)
   
   2008-06-18: JCM
   #subMenuMembers,#subMenuHome: Commented out width as it was causing a slight
   misalignment with login box right edge per Jira issue OWS-29
*/

/* --------------------------------------------------------------------------
   General site styles
   --------------------------------------------------------------------------
*/
body {
	padding: 0px;
	margin: 0px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: small; #
	line-height: 18px;
	color: #3b4849;
	background-color: #ffffff;
}

a {
	text-decoration: none;
	color: #569BBE;
}

#container {
	position: relative;
	width: 862px;
	margin: 15px auto 0px auto;
	background-color: #ffffff;
}

.landingContent {
	background: transparent url(../../images/hairLine.gif) no-repeat scroll
		center bottom;
	padding: 0px 0px 20px 15px;
	margin: 0px 0px 20px 0px;
}

.landingNav {
	
}

.landingNav .landingItem {
	width: 200px;
	height: 155px;
	float: left;
}

.landingNav .landingItem h3 {
	padding-left: 15px;
	border-bottom: 1px solid #e8e8e8;
}

.landingNav .landingItem h3 a {
	padding: 0px;
	background: none;
	color: #AB0635;
	font-weight: normal;
	float: none;
}

.landingNav .landingItem p {
	width: 170px;
	height: 80px;
	padding: 11px 15px 5px 15px;
	margin: 0px;
	font-size: x-small;
	line-height: 16px;
	overflow: auto;
	background: transparent url(../../images/verticalHairline.gif) no-repeat
		right top;
}

.landingNav .landingItem a {
	padding: 0px 15px 0px 10px;
	background: transparent url(../../images/moreIcon.gif) no-repeat left
		center;
	color: #569BBE;
	text-decoration: none;
	font-weight: bold;
	float: right;
}

/* --------------------------------------------------------------------------
   Miscellaneous styles
   -------------------------------------------------------------------------- 
*/
.error {
	color: #AB0635;
}

div.clear {
	clear: both;
}

.hidden {
	display: none;
	height: 0px;
}

h1,h2,h3,h4,h5,h6 {
	background: transparent;
	padding: 0px;
	margin: 0px;
	color: #AB0635;
	margin-top: 4px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	line-height: 120%;
	font-size: 100%;
}

h2.small {
	font-size: 104%;
}

div.segmented {
	padding-bottom: 20px;
	background: transparent url(../../images/hairLine.gif) no-repeat center
		bottom;
}

.forms {
	text-align: left;
}

.forms form label {
	float: left;
	width: 30px;
	text-align: right;
	margin-right: 10px;
}

/* --------------------------------------------------------------------------
   Headings, titles & labels
   -------------------------------------------------------------------------- 
*/
.title1 {
	background: transparent;
	padding: 0px;
	margin: 0px;
	color: #AB0635;
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 0.5em;
	font-style: underline;
	font-variant: normal;
	text-align: left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-weight: bold;
	font-size: 140%;
	word-spacing: 0ex;
	letter-spacing: -0.1ex;
	line-height: 110%;
	border-bottom: 0px solid #e8e8e8;
}

.title2 {
	background: transparent;
	padding: 0px;
	margin: 0px;
	color: #AB0635;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0.25em;
	font-variant: normal;
	text-align: left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-weight: bold;
	font-size: 115%;
	word-spacing: 0ex;
	letter-spacing: -0.1ex;
	line-height: 110%;
	border-bottom: 1px solid #e8e8e8;
}

.title3 {
	background: transparent;
	padding: 0px;
	margin: 0px;
	color: #AB0635;
	margin-top: 4px;
	margin-left: 0px;
	margin-bottom: 0.2em;
	font-variant: normal;
	text-align: left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-weight: bold;
	font-size: 100%;
	word-spacing: 0ex;
	letter-spacing: -0.1ex;
	line-height: 110%;
	border-bottom: 0px solid #e8e8e8;
}

.indent {
	padding-top: 0em;
	padding-right: 0ex;
	padding-bottom: 0em;
	padding-left: 2ex;
	padding: 0px 0px 0px 15px;
}

.lowered {
	padding-top: 10px;
}

.content {
	padding-top: 0em;
	padding-right: 0ex;
	padding-bottom: 2em;
	padding-left: 2ex;
	color: #3b4849;
}

.homeContent {
	padding-top: 0em;
	padding-right: 2ex;
	padding-bottom: 1em;
	padding-left: 0ex;
	color: #3b4849;
}

.memberHomeContent {
	padding-top: 0em;
	padding-right: 2ex;
	padding-bottom: 2em;
	padding-left: 0ex;
	color: #3b4849;
}

.membersHomeIndent {
	padding-top: 1em;
	padding-right: 2ex;
	padding-bottom: 0em;
	padding-left: 0ex;
}

.courseContent {
	padding-top: 0em;
	padding-right: 0ex;
	padding-bottom: 0em;
	padding-left: 1ex;
	color: #3b4849;
}

.courseContent ul {
	list-style: none;
	padding-left: 0px;
}

/* --------------------------------------------------------------------------
   Styles used in the site banner
   -------------------------------------------------------------------------- 
*/
#banner {
	height: 175px;
	width: 862px;
	/*border-bottom:1px solid #b4b4b4; */
	border-top: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	margin-bottom: 15px;
}


/*
.home {
	background: transparent url(../../images/headers/homepage.jpg) no-repeat
		left 0px;
}

.member {
	background: transparent url(../../images/headers/membershome.jpg)
		no-repeat left 0px;
}

.newsEvents {
	background: transparent url(../../images/headers/news_and_events.jpg)
		no-repeat left 0px;
}

.issues {
	background: transparent url(../../images/headers/issues.jpg) no-repeat
		left 0px;
}

.courses {
	background: transparent url(../../images/headers/courses.jpg) no-repeat
		left 0px;
}

.publications {
	background: transparent url(../../images/headers/publications01.jpg)
		no-repeat left 0px;
}

.awards {
	background: transparent url(../../images/headers/awards.jpg) no-repeat
		left 0px;
}

.about {
	background: transparent url(../../images/headers/about.jpg) no-repeat
		left 0px;
}

.teaching {
	background: transparent url(../../images/headers/teachingresources.jpg)
		no-repeat left 0px;
}

.careerDevelopment {
	background: transparent url(../../images/headers/careerdev.jpg)
		no-repeat left 0px;
}

.contractsRights {
	background: transparent url(../../images/headers/contractsandrights.jpg)
		no-repeat left 0px;
}

.advocacy {
	background: transparent url(../../images/headers/advocacy.jpg) no-repeat
		left 0px;
}

.leadership {
	background: transparent url(../../images/headers/leadership.jpg)
		no-repeat left 0px;
}
*/

#banner #logo {
	width: 161px;
	height: 99px;
	float: left;
	margin: 10px 20px;
}

#banner #toolBar {
	width: 282px;
	height: 127px;
	background: transparent url(../../images/toolbarBackground.png) repeat-x
		left top;
	border-right: 1px solid #b4b4b4;
	float: right;
}

#banner #toolBar div#profileLinks {
	margin-top: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #569BBE;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

#banner  #toolBar div#profileLinks span {
	margin: 5px 0px;
}

#banner #toolBar  #profileLinks span.userName {
	color: #3B4849;
}

#banner #toolBar  #profileLinks span.userName div.links {
	color: #AB0635;
}

#banner  #toolBar div#profileLinks a {
	font-size: 11px;
	text-decoration: none;
	color: #AB0635;
}


#banner  #toolBar #toolBarLinks {
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#banner #toolBar  #toolBarLinks span {
	padding: 2px;
	margin: 0px;
}

#banner  #toolBar #toolBarLinks span.divide {
	border-right: 1px solid #d2d7d8;
}

#banner  #toolBar #toolBarLinks span a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #569BBE;
}

#banner #toolBar  div#socialLinks {
	float: right;
	position: absolute;
	left: 598px;
	top: 103px;
}

#banner #toolBar #socialLinks a img {
	border: 0 none;
	outline: none;
	text-decoration: none;
}


#search {
	display: inline;
}

#search table {
	float: left;
	width: 182px;
	margin: 10px 0px 0px 10px;
}

#searchMenuAnchor_searchTheme {
	display: none;
}

#searchDisplayFieldName_searchTheme {
	height: 15px;
	color: #3C4849;
	width: 182px;
}

#seachButton {
	float: right;
	margin: 10px 10px 0px 0px;
}

/* --------------------------------------------------------------------------
   Styles used in the top menu
   -------------------------------------------------------------------------- 
*/
#subMenuMembers,#subMenuHome {
	/* JCM 06.18.2008 - Commented out width as it was causing a slight misalignment with login box right edge per Jira issue OWS-29 */
	/* width: 860px; */
	border-top: 1px solid #afadad;
	border-right: 1px solid #afadad;
	border-bottom: 1px solid #afadad;
	height: 15px;
	background: transparent url(../../images/subMenu.gif) repeat-x scroll
		left top;
	text-align: center;
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 15px;
}

#subMenuMembers li,#subMenuHome li {
	height: 15px;
	float: left;
	padding-left: 30px;
}

#subMenuMembers li#parentPage {
	border-right: 1px solid #afadad;
	background: transparent url(../../images/subMenuParentPage.gif) repeat-x
		scroll left top;
	width: 62px;
	padding: 0px;
}

#subMenuHome li#parentPage {
	border-right: 1px solid #afadad;
	background: transparent url(../../images/subMenuParentPage.gif) repeat-x
		scroll left top;
	width: 70px;
	padding: 0px;
}

#subMenuMembers li a {
	color: #AB0635;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#subMenuHome li a {
	color: #569BBE;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#menuHome,#menuMembers {
	/* JCM 06.18.2008 - Commented out width as it was causing a slight misalignment with login box right edge per Jira issue OWS-29 */
	/* width: 860px; */
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #afadad;
	border-right: 1px solid #afadad;
	height: 30px;
	background: transparent url(../../images/menu.gif) repeat-x scroll left
		top;
	text-align: center;
}

#menuHome li {
	height: 24px;
	float: left;
	border-left: 1px solid #afadad;
	width: 132px;
	padding-top: 6px;
}

#menuHome li.selected {
	background: transparent url(../../images/menuHome.gif) repeat-x scroll
		left top;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

#menuHome li#homePage {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	background: transparent url(../../images/menuHome.gif) repeat-x scroll
		left top;
	width: 62px;
	border: none;
}

#menuHome li#homePageGrey {
	color: #569BBE;
	background: transparent url(../../images/menuGrey.gif) repeat-x scroll
		left top;
	width: 62px;
	border: none;
	font-weight: bold;
	font-size: 12px;
}

#menuHome li#homePage a,#menuHome li.selected a {
	color: #ffffff;
}

#menuHome li a {
	color: #569BBE;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#menuMembers li {
	height: 24px;
	float: left;
	border-left: 1px solid #afadad;
	width: 157px;
	padding-top: 6px;
}

#menuMembers li.selected {
	background: transparent url(../../images/menuMember.gif) repeat-x scroll
		left top;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

#menuMembers li.selected a {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

#menuMembers li#homePage {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	background: transparent url(../../images/menuMember.gif) repeat-x scroll
		left top;
	width: 70px;
	border: none;
}

#menuMembers li#homePageGrey {
	color: #AB0635;
	background: transparent url(../../images/menuGrey.gif) repeat-x scroll
		left top;
	width: 70px;
	border: none;
	font-weight: bold;
	font-size: 12px;
}

#menuMembers li#homePage a {
	color: #ffffff;
}

#menuMembers li a {
	color: #AB0635;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   Styles used in the Courses web content items
   -------------------------------------------------------------------------- 
*/
.courseDetails {
	padding-top: -2em;
	padding-right: 0ex;
	padding-bottom: 0em;
	padding-left: 1ex;
}

.courseDetails ul {
	list-style: disc;
	margin: 0px;
}

.detailHeading {
	font-size: 100%;
	font-weight: bold;
	color: #AB0635;
	padding-left: 0ex;
}

.detailBody {
	padding-top: 0.5em;
	padding-right: 0ex;
	padding-bottom: 2em;
	padding-left: 0ex;
}

.detailBody ul {
	margin: 0px;
	padding-top: 0em;
	padding-right: 0ex;
	padding-bottom: 0em;
	padding-left: 5ex;
}

.courseHeading {
	padding-top: -2em;
	padding-right: 0ex;
	padding-bottom: 0em;
	padding-left: 1ex;
}

.location {
	padding-top: 1em;
	padding-right: 0ex;
	padding-bottom: 0em;
	padding-left: 0ex;
}

.location img {
	border: none;
	float: right;
	margin: -45px 150px 0px 0px;
}

.courseOfferingLocation {
	font-size: 110%;
	font-weight: bold;
}

.courseOffering {
	
}

.courseOffering table {
	padding: 0px;
	border-spacing: 0px;
}

.courseOffering td {
	padding: 0px 0px 0px 5px;
	border-spacing: 5px;
}

.courseOffering th {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 5px;
	border-spacing: 5px;
}

/* --------------------------------------------------------------------------
   Styles used in the News Portlet
   -------------------------------------------------------------------------- 
*/
.news {
	padding: 0px 0px 10px 0px;
	width: 392px;
	text-align: right;
	float: left;
}

.news h3 {
	text-align: left;
	padding-left: 15px;
}

.news ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.news ul li {
	padding: 0px 0px 10px 0px;
	color: #3C4849;
}

.news ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #569BBE;
}

.news ul li .date {
	font-weight: normal;
}

.news .more {
	padding: 0px 10px 0px 10px;
	background: transparent url(../../images/moreIcon.gif) no-repeat left
		center;
	color: #569BBE;
	text-decoration: none;
}

/* alternating rows background */
.news ul li.even {
	#background-color: #D9E9F0;
	background: transparent url(../../images/navigationBlueShadow.gif) left top;
	background-repeat: repeat-x;
}

/* --------------------------------------------------------------------------
   Styles used in the News Index portlet
   -------------------------------------------------------------------------- 
*/
.newsIndex {
	padding: 10px 0px 0px 15px;
}

.newsIndex input,.newsIndex select {
	color: #3B4849;
}

#startDateform,#endDateform,#datesform {
	padding-top: 10px;
}

#startDateform div,#endDateform div {
	float: left;
	text-align: right;
	width: 60px;
	padding-right: 5px;
	font-weight: bold;
}

.newsIndex ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px 0px 10px 0px;
}

.newsIndex ul li {
	padding-bottom: 10px;
}

.newsIndex ul li.even {
	#background-color: #D9E9F0;
	background: transparent url(../../images/navigationBlueShadow.gif) left top;
	background-repeat: repeat-x;
}

/* --------------------------------------------------------------------------
   Styles used in the Upcoming Portlet
   -------------------------------------------------------------------------- 
*/
.upcoming {
	padding: 0px 0px 10px 0px;
	width: 235px;
	text-align: right;
	float: left;
}

.upcoming  h3 {
	text-align: left;
	padding-left: 15px;
}

.upcoming  ul {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	border-top: 1px solid #e8e8e8;
	background: transparent url(../../images/verticalHairline.gif) no-repeat
		left top;
}

.upcoming  ul li {
	padding: 0px 0px 10px 15px;
	color: #3C4849;
}

.upcoming  ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #569BBE;
}

.upcoming  ul li .date {
	font-weight: normal;
}

.upcoming  .more {
	padding: 0px 10px 0px 10px;
	background: transparent url(../../images/moreIcon.gif) no-repeat left
		center;
	color: #569BBE;
	text-decoration: none;
}

.upcoming ul li.even {
	#background-color: #D9E9F0;
	background: transparent url(../../images/navigationBlueShadow.gif) left top;
	background-repeat: repeat-x;
}

/* --------------------------------------------------------------------------
   Styles used in the Campaigns Portlet
   -------------------------------------------------------------------------- 
*/
.campaigns {
	height: 100px;
	padding: 20px 0px 20px 0px;
	margin: 0px;
	list-style: none;
	background: transparent url(../../images/hairLine.gif) no-repeat center
		top;
}

.campaigns li {
	float: left;
	padding: 0px 7px 0px 7px;
	text-align: center;
}

.campaigns li a img {
	float: left;
	border: none;
	width: 200px;
	height: 100px;
}

.campaigns li a {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #569BBE;
}

.campaigns li a span {
	display: block;
	padding-top: 15px;
	width: 200px;
}

.campaigns5 {
	background: none;
}

.campaigns5Border {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8
}

/* --------------------------------------------------------------------------
   Styles used in the Site footer
   -------------------------------------------------------------------------- 
*/
#footer {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 862px;
	color: #569BBE;
}

#footer li {
	
}

#footer #copyright {
	width: 423px;
	border-bottom: 1px solid #e8e8e8;
	float: left;
}

#footer #legal {
	width: 423px;
	border-bottom: 1px solid #e8e8e8;
	float: right;
	padding-right: 15px;
}

#footer #edvantage {
	width: 323px;
	float: left;
	padding-top: 10px;
}

#footer #edvantage a {
	float: left;
}

#footer #edvantage a img {
	border: none;
}

#footer #vcard {
	width: 523px;
	float: right;
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #3C4849;
}

#footer a {
	text-decoration: none;
	/*color: #569BBE; */
	float: right;
	display: inline;
}

#footer_new {
	line-height: 12px;
}

#footer_new #vcard {
	font-size:10px;
	font-weight:bold;
	text-align:right;
}
#footer_new #horizontal_line {
	padding:  10px;
	border-bottom:1px solid #E8E8E8;
	text-align:right;
}

#footer_new a img {
	text-decoration: none;
	border: 0 none;
	outline: none;
}
/* --------------------------------------------------------------------------
   Styles used in the site Side Bar
   -------------------------------------------------------------------------- 
*/
#navigation {
	background: transparent url(../../images/sidebarLeftBackground.png)
		no-repeat left top;
	padding: 10px 0px 0px 0px;
	width: 236px;
	float: left;
}

.lowerNavigation {
	background: transparent url(../../images/sidebarLowerBackground.png)
		no-repeat left bottom;
	margin-top: 18px;
	width: 206px;
	height: 5px;
	float: left;
}

#navigation ul {
	list-style: none;
	background: transparent url(../../images/navigationBlueShadow.gif)
		no-repeat left top;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 0px 0px;
	width: 218px;
}

#navigation ul.padded {
	list-style: none;
	background: transparent;
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px 0px;
	width: 218px;
}

#navigation ul li {
	background: transparent url(../../images/navigationBullet.gif) no-repeat
		left 6px;
	margin-left: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #569BBE;
	width: 190px;
}

#navigation ul li.top {
	background: none;
	margin-left: 5px;
	border-bottom: 0px solid #569BBE;
	padding: 0px
}

#navigation ul li div {
	width: 190px;
	line-height: 12px;
	padding: 2px 0px 3px 0px;
}

#navigation ul li div a {
	color: #3C4849;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	width: 190px;
}

#navigation ul li.sub {
	background: transparent url(../../images/navigationBullet.gif) no-repeat
		0px 7px;
	margin-left: 20px;
	padding-left: 10px;
	width: 180px;
}

#navigation ul li.sub div {
	width: 180px;
	border-bottom: none;
	padding: 3px 0px 3px 0px;
}

#navigation ul li.sub div a {
	color: #3C4849;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   Styles used in the Contact Portlet
   -------------------------------------------------------------------------- 
*/
#contactForm {
	width: 600px;
	padding: 0px 0px 25px 15px;
	float: left;
}

#contactForm table tr td {
	color: #3b4849;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvitica,
		Arial, sans-serif;
	font-size: 11px;
}

#contactForm table tr td.label {
	color: #3b4849;
	text-align: right;
	vertical-align: top;
}

#contactForm table tr td input {
	color: #3b4849;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvitica,
		Arial, sans-serif;
	font-size: 11px;
	width: 245px;
}

#contactForm table tr td textarea {
	color: #3b4849;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvitica,
		Arial, sans-serif;
	font-size: 11px;
	width: 500px;
	height: 125px;
}

#contactForm table tr td select {
	color: #3b4849;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Helvitica,
		Arial, sans-serif;
	font-size: 11px;
	width: 250px;
}

#contactForm table tr td #contactFormSubmit {
	width: 100px;
}

#contactInfo {
	float: right;
	width: 225px;
}

#contactInfo #voice {
	padding-top: 15px;
}

/* --------------------------------------------------------------------------
   Styles used in the Calendar portlet
   -------------------------------------------------------------------------- 
*/
#calendarForm {
	padding: 0px 0px 0px 15px;
}

#calendarForm input {
	margin-left: 10px;
}

#calendarForm div {
	font-weight: bold;
}

#calendarTable {
	float: left;
	width: 840px;
	margin: 0px 0px 25px 15px;
	border-collapse: collapse;
}

#calendarTable thead tr th {
	height: 40px;
	font-size: 14px;
	color: #3b4849;
}

#calendarTable thead tr th select {
	text-align: left;
}

#calendarTable thead tr th select option {
	text-align: left;
}

#calendarTable thead tr th.title {
	text-align: left;
}

#calendarTable thead tr th.title a {
	color: #AB0635;
	font-size: 140%;
	text-decoration: none;
}

#calendarTable thead tr th.legend {
	text-align: right;
	font-size: 10px;
}

#calendarTable thead tr th.legend span.event {
	color: #3b4849;
}

#calendarTable thead tr th.legend span.deadline {
	color: #AB0635;
}

#calendarTable thead tr th.legend span.course {
	color: #569BBE;
}

#calendarTable tr td {
	width: 120px;
	font-weight: bold;
	text-align: center;
	border: 1px inset #e8e8e8;
}

#calendarTable tr td ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#calendarTable tr td.day {
	width: 120px;
	height: 110px;
	text-align: left;
	vertical-align: top;
}

#calendarTable tr td ul li {
	margin: 0px 0px 0px 5px;
}

#calendarTable tr td ul li.even {
	background-color: #f8f8f8;
}

#calendarTable tr td ul li.odd {
	background-color: #ffffff;
}

#calendarTable tr td ul li a.event {
	color: #3b4849;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#calendarTable tr td ul li a.deadline {
	color: #AB0635;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#calendarTable tr td ul li a.course {
	color: #569BBE;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#calendarPositionReference {
	position: relative;
	margin-left: 15px;
	padding: 0px;
}

#calendarPositionReference h3 {
	padding-top: 10px;
}

.smallCalendarTable {
	margin-bottom: 15px;
	font-size: 11px;
}

.smallCalendarTable tr td {
	width: 25px;
}

.smallCalendarTable tr #prev {
	text-align: right;
	width: 75px;
}

.smallCalendarTable tr #next {
	text-align: left;
	width: 75px;
}

.smallCalendarTable tr #prev a,.smallCalendarTable tr #next a {
	color: #3C4849;
}

.smallCalendarTable tr td.day {
	background: #e8e8e8;
	color: #999999;
}

.smallCalendarTable tr td a {
	color: #3C4849;
}

.multiItems {
	position: absolute;
	left: 0px;
	top: 83px;
	height: 133px;
	width: 220px;
	display: none;
	background-color: #e8e8e8;
}

.multiItems .multiTitle {
	border-bottom: 2px solid #ffffff;
	padding-left: 5px;
	margin-bottom: 5px;
}

.multiItems .close {
	float: right;
	border-left: 1px solid #ffffff;
	width: 15px;
	text-align: center;
}

.multiItems .close a {
	text-decoration: none;
	color: #3C4849;
}

.multiItems ul {
	padding-left: 10px;
	height: 102px;
	overflow: auto;
}

.multiItems ul li.link {
	list-style: disc;
	margin-left: 15px;
}

.multiItems ul li a {
	font-size: 10px;
	font-weight: normal;
	color: #3C4849;
	text-decoration: underline;
}

.multiItemList {
	padding-bottom: 15px;
}

.multiItemList li.link {
	list-style: disc;
	margin-left: 15px;
}

.multiItemList li.link a {
	color: #3B4849;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Styles used in the FAQ portlet
   -------------------------------------------------------------------------- 
*/
#questions {
	padding: 0px 0px 0px 15px;
	background: transparent url(../../images/hairLine.gif) no-repeat center
		bottom;
	margin: 0px 15px 10px 0px;
	list-style: none;
}

#questions li {
	padding-bottom: 15px;
}

#answers {
	padding-left: 15px;
	list-style: none;
	margin: 0px 15px 0px 0px;
}

#answers li.question {
	padding-bottom: 10px;
	font-weight: medium;
}

#answers li.answer {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}

#answers li .highlight {
	font-weight: bold;
	padding-right: 5px;
}

/* --------------------------------------------------------------------------
   Styles used in the Bargaining Units views
   -------------------------------------------------------------------------- 
*/
.unitSelection {
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
}

#unitList {
	background: transparent url(../../images/hairline.gif) no-repeat center
		10px;
	margin-left: 15px;
	padding-top: 20px;
}

#unitPresident {
	height: 200px;
	width: 160px;
	float: left;
	margin: 10px 0px 0px 15px;
}

/* --------------------------------------------------------------------------
   Styles used in the Unit Index views
   -------------------------------------------------------------------------- 
*/
table.units {
	margin-left: 15px;
}

table.units td {
	width: 300px;
}

div#unitCategories {
	padding: 15px;
}

div#unitCategories a {
	text-decoration: none;
	font-weight: bold;
	color: #569BBE;
	margin-right: 25px;
}

div#unitCategories a.selected {
	text-decoration: none;
	font-weight: bold;
	color: #3C4849;
	font-size: 18px;
}

/* --------------------------------------------------------------------------
   Styles used in the Unit Details views
   -------------------------------------------------------------------------- 
*/
.unitDetails {
	margin: 10px 15px 0px 15px;
}

.unitDetailsLabel {
	font-weight: bold;
	text-align: right;
	align: right;
	vertical-align: top;
	width: 110px;
}

form[name="userInfoForm"] {
	width: 400px;
}

form[name="userInfoForm1"] input {
	width: 210px;
}

form[name="userInfoForm1"] input.wpsButtonText {
	width: auto;
}

form[name="userInfoForm1"] table tr td[align="left"],.wpsEditSmText {
	text-align: right;
}

form[name="userInfoForm1"] table tr td.wpsEditText,form[name="userInfoForm1"] table tr td.wpsEditText label
	{
	width: 135px;
}

.buttonstyle {
	width: 100px;
}

/* --------------------------------------------------------------------------
   Styles used in the Search Results Page
   -------------------------------------------------------------------------- 
*/
.searchResultsSeparator {
	bg-color: #569BBE
}

/* --------------------------------------------------------------------------
   Styles for inline editing
   -------------------------------------------------------------------------- 
*/
/* Unused!
*  |div.expListItem {
	padding: 3px 0px;
}

*  |div.expListItemOver {
	background-color: #E2EEFF;
	padding: 3px 0px;
}

*  |a.expTitleLink,*  |a.expTitleLink:link,*  |a.expTitleLink:visited,* 
	|a.expTitleLink:active,*
	 |td.expTitleLink *  |a,*  |td.expTitleLink *  |a:link,*  |td.expTitleLink *
	 |a:visited,*  |td.expTitleLink *  |a:active {
	color: #0063DC;
	font-family: Arial, sans-serif;
	font-size: small;
	text-decoration: none;
}

*  |a.expTitleLink:hover,*  |td.expTitleLink *  |a:hover {
	text-decoration: underline;
}

A.expAuthToolLink,A.expAuthToolLink:link,A.expAuthToolLink:visited,A.expAuthToolLink:active,A.expAuthToolLink:hover,TD.expAuthToolLink A,TD.expAuthToolLink A:link,TD.expAuthToolLink visited,TD.expAuthToolLink A:active,TD.expAuthToolLink A:hover,DIV.expAuthToolLink A,DIV.expAuthToolLink A:link,DIV.expAuthToolLink visited,DIV.expAuthToolLink A:active,DIV.expAuthToolLink A:hover
	{
	font-family: Arial, sans-serif;
	font-size: x-small;
	color: #0063dc;
	text-decoration: underline;
}
*/