body.arch-work {
   background-color: white;
}


#arch-editor-throbber {
    background-image: url(images/loading_large.gif);
    background-repeat: no-repeat;
    width: 128px;
    height: 128px;
    min-width: 128px;
    min-height: 128px;
    border:0px;
}



/** Toolbar Overrides **/

.gs-toolbar .gs-toolbar-button.ui-state-default {
    background: none;
    border-color: transparent;
}

.gs-toolbar .gs-toolbar-button.ui-state-highlight {
    background: #fbf9ee;
    border-color: #fcefa1;
}

.gs-toolbar .ui-button-icons-only .ui-button-icon-secondary {
    right: 0em;
}
.gs-toolbar .gs-button-menu li .ui-button {
    font-size: 0.9em;
}
#arch-toolbar .gs-toolbar-button
{
    font-weight:bold;
    font-size: 1.2em;
}



/*
#arch-toolbar .ui-buttonset .ui-button
{
    font-size: 1.2em;
}
*/
/*
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
*/

/********************* Dialog Overides *************************/
.ui-dialog .ui-dialog-buttonpane{
    margin:0px;
}

/********************* General Layout Styling *************************/

.ui-layout-resizer { /* all 'resizer-bars' */ 
	background: #ddd; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
	background: #aaa; 
}

.ui-layout-pane {
    background-color: white;
}

.ui-layout-west {
    border: 1px solid #aaa;
}
		
.ui-widget-overlay {
  opacity: 0.7;
  background-color: #258;
  background-image: none;
}

h1.user-header {
    background-color: #7badcd;
    background-image: url(images/header.bg.blue.jpg);
    color: #ffffff;
    padding: 7px 10px;
    border: none;
    font-size: 1.9em;
}

.arch-theme-red h1.user-header {
    background-image: url(images/header.bg.red.jpg);
}

#arch-toolbar-user {
   border-width: 0;
}

h3.ui-widget-header {
  position: relative;
  margin: -1px 0 0 0;
  padding: 0.5em 0.7em;
  border-width: 1px 0;
  font-size: 1.1em;
  /*background: url(images/toolbar.bg.ice.gif) repeat-x 0% 50%;*/
  background: url(images/toolbar.bg.ice.blue.gif) repeat-x 0% 50%;
}

/** An Edit Tool Inside the ui-widget-header **/
h3.ui-widget-header .h-tool {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom:0 !important;
    margin-top: -0.4em !important;
    margin-bottom: -0.4em !important;
    border-width: 0 !important;
    background: none !important;
}

.edit-dialog .ui-widget-header {
  background-image: url(images/toolbar.bg.ice.blue.gif);
}

.ui-widget-content a {
    color: #3366FF;
}

/********************* Edit Dialog *************************/

.edit-dialog {
   border: 1px solid #aaa;
   border-top-width: 0px;
   margin-bottom: -.5em;
}

.edit-dialog .ui-layout-west, .edit-dialog .ui-layout-west .ui-layout-content {
   overflow:hidden;
}

.edit-dialog .ui-layout-west ul.section-toggler {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.edit-dialog .ui-layout-west ul.section-toggler li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.edit-dialog .ui-layout-west .ui-button {
   display: block;
   text-align: left;
   margin-right: 0;
}

.edit-dialog .ui-layout-west .ui-button.ui-state-default {
   border-color: white;
   background: none;
}

.edit-dialog .ui-layout-west .ui-button.ui-state-hover {
   border-width: 1px 0;
   background: none;
   border-color: black;
}

.edit-dialog .ui-layout-center {
    border: 1px solid #aaa;
}

.edit-dialog .ui-layout-center.ui-sublayout {
    border: none;
}

.edit-dialog .ui-widget-content {
	/* nullify ui-widget-content bg-image - but KEEP widget bg-color */
	background-image: none;
}
.edit-dialog .ui-layout-pane {
	/* start by removing all padding & scrolling */
	padding:	0;
	overflow:	hidden;
}
.edit-dialog .ui-layout-content {
	border:			0; /* nullify ui-widget-content border - 'pane' already has this */
	overflow: auto;
        overflow-x: hidden;
}

.edit-dialog .arch-grid .ui-layout-content {
        overflow: auto;
}

/* TODO: This prevents a fouc... but it might need reworked a bit.
.edit-dialog .ui-layout-center ,
.edit-dialog .ui-layout-west ,
.edit-dialog .ui-layout-east {
    display: none;
}
*/

.edit-dialog .ui-layout-fouc
{
    display:none;
}

.edit-dialog .ui-layout-west p {
    padding: 0.5em 0.7em;
}

/********************* xxxxxxxx *************************/

#arch-workarea .ui-widget-header {
    /*background-image:url(images/toolbar.bg.ice.gif);*/
    background: url(images/toolbar.bg.ice.blue.gif) repeat-x 0% 50%;
}

#arch-workarea .ui-layout-center .arch-content-padding {
    padding-left: 1em;
    padding-right: 1em;
}

#arch-workarea-sidebar {
    overflow-x: hidden;
    overflow-y: hidden;
}

#arch-workarea-sidebar ul {
    padding-left: 3.0em;
    margin-left: 0em;
}

#arch-workarea-sidebar ul ul {
    padding-left: 1.5em;
    margin-left: 0em;
}

#arch-workarea-sidebar li {
    position: relative;
}

#arch-workarea-sidebar li a {
    padding-right: 0.3em;
    display:block;
    color: #3366FF;
    text-decoration: none;
}

#arch-workarea-sidebar li a:hover {
    color: black;
    text-decoration: underline;
}

#arch-workarea-sidebar li a.selected {
    font-weight: bold;
    color: black;
}

#arch-workarea-sidebar li .info {
    position:absolute;
    right:0;
    top:0;
    display:block;
    text-align:center;
    vertical-align: middle;
    padding-right:1em;
    font-style:italic;
}

#arch-workarea-sidebar form {
    margin:0.5em 0.5em 0.5em 1.5em;
}

#arch-content-sidebar ul.arch-sidebar li a {
    color: #3366FF;
    text-decoration: none;
    display: block;
}

/********************* Formalize Form Styling *************************/

fieldset {
   border: none;
   margin: 0;
   padding: 0;
}

.arch-fs {
   padding: 0;
   margin-top: -1px;
   overflow: hidden;
}

.arch-fs-highlight {
    background-color: #D2ECF7;
}

.arch-legend {
   border-width: 1px 0 1px 0;
   padding: 0.5em  1em;
   font-weight: bold;
   font-size: 1.1em;
   background: url(images/toolbar.bg.ice.blue.gif) repeat-x 0% 50%;
   /*background-color: #D2ECF7;*/
}

fieldset.no-legend .arch-legend {
    display: none;
}

.arch-ff {
   margin: 1.0em 1.0em 1.0em 1.5em;
   clear: left;
}

.arch-ff-label {
    display:block;
    font-weight: bold;
    margin: 0.5em 0;
    font-size: 1.1em;
}

.arch-ff-label em {
    font-weight: normal;
    font-style: italic;
}

.arch-fs label {
    margin-right: 0.5em;
}

.arch-ff input {
   /* margin-right: 0.6em;*/
}

.arch-ff textarea {
    width: 400px;
    height: 100px;
}

.arch-ff-ranker-handle {
    cursor: move;
    display: inline-block;
    margin-left: 1px;
}

.arch-ff-info {
    font-style: italic;
    margin: 1.0em 1.0em 1.0em 1.5em;
}

.arch-ff-help {
    background-color:#FEF5D8;
    border:1px solid #BBCCDD;
    color:black;
    float:right;
    padding:0.6em;
    width:200px;
    margin: 1.0em;
    clear: right;
}
.arch-ff-help h4 {
    margin: 0px;
}
.arch-ff-help ul {
  margin:0 0 10px 0;
  padding:5px;
  list-style-type:none
}

.arch-ff-none {
    padding: 1.0em 0em 1.5em 0.1em;
    font-style: italic;
}


.arch-getting-started img{
    vertical-align: top;
    border:1px solid #ccc;
    padding:2px;
    width:150px
}
.arch-ff-tablelist {
    border: none;
    border-collapse: collapse;
    margin: 1.0em 1.0em 1.0em 1.5em;
    /*line-height: 1.6em;*/
}

.arch-ff-tablelist th, .arch-ff-tablelist td {
    border: 1px solid #ccc;
    padding: 0.3em 0.5em;
}

.arch-ff-tablelist thead tr {
   background: url(images/toolbar.bg.ice.gif) repeat-x 0% 50%;
   border-bottom: 1px solid #ccc;
}

.arch-ff-tablelist .thead-row {
   background: url(images/toolbar.bg.ice.gif) repeat-x 0% 50%;
   border-bottom: 1px solid #ccc;
}

.arch-ff-tablelist td input[type="text"] {
    /**width: 150px;**/
}

.arch-ff-tablelist tbody tr {
    border-top: 1px solid #ccc;
}

.arch-ff-tablelist tr {
   /*background-color: white;*/
}

.arch-ff-tablelist tr.highlight {
    background-color: #AACCAA;
}

.arch-ff-tablelist tr.zebra {
   background-color: #ddffdd;
}

.arch-ff-tablelist td.arch-ff-tablelist-none {
    padding: 1.0em 2.5em;
    font-style: italic;
}

.arch-ff-tablelist tr {
    vertical-align: middle;
}

.arch-ff-tablelist tr.ui-state-highlight {
    height: 2.4em;
}

.ui-button.ui-hollow {
    margin-top: -0.4em;
    margin-bottom: -0.4em;
    border-width: 0;
    background: none;
    overflow:hidden;
}

.ui-button.ui-hollow.ui-button-icon-only {
    width: 1.7em;
}

.ui-button.ui-hollow.ui-button-icon-only .ui-button-text {
    padding:0em;
}

.ui-hollow.ui-button-text-icon-primary .ui-button-text
{
    padding: 0.4em 1em 0.4em 2.3em;
}
.ui-hollow.ui-button-text-icon-primary .ui-button-icon-primary
{
    left: 0.3em;
    margin-left: -2px;
}

.ui-hollow.ui-hollow-bb
{
    border-width: 1px;
}

.ui-hollow.ui-hollow-bb .ui-button-icon-primary
{
    margin-left: 2px;
}

.arch-ff-tablelist .inline-icon {
    float:left;
    margin-right:5px;
}

.arch-ff-tablelist .main-link {
    display:block;
    color:blue;
}

.arch-ff-tablelist a {
    color: #3366FF;
    text-decoration: none;
}

.arch-ff-tablelist a:hover {
    color: black;
    text-decoration: underline;
}

.arch-ff-50px {
    width: 50px;
}

.arch-ff-short {
    width: 32px;
    margin-right: 0.7em;
}

.arch-ff-number {
    width: 32px;
}

.arch-ff-date {
    width: 75px;
}

.arch-ff-long {
    width: 400px;
}

.arch-ff-medium {
    width: 200px;
}

.arch-ff-150px {
    width: 150px;
}

.arch-ff-175px {
    width: 175px;
}

.arch-ff-195px {
    width: 195px;
}

.arch-ff-100 {
    width: 99%;
}

.arch-ff-90 {
    width: 90%;
}

.arch-ff-right {
    text-align: right;
}

.arch-ff-center {
    text-align: center;
}

.arch-ff-placeholder {
    color: #999;
}

.arch-ff-icon {
    float:left;
    margin-right: 0.5em;
}

.arch-ff-deleting {
    background-color: #f99;
}

.arch-ff-error {
    background-color: #fcc;
    padding:0.5em;
    font-style:italic;
}

.arch-ffb-sort {
    cursor: move;
}

.arch-ff-list {
    padding-left: 2.0em;
}
.arch-ff-list .arch-ffb {
    background: none;
    border-width: 0;
}
.arch-ff-list .ui-button-icon-only {
    width: 1.7em;
}
.arch-ff-list .ui-button-text-icon-primary .ui-button-icon-primary {
    left: 0.1em;
}

.arch-ff-list .arch-icon-resource-16 {
    position: relative;
    top: 3px;
}

.no-bullets {
     list-style-type: none;
     padding-left: 0;
}

.arch-ff-image {
    overflow: hidden;
    margin-top: 1.0em;
}

.arch-ff-image-img {
    vertical-align: top;
    float:left;
    border:2px solid #aaa;
    padding:0.5em;
}

.arch-ff-image-tools .ui-button {
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 3px;
}

/*** ckeditor ****/

.cke_max_toolbar { display:none; }
.cke_min_toolbar { display:block; }
.cke_maximized .cke_max_toolbar { display:block; }
.cke_maximized .cke_min_toolbar { display:none; }

span.cke_skin_kama {
    border: none !important;
    padding: 0 !important;
}

span.cke_skin_kama .cke_wrapper {
    border-radius: 0 !important;
}

/** fix for editor in ui-dialog **/
.cke_skin_kama .cke_dialog_body { z-index: inherit; }


/*** GS Grid ****/

.gs-grid {
    display:block;
    position: relative;
    border: 0;
    overflow: hidden;
    margin:0;
}

.gs-thead {
    display: block;
    width:100%;
    position: relative;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    
}

.gs-thead-row {
    display: block;
}

.gs-thead-cell {
    background: inherit;
    display: inline-block;
    width: 100px;
    white-space: normal;
    overflow:visible !important;
    margin-left: 0;
}

.gs-tbody {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.gs-tbody-row {
    position: relative;
    display: block;
    white-space: nowrap;
}

.gs-tbody-cell {
    display: inline-block;
    width: 100px;
    white-space: normal;
    overflow: hidden;
    margin-left: 0;
    vertical-align: top;
}

.gs-locked-cell {
    position: relative;
    background: inherit;
    /*z-index: 10;*/
}


/*** GS Grid Overrides ****/

.arch-grid .gs-thead {
    font-weight: bold;
}

.arch-grid .gs-thead-cell, .arch-grid .gs-tbody-cell {
    padding: 0.3em 0.5em;
    text-align: center;
}

.arch-grid .gs-thead-row {
   background: url(images/toolbar.bg.ice.gif) repeat-x 0% 50%;
   border-bottom: 1px solid #ccc;
}

#arch-fast-grid thead tr {
   background: url(images/toolbar.bg.ice.gif) repeat-x 0% 50%;
   border-bottom: 1px solid #ccc;
}

#arch-fast-grid thead tr th {
   padding: 0.3em;
}

/* IE7 Fix */
.arch-grid .gs-thead-cell {
   background: url(images/toolbar.bg.ice.gif) repeat-x 0% 50%;
}

.arch-grid .gs-tbody {
    background-color: white; /* hides overflowing header rows */
}

.arch-grid .gs-tbody-row {
    border-top: 1px solid #ccc;
    background-color: white;
}

.arch-grid .gs-tbody-row:hover {
    /*background-color: #aac;*/
    background-color: #ffcb84;
}

.arch-grid .highlight {
    background-color: #AACCAA;
}

.arch-grid .zebra {
   /*background-color: #ddedff;*/
   background-color: #94efaa;
}

.arch-grid .error {
    background-color: #ffcccc;
}

.arch-grid .deleting {
    background-color: #f99;
}

.arch-grid .ui-state-droppable {
    background-color: #aac;
}

.arch-grid .gs-tbody-cell {
    vertical-align: middle;
}

.arch-grid .gs-tbody-cell a {
    color: #3366FF;
}


/*** GS Toolbar - Trail Items ****/

.gs-toolbar .trail-item .ui-button-icon-primary {
    left:0;
}
.gs-toolbar .trail-item-home .ui-button-icon-primary {
    left:0.3em;
}
.gs-toolbar .trail-item .ui-button-text {
    padding-right: 0em;
    margin-right: 0.5em;
    padding-left: 1.7em;
    white-space:nowrap;
    overflow: hidden;
}
.gs-toolbar .trail-item-home .ui-button-text {
    padding-right: 0em;
    margin-right: 0.5em;
    padding-left: 2.1em;
}
.gs-toolbar .trail-item.ui-button-icon-only .ui-button-icon-primary,
.gs-toolbar .trail-item-home.ui-button-icon-only .ui-button-icon-primary{
    margin-left: 0;
}


.arch-icon-test-item-bg {
   background: url(images/bullet_square_blue.png) no-repeat center center;
}

.arch-icon-checkbox {
   background: url(images/checkbox-off.png) no-repeat center center;
   width: 24px;
   height: 24px;
   display:block;
   text-indent: -900px;
}

.arch-icon-checkbox-on {
   background: url(images/checkbox-on.png) no-repeat center center;
}

.arch-loading {
    background: url(images/loading.gif) no-repeat center center;
}

.ui-dialog .ui-dialog-buttonpane.arch-loading {
    background: url(images/loading.gif) no-repeat left center;
}

.arch-grid.arch-resources-grid .c22 { width:22px }
.arch-grid.arch-resources-grid .c230 { width:230px }
.arch-grid.arch-resources-grid .cShared { width:75px }
.arch-grid.arch-resources-grid .cTools { width:85px;text-align:center; }
.arch-grid.arch-resources-grid .cLocation { width:400px;text-align:left;white-space:nowrap; }
.arch-grid.arch-resources-grid .c90 { width:90px }
.arch-grid.arch-resources-grid .cSize { width:60px }
.arch-grid.arch-resources-grid .cL { text-align:left; }
.arch-grid.arch-resources-grid .arch-icon-resource-16 {
    float:left;
    margin-right: 5px;
}
.arch-grid.arch-resources-grid .cTools .arch-icon-only {
    display: inline-block;
    margin: 0 2px;
}