/* Very general default fontish things */
#pmiContent, #pmiContent DIV, #pmiContent SPAN, #pmiContent TABLE, #pmiContent TD, #pmiContent A, #pmiContent B, #pmiContent I, #pmiContent P, #pmiContent U, #pmiContent OL, #pmiContent UL, #pmiContent LI
{
  font-family:	Helvetica, MT Arial, Arial MT, Arial, Swiss, Verdana, Geneva, sans-serif;
  font-size:	12px;
  line-height:  16px;
}

/* Hyperlinks and fake hyperlink appearance */
#pmiContent A, #pmiContent A:link, #pmiContent A:visited, #pmiContent .linkLookAlike 
{
  font-weight:		normal;
  text-decoration:	none;
}

#pmiContent A:hover, #pmiContent P:hover.linkLookAlike, #pmiContent SPAN:hover.linkLookAlike, #pmiContent DIV:hover.linkLookAlike, #pmiContent DIV.linkLookAlike:hover, #pmiContent TD:hover.addressBookContact
{
  color:		#000000;
  text-decoration: 	none;
}

#pmiContent .linkLookALike, #pmiContent .addressBookContact
{
  color:		#999999;
  text-decoration:	none;
  cursor:		hand;
  cursor:		pointer;
}

/* Form element default appearance */
#pmiContent INPUT, #pmiContent TEXTAREA, #pmiContent .fancyInput
{
  background-color:	#fdfdfd;
  border: 		1px solid #c1c1c1;
  color:		#808080;
  font-size:		12px;
}

#pmiContent INPUT
{
  padding-left:		10px;
  padding-top:  	6px;
  padding-bottom: 	6px;
}

#webChatMsgBoxContainer textarea {
  background:		white;
  background-image:	none;
  border:		none;
  
}

/* Non-boxy form element differences */
#pmiContent INPUT[type="button"], #pmiContent INPUT[type="image"], #pmiContent INPUT[type="checkbox"], #pmiContent INPUT[type="radio"], #pmiContent  .buttonImage, #pmiContent .checkbox
{
  border:		none !important;
  padding:		0px;
  margin:		0px;
  background-image:	none;
  background-color:	transparent !important;
}

#pmiContent .linkLookAlike:hover
{
  color: 		#C18C26;
  text-decoration: 	underline;
}

#pmiContent .errorMessage
{   
  color:		#F40604;
  font-weight:		bold;
  margin-bottom:	4px;
}

#pmiContent .smallText
{
  font-size:0.8em;
}

#pmiContent .mediumText
{
  font-size:1.0em;
}

#pmiContent .largeText
{
  font-size:1.2em;
}

#pmiContent .redText
{
  color: 	#cc0000;
}

#pmiContent .firstWord
{
  color:	#bd1421;
}

#pmiContent .tinyFont
{
  font-size:	0.6em;
  padding:	0px;
  margin:	0px;
}

#pmiContent .fancyInput
{
}

/****** Elements which control general page heading layout *****/
#pageLabel
{
  font-weight: 		bold;
  padding-bottom: 	10px;
}

#pageHeading
{
  float: 		left;
  width: 		691px;   
  padding: 		0px 6px 5px 8px;
  margin-bottom: 	5px;
}

#pageHeading P
{
  color: 		#333333;
  font-weight: 		normal; 
  text-transform: 	uppercase;
  letter-spacing: 	-1px;
  word-spacing: 	1px;
}

.pageTitle
{
  display:      none;
  font-size:    24px; 
}

#pmiContent .pageHeader
{
  font-weight:		normal;
  color:		#878787;
  overflow:		hidden;		
}

/***** Classes for legacy .fphtml pages *****/
#pmiContent .body {	/* old fphtml pages */
}

#pmiContent .body-bold { /* old fphtml pages */
	font-weight:		bold;
}

#pmiContent P.body { /* old fphtml pages */
  margin: 10px;
}


/**** General SEWM classes ****/
#pageContent
{
  font-weight:    normal;
}

#requestStatus	/* Status update bar at bottom of screen (deprecated) */
{
  background-color:	#015b63;
  height:		18px;
  border:		1px solid black; 

  font-weight:		bold;
  text-align:		center;
  vertical-align:	middle;
  width:		70%;
  margin-left:		10%;
  margin-right:		10%;
  color:		#EEEEEE;
  padding:		0px;
  padding-top:		2px;
  margin-top:		30px;
}

.hidden /* Items to reveal by 'display: block', i.e. message notifications */
{   
  display:		none;
}	

/***** Layout of enhanced send-a-message page ******/
#msgTextBox
{
  width: 290px;
  height: 120px;
}

/***** Layout of several common-look tabular forms *****/
#pmiContent .logonFormTable TH, #pmiContent .registrationFormTable TH, #pmiContent .generalFormTable TH, #pmiContent .msgFormTable TH, #pmiContent .recapConversationTable TH, #pmiContent .recapConversationTitle, #chatLogHeader, #chatLogContainerTable TH
{
/*  height:		30px; */
  padding:		5px;
  padding-left:		11px;
  margin:		0px;
  text-align:		left;
  font-weight:		bold;
  color:		white;
  background-color:	#7c7d7f;
}

#pmiContent .logonFormTable TH
{
  background-color: 	transparent;
  color:		black;
  padding-left:		5px;
}

#pmiContent .logonFormTable
{
  background-color:	#e6e6e6;
  width: 635px;
}

#pmiContent .logonFormTable TD, #pmiContent .registrationFormTable TD, #pmiContent .generalFormTable TD, #pmiContent .msgFormTable TD, #pmiContent .recapConversationTable TD
{
  padding:		5px;
  margin:		0px;
}

#pmiContent TR.submitButtonContainer, #pmiContent TR.submitButtonContainer IMG, #pmiContent TR.submitButtonContainer INPUT
{
  vertical-align:	middle !important;
}

#pmiContent TD.submitButtonContainer
{
  vertical-align:	middle !important;
  text-align:		right;
  padding-top: 		10px;
}

#pmiContent DIV.submitButtonContainer
{
  text-align:		right;
}

#pmiContent TD.submitButtonContainer IMG, #pmiContent TD.submitButtonContainer INPUT[type="image"]
{
  margin: 		0px;
  padding:		0px;
  padding-right:	10px;
}

#pmiContent TD.submitButtonContainer INPUT[type="image"].submitButtonContainerFinalButton, #pmiContent IMG.submitButtonContainerFinalButton
{
  padding-right:	0px;
}

#pmiContent TD.submitButtonContainer INPUT[type="image"].submitButtonContainerOnlyButton, #pmiContent IMG.submitButtonContainerOnlyButton
{
  padding-right:	0px !important;
  padding-left:		10px;
}

#pmiContent TD.addressBookFormControls, #pmiContent TD.addressBookFormFieldHeader, #pmiContent .recapConversationTable TD
{
}

#pmiContent .logonFormTable TD SPAN.linkLookALike, #pmiContent .registrationFormTable TD SPAN.linkLookALike, #pmiContent .generalFormTable TD SPAN.linkLookALike, #pmiContent .msgFormTable TD SPAN.linkLookALike, #pmiContent .recapConversationTable TD SPAN.linkLookALike
{
}

#pmiContent .registrationFormTable INPUT, #pmiContent .generalFormTable INPUT, #pmiContent .logonFormTable INPUT, #pmiContent .msgFormTable INPUT, #pmiContent .recapConversationTable INPUT
{
}

#pmiContent .logonIdFieldHeader, #pmiContent .logonPwFieldHeader, #pmiContent .formFieldHeader, #pmiContent .msgFormFieldHeader, #pmiContent .recapConversationHeader, #pmiContent .msgRecipsFieldHeader
{
}

#pmiContent .msgFormFieldHeader
{
  white-space: nowrap;
}

#pmiContent TR.formCommentTextContainer
{
  padding: 25px !important;
}

#pmiContent .formCommentText
{
}

#pmiContent .logonIdFieldCell, #pmiContent .logonPwFieldCell, #pmiContent .formFieldCell
{
}       

#pmiContent TD.logonPwFieldCell IMG, #pmiContent TD.logonPwFieldCell INPUT
{
  vertical-align: middle;
}

/* Main Tables are described here. 
 * Centering tables in CSS is tricky. IE needs the table's container to have
 * text-align:center, but other browsers need left and right margins set to auto
 */
#pmiContent .logonFormContainer, #pmiContent .registrationFormContainer, #pmiContent .generalFormContainer, #pmiContent .msgFormContainer, #pmiContent .recapConversationContainer, #pmiContent .formContainer, #pmiContent .adbkContainer 
{
  text-align:	left;	/* center to center tables in IE */
}

#pmiContent .registrationFormTable, #pmiContent .generalFormTable, #pmiContent .logonFormTable, #pmiContent .msgFormTable, #pmiContent .recapConversationTable
{
  border:		none;
  vertical-align:	top;
  padding: 		5px;
  padding-bottom: 	10px;
  padding-top:		10px;
  margin-bottom:    	10px;
}

#pmiContent #pmiContent TABLE.msgFormTable TD.formFieldCell, #pmiContent TABLE.msgFormTable TD.msgFormControls
{
  padding-right: 5px;
}


/* Registration links on logon page, maybe elsewhere */
#pmiContent TD.registrationLinkContainer
{
}

#pmiContent .registrationLinkContainer A
{
  font-weight:		bold;
}

/***** Logon table layout *****/
#pmiContent .logonFormTable TR TD.whiteUnderline
{
  display: none;
}

#pmiContent .logonFormTableSpacer
{
  display: none;
}

#pmiContent TD.logonSubmitButtonCell
{
  text-align: right;
}

/***** Default look for address book widget. */
#addressList, #newContactForm
{
  width: 350px;
  height: 200px;  
  background-color: transparent; 
}

#addressListTable
{
  width: 		100%;
}

#addressListTable TD
{
  padding: 		1px;
  margin: 		0px;
}

#pmiContent .addressBookFormControls
{
  text-align: right;
}

#pmiContent .addressBookFormControls IMG
{
  padding-right:	0px;
  padding-left: 	10px;
}

#pmiContent .addressBookFormControls IMG:hover
{
  cursor:		hand;
  cursor:		pointer;
}

#pmiContent TD.addressBookCheckBoxContainer
{
  width: 		18px;
  margin: 		0px;
  padding: 		0px;
}

#pmiContent TD.addressBookContact
{
  padding: 5px !important;
}

#pmiContent .addressBookCell
{
  background: none;
}

#pmiContent #addressList, #pmiContent #newContactForm, #pmiContent #newGroupForm
{
  border:		1px solid #CECECE;
}

#pmiContent .mockCheckBoxOff, #pmiContent .mockCheckBoxOn, #pmiContent .mockCheckBoxDisabled
{
  background-color:		transparent;
}

#pmiContent #newContactForm, #pmiContent #newGroupForm
{
  background-color:		white;
}

#pmiContent TABLE.msgFormTable #addressBookContactsHeaderD
{
  display: none;
}

#pmiContent TABLE.msgFormTable #addressList
{
  border: none;
}

#standaloneAddressBook #addressList
{
  border: none;
}

#standaloneAddressBook TD.addressBookCheckboxContainer
{
  display: none;
}

#standaloneAddressBook TD.addressBookContact
{
  padding-left: 10px !important;
}

/***** userInfo area at top right of content, but below banner. *****/
#topNav 
{
  height:         	36px;
  margin-top:     	10px;
  margin-bottom:  	10px;
  text-align:		right;
  width:		100%;
}

#topNav .topNavigationItem 
{
  float:        	left;
  cursor:       	pointer;
  cursor:       	hand;
  padding:      	10px;
}

#topNav, #topNav .topNavigationItem
{
  font-size:    	14px;
  line-height:		16px;
  font-weight:  	bold;
  color:        	#7E7E7E;
  background-color:  	#d8d8d8;
}

#topNav .selected, #topNav div.topNavigationItem:hover
{
  background-color: 	#FFEB36;
  color:        	black;
}


.userInfo SPAN.linkLookAlike
{
  padding-left: 10px;
}

#pmiContent .userInfo
{
  margin-bottom:	5px;
  padding-right:	10px;
  width:		100%;
  text-align:		right;
}

#userInfoPlaceHolder
{
  height:		20px;
  width:		100%;
  border:		none;
}

#userInfo a, .userInfo a {
  padding-left: 10px;
}

/******* Styles for chat application *********/
#webChatMsgBox
{
  height:		28px;
  padding:		2px;
}

#conversationWrapper
{
  height: 192px;
}

#pmiContent .msgChatHandle
{
}

#webChatMsgBoxContainer
{
  /*height: 50px !important;*/
}

/*
#pmiContent .webchatConversationContainer, .webchatMessageBarContainer
{
  width: 520px;
}

#pmiContent .webchatPeopleContainer
{
  width: 220px;
}
*/

#webChatPeopleList
{
  list-style-type:	disc;
  list-style-position:	inside;
  margin: 		0px;
  padding: 		0px;
}

#pmiContent .webChatPerson
{
  padding:		0px;
  margin: 		0px;
  background-repeat:	no-repeat;
}

#pmiContent .webchatStatusBar
{
  color: 		#CCCCCC;
  font-weight: 		bold;
  white-space:		no-wrap;
  width:		100%;
}

#webChatMsgCharInfo
{
  vertical-align: 	bottom;
  color: 		#999999;
}

/******* Styles for message recap ******/
#pmiContent .recapConversationTitle
{
}

#pmiContent TABLE.recapConversationTable
{
  width: 		100%;
  margin-bottom:	20px;
  padding: 		0px;
  spacing: 		0px;
}

#pmiContent TD.recapConversationHeader
{
  font-weight:		bold;
  width:		20%;
}

/******* Styles for chat-logs.php ******/
#chatLogs, #chatLogs LI, #chatLogs A
{
  font-weight:		normal;
}

#chatLogs LI
{
  padding: 		7px;
}

#chatLogs
{
  padding:		2px;
  margin:		0px;
  margin-left:		20px;
}


#chatLogList, #chatLogLisT UL, #chatLogList OL
{
  padding:		0px;
  margin-right:		0px;
}

#chatLogContainerTable TD
{
  padding-left: 12px;
}

#chatLogContainerTable
{
  width: 		100%;
}

/***** methods.php *****/
#methodsWrapperContentContainer
{
  width: 650px;
}

#searchboxXXX
{
  background-color:	#ECECEC;
  border:		medium none;
  color:		#808080;
  font-size:		12px;
  height:		29px;
  width:		140px;
  margin:		0;
  padding:		0;
  font-family:		Helvetica,Arial,Verdana,sans-serif;
  text-align:		left;
}

#searchbox INPUT
{
  padding: 6px 0px 7px 10px;
}

#addressBookContactsHeaderXX
{
  display: none;
}

#addressListTable
{
  border: 1px solid rgb(203,203,203);
  border-bottom: none;
}

.logonFormContainer
{
  color: #818181;
}

img { behavior: url("pngbehavior.htc"); }