/* *************************************************************************************************
 * Application:  Intranet
 *        File:  Site/Stylesheets/Formatting.css
 *      Author:  Andrew Deans (deansa@clarkstate.edu)
 *     Created:  14 April 2009
 *     Updated:  14 April 2009
 * Description:  Common styles for page text, form controls, and other such things.
 *   Changelog:  
 * *************************************************************************************************/



/* *************************************************************************************************
 * General Formatting
 * *************************************************************************************************/
*
{
    /*border:      0;*/
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:   11px;
    font-weight: normal;
    margin:      0;
    padding:     0;
}

h1
{
    color:       #007FB1;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:   24px;
    line-height: 24px;
    margin:      10px 0 10px 0;
}

h2
{
    color:       #000000;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:   17px;
    line-height: 20px;
    margin:      7px 0 7px 0;
}

h3
{
    color:       #3399C1;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:   14px;
    font-weight: bold;
    line-height: 17px;
    margin:      4px 0 4px 0;
}

h4
{
    color:       #3399C1;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:   12px;
    font-weight: bold;
}

p
{
    color:          #000000;
    line-height:    16px;
    margin-bottom:  9px;
    padding-bottom: 9px;
}

div.clr { clear: both; }

em, i { font-style: italic; }

b, strong { font-weight: bold; }

.bdr
{
    padding: 4px;
    border: 1px solid #3399C1;
}

.img-bdr
{
    border: 1px solid #007FB1;
    padding: 4px;
    margin: 5px;
}

a
{
    color:           #007FB1;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

ul
{
    list-style: disc inside;
    margin-left: 2em;
}

ol
{
    list-style: upper-alpha inside;
    margin-left: 2em;
}

ol ol { list-style-type: decimal; }

ol ol ol { list-style-type: lower-alpha; }

li { line-height: 16px; }

hr
{
    border-color: #007FB1;
    border-style: solid;
    border-width: 3px 0 0 0;
}

td
{
    text-align:     left;
    vertical-align: top;
}

span.Error { color: #FF0000; }



/* *************************************************************************************************
 * Home Page Buttons
 * *************************************************************************************************/
table.HomeButtons
{
    margin-left:  auto;
    margin-right: auto;
    margin-top:   30px;
}

table.HomeButtons tr td table
{
    margin-left:  auto;
    margin-right: auto;
}
 
table.HomeButtons tr td div.Background
{
    background-image:    url(../Images/Home/Background.png);
    background-position: 0 0;
    background-repeat:   no-repeat;
    height:              200px;
    vertical-align:      bottom;
    width:               200px;
}

table.HomeButtons tr td div.Background:hover
{
    background-position: 0 -200px;
    cursor:              pointer;
}

table.HomeButtons tr td
{
    background-position: 0 0;
    background-repeat:   no-repeat;
}





/* *************************************************************************************************
 * Form Controls
 * *************************************************************************************************/
input[type="text"], input[type="password"], input[type="file"], textarea, select
{
    background: transparent url(../Images/Input.png) no-repeat scroll left top;
    border:     1px solid #AAAAAA;
    color:      #000000;
    /*margin-top: 2px;*/
    padding:    2px;
}

option
{
    background: #FFFFFF;
}

div.Buttons
{
    text-align: right;
    width:      100%;
}

.Buttons table
{
    display:     inline;
    margin-left: 10px;
}

fieldset
{
    border:      1px solid #007FB1;
    padding:     5px;
    padding-top: 1px;
}

fieldset legend
{
    color:       #007FB1;
    margin-left: 8px;
    padding:     2px;
}



/* *************************************************************************************************
 * Administration Menu
 * *************************************************************************************************/
.AdminButton
{
    background-image:    url(../Images/Admin/MenuBg.png);
    background-position: 0 0;
    background-repeat:   no-repeat;
    height:              200px;
    vertical-align:      bottom;
    width:               170px;
}

.AdminButton:hover
{
    background-position: 0 -200px;
    cursor:              pointer;
}

.AdminButton div
{
    font-size:  16px;
    text-align: center;
}



/* *************************************************************************************************
 * Landing Page Columns
 * *************************************************************************************************/
div.IndexColumns
{
    border:         0;
    margin:         0 0 0 2em;
    padding:        0;
    text-align:     left;
    vertical-align: top;
    width:          100%;
}

div.IndexColumns table
{
    width:          100%;
}

div.IndexColumns table tr td
{
    text-align:     left;
    vertical-align: top;
}

div.IndexColumns table tr td table tr
{
    height: 15px;
}

div.IndexColumns td.ItemCell
{
    padding: 0 0 0 1.5em;
}

div.IndexColumns span.Category
{
    color:           #007FB1;
    font-weight:     bold;
    text-decoration: none;
}

div.IndexColumns span.SecondLevel
{
    font-size:      13px;
    text-transform: uppercase;
}

div.IndexColumns span.LowerLevel
{
    text-transform: capitalize;
}

div.IndexColumns td.ItemCell span.Label
{
    background-repeat: no-repeat;
    margin-left:       7px;
    padding-left:      50px;
    width:             1px;
}

div.IndexColumns td.ItemCell span.New { background-image: url(../Images/New.png); }
div.IndexColumns td.ItemCell span.Updated { background-image: url(../Images/Updated.png); }


/* *************************************************************************************************
 * Policies & Directory Groups
 * *************************************************************************************************/
div.GroupBar
{
    position:         relative;
    display:          block;
    margin-top:       .3em;
    background-color: #DADADA;
    height:           19px;
    line-height:      19px;
    padding-left:     19px;
    font-weight:      bold;
}

div.GroupBar a
{
    color:           #1B3E94;
    outline:         0;
    text-decoration: none;
}

div.GroupBar a.Collapsed
{
    position:            absolute;
    top:                 2px;
    _top:                1px;
    left:                2px;
    _left:               -17px;
    width:               15px;
    height:              15px;
    background-image:    url(../Images/Expand_C.gif);
    background-position: center center;
    background-repeat:   no-repeat;
}

div.GroupBar a.Collapsed:hover
{
    background-image: url(../Images/Expand_CH.gif);
    cursor:           pointer;
}

div.GroupBar a.Expanded
{
    position:            absolute;
    top:                 2px;
    _top:                1px;
    left:                2px;
    _left:               -17px;
    width:               15px;
    height:              15px;
    background-image:    url(../Images/Expand_E.gif);
    background-position: center center;
    background-repeat:   no-repeat;
}

div.GroupBar a.Expanded:hover
{
    background-image: url(../Images/Expand_EH.gif);
    cursor:           pointer;
}

div.GroupItems table
{
    border-collapse: collapse;
    border-spacing:  1em 0;
    /*border-spacing:  expression (cellspacing:8);*/
    text-align:      left;
    min-width:       470px;
}

div.GroupItems thead th
{
    text-decoration: none;
    font-size:       10pt;
    font-weight:     normal;
    text-align:      left;
}

div.GroupItems tr td[colspan]
{
    /*text-align: center;*/
}

div.GroupItems table tbody tr:hover
{
    background-color: #E4E4E4;
    cursor:           default;
}



/* *************************************************************************************************
 * Search page.
 * *************************************************************************************************/
div#ResultItems
{
    margin-left: 80px;
}

div#ResultItems div.ResultItem
{
    display:       block;
    margin-bottom: 1.5em;
}

div#ResultItems div.ResultItem table tr td
{
    vertical-align: top;
}

div#ResultItems div.ResultItem span.Category
{

}

div#ResultItems div.ResultItem span.Description
{
    color: #888888;
}



/* *************************************************************************************************
 * Login and password change pages
 * *************************************************************************************************/
div#LoginContainer
{
    text-align: center;
    width:      100%;
}

div#LoginContainer table tr td { font-size: 16px; }

table#Login
{
    height:       91px;
    margin-left:  auto;
    margin-right: auto;
    margin-top:   150px;
    text-align:   center;
    width:        436px;
}

table#Login input[type=text], table#Login input[type=password] { font-size: 16px; width: 200px; }
table#Login select { font-size: 16px; width: 206px; }
table#Login input[type=submit] { font-size: 16px; width: 120px; }



/* *************************************************************************************************
 * Miscellaneous
 * *************************************************************************************************/
div.AjaxLoading
{
    color:       #999999;
    font-size:   16px;
    margin-left: 2em;
}

div.AjaxLoading img
{
    margin: 0;
}

table.PolicyTable
{
    border: solid 1px #000000;
    border-collapse: collapse;
}

table.PolicyTable thead tr th
{
    background-color: #CCCCCC;
    font-weight:      bold;
    text-align:       center;
}

table.PolicyTable tr td
{
    border:  solid 1px #000000;
    padding: 2px;
}

td.ThemePreview
{
    background: transparent url(../Images/Icons/cross.png) no-repeat scroll 2px 2px;
}

a#PrintButton
{
    background:       transparent url(../Images/Icons/printer.png) no-repeat scroll 0 4px;
    float:            right;
    line-height:      24px;
    outline:          none;
    padding-left:     20px;
    -moz-user-select: none;
}

.WarningTip
{
    background-image:  url(../Images/error13h.png);
    background-repeat: no-repeat;
    height:            13px;
    margin-left:       5px;
    padding-left:      15px;
}

.WarningTipBox
{
    background-color: #CCCCCC;
    border:           solid 2px #007FB1;
    display:          none;
    min-height:       35px;
    min-width:        300px;
    position:         absolute;
}



/* *************************************************************************************************
 * ExtJS overrides
 * *************************************************************************************************/
.x-tree-node-collapsed .x-tree-node-icon, 
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon,
.task-folder
{
    background-image: url(../Images/Icons/folder_page.png) !important;
}
 
div.x-tree ul, div.x-tree ol
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.x-menu-list { margin-left: 0 !important; }

.disabled-row .x-grid3-cell-inner { color: #AAAAAA; }
.disabled-row .x-grid3-col-Icon span
{
    filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}








table.ContentEditBox
{
    border-collapse:collapse;
}

table.ContentEditBox tr td
{
    vertical-align:top;
}

table.ContentEditBox tr td span
{
    font-weight:bold;position:relative;top:.45em;background-color:#FFFFFF;padding:.25em;
}

table.ContentEditBox tr td table
{
    border-collapse:collapse;border:#666666 solid 1px;
}

table.ContentEditBox tr td table tr td:first_child
{
    font-weight: bold;
}