/*==STRUCTURE==*/
#header
{
    height: 60px;
    clear: both;
    z-index: 99999;
    top: 0px;
    position: fixed;
    right: 0px;
    width: 100%;
    border-bottom: #257daf 1px solid;
}
#left_bar
{
    width: 75px;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#container
{
    overflow: hidden;
    margin-top: 61px;
    padding: 2px 2px 2px 71px;
}
#content
{
    margin: 0px 1% 20px 1%;
    position: relative;
    min-height: 650px;
}
/*.full_block #content,.full_block .switch_bar{ margin:0px !important;}
.grid_container .full_block { width:100% !important; margin:0px !important;}
.full_block .widget_wrap{ margin:0px !important;}
*/#primary_nav
{
    height: 100%;
    width: 70px;
    position: fixed;
}
#primary_nav ul li
{
    height: 70px;
    position: relative;
}
#primary_nav li a
{
    height: 70px;
    width: 70px;
    display: block;
}
#sidebar
{
    width: 75px;
    margin-left: 70px;
}
#secondary_nav
{
    margin: 10px;
}
#secondary_nav ul li
{
    margin-bottom: 2px;
    position: relative;
}
#theme-default .acitem li
{
    margin-bottom: 0px !important;
}
#secondary_nav ul li a
{
    line-height: 35px;
    display: block;
    text-decoration: none;
    padding-left: 38px;
}
.top_search
{
    height: 49px;
    width: 270px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.page_title
{
    height: 49px;
    position: relative;
    clear: both;
}
.primary_active
{
    height: 60px;
    width: 6px;
    display: block;
    position: absolute;
    right: -1px;
    top: 5px;
}
/*==GRID==*/
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.grid_container
{
    width: 100%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha
{
    margin-left: 0 !important;
}
.omega
{
    margin-right: 0 !important;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .grid_1
{
    width: 6.333%;
}
.grid_container .grid_2
{
    width: 14.667%;
}
.grid_container .grid_3
{
    width: 23.0%;
}
.grid_container .grid_4
{
    width: 31.333%;
}
.grid_container .grid_5
{
    width: 39.667%;
}
.grid_container .grid_6
{
    width: 48.0%;
}
.grid_container .grid_7
{
    width: 56.333%;
}
.grid_container .grid_8
{
    width: 64.667%;
}
.grid_container .grid_9
{
    width: 73.0%;
}
.grid_container .grid_10
{
    width: 81.333%;
}
.grid_container .grid_11
{
    width: 89.667%;
}
.grid_container .grid_12
{
    width: 98.0%;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .prefix_1
{
    padding-left: 8.333%;
}
.grid_container .prefix_2
{
    padding-left: 16.667%;
}
.grid_container .prefix_3
{
    padding-left: 25.0%;
}
.grid_container .prefix_4
{
    padding-left: 33.333%;
}
.grid_container .prefix_5
{
    padding-left: 41.667%;
}
.grid_container .prefix_6
{
    padding-left: 50.0%;
}
.grid_container .prefix_7
{
    padding-left: 58.333%;
}
.grid_container .prefix_8
{
    padding-left: 66.667%;
}
.grid_container .prefix_9
{
    padding-left: 75.0%;
}
.grid_container .prefix_10
{
    padding-left: 83.333%;
}
.grid_container .prefix_11
{
    padding-left: 91.667%;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .suffix_1
{
    padding-right: 8.333%;
}
.grid_container .suffix_2
{
    padding-right: 16.667%;
}
.grid_container .suffix_3
{
    padding-right: 25.0%;
}
.grid_container .suffix_4
{
    padding-right: 33.333%;
}
.grid_container .suffix_5
{
    padding-right: 41.667%;
}
.grid_container .suffix_6
{
    padding-right: 50.0%;
}
.grid_container .suffix_7
{
    padding-right: 58.333%;
}
.grid_container .suffix_8
{
    padding-right: 66.667%;
}
.grid_container .suffix_9
{
    padding-right: 75.0%;
}
.grid_container .suffix_10
{
    padding-right: 83.333%;
}
.grid_container .suffix_11
{
    padding-right: 91.667%;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .push_1
{
    left: 8.333%;
}
.grid_container .push_2
{
    left: 16.667%;
}
.grid_container .push_3
{
    left: 25.0%;
}
.grid_container .push_4
{
    left: 33.333%;
}
.grid_container .push_5
{
    left: 41.667%;
}
.grid_container .push_6
{
    left: 50.0%;
}
.grid_container .push_7
{
    left: 58.333%;
}
.grid_container .push_8
{
    left: 66.667%;
}
.grid_container .push_9
{
    left: 75.0%;
}
.grid_container .push_10
{
    left: 83.333%;
}
.grid_container .push_11
{
    left: 91.667%;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_container .pull_1
{
    left: -8.333%;
}
.grid_container .pull_2
{
    left: -16.667%;
}
.grid_container .pull_3
{
    left: -25.0%;
}
.grid_container .pull_4
{
    left: -33.333%;
}
.grid_container .pull_5
{
    left: -41.667%;
}
.grid_container .pull_6
{
    left: -50.0%;
}
.grid_container .pull_7
{
    left: -58.333%;
}
.grid_container .pull_8
{
    left: -66.667%;
}
.grid_container .pull_9
{
    left: -75.0%;
}
.grid_container .pull_10
{
    left: -83.333%;
}
.grid_container .pull_11
{
    left: -91.667%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* FORM GRID --------------------------------------------------------------------------------------*/
.form_container
{
    width: 100%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.form_grid_1, .form_grid_2, .form_grid_3, .form_grid_4, .form_grid_5, .form_grid_6, .form_grid_7, .form_grid_8, .form_grid_9, .form_grid_10, .form_grid_11, .form_grid_12
{
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.form_container .form_grid_1
{
    width: 6.333%;
}
.form_container .form_grid_2
{
    width: 14.667%;
}
.form_container .form_grid_3
{
    width: 23.0%;
}
.form_container .form_grid_4
{
    width: 31.333%;
}
.form_container .form_grid_5
{
    width: 39.667%;
}
.form_container .form_grid_6
{
    width: 48.0%;
}
.form_container .form_grid_7
{
    width: 56.333%;
}
.form_container .form_grid_8
{
    width: 64.667%;
}
.form_container .form_grid_9
{
    width: 73.0%;
}
.form_container .form_grid_10
{
    width: 81.333%;
}
.form_container .form_grid_11
{
    width: 89.667%;
}
.form_container .form_grid_12
{
    width: 98.0%;
    clear: both;
    float: none;
}




/* Optimized for Mobile Devices */

@media screen and (min-width: 0px) and (max-width: 480px)
{
    #container
    {
        overflow: hidden;
        margin-top: 120px !important;
    }

    .login_container
    {
        width: 300px !important;
        margin: auto;
    }
    .login_header .login_branding
    {
        width: 285px !important;
    }
    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12
    {
        width: 96% !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .grid_container .grid_12 .grid_1, .grid_container .grid_12 .grid_2, .grid_container .grid_12 .grid_3, .grid_container .grid_12 .grid_4, .grid_container .grid_12 .grid_5, .grid_container .grid_12 .grid_6, .grid_container .grid_12 .grid_7, .grid_container .grid_12 .grid_8, .grid_container .grid_12 .grid_9, .grid_container .grid_12 .grid_10, .grid_container .grid_12 .grid_11, .grid_container .grid_12 .grid_12
    {
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }
    #left_bar
    {
        display: none !important;
    }
    #sidebar
    {
        display: none !important;
    }
    #container
    {
        margin-left: 0px !important;
    }
    #header
    {
        height: 120px !important;
    }
    .header_left
    {
        width: 435px !important;
        float: none;
    }
    #responsive_mnu
    {
        float: left !important;
        display: block !important;
    }
    .header_right
    {
        width: 435px !important;
    }
    .activities_s, .comments_s, .views_s, .user_s
    {
        width: 95% !important;
        float: none !important;
        margin-bottom: 20px;
    }
    .user_s
    {
        margin-bottom: 0px;
    }
    .table_content
    {
        overflow: scroll !important;
    }
    #widget_tab li a
    {
        padding: 0 10px !important;
    }
    .alpha, .omega
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .align_center, .align_right
    {
        text-align: left !important;
    }
    #chart1 table .jqplot-table-legend
    {
        display: none;
    }
    .item_widget .item_block
    {
        width: 160px !important;
        margin: 10px !important;
    }
    .item_block:last-child
    {
        float: left !important;
    }
    .invoice_tbl
    {
        overflow: scroll;
        width: 401px;
        border-left: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        border-right: #ccc 1px solid;
    }
    .widget_content .page_content
    {
        margin: 0px 18px !important;
    }
}




@media screen and (min-width: 481px) and (max-width: 768px)
{
    #container
    {
        overflow: hidden;
        margin-top: 120px !important;
    }

    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12
    {
        width: 97% !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .grid_container .grid_12 .grid_1, .grid_container .grid_12 .grid_2, .grid_container .grid_12 .grid_3, .grid_container .grid_12 .grid_4, .grid_container .grid_12 .grid_5, .grid_container .grid_12 .grid_6, .grid_container .grid_12 .grid_7, .grid_container .grid_12 .grid_8, .grid_container .grid_12 .grid_9, .grid_container .grid_12 .grid_10, .grid_container .grid_12 .grid_11, .grid_container .grid_12 .grid_12
    {
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }
    #left_bar
    {
        display: none !important;
    }
    #sidebar
    {
        display: none !important;
    }
    #container
    {
        margin-left: 0px !important;
    }
    #header
    {
        height: 120px !important;
    }
    .header_left
    {
        width: 768px !important;
        float: none;
    }
    #responsive_mnu
    {
        float: left !important;
        display: block !important;
    }
    .header_right
    {
        width: 726px !important;
    }
    .activities_s, .comments_s, .views_s, .user_s
    {
        width: 95% !important;
        float: none !important;
        margin-bottom: 20px;
    }
    .user_s
    {
        margin-bottom: 0px;
    }
    .table_content
    {
        overflow: scroll !important;
    }
    #widget_tab li a
    {
        padding: 0 10px !important;
    }
    .alpha, .omega
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .align_center, .align_right
    {
        text-align: left !important;
    }
    #chart1 table .jqplot-table-legend
    {
        display: none;
    }
    .item_widget .item_block
    {
        width: 160px !important;
        margin: 10px !important;
    }
    .item_block:last-child
    {
        float: left !important;
    }
    .invoice_tbl
    {
        overflow: scroll;
        width: 768px;
        border-left: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        border-right: #ccc 1px solid;
    }
    .widget_content .page_content
    {
        margin: 0px 18px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    #container
    {
        overflow: hidden;
        margin-top: 120px !important;
    }

    #left_bar
    {
        width: 75px !important;
    }
    #primary_nav, #start_menu
    {
        display: none !important;
    }
    #sidebar
    {
        margin-left: 0px !important;
    }
    .grid_container .grid_1, .grid_container .grid_2, .grid_container .grid_3, .grid_container .grid_4, .grid_container .grid_5, .grid_container .grid_6, .grid_container .grid_7, .grid_container .grid_8, .grid_container .grid_9, .grid_container .grid_10, .grid_container .grid_11, .grid_container .grid_12
    {
        width: 97% !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .grid_container .grid_12 .grid_1, .grid_container .grid_12 .grid_2, .grid_container .grid_12 .grid_3, .grid_container .grid_12 .grid_4, .grid_container .grid_12 .grid_5, .grid_container .grid_12 .grid_6, .grid_container .grid_12 .grid_7, .grid_container .grid_12 .grid_8, .grid_container .grid_12 .grid_9, .grid_container .grid_12 .grid_10, .grid_container .grid_12 .grid_11, .grid_container .grid_12 .grid_12
    {
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .activities_s, .comments_s, .views_s, .user_s
    {
        width: 95% !important;
        float: none !important;
        margin-bottom: 20px;
    }
    .user_s
    {
        margin-bottom: 0px;
    }
    .item_widget .item_block
    {
        width: 140px !important;
        margin: 10px !important;
    }
    .item_block:last-child
    {
        float: left !important;
    }
}


/*** notifications ***/

.notification
{
    border: 1px solid #666666;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0px;
    position: relative; /*width: 100%;*/
    z-index: 1;
    zoom: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.notification a.close
{
    display: block;
    width: 11px;
    height: 11px;
    float: right;
    background: url('../images/ico_close_off.png') top left no-repeat;
    margin-right: 3px;
    margin-top: 3px;
}
.notification a.close:hover
{
    background: url('../images/ico_close_ovr.png') top left no-repeat;
}
.notification a.close span
{
    display: block;
    font-size: 0%;
    visibility: hidden;
    text-indent: -9999px;
}
.notification .icon
{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 7px;
}
.notification p
{
    color: #333333;
    line-height: 16px;
    margin-left: 35px;
    margin-right: 25px;
    margin-top: 8px;
    margin-bottom: 7px;
    padding: 0px !important;
}

.note-error
{
    background: #f5dcdd url('../images/bck_error.png');
    border-color: #EC9B9B;
}
.note-error .icon
{
    background: url('../images/ico_error_16.png') top left no-repeat;
    margin-left: 10px;
}
.note-success
{
    background: #ddf4ce url('../images/bck_success.png');
    border-color: #72CB67;
}
.note-success .icon
{
    background: url('../images/ico_success_16.png') top left no-repeat;
    margin-left: 10px;
}
.note-info
{
    background: #dce6f3 url('../images/bck_info.png');
    border-color: #50B0EC;
}
.note-info .icon
{
    background: url('../images/ico_info_16.png') top left no-repeat;
    margin-left: 10px;
}
.note-attention
{
    background: #f1eebf url('../images/bck_attention.png');
    border-color: #D3C200;
}
.note-attention .icon
{
    background: url('../images/ico_attention_16.png') top left no-repeat;
    margin-left: 10px;
}

.page
{
    padding-right: 12px;
    padding-bottom: 50px;
}
/*** tables ***/

.page table
{
    width: 100%;
    margin: 0px;
    margin-bottom: 5px;
}
.page tr:hover
{
    background: #ff8746; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODc0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjQwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff8746 0%, #af4003 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8746), color-stop(100%,#af4003)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff8746 0%,#af4003 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff8746 0%,#af4003 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff8746 0%,#af4003 100%); /* IE10+ */
    background: linear-gradient(top,  #ff8746 0%,#af4003 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8746', endColorstr='#af4003',GradientType=0 ); /* IE6-8 */
}
.page table.mceLayout tr:hover
{
    background: none;
}
.page th
{
    vertical-align: middle !important;
    padding: 10px;
    color: rgb(0, 0, 0);
    border: 1px solid #bba;
    line-height: 25px;
    padding: 4px 6px 4px 6px;
    color: #000;
    font-family: "Roboto" , "Open Sans" , "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    white-space: nowrap;
    background: #dedede; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2E3YTdhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Mzg0ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dedede 0%, #b4b4b5 50%, #a7a7a8 51%, #838485 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(50%,#b4b4b5), color-stop(51%,#a7a7a8), color-stop(100%,#838485)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* IE10+ */
    background: linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#838485',GradientType=0 ); /* IE6-8 */
}

.page th.full
{
    width: 100%;
}
.page thead td
{
    border-bottom: 1px solid #999;
    text-align: left;
    padding: 4px 6px 4px 6px;
    white-space: nowrap;
}
.page td
{
    background: url('../images/bck_white_50.png') top left;
    border: 1px solid #bba;
    padding: 3px 3px 3px 6px;
    vertical-align: middle;
    font-family: "Roboto" , "Open Sans" , "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857;
    color: #000;
}
.page table .icon16
{
    margin-top: 3px;
    margin-bottom: 3px;
}
.page td.title
{
    background: url('../images/bck_white_75.png') top left;
    font-weight: bold;
    white-space: nowrap;
}
.page td.center
{
    text-align: center;
}
.page td.vcenter
{
    vertical-align: middle;
}
.page td p
{
    padding-bottom: 3px;
    padding-top: 3px;
}

.pager
{
    font-size: 11px;
    line-height: 22px;
}
.pager a
{
    display: block;
    float: left;
}
.pager .nav
{
    display: block;
    float: left;
}
.pager .nav a
{
    width: 22px;
    height: 22px;
}
.pager .nav a span
{
    display: block;
    font-size: 0%;
    visibility: hidden;
    text-indent: -9999px;
}
.pager a.first
{
    background: url('../images/arrow_leftend_off.png') top left no-repeat;
}
.pager a.first:hover
{
    background: url('../images/arrow_leftend_ovr.png') top left no-repeat;
}
.pager a.previous
{
    background: url('../images/arrow_left_off.png') top left no-repeat;
}
.pager a.previous:hover
{
    background: url('../images/arrow_left_ovr.png') top left no-repeat;
}
.pager a.last
{
    background: url('../images/arrow_rightend_off.png') top left no-repeat;
}
.pager a.last:hover
{
    background: url('../images/arrow_rightend_ovr.png') top left no-repeat;
}
.pager a.next
{
    background: url('../images/arrow_right_off.png') top left no-repeat;
}
.pager a.next:hover
{
    background: url('../images/arrow_right_ovr.png') top left no-repeat;
}
.pager .pages
{
    display: block;
    float: left;
    margin: 0px 4px 0px 4px;
}
.pager .pages a
{
    width: 24px;
    background: url('../images/bck_black_10.png');
    text-align: center;
    color: #333333;
    text-decoration: none;
}
.pager .pages a:hover
{
    background: url('../images/bck_white_50.png');
    color: #0084FF;
    text-decoration: none;
}
.pager .pages a.active
{
    background: url('../images/page_active.gif');
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.pagination
{
    background: #dedede; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2E3YTdhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Mzg0ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #dedede 0%, #b4b4b5 50%, #a7a7a8 51%, #838485 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(50%,#b4b4b5), color-stop(51%,#a7a7a8), color-stop(100%,#838485)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* IE10+ */
    background: linear-gradient(top,  #dedede 0%,#b4b4b5 50%,#a7a7a8 51%,#838485 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#838485',GradientType=0 ); /* IE6-8 */
}
.pagination a:link
{
    color: #FFF;
    background: #666;
    padding: 4px 8px 4px 8px;
}
.pagination a:hover
{
    color: #EEE;
    background: #333;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
}
.pagination a:active
{
    color: #EEE;
    background: #333;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
}
.pagination a:visited
{
    color: #EEE;
    background: #333;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
}
.pagination span
{
    color: #EEE;
    background: #AAA;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
}
.pagination td
{
    border-bottom: 0px solid #DDD;
    line-height: 22px;
    padding: 4px 2px 4px 2px;
    border: 0px solid #fff !important;
}
.pagination table
{
    width: auto;
    margin: 0px;
    margin-bottom: 0px;
}