/* 
File: Text.css
Purpose: Common place for text related styling rules.
Created: 2013-Mar-08
*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

html, body
{
    font-size: 13px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

p
{
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

div.error h1
{
    font-variant: normal;
    font-weight: bold;
    color: red;
}

div.error p
{
    line-height: 1.5em;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
}

div#LogDiv
{
    font-size: large;
}

/* Unordered lists are used for many things such as tab effects, but some times we just want a plain old bulleted list */

ul.PlainBulletList
{
    margin: 0.5em 0 0.5em 1.0em;
}

ul.PlainBulletList > li
{
    list-style: disc outside;
    margin-left: 10px;
}

li {
    list-style: disc outside none;
    display: list-item;
}

/* Dont put a disc on the rotating text items. */

li.rrItem
{
    list-style-type: none;
}



/*
    The following rule is for details tables such as those used in  Welcome.aspx.
    The first table data element of every row (first-child) is made to stand out.
    To select this rule, set the class to DetailsTable at an element higher than
    the table data: on the table row to apply this styling to individual rows, or 
    on the table itself to apply this styling to all table rows.
*/


.failureNotification
{
    color: Red;
}

.failureNotification li
{
    list-style-type: none; /* dont put bullets infront of error messages */
}

.TableHeaderStyle
{
    font-size:Medium; 
    font-weight:bold;
}

.IconText 
{
    font-size: 18px; 
    font-weight:normal; 
    color:Black;
}

strong
{
    font-weight: bold;
}

/*
    Browsers do mad things with anchor text. This will make anchors in the footer social meda bar look normal.
*/
.SocialMediaBar a
{
    color: inherit;
    text-decoration: none;
}

.BasicTile 
{
    font-size:1.2em;
}

.HugeText
{
    font-size: 3.0em;
}

/* catch all */
.GenericTextualUnclassifiedText
{
    font-size: 1.4em;
}

/* ServiceInformation content styling rules. */

div.ServiceInformation th
{
    font-weight: bold;
}

div.ServiceInformation ol 
{
    list-style: decimal;
}

#ListViewItemLabel
{
    font-weight:bold; 
}

div#RotatorText
{
    font-size:large; 
    font-weight:normal; 
}

/* Class for popup window message text */
div.PopupWindowMessage
{
    font-size: 11pt;
    font-weight: bold;
    margin:  3px 3px 3px 3px;
    padding:  3px 3px 3px 3px;
    border-style: none;
    color: #ffffff;
    background-color: #ff0080;
}


/* CPFS Standard Fonts */

/* Header 1 */
.portalDefault h1
{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

/* Header 2 */
.portalDefault h2, .portalDefault legend
{
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

/* Header 3 */
.portalDefault h3
{
    font-size: 17px;
    font-weight: normal;
    color: #ffffff;
}

/* Header 4 */
.portalDefault h4
{
    font-size: 17px;
    font-weight: normal;
    color: black;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Body 1 */
.CPFS_b1
{
    font-size: 15px;
    color: White;
}

/* Body 2 */
.CPFS_b2
{
    font-size: 15px;
    font-weight: bold;
    color: Black;
}

/* Body 3 */
.CPFS_b3
{
    font-size: 15px;
    color: Black;
}

/* Body 4 */
.CPFS_b4
{
    font-size: 17px;
    color: White;
}

/* Body 5 - links */
.CPFS_b5
{
    font-size: 13px;
    color: #003471; /* Navy */
}

/* Body 6 - legal squint print */
.CPFS_b6
{
    font-size: 10px;
    color: Black;
}

.CPFS_b7
{
    font-size: 17px;
    font-weight: bold;
    color: Black;
}

.CPFS_b8
{
    font-size: 17px;
    color: Black;
}

.CPFS_b9
{
    font-size: 13px;
    color: Black;
}

.CPFS_b10
{
    font-size: 13px;
    color: White;
}

.ToneDownText
{
    color: Gray;
}

.PlaceHolderText
{
    color: #B6B6B6;
}

/* Anchors should be styled b5, except rad navigation menu root links */
.portalDefault a:link:not(.rmRootLink), .portalDefault a:visited:not(.rmRootLink), .portalDefault a:hover:not(.rmRootLink)
{
    font-size: inherit;
}

/* metrotouch transform text to informal looking lower case - not appropriate for site navigation main menu */
.RadMenu_MetroTouch .rmRootLink, .RadMenu_Metro .rmText
{
    text-transform:none !important;
}

span#SiteMapPath1 span, span#SiteMapPath1 a
{
    font-size: small;
    color: #666;
}

/* Telerik rad tabs control text size. No color is needed as the metro skin handles it */


.rtsTxt
{
    font-size: 15px;
}

div.HomeRightSidebarBox ul
{
    margin: 5px auto 5px 0px;
}

td, th 
{
    font-size: 15px;
}

label
{
    font-size: 15px;
}


/* The following rule is to override telerik control font sizes */

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, 
.RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, 
.RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered
{
    font-size: 12px;
}

td.rcbInputCell input.rcbInput, 
.RadButton input.rbDecorated, .RadButton_Metro input.rbDecorated, .rbSkinnedButton input.rbDecorated
{
    font-size: 15px;
}

.BizMsg
{
    font-size: 16px; 
    font-weight:normal; 
}

.SmallFont 
{
    font-size: 12px;
}

/* CPFS Standard Fonts */

/* Anchors */
a:link, a:visited, a:hover
{
    color: #003471; /* Navy */
}

/* Override radgrid metro black anchors */

div.portalDefault .RadGrid_Metro .rgRow a,
div.portalDefault .RadGrid_Metro .rgAltRow a
{
    color: #003471; /* Navy */
}

/* Override color on b1 and b10 anchors */
a.CPFS_b1:link, a.CPFS_b1:visited, a.CPFS_b1:hover,
a.CPFS_b10:link, a.CPFS_b10:visited, a.CPFS_b10:hover
{
    color: White;
}


.BizMsg
{
    color:Red;
}