@import url('jquery.css');

body
{
    min-width: 980px;
    background: #dcdcdc url(/static/image/bg_tile.jpg) repeat-y scroll center top;
}
.page
{
    margin: 0 auto;
    position:relative;
    background-color: #212121;
	background-image: url(/static/image/bg_distressed.jpg);
	background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    margin-bottom: 8px;
}
h1, h2, h3, h4, h5, h6, ul.global-nav li, ul.global-account li, .global-footer
{
    font-family: 'Arial';
}
h1
{
    font-size: 24px;
    font-weight: bold;
    color: #CC0000;
}
h2
{
    font-size: 1.5em;
}
h2.title
{
    color: #666;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
h3
{
    font-size: 1.2em;
    font-weight: bold;
}
h4
{
    font-size: 1em;
}
h5
{
    font-size: 1em;
}
h6
{
    font-size: 1em;
}

a, .error a
{
    text-decoration: none;
    color: #3399CC;
    font-weight: bold;
}
.rich-content a
{
    text-decoration: underline;
}
a:hover
{
    text-decoration: underline;
}
.fine
{
    font-size: 10px;
    font-family: Verdana;
}
.required
{
    color: #CC0000;
}
div.divider
{
    border-top: solid 1px #D1EAFD;
    height: 1px;
    margin: 10px 0;
    display: block;
}

.print-only
{
    display: none;
}
#header
{
}
.logo
{
    position:absolute;
    z-index:10000;
    width:125px;
    left:100px;
    top:20px;
}
.login
{
    height:60px;
    text-align:right;
    background: #212121 url(/static/image/bg_distressed.jpg) no-repeat scroll center bottom;
}
.login a
{
    margin-right:10px;
    color:#FFF;
    font: bold 12px/60px Arial;
    text-transform:uppercase;
}

#globalnav
{
    background: #000;
    border:solid 1px #CCC;
    border-width:1px 0;
    height:36px;
}
#globalnav ul
{
    float:right;
    margin-right:10px;
}
#globalnav li
{
    float: left;
    margin: 10px 0;
    border-right:solid 2px #7A0000;
    padding-right:12px;
    margin-right:12px;
    color:#FFF;
    font: bold 16px/16px Arial;
    text-transform:uppercase;
}
#globalnav li.last
{
    border-right:0;
    padding-right:0;
    margin-right:0;
}
#globalnav li a
{
    display: block;
    color: #F00;
}
.gray{color:#999;}
#main
{
    background: #212121 url(/static/image/bg_distressed_top.jpg) no-repeat scroll center top;
}
#membermain
{
    background: #212121 url(/static/image/bg_distressed_top.jpg) no-repeat scroll center top;
}
#footer
{
    background: #212121 url(/static/image/footer.gif) no-repeat scroll center 20px;
    height:67px;
}
.home-flash
{
    width:533px;
    height:400px;
    float:right;
    background: url('/static/image/flash_placeholder.jpg') no-repeat center top;
    margin:10px;
}
.home-flash BACKUP
{
    width:595px;
    height:394px;
    float:right;
    background: url('/static/image/flash_placeholder.jpg') no-repeat center top;
    border:solid 1px #CCC;
    border-radius:10px;-moz-border-radius:10px;
    margin:10px;
}
h2.page-section
{
    background-color: #000;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    border:solid 1px #CCC;
    border-width:1px 0;
    margin:0;
}
.page-content
{
    background: #FFF;
}
.cols
{
    position: relative;
}
.left-col
{
    width: 202px;
    float: left;
	padding:25px;
}
.credit-col
{
    width: 150px;
    float: left;
	padding:20px;
}
.main-col
{
    width: 756px;
    border-left: solid 2px #000;
    float: left;
}

#credits
{
    padding:5px;
    background: #FFF url(/static/image/bg_credits.png) no-repeat scroll left bottom;
}
#credits h2
{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.more-link
{
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Vehicle */
.credit-pager-ctr
{
    width: 840px;
    float: left;
    height: 179px;
    overflow: hidden;
    margin: 0 ;
    position: relative;
}
ul.credits
{
    margin: 0;
    width: 100%;
    height: 179px;
    position: relative;
}
ul.credits li
{
    margin: 0;
    float: left;
}
ul.credits li.last
{
    clear: right;
}
ul.credits li img
{
    display: block;
    width: 120px;
    height: 179px;
    margin: 0 10px;
}

.pager
{
    display: block;
    width: 48px;
    height: 48px;
    margin: 65px 0px;
    float: left;
    cursor: pointer;
    background: Transparent url(/static/image/arrows.png) no-repeat scroll left top;
}

.pager.next
{
    float: right;
    background-position: right top;
}

a:hover .pager.prev
{
    background-position: left bottom;
}
a:hover .pager.next
{
    background-position: right bottom;
}

.x-panel-tl .x-panel-header {
font:bold 14px arial,tahoma,verdana,sans-serif;
}

.x-tab-strip span.x-tab-strip-text {
font:14px arial,tahoma,helvetica;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
font:12px arial,tahoma,helvetica,sans-serif;
}
.break{height:8px;}

.top_left, .top_right, .bottom_left, .bottom_right { background-image: url("/static/image/rcorners.gif"); height: 8px; width: 8px; }
.rc5px .top_left, .rc5px .top_right, .rc5px .bottom_left, .rc5px .bottom_right { background-image: url("/static/image/rcorners5.gif"); height: 5px; width: 5px; }
.rcorner_wrapper { position: relative; }
.top_left, .top_right, .bottom_left, .bottom_right { position: absolute; }
.top_left { background-position: left top; left: 0; top: 0; }
.top_right { background-position: right top; right: 0; top: 0; }
.bottom_left { background-position: left bottom; bottom: 0; left: 0; }
.bottom_right { background-position: right bottom; bottom: 0; right: 0; }


/** vim: ts=4:sw=4:nu:fdc=4:nospell 
 *
 * Ext.ux.grid.RowActions.css 
 *
 * Style sheets for Grid RowActions Plugin
 *
 * @author   Ing. Jozef Sakáloš
 * @date     27. March 2008
 * @verson   $Id: Ext.ux.grid.RowActions.css 753 2009-10-28 02:17:34Z jozo $
 *
 * @license Ext.ux.grid.RowActions.css is licensed under the terms of
 * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

/* styles for rows */
.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 3px 0 2px;
/*	margin: 1px 5px 0 2px; */
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

/* styles for groups */
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}

/* eof */ 
/*  
// Icon Classes */
.icon-ob {
	background-image:url(/static/image/icons/ob_16.png) ! important;
}
.icon-graph {
	background-image:url(/static/image/icons/chart_curve.png) ! important;
}
.icon-chart {
	background-image:url(/static/image/icons/chart_bar.png) ! important;
}
.icon-prefs {
	background-image:url(/static/image/icons/application_form.png) ! important;
	background-position: 1px 1px;
}
.icon-ok {
	background-image:url(/static/image/icons/ok16.png) ! important;
}
.icon-view-tile {
	background-image:url(/static/image/icons/application_view_tile.png) ! important;
}
.icon-check, .icon-check-off {
	background-image:url(/static/image/idc/menu/unchecked.gif) ! important;
}
.icon-check-on {
	background-image:url(/static/image/idc/menu/checked.gif) ! important;
}
.icon-stat-data {
	background-image:url(/static/image/icons/kate_16.png) ! important;
}
.icon-rename {
	background-image:url(/static/image/icons/textfield_rename.png) ! important;
}
.icon-add-col {
	background-image:url(/static/image/icons/page_white_add.png) ! important;
}
.icon-del-col {
	background-image:url(/static/image/icons/page_white_delete.png) ! important;
}
.icon-save-table {
	background-image:url(/static/image/icons/table_save.png) ! important;
}
.icon-add-tab {
	background-image:url(/static/image/icons/tab_add.png) ! important;
}
.icon-del-tab {
	background-image:url(/static/image/icons/tab_delete.png) ! important;
}
.icon-go-tab {
	background-image:url(/static/image/icons/tab_go.png) ! important;
}
.icon-add-table {
	background-image:url(/static/image/icons/table_add.png) ! important;
}
.icon-del-table {
	background-image:url(/static/image/icons/table_delete.png) ! important;
}
.icon-admin {
	background-image:url(/static/image/icons/adv_settings_16.png) ! important;
}
.icon-grid {
    background-image:url(/static/image/icons/application_view_columns.png) !important;
}
.icon-key {
	background-image:url(/static/image/icons/key.png) ! important;
}
.icon-key2 {
	background-image:url(/static/image/icons/key_16.png) ! important;
}
.icon-under-construction {
	background-image:url(/static/image/icons/under-construction16.png) ! important;
}
.icon-expand-all {
	background-image:url(/static/image/icons/expand-all.gif) ! important;
}
.icon-collapse-all {
	background-image:url(/static/image/icons/collapse-all.gif) ! important;
}
.icon-expand {
	background-image:url(/static/image/icons/expand-all.gif) ! important;
}
.icon-collapse {
	background-image:url(/static/image/icons/collapse-all.gif) ! important;
}
.icon-tree-orgboard {
	background-image:url(/static/image/icons/chart_organisation.png) ! important;
}
.icon-tree-area {
	background-image:url(/static/image/icons/post_title.png) ! important;
}
.icon-tree-post {
	background-image:url(/static/image/icons/page_white.png) ! important;
}
.icon-plus {
	background-image:url(/static/image/icons/add.png) ! important;
}
.icon-minus {
	background-image:url(/static/image/icons/delete.png) ! important;
}
.icon-house {
	background-image:url(/static/image/icons/house_16.png) ! important;
}
.icon-user {
	background-image:url(/static/image/icons/user2_16.png) ! important;
}
.icon-trash-empty {
	background-image:url(/static/image/icons/bin_empty.png) ! important;
}
.icon-trash-closed {
	background-image:url(/static/image/icons/bin_closed.png) ! important;
}
.icon-disk {
	background-image:url(/static/image/icons/disk.png) ! important;
}
.icon-disk-bullet {
	background-image:url(/static/image/icons/bullet_disk.png) ! important;
}
.icon-undo {
	background-image:url(/static/image/icons/arrow_undo.png) ! important;
}
.icon-loading {
	background-image:url(/static/image/idc/grid/grid-loading.gif) ! important;
}
.icon-db-refresh {
	background-image:url(/static/image/icons/database_refresh.png) ! important;
}
.icon-db-gear {
	background-image:url(/static/image/icons/database_gear.png) ! important;
}
.icon-magnifier {
	background-image:url(/static/image/icons/magnifier.png) ! important;
}
.icon-wrench {
	background-image:url(/static/image/icons/wrench_16.png) ! important;
}
.icon-wrench-orange {
	background-image:url(/static/image/icons/wrench_orange.png) ! important;
}
.icon-star {
	background-image:url(/static/image/icons/star.png) ! important;
}
.icon-lock-go {
	background-image:url(/static/image/icons/lock_go.png) ! important;
}
.icon-group-add {
	background-image:url(/static/image/icons/group_add.png) ! important;
}
.icon-group-del {
	background-image:url(/static/image/icons/group_delete.png) ! important;
}
.icon-stat-portal {
	background-image:url(/static/image/icons/stat_portal_16.png) ! important;
}
.icon-stat-list {
	background-image:url(/static/image/icons/stat_list_16.png) ! important;
}
.icon-cancel {
	background-image:url(/static/image/icons/cancel16.png) ! important;
}
.icon-cross {
	background-image:url(/static/image/icons/cross.png) ! important;
}
.icon-defaults {
	background-image:url(/static/image/icons/arrow_rotate_clockwise.png) ! important;
}
.icon-load {
	background-image:url(/static/image/icons/database_go.png) ! important;
}
.icon-reconfigure {
	background-image:url(/static/image/icons/database_gear.png) ! important;
}
.icon-working {
	background-image:url(/static/image/idc/grid/wait.gif) ! important;
}
.icon-upload {
	background-image:url(/static/image/icons/up.png) ! important;
}
.icon-folder-add {
	background-image:url(/static/image/icons/folder_add.png) ! important;
}
.icon-open {
	background-image:url(/static/image/icons/application_go.png) ! important;
}
.icon-open-self {
	background-image:url(/static/image/icons/application.png) ! important;
}
.icon-open-popup {
	background-image:url(/static/image/icons/application_double.png) ! important;
}
.icon-open-blank {
	background-image:url(/static/image/icons/application_cascade.png) ! important;
}
.icon-open-download {
	background-image:url(/static/image/icons/application_put.png) ! important;
}
.icon-refresh {
	background-image:url(/static/image/icons/arrow_refresh.png) ! important;
}
.icon-pencil {
	background-image:url(/static/image/icons/pencil.png) ! important;
}
.icon-stop {
	background-image:url(/static/image/icons/control_stop.png) ! important;
}
.icon-email {
	background-image:url(/static/image/icons/email.png) ! important;
}
.icon-email-compose {
	background-image:url(/static/image/icons/email_edit.png) ! important;
}
.icon-coins {
	background-image:url(/static/image/icons/coins.png) ! important;
}
.icon-clock {
	background-image:url(/static/image/icons/clock.png) ! important;
}
.icon-zoom {
	background-image:url(/static/image/icons/zoom.png) ! important;
}
.icon-print {
	background-image:url(/static/image/icons/printer.png) ! important;
}
.icon-group {
	background-image:url(/static/image/icons/group.png) ! important;
}
.icon-folder-component {
	background-image:url(/static/image/icons/folder_brick.png) ! important;
}
.icon-plugin {
	background-image:url(/static/image/icons/plugin.png) ! important;
}
.icon-extension {
	background-image:url(/static/image/icons/brick.png) ! important;
}
.icon-function {
	background-image:url(/static/image/icons/flag_yellow.png) ! important;
}
.icon-bulb {
	background-image:url(/static/image/icons/lightbulb.png) ! important;
}
.icon-bulb-off {
	background-image:url(/static/image/icons/lightbulb_off.png) ! important;
}
.icon-copy {
	background-image:url(/static/image/icons/page_white_copy.png) ! important;
}
.icon-star {
	background-image:url(/static/image/icons/award_star_gold_3.png) ! important;
}
.icon-edit-record {
	background-image:url(/static/image/icons/table_edit.png) ! important;
}
.icon-actions {
	background-image:url(/static/image/icons/lightning.png) ! important;
}
.icon-form-add {
	background-image:url(/static/image/icons/layout_add.png) ! important;
}
.icon-html {
	background-image:url(/static/image/icons/html.png) ! important;
}
.icon-script {
	background-image:url(/static/image/icons/script.png) ! important;
}
.icon-php {
	background-image:url(/static/image/icons/script_code.png) ! important;
}
.icon-css {
	background-image:url(/static/image/icons/css.png) ! important;
}
.icon-run {
	background-image:url(/static/image/icons/application_go.png) ! important;
}
.icon-info {
	background-image:url(/static/image/icons/information.png) ! important;
}
.icon-error {
	background-image:url(/static/image/icons/cancel.png) ! important;
}
.icon-warn {
	background-image:url(/static/image/icons/error.png) ! important;
}
.icon-wages {
	background-image:url(/static/image/icons/euro_16.png) ! important;
}
.icon-calculator {
	background-image:url(/static/image/icons/calculator.png) ! important;
}
.icon-add-wage {
	background-image:url(/static/image/icons/coins_add.png) ! important;
}
.icon-del-wage {
	background-image:url(/static/image/icons/bin_closed.png) ! important;
}
.icon-manual {
	background-image:url(/static/image/icons/book_open.png) ! important;
}
.icon-lock {
	background-image:url(/static/image/icons/lock16.png) ! important;
}
.icon-lock-open {
	background-image:url(/static/image/icons/unlock16.png) ! important;
}
.icon-arrow-down {
	background-image:url(/static/image/icons/arrow_down.png) ! important;
}
.icon-arrow-right {
	background-image:url(/static/image/icons/arrow_right.png) ! important;
}
.icon-arrow-left {
	background-image:url(/static/image/icons/arrow_left.png) ! important;
}
.icon-blank-img {
	background-image:url(/static/image/idc/s.gif) ! important;
}
.icon-delete {
	background-image:url(/static/image/icons/bin_empty.png) ! important;
}
.icon-tree {
	background-image:url(/static/image/icons/tree_16.png) ! important;
}
.icon-form-edit {
	background-image:url(/static/image/icons/application_form_edit.png) ! important;
}
.icon-form-add {
	background-image:url(/static/image/icons/application_form_add.png) ! important;
}
.icon-filter {
	background-image:url(/static/image/icons/view-filter16.png) ! important;
}
.icon-filter-active {
	background-image:url(/static/image/icons/view-filter-go16.png) ! important;
}
.icon-stat-cat {
	background-image:url(/static/image/icons/stat-cat_16.png) ! important;
}
.x-form-field-wrap .trigger-tag-add {
	background-image: url(/static/image/trigger-tag-add.png);
	cursor:pointer;
}
.x-form-field-wrap .trigger-tag {
	background-image: url(/static/image/trigger-tag.png);
	cursor:pointer;
}
.x-form-field-wrap .x-trigger-disabled {
	cursor:default;
	opacity:0.5;
	background-position:0 0;
}
.x-form-field-wrap .trigger-tree {
	background-image: url(/static/image/trigger-tree.png);
	cursor:pointer;
}
.ux-row-action-item{margin:0 7px 0 0;}

/*  Icon Classes end */

.x-form-label-top .x-form-item label.x-form-item-label,label.x-form-item-label {margin-bottom:1px;color:#FFF;}
.x-form-item label.x-form-item-label {padding-bottom:0;}
.x-form-label-top .x-form-element {padding-top:0;}

.x-item-disabled {
color:#000 !important;
font-weight:bold;
}

.x-btn-text-icon button.x-btn-text{padding-left:16px;background-repeat:no-repeat;background-position:left center;}
.x-toolbar {
border-width:1px;
padding:1px;
}
.x-form-field.x-form-focus{background:#E18325;}
.x-fieldset{padding:5px 5px 0;margin-top:10px;}
.x-fieldset-header-text{color:#E18325;font-size:12px;}
fieldset fieldset .x-fieldset-header-text, .x-form-cb-label{color:#FFF;}

.ext-el-mask {
background-color:#000000;
}
.x-form-label-top .x-form-field-wrap {
white-space:normal;
}

.x-form-label-top .x-form-field-wrap .x-form-trigger {
top:auto;
}

.x-window-tl .x-window-header {
color:#FFFFFF;
}
.member-list-item
{
    width:190px;
    height:199px;
    float:left;
    text-align:center;
}
.member-list-item a
{
    margin:10px;
    color:#FFF;
    display:block;
}
.member-list-item a:hover
{
    text-decoration:none;
	color:#FF0000;

}
.headshot
{
    border-color:#000;
	border-width:1px;
	border-style:none;
}
.headshot a
{
    border-color:#000;
	border-width:1px;
	border-style:none;
}

.headshot a:hover
{
    border-color:#ff0000;
	border-width:1px;
	border-style:solid;
}