div.normal
{
    padding: 5px;
}

div.normal p 
{
    padding-bottom: 8px;
}

div.normal ul, div.normal ol 
{
    padding-bottom: 8px;
    padding-left: 10px;
}

div.normal li 
{
    list-style-type: disc; 
    list-style-position: outside;
}

/* override a very broad style in Site.css with "unintended consequences" */
div select 
{
    width: auto;
}

div.formCell em
{
    font-style: italic;
}

/* label text same size and alignment as associated control */
.fakeLabel, .fakeLabel-R180, .fakeLabel-L180
{
    padding-top: 4px;
    font-size: 12px;    
}

/* form panels gray */
.x-panel-body
{
    background-color: #f2f2f2;
}

/* make pop win header as big as its line height */
.x-window-header-text-default
{
    font-size: 14px;
}

/* make dropdown choices in a grid have same size font as unexpanded */
.grid-combo-small li.x-boundlist-item
{
    font-size: 11px;
}

/* override because ext gray theme is zapping font-style on em in grids grrrr */
.x-grid-cell-inner em
{
    font-style: italic;
}

/* override because ext gray theme is zapping font-style on em in taxonomy display citation combo grrrr also on species profile taxa hierarchy */
.displayCitationCombo em, #syn em, #synPanel em
{
    font-style: italic;
}

/* simplifies html layout for label field type layout on view page. why the top padding acts differently from edit to view, i'll never know. kh. */
#profile .fakeLabel-R180, #profile .fakeLabel
{ 
    padding-top: 5px; 
    clear: left;
    width: 21%;
}

#profile .formCell 
{ 
    width: 79%;
    padding-bottom: 3px;
    padding-top: 5px;
}

/* like profile page defs above but for definitions pop win */
#definitions .fakeLabel
{ 
    padding-top: 5px; 
    clear: left;
    width: 30%;
}

#definitions .formCell 
{ 
    width: 70%;
    padding-bottom: 3px;
    padding-top: 5px;
}

/* override for species view profile and edit profile to allow header to show formatted sci name */
.profileHeader em { font-style: italic; font-weight: bold;}

/* class to make homeItemBlock have the bottom margin and sepline which are normally done as spearate dom elements...cuts down on repetive html */
.homeItemBlock2
{
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    margin-bottom: 1em;
}

/* collapsible panel extra to make cursor a pointer */
.cPanel > .x-panel-header
{
    cursor: pointer;    
}

/* hidden element for placing server side data which originally came from client so that it can be processed after rendering for turning carriage returns into line breaks */
.replaceCarriageReturnsWithLineBreaks { display: none; }

/* override homeItemBlock span which made button in home block have indented text */
.homeItemBlock button span {
    margin-left: 0;
}

div.topLinks
{
    text-align: right;
    padding: 10px 0;
}

div.topLinks a.topLink
{
    padding: 0 0 0 10px;
}

.superscript
{
    text-align: right;
}

div.citationText {
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
    word-wrap: break-word;
}

.TabValidationError .x-tab-inner {
    color: red !important;
}

.x-form-invalid-box {
    padding: 2px;
    background-image: url("../Images/invalid_line.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #CC3300;
}