html, body {
	font:normal 12px Verdana;
	margin:0;
	padding:0;
	border:0 none;
	overflow:hidden;
	height:100%;
}

pre {
	font-family:Verdana;
}

h1 {
	color: #e40074;
	font: bold 26px Arial;
	margin: 0px 20px 10px 25px;
}

h1 img {
	border:1px solid #CCCCCC;
	position:relative;
	top:1px;
}

h2 {
	color: #333;
	font: bold 23px Arial;
	margin: 15px 0px 10px 20px;
}

h2 img {
	border:1px solid grey;
	position:relative;
	top:1px;
}

h3 {
	color: #000;
	font: bold 16px Arial;
	margin: 15px 0 10px 0;
}

h3 div {
	float: left;
}

h4, h4 a {
	color: #888;
	font: bold 16px Arial;
	margin: 15px 0px;
	text-decoration: none;
}

h5 {
	color: #000;
	font: bold 14px Arial;
	margin: 5px 0px;
}

h6 {
	margin: 10px 0 3px 0;
	border-bottom: 1px solid #b5b8c8;
}

table {
	font:normal 11px Verdana;
}

th {
	padding: 5px 0;
}

th, td {
	vertical-align:top;
}

p {
	margin:5px;
}

label, th {
	font: bold 12px Arial;
}

label, th {
	font: bold 12px Arial;
}

a {
	color: black;
	text-decoration: underline;
}

.error {
	color: red;
	font-weight: bold;
}

.blank {
	background: white;
}

.hidden {
	visibility: hidden;
}

.blue {
	color: #427BAB;
}

.green {
	color: #BABD5A;
}

.orange {
	color: #EDA95A;
}

.gray, .gray_bold {
	color: #808080;
}

.magenta, .magenta button,
.magenta_bold, .magenta_bold button {
	color: #E20074;
}

.gray_bold, .magenta_bold, .magenta_bold button {
	font-weight: bold;
}

.flag {
	vertical-align:bottom;
	padding-bottom: 1px;
}

.space {
	margin: 0 0.65em 0 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.info {
    color: grey;
    float: right;
    font: 12px Arial;
    padding: 0 10px;
}

/* loading indicator */

#loading-mask {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:20000;
	background-color:white;
}
#loading {
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
	height:auto;
}
#loading .loading-indicator {
	background:white;
	color:#888;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
	height:auto;
}
#loading-msg {
	font: normal 10px arial,tahoma,sans-serif;
}


.x-btn .grid {
	background: url(../icons/fam/grid.png) no-repeat;
}
.x-btn .refresh {
	background: url(../icons/fam/table_refresh.png) no-repeat;
}
.x-btn .email	 {
	background: url(../icons/fam/email.gif) no-repeat;
}
.x-btn .cross	 {
	background: url(../icons/fam/cross.gif) no-repeat;
}
.x-btn .cross_gray	 {
	background: url(../icons/fam/cross_gray.gif) no-repeat;
}


/* user toolbar icons */

.x-btn .user,
.x-btn .person {
	background: url(../icons/fam/user.gif) no-repeat;
}
.x-btn .user_add,
.x-btn .person_add {
	background: url(../icons/fam/user_add.png) no-repeat;
}
.x-btn .user_delete,
.x-btn .person_delete {
	background: url(../icons/fam/user_delete.png) no-repeat;
}
.x-btn .user_edit,
.x-btn .person_edit {
	background: url(../icons/fam/user_edit.png) no-repeat;
}


/* toolbar icons */

.x-btn .add {
	background: url(../icons/fam/add.gif) no-repeat;
}
.x-btn .archive {
	background: url(../icons/archive.gif) no-repeat;
}
.x-btn .approve {
	background: url(../icons/approve.gif) no-repeat;
}
.x-btn .delete {
	background: url(../icons/delete.gif) no-repeat;
}
.x-btn .download {
	background: url(../icons/download.gif) no-repeat;
}
.x-btn .edit {
	background: url(../icons/edit.gif) no-repeat;
}
.x-btn .reactivate {
	background: url(../icons/reactivate.gif) no-repeat;
}
.x-btn .reject {
	background: url(../icons/reject.gif) no-repeat;
}
.x-btn .new {
	background: url(../icons/new.gif) no-repeat;
}
.x-btn .upload {
	background: url(../icons/upload.gif) no-repeat;
}
.x-btn .view {
	background: url(../icons/view.gif) no-repeat;
}
.x-btn .save {
	background: url(../icons/save.gif) no-repeat;
}
.x-btn .cancel {
	background: url(../icons/cancel.gif) no-repeat;
}
.x-btn .email {
	background: url(../icons/email.gif) no-repeat;
}

/* file upload button */

.image_add {
	background: url(../icons/fam/image_add.png) no-repeat !important;
}

/* misc. stuff */

.invisible {
	display:none;
}

.preview {	/* image style */
	background: white;
	border: 1px solid #cccccc;
	vertical-align: middle;
}

#preview {	/* window style */
	width: 800px;
	height: 600px;
	overflow: auto;
	border: 0;
	vertical-align: middle;
	text-align: center;
}

/* combobox for chart mode */

.chart_mode {
	text-align: center;
}

.chart_type label,
.chart_mode label {
	font-weight: normal;
}

/* contact */

table.contact {
	border-collapse:separate;
	empty-cells:hide;
}

table.contact th {
	font:bold 12px Verdana;
	background:#c0c0c0;
	text-align:left;
	padding:4px;
}

table.contact td {
	padding:2px;
}

/* resource */

.resource_head {
	margin: 25px 0 0 0;
}

.resource_head h3 {
	margin: 0;
}

/* panel customizartion */

.x-panel-plain .x-panel-body {
   background-color:transparent;
   border:0;
}
.x-panel-smart .x-panel-mc{background:white;}
.x-panel-smart .x-panel-tbar .x-toolbar{border-width:0!important;}
.x-panel-smart .x-panel-bbar .x-toolbar{border-width:0!important;}

.x-panel-tbar-transparent .x-toolbar,
.x-panel-header-transparent .x-panel-header,
.x-panel-header-transparent-bb .x-panel-header {
	background-image:none;
	padding:2px 1px;
	border:0 !important;
}

.x-panel-tbar-transparent .x-toolbar .ytb-text{
	padding:2px 0;
}

.x-panel-header-transparent-bb .x-panel-header {
	border-bottom:1px solid #D0D0D0 !important;
}

.x-panel-form-label .x-panel-header .x-panel-header-text {
	font:bold 12px tahoma,arial,helvetica,sans-serif;
}

.x-tool-coverflow{background-position:0 -330px;}
.x-tool-coverflow-over{background-position:-15px -330px;}

.x-tool-trashcan{background-position:0 -345px;}
.x-tool-trashcan-over{background-position:-15px -345px;}

/* tabpanel customization */

.x-tab-panel-smart .x-panel-mc{padding-top:0;background:white;}
.x-tab-panel-smart .x-panel-ml{padding-left:1px;}
.x-tab-panel-smart .x-panel-mr{padding-right:1px;}
.x-tab-panel-smart .x-panel-noborder .x-panel-tbar-noborder .x-toolbar{border-width:0!important;}
.x-tab-panel-smart .x-panel-noborder .x-panel-bbar-noborder .x-toolbar{border-width:0!important;}
.x-tab-panel-smart .x-panel-tl{border-bottom:0;}


/* grid customization */

.x-grid-group-hd table,
.x-grid-group-hd table td {
	margin: 0;
	padding: 0;
	color:#666;
	font:bold 11px tahoma,arial,helvetica,sans-serif;
	overflow: hidden;
}

.x-grid3-row .multiline td {
	white-space: normal;
	overflow: hidden;
}

.x-grid3-row td.cellcenter {
	vertical-align: middle;
	text-align: center;
}

img.icon16 {
  	border: 0;
	vertical-align: middle;
	margin: -4px 4px 0 0;
}

img.icon32-80x60 {
	border: 1px solid lightgrey;
	padding: 13px 23px;
	background: white;
}

img.icon48-80x60 {
	border: 1px solid lightgrey;
	padding: 5px 15px;
	background: white;
}

/* SWFUpload */

.swfupload {
    position: absolute;
    z-index: 1;
}

/* RowActions */

.x-grid-group-collapsed .x-grid-group-hd div.x-action-preview,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-preview-group,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-add,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-add-group,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-edit,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-edit-group,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-delete,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-delete-group,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-download,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-download-group,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-document,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-archive,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-reactivate,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-user-delete,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-user-edit,
.x-grid-group-collapsed .x-grid-group-hd div.x-action-user-email {
	background-position: center center;
}

div.x-action-preview,
div.x-action-preview-group,
div.x-action-add,
div.x-action-add-group,
div.x-action-edit,
div.x-action-edit-group,
div.x-action-delete,
div.x-action-delete-group,
div.x-action-download,
div.x-action-download-group,
div.x-action-document,
div.x-action-archive,
div.x-action-reactivate,
div.x-action-user-delete,
div.x-action-user-edit,
div.x-action-check,
div.x-action-uncheck,
div.x-action-user-email {
	float: left;
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 0 !important;
	margin: 0 !important;
}
div.x-action-preview, div.x-action-preview-group {
	background: transparent url(../icons/preview.gif) no-repeat center center !important;
}
div.x-action-add, div.x-action-add-group {
	background: transparent url(../icons/add.gif) no-repeat center center !important;
}
div.x-action-edit, div.x-action-edit-group {
	background: transparent url(../icons/edit.gif) no-repeat center center !important;
}
div.x-action-delete, div.x-action-delete-group {
	background: transparent url(../icons/delete.gif) no-repeat center center !important;
}
div.x-action-download {
	background: transparent url(../icons/download.gif) no-repeat center center !important;
}
div.x-action-download-group {
	background: transparent url(../icons/download_group.gif) no-repeat center center !important;
}
div.x-action-document {
	background: transparent url(../icons/document.gif) no-repeat center center !important;
}
div.x-action-archive {
	background: transparent url(../icons/archive.gif) no-repeat center center !important;
}
div.x-action-reactivate {
	background: transparent url(../icons/reactivate.gif) no-repeat center center !important;
}
div.x-action-user-delete {
	background: transparent url(../icons/fam/user_delete.png) no-repeat center center !important;
}
div.x-action-user-edit {
	background: transparent url(../icons/fam/user_edit.png) no-repeat center center !important;
}
div.x-action-check {
	background: transparent url(../icons/check.png) no-repeat center center !important;
}
div.x-action-uncheck {
	background: transparent url(../icons/uncheck.png) no-repeat center center !important;
}
div.x-action-user-email {
	background: transparent url(../icons/fam/email.gif) no-repeat center center !important;
}

/* Priority */

div.x-priority-high,
div.x-priority-medium,
div.x-priority-normal {
	width: 16px;
	height: 16px;
	padding: 0 0 0 20px;
}
div.x-priority-high {
	background: transparent url(../icons/priority_high.gif) no-repeat left center !important;
}

div.x-priority-medium {
	background: transparent url(../icons/priority_medium.gif) no-repeat left center !important;
}

div.x-priority-normal {
	background: transparent url(../icons/priority_normal.gif) no-repeat left center !important;
}

.bottom-8 {
	padding-bottom: 8px
}

/* Status */

.sid-1, .sid0, .sid1, .sid2 {
	text-align: center;
	text-transform: uppercase;
	font: normal 10px Arial;
	color: white;
	width: 98px;
	padding: 1px 0;
	margin: 0;
}
.sid-1 {
	background: #e40074;
}
.sid0 {
	background: #ffae00;
}
.sid1 {
	background: #22b500;
}
.sid2 {
	background: #808080;
}


/* Radio button spacing */

.x-form-radio-group .x-form-radio-wrap label {
	padding-right: 10px;
}

/* Checkbox Groups */

.x-form-check-wrap {
	overflow: hidden;
	display: block;
	height: auto !important;
}

label.x-form-cb-label {
	font-weight: normal;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 70%;
	height: 100%;
	padding: 0 5px;
	display: inline-block;
	cursor: pointer;
}

/* Tree view icons (not visible in menu) */

.x-icon-grey {
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
}

/* gallery */

select{
	font-size:11px;
}
.image-tip{
	padding:4px;
	height:98px;
	white-space:nowrap;
}
.image-tip img {
	margin-right:10px;
	border:2px solid #083772;
}
.image-tip b{
	color: #083772;
	display: block;
	margin-bottom: 4px;
}
.image-tip span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}
#gallery_images{
	background: #fff url( ../icons/center-bg.gif ) repeat-x top left;
	font: 11px Arial, Helvetica, sans-serif;
}
#gallery_images .thumb{
	background: #dddddd;
	padding:3px;
}
#gallery_images .thumb img{
	border:1px solid white;
	height: 80px;
	width: 80px;
}
#gallery_images .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#gallery_images .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
#gallery_images .x-view-selected .thumb{
	background:#8db2e3;
}
#gallery_images .loading-indicator {
	font-size:8pt;
	background-image:url(../icons/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
.x-dd-drag-proxy .multi-proxy .thumb-img{
	height: 20px;
	width: 30px;
	margin:1px;
}
.x-dd-drag-proxy .thumb-img{
	height: 80px;
	width: 80px;
}
.image-node .x-tree-node-icon {
    margin-bottom:1px;
    height:15px;
}
.album-node .x-tree-node-icon, .album-btn{
    background-image:url( ../icons/album.gif ) !important;
}
#folders{
	position:relative;
}