/* this file is suppose to have all the classes and ids that are common to all the pages */
/* REMEMBER JUST THE COMMON ONES */
/*
THESE ARE REUSABLE ELEMENTS
*/
h1
{
    margin:0px 0px 30px 0px;
    font-size:20px;
    font-style:italic;
}

h2
{
    margin:0px 0px 20px 0px;
    font-size:16px;
    font-weight:bold;
    font-style:italic;
}

p
{
    margin:0px 0px 4px 0px;
}

em
{
    font-style:italic;
}

strong
{
    font-weight:bold;
}

.clearLeft
{
    clear:left;
    height:0px;
    font-size:0px;
    line-height:0px; 
}

.clearRight
{
    clear:right;
    height:0px;
    font-size:0px;
    line-height:0px; 
}

.clearBoth
{
    clear:both;
    height:0px;
    font-size:0px;
    line-height:0px; 
}

.floatLeft
{
    float:left;
    display:inline;
}

.floatRight
{
    float:right;
    display:inline;
}

/*.active
{
    background-color:#d8dce6;
}*/

.errorContainer
{
    margin:2px 0px 6px 0px;
    text-align:center;
}

.fieldError
{
    color:#cc0000;
}

.displayNone
{
    display:none;
}

.small
{
    font-size:10px;
}

.cursor
{
    cursor:pointer;
}


/** ===================================  GENERAL TABLE =============================================*/

table.dataTable
{
    width:100%;
    border-collapse:collapse;
    margin:10px 0px 0px 0px;
}

table.dataTable thead
{
    background-color:#e4e8ea;
}

table.dataTable thead tr th
{
    color:#222222;
    font-size:12px;
    font-weight:bold;
    text-align:left;
}

table.dataTable thead tr th.currentSort
{
    background-color:#ffff00;
}


table.dataTable thead tr th a, table.dataTable thead tr th a:link
{
    color:#222222;
    text-decoration:none;
}

table.dataTable thead tr th, table.dataTable tbody tr td
{
    border:1px solid #afafaf;
    padding:3px;
}

table.dataTable tbody tr td.showDragHandle
{
    background-image:url("/themes/default/graphics/admin/common/icons/drag-up-down.gif");
    background-repeat:no-repeat;
    background-position:center;
    cursor:move;
}

table.dataTable tbody tr td.status
{
    width:40px;
    text-align:center;
}

/** ================================== FORM STUFF ==================================== */

div.row
{
    margin:0px 0px 8px 0px;
}

div.row div.errorRow
{
    margin:10px 0px 4px 0px;
    text-align:center;
}

div.label
{
    float:left;
    display:inline;
    width:120px;
    font-size:12px;
}

div.label label
{
    float:right;
    display:inline;
}

div.fieldValue
{
    margin:0px 0px 0px 130px;
}

/*div.fieldValue label.radio
{
    margin:4px 10px 0px 2px;
}*/

div.fieldValue input
{
    width:150px;
}

div.label input.checkbox
{
    width:auto;
}

/*div.fieldValue select
{
    width:305px;
}*/

div.fieldValue input.checkbox, div.fieldValue input.button, div.fieldValue select.auto
{
    width:auto;
}

/*div.fieldValue p.infoText
{
    margin:4px 0px 0px 4px;
    font-size:10px;
    font-style:italic;
}*/