form {
	margin: 0px;
}

/* CONTAINER AROUND THE PORTLET */
div.divPortlet {
 width: 600px;
} 

.divForm {
 border-style: solid;
 border-color: black;
 border-width: 0 1px 1px 1px;
 width: 100%;
}

.divHeader {
 border-bottom: black 1px solid;
 border-top: black 1px solid;
 padding: 3px 0 3px 0;
 margin: 0px;
 width: 100%;
 text-indent: 3px;
 background-color: #f8f8f8;
}

.divError, 
.divSearchPage {
 padding: 3px;
}
   
.divSubform{}
.divList{}

.ulForm {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
    
.liForm {
 padding: 0 5px 0 0;
 vertical-align: top;
}

.ulError {
	list-style-type:none;
	margin: 0px;
	padding: 0 0 10px 0;
}

.spanError1, .liError {
 font-size: 8pt;
 color: red;
 font-family: Arial;
}
 
.liError {
 padding: 0 5px 0 0;
 vertical-align: top;
}

/******************************
** 1 AND 2 COLUMNS COMMON   
**************************** */

.divPortlet .inputTextFullRO, 
.divPortlet .inputTextHalfRO,
.divPortlet .inputTextQuarterRO, 
.divPortlet .inputText3QuarterRO,
.divPortlet .inputTextareaRO {
 background-color: lightgrey;
}

.divPortlet .displayTextFull,  
.divPortlet .displayTextHalf,
.divPortlet .displayTextQuarter,
.divPortlet .displayText3Quarter,
.divPortlet .displayTextarea {
border:none;
}

.divPortlet input,
.divPortlet select,
.divPortlet textarea {
 font-size: 8pt;
 color: black;
 font-family: arial;
}

.divPortlet .inputLabel {
 font-size: 8pt;
	float: left;
	clear: none;
	position:relative;
	display: block;
	width: 120px;
 vertical-align: top;
}

/******************************
** 2-COLUMNS DISPLAY 
**************************** */

.div2Columns {
 font-family: arial;
 color: black;
}

.div2Columns .inputTextFull, 
.div2Columns .inputTextFullRO,
.div2Columns .displayTextFull {
 height: 19px;
 width:154px;
}

.div2Columns .inputTextHalf,
.div2Columns .inputTextHalfRO,
.div2Columns .displayTextHalf {
 height: 19px;
 width: 75px;
}

.div2Columns .inputTextQuarter,
.div2Columns .inputTextQuarterRO,
.div2Columns .displayTextQuarter {
 height: 19px;
 width: 36px;
}
    
.div2Columns .inputText3Quarter,
.div2Columns .inputText3QuarterRO,
.div2Columns .displayText3Quarter {
 height: 19px;
 width: 114px;
}

.div2Columns .inputTextarea,
.div2Columns .inputTextareaRO,
.div2Columns .displayTextarea {
 width: 154px;
 height: 60px;
}

/******************************
** 1-COLUMN DISPLAY 
**************************** */

.div1Column {
 color: black;
 font-family: arial;
 padding: 3px;
}

.div1Column .inputTextFull,
.div1Column .inputTextFullRO,
.div1Column .displayTextFull {
 height: 19px;
 width:444px;
}

.div1Column .inputTextHalf,
.div1Column .inputTextHalfRO,
.div1Column .displayTextHalf {
 height: 19px;
 width: 220px;
}
  
.div1Column .inputTextQuarter,
.div1Column .inputTextQuarterRO,
.div1Column .displayTextQuarter {
 height: 19px;
 width:110px;
}
   
.div1Column .inputText3Quarter,
.div1Column .inputText3QuarterRO,
.div1Column .displayText3Quarter {
 height: 19px;
 width:330px;
}
    
.div1Column .inputTextarea,
.div1Column .inputTextareaRO,
.div1Column .displayTextarea {
 width: 444px;
 height: 60px;
}

/******************************
** RADIO BUTTONS AND CHECKBOXES
**************************** */

.inputRadio {}
 
.radioLabel {
 font-size: 8pt;
 color: black;
 font-family: arial;
}

.inputCheckbox {}

/*************************
** divList , tdListData 
*********************** */

.divList {
 font-size: 8pt;
 color: black;
 font-family: Arial;
}


.tableForm, 
.tableForm .trForm,
.divList .tableList,
.divList .tableList .trList,
.divList .tableList .trListHeader {
 width: 100%;
}
    
.tableForm .trForm .tdForm {
 padding: 3px;
 vertical-align: top;
 width: 50%;
}

.divList .tableList .trListHeader {
 cursor: hand; /* for MSIE */
 cursor: pointer; /* for other browsers */
 text-align:left;
}

.divList .tableList .trListHeader .thListHeader,
.divList .tableList .trList .tdListData1,
.divList .tableList .trList .tdListData2 {
 padding-left: 3px;
}

/* Alternative color for search results */
.divList .tableList .trList .tdListData2 {
 background-color: #f8f8f8;
}

.tdListData1,
.tdListData2,
.thListHeader {
 font-size: 8pt;
}

.divList .spanListData,
.divList .spanListHeader {
 width:100%;
}
    
.divList .spanListHeader,
.spanListHeaderActive {
 font-weight: bolder;
 text-decoration: underline;
}

/*******************************************
** divSearchPage
**
** Pagination section of the search page.  
***************************************** */

.divSearchPage,
.divSearchPage span,
.divSearchPage .aPagenr,
.spanHeader,
.spanText { 
 font-size: 8pt;
 color: black;
 font-family: Arial;
}

.liForm a{
 text-decoration: underline;
}


/* Overrides the font-size of the previous entry */
.spanHeader { 
 font-size: 10pt;
 font-weight: bold;
}


.divSearchPage .aPagenr,
.divSearchPage .spanPagenrSelected {
 padding: 2px;
}

.divSearchPage .spanPagenrSelected {
 font-weight: bold;
}

/* Icons used in the header to display sort row/direction */
.sortIconAscending, .sortIconDescending {
 background-position: top left;
 width: 13px; height: 13px;
 float: left;
}

/* Arrow up */
.sortIconAscending {
 background-image: url(http://tiny.media.mit.edu/images/icons/160320.png);
}

/* Arrow down */
.sortIconDescending {
 background-image: url(http://tiny.media.mit.edu/images/icons/160322.png);
}

/* Determines which side of the header text to show the icon */
.thListSortIconWrapper {
  float: left;
}

/* Sets the minimum width of headers in the search results */
#search_1 {
 width: 30px;
}

.spanListHeader, .spanListHeaderActive {
 display: block;
}

/*******************************************
** BUTTONS
***************************************** */

.divButton {
 padding: 3px 0 0 0;
 margin: 0px;
 width: 100%;
 text-align: right;
}

.divButton ul {
	padding: 0px;
	margin: 0px;
	border: none;
	list-style-type:none; 
}

.divButton li {
	display: inline;
	padding: 0px;
}

.inputButton {
	width:75px;
}