﻿/*                                          *
 *  Admin CSS File                          *
 *  @author: Martin Friedrich               *
 *  CMS stuff to be included in all.css by  *
 *  JCE upon WLib 3.0 backend completion    */


/********************************************************************************************************************************
 ADMIN ICONS
    Font Created with http://icomoon.io/app/ - to edit, be sure to load the JSON file located in ../fonts/
********************************************************************************************************************************/
@font-face {
	font-family: 'wlib3-admin';
	src:url('../fonts/wlib3-admin/fonts/wlib3-admin.eot');
	src:url('../fonts/wlib3-admin/fonts/wlib3-admin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/wlib3-admin/fonts/wlib3-admin.woff') format('woff'),
		url('../fonts/wlib3-admin/fonts/wlib3-admin.ttf') format('truetype'),
        url('../fonts/wlib3-admin/fonts/wlib3-admin.svg#wlib3-admin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'wlib3-admin';
        src:url('../fonts/wlib3-admin/fonts/wlib3-admin.svg#wlib3-admin') format('svg');

    }
}

.adminForward { margin-bottom:40px;}
.adminIcon  {   font-family: 'wlib3-admin';speak: none;font-style: normal;font-weight:normal;font-variant: normal;text-transform: none;
                line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


/* Content Widgets */
.adminIcon.html:before      { content: "\e000";}
.adminIcon.image:before     { content: "\f03e";}
.adminIcon.video:before     { content: "\f008";}
.adminIcon.album:before     {content: "\e00b";}
.adminIcon.media:before     {content: "\f09e";}
.adminIcon.slider:before {content: "\2207";}

/* System Widgets */
.adminIcon.login:before             {content: "\e007";}
.adminIcon.signup:before            {content: "\f044";}
.adminIcon.verify:before            {content: "\f046";}
.adminIcon.recovery:before          {content: "\e009";}
.adminIcon.profile:before           {content: "\e00a";}
.adminIcon.profile_picture:before   {content: "\e00c";}
.adminIcon.profile_status:before    {content: "\f0e7";}

/* Social Widgets */
/* Racing Widgets */
.adminIcon.racing:before,
.adminIcon.racestandings:before         { content: "\f091";}
.adminIcon.raceflag:before,
.adminIcon.racecenter:before        {content: "\f38e";}
.adminIcon.calendar:before,
.adminIcon.raceschedule:before          {content: "\f073";}
.adminIcon.steering-wheel:before    {content: "\e600";}
.adminIcon.cars:before              {content: "\e601";}
.adminIcon.no88:before              {content: "\e602";}
.adminIcon.no7:before               {content: "\e603";}
.adminIcon.no5:before               {content: "\e604";}
.adminIcon.no3:before               {content: "\e608";}
.adminIcon.no9:before               {content: "\e609";}
.adminIcon.track:before             {content: "\e605";}
.adminIcon.driver:before            {content: "\e606";}
.adminIcon.results:before,
.adminIcon.raceresults:before      {content: "\e60c";}

/* Marketing Widgets */
.adminIcon.banner:before            {content: "\e60d";}
.adminIcon.advertisement:before     {content: "\e60b";}

/* Extension Widgets */
.adminIcon.podcast:before {content: "\e607";}

/* File Manager*/
.adminIcon.list:before          { content: "\e002";}
.adminIcon.list:before          { content: "\f113";}
.adminIcon.grid:before          { content: "\f110";}
.adminIcon.group:before         { content: "\f0c0";}
.adminIcon.foldertree:before    { content: "\f0f0";}
.adminIcon.folder:before        { content: "\e004";}
.adminIcon.folder-open:before   { content: "\e005";}
.adminIcon.download-alt:before  { content: "\f019";}
.adminIcon.upload-alt:before    { content: "\f093";}
.adminIcon.refresh:before       { content: "\f021";}
.adminIcon.crop:before          { content: "\e006";}

/* Misc Admin Icons*/
.adminIcon.home:before          { content: "\f015";}
.adminIcon.settings:before      { content: "\f013";}
.adminIcon.mail:before          { content: "\f003";}
.adminIcon.notebook:before      { content: "\e003";}
.adminIcon.user:before          { content: "\f007";}
.adminIcon.defaultfile:before,
.adminIcon.file:before          { content: "\e001";}
.adminIcon.paper-clip:before    {content: "\f0c6";}

/* */
.adminIcon.add:before           { content: "\f067";}
.adminIcon.delete:before        { content: "\f014";}
.adminIcon.edit:before          { content: "\f040";}
.adminIcon.ok:before            { content: "\f00c";}
.adminIcon.reorder:before       { content: "\f0c9";}
.adminIcon.check:before         {content: "\f046";}
.adminIcon.check-empty:before   {content: "\f096";}

.adminIcon.save:before          {content: "\e60a";}

/* Informational Signs*/
.adminIcon.plus-sign:before         { content: "\f055";}
.adminIcon.minus-sign:before        { content: "\f056";}
.adminIcon.remove-sign:before       { content: "\f057";}
.adminIcon.ok-sign:before           { content: "\f058";}
.adminIcon.question-sign:before     { content: "\f059";}
.adminIcon.info-sign:before         { content: "\f05a";}
.adminIcon.exclamation-sign:before  {content: "\f06a";}
.adminIcon.warning-sign:before      {content: "\f071";}

/* Caret Directions*/
.adminIcon.caret-down:before    { content: "\f0d7";}
.adminIcon.caret-up:before      { content: "\f0d8";}
.adminIcon.caret-left:before    { content: "\f0d9";}
.adminIcon.caret-right:before   { content: "\f0da";}




 /* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" adminIcon"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

.ui-button-icon-only .ui-icon[class*=" adminIcon"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}


/********************************************************************************************************************************
 BACKEND ADMIN PAGES
********************************************************************************************************************************/
 html.administration {background:url(../images/admin_body.jpg);}
 html.adminstratio body                {   color:#222222;
                        font-size: 75%;    /* 12px */
                        line-height: 1.5em;  /* 18px */
                        font-family: 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif;
                    }
 
 .adminBody { width: 940px; margin:auto; }
 .adminHeader { background:url(../images/admin_header.jpg); height:90px;}
 .adminHeader .wrap {width: 940px;margin: auto;padding: 10px;}
 .adminHeader .logo { margin-top:10px;}
 
 .adminNav {    background: #326496;
                border-bottom: 1px solid #003863;
                box-shadow: 0px 2px 2px #999999;
                -moz-box-shadow: 0px 2px 2px #999999;
                -webkit-box-shadow: 0px 2px 2px #999999;
                behavior: url(widgets/static/styles/PIE.htc);}
                
.adminNav .wrap         { width: 940px; margin: auto;} 
.adminNav li            { display:inline-block; float:left; font-size:12px; text-shadow:1px 1px 0px #003863; color:#fff;
                          border-left:1px #29537d solid;border-right:1px #3a75b0 solid;}
                          
.adminNav li:hover, #nav li:active, #nav li a.active { background:#3a75b0; }

.adminNav li a          { color:#fff; text-shadow: 0 1px 1px #003863; padding:10px; line-height:35px;}
.adminBody .layoutFp    { background: url(../images/admin_body2.jpg) repeat-x;margin-top: 20px;min-height: 500px;padding:10px;
                          border-radius: 8px 8px;-moz-border-radius: 8px 8px;-webkit-border-radius: 8px 8px;}
                          
.adminBody h1 { font-size: 18px;
margin: 0 0 10px 0;
color: #003863;
text-shadow: 0 1px 1px white;}

.adminBody h2 { font-size: 14px;
margin: 0 0 10px 0;
color: #003863;
text-shadow: 0 1px 1px white;}


.toolbar { background:#326496;padding:5px 10px 5px 10px; min-height:24px;  line-height:24px;
            border-radius: 8px 8px 0px 0px;-moz-border-radius: 8px 8px 0px 0px;-webkit-border-radius: 8px 8px 0px 0px;
            behavior: url(widgets/static/styles/PIE.htc);
            color:#fff; text-shadow: 0 1px 1px #003863;}

.siteMap  { min-width:200px; height:500px; overflow:hidden; overflow-y:scroll; padding:10px;}
.siteMap::-webkit-scrollbar,
.siteMap::-webkit-scrollbar        { width:10px;}

.siteMap::-webkit-scrollbar-track  { background:#f0f0ef;}
.siteMap::-webkit-scrollbar-track  { background:#f0f0ef;}
.siteMap::-webkit-scrollbar-thumb  { background:#bfbfbe;}

.siteMap li a { display: block; ; margin-bottom:2px; padding:2px 5px; border-width:1px; border-style:solid;}
.siteMap .sub li { margin-left:20px;}


/********************************************************************************************************************************
 FTP Console
********************************************************************************************************************************/
.ftpSettings, .ftpInfo      { float: left; }
.ftpTextbox                 { width: 170px; }
.ftpButton                  { width: 250px; }
.ftpInfo                    { margin-left: 10px; border: solid 1px #000;  }
.ftpConsole                 { font-family:monospace; font-size:12px; background-color: #000; color: #fff; width: 600px; height: 300px; overflow-y:scroll;}
            
/********************************************************************************************************************************
 GENERAL ADMIN DIALOGS
********************************************************************************************************************************/
/*Form Sizes*/
.input_tiny                 { width: 30px !important; max-width:30px;}
.input_small                { width: 50px !important; max-width:50px;}
.input_medium               { width: 128px !important; max-width:128px;}
.input_large                { width: 250px !important; max-width:250px;}
.input_xl                   { width: 350px !important; max-width:350px;}
.input_xxl                  { width: 450px !important; max-width:450px;}
.input_full                 { width: 100%; max-width:100%;}
.input_full_wrap            { display: block;padding-right: 8px;} 

/*Dialog Layout Table*/
.dialogForm             {   margin-bottom: 0; width: 100%; }
.dialogForm td          {   padding: 0 10px 5px 10px; font-weight:normal;}
.dialogForm th          {   padding: 0 0 5px 10px; text-align: right;white-space: nowrap;width: 1px;font-weight:normal;}
.dialogForm th.top      {   vertical-align:text-top;}

.adminBar                   { text-align: ; float:left; left:50%; position:fixed; bottom:0; z-index:50;}
.adminBar #divAdminBarWrapper {  float: left;position: relative;right: 50%;}

.inputField                 { float: left; display:block; }
.inputField fieldset        { padding: 5px; border: 1px solid #a5b3c5; }
.inputField fieldset legend { color: #888; }
.inputTable                 { }
.inputTable tr th           { padding: 0px 5px; font-weight: normal; text-align: right;}
.inputTable tr td           { }

.windowBar                  { display: block; padding: 3px; right: 7px; left: 7px; bottom: 7px; background: #dfe9f5; border-top: 1px solid #a5b3c5; }
.multiPage                  { border: 1px solid #a5b3c5;height:493px; padding:5px; }

/* UI Edit Button */
.wgWrapper { position:relative;min-height: 10px;}
.uiEdit a { display:block; width:10px; height:10px; background:url(../images/uiEdit.png) no-repeat; position:absolute; bottom:0; left:0; z-index: 75;}

/* Context Menu */
.contextMenu { width: 150px; position: absolute; z-index: 1000; display: none; }


/********************************************************************************************************************************
 PAGE EDIT DIALOG
********************************************************************************************************************************/
/* ====== General Tab ====== */
.pageEditMenu {height: 300px; width: 150px; float: left; overflow:hidden; overflow-y:auto;  border-width:1px; border-style:solid;}
.pageEditMenu::-webkit-scrollbar        { width:10px;}
.pageEditMenu::-webkit-scrollbar-track  { background:#f0f0ef;}
.pageEditMenu::-webkit-scrollbar-thumb  { background:#bfbfbe;}
.pageEditMenuSelect { padding:2px 4px 2px 4px;font-weight: normal;border-style: solid;border-bottom-width:1px;behavior: url(widgets/static/styles/PIE.htc);}
.pageEditMenuSelect select { width:130px;}

.pageEditMenu ul li      { overflow:hidden;}
.pageEditMenu ul li a    { display:block; line-height:16px; border-bottom-width: 1px; border-bottom-style:solid;padding: 2px 20px 2px 4px;cursor: move; }
.pageEditMenu ul li a .adminIcon { position:absolute; right:5px; line-height: 14px;}

.pageEditMenu .active a { background-color: red;  }



/* ====== Content Tab ====== */
.pageContent{}
.plWrapper              { height:; }
.plToolbarWrapper       { width: 160px; height:483px; float: left; overflow:hidden; overflow-y:auto;  border-width:1px; border-style:solid; }
.plToolbarWrapper hr { margin:5px 0px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}

.plToolbarWrapper::-webkit-scrollbar,
.plWorkspaceWrapper::-webkit-scrollbar        { width:10px;}

.plToolbarWrapper::-webkit-scrollbar-track  { background:#f0f0ef;}
.plToolbarWrapper::-webkit-scrollbar-track  { background:#f0f0ef;}
.plToolbarWrapper::-webkit-scrollbar-thumb  { background:#bfbfbe;}

.plToolbarTitle         { height: 28px;line-height: 20px;padding:2px 4px 2px 4px;font-weight: normal;border-style: solid;border-bottom-width:1px;behavior: url(widgets/static/styles/PIE.htc);}
.plToolbar              { overflow: auto;}

.plButton .ui-button-text { padding:2px 4px 0px 25px!important;}
.plToolbarGroup { margin-right:10px;}

.plWidgetGroup                  {  }
.plWidgetGroup .collapsible { }
.plWidgetGroupHeader            {  cursor:pointer; border-bottom-width:1px; border-style:solid;
                                  vertical-align: top;padding:2px 4px 2px 4px; font-weight: normal;behavior: url(widgets/static/styles/PIE.htc);}
                          
.plWidgetGroup.plExisting .collapsible .plWidgetGroupHeader {padding:2px 4px 2px 4px; border-style: solid; border-bottom-width:1px;}
                            
.plWidget, .plClone     {  padding:2px 4px 2px 4px; cursor:move; border-bottom-width:1px; border-style:solid;border-left:none;}

.plWidget.ui-draggable-dragging,
.plClone.ui-draggable-dragging { width:150px; z-index:1000;}


.plWidget.ui-draggable-dragging:hover{

}

.plWidget .adminIcon,
.plClone .adminIcon{   margin-right:10px; margin-left:5px;}

.plWidgetGroup .plWidgetGroupHeader .adminIcon    { margin-right:10px; margin-left:5px;  background-image:url(../images/admin_sprites.svg) no-repeat;}

.plWorkspaceWrapper     {   width:700px;float: right;margin-left:10px; border-width:1px; border-style:solid; border-bottom:0;}
.plWorkspaceBar         {   padding:2px 4px 2px 4px; line-height: 22px;border-width: 1px; border-style:solid; border-left:0; border-right:0; height: 30px;}
.plWorkspace            {   overflow: hidden; border: 1px solid none; position:relative; }
.pageContent .plWorkspace {overflow: auto;
height: 455px;}
.plContentRow           {   clear: both; margin-bottom:5px; background:#eee;}
.plRowToolbar           {   width: 20px; float: right; }
.plTable                {   width: 100%; cursor:default;}
.plTable thead          {   background-color: #3F4561; color:#fff; text-align:left;}
.plTable thead th       { padding: 2px; line-height: 12px; }
.plTable .plRowInfo     {   float:left; line-height:18px;}
.plTable .plRowInfo .plInfoType     { width:150px; display:inline-block; border-right:1px solid; margin-right:10px; padding-right:5px; text-transform:capitalize;}
.plTable .plRowInfo .plInfoType strong     { margin-left:2px;}
.plTable .plRowInfo .plInfoClass    { margin-right:5px; padding-right:5px;}

.plTable .plRowTools    {   float:right;}
.plTable .plRowTools a { margin:1px 5px 0px 5px;}
.plInstance             {   background:#eee; margin-bottom:5px;padding:2px 4px 2px 4px;
                            -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;border: 1px solid #bbb;  cursor:pointer;
                            -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;box-shadow: inset 0px 1px 0px 0px #ffffff;}
.plInstance:hover       { background:#fff;}
.plInstance .adminIcon  { margin-right:5px;}
.plAddInstance          { opacity:.5; filter: alpha(opacity=50); z-index:-5000; margin-bottom:0px; cursor:default; border-style:dashed; font-size:11px;}

.plAddInstance.plAddInstanceActive  { background:red;}
.plAddInstance.plAddInstanceHover   { background:green;} 
    
.plTable tbody td       {   vertical-align: top;padding:5px;border-width:1px; border-style:dotted;}
.plTable thead th       {   padding:2px 4px 2px 4px;font-weight: normal;line-height:12px;
                            border-style: solid;border-width:1px;behavior: url(widgets/static/styles/PIE.htc); cursor:move;}
.plToolCell             {   width:16px;  background:#3F4561; cursor:move;}
                              
.plWidgetEditor { padding:10px;}

.plWidgetEditor table {}


/* Page Editor Layouts */
.plTable.layoutFp           {}
.plTable.layoutFp .col1     { width:100%;}

.plTable.layoutSbL          {}
.plTable.layoutSbL .col1    { width:33%;}
.plTable.layoutSbL .col2    { width:67%;}

.plTable.layoutSbR          {}
.plTable.layoutSbR .col1    { width:67%;}
.plTable.layoutSbR .col2    { width:33%;}

.plTable.layoutSbB          {}
.plTable.layoutSbB .col1    { width:25%;}
.plTable.layoutSbB .col2    { width:50%;}
.plTable.layoutSbB .col3    { width:25%;}

.plTable.layoutCol2         {}
.plTable.layoutCol3         {}
.plTable.layoutCol4         {}
.plTable.layoutCol5         {}

/********************************************************************************************************************************
 Generic Admin Dialog
********************************************************************************************************************************/

.admHeader { margin-bottom:10px; padding:5px; }
.admHeader .admSelect { display:inline-block; }

.admToolbar {float:left;}
.admToolbar .adminIcon {margin-right:5px;}
.admToolbar a { border-radius:5px 0 0 5px;}
.admToolbar a { display:block; width:110px; line-height:; padding:10px; background:#ccc;}
.admToolbar a { opacity:.75;}
.admToolbar a:hover { opacity:1;}
.admToolbar a.selected { opacity:1; width:120px;}
.admToolbar ul li {margin-bottom:2px; float:right; display:block; clear:both;}

.admWorkspace {float:left; height:480px; width:780px; overflow-x:auto; overflow-y:hidden; }


.admWorkspace .admTabs.ui-corner-all {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.admWorkspace .admTabBody { height:410px; overflow-y:auto;}
.admWorkspace .admTabBody .admTabBody { }

.admTabBody .wgTable { margin-bottom:10px;}

.admTableWrapper { height: 345px; width:740px; overflow:auto; border:1px solid #000;}


.admTable { width:100%; white-space:nowrap;}
    .admTable .taR { text-align:right; }
    .admTable .taL { text-align:left;}
    


.admTable td, .admTable th    { padding:1px 4px; vertical-align:top; vertical-align:middle; font-weight:normal; text-align:left;}
.admTable td.driver { white-space:nowrap;}

.admTable thead { font-weight:bold;text-decoration:none;line-height:20px; text-transform:; text-align:left;}

.admTable tbody td               { border-right:1px solid; border-bottom:1px solid}
.admTable tbody td:last-child  { border-right:0;}
.admTable tbody tr.even        { background:#eee; }
.admTable tbody tr.odd         { }
.admTable tbody tr:hover:not(.selected)         { background:#ccc!important;}

    /* Season Schedule Table Tools
    .admTable .complete td:last-child { color:#428327;}
    .admTable .active td:last-child { color: #2888A8;}
    .admTable .active td { font-weight:bold;}
    .admTable .incomplete td:last-child { color:#9E3B33;}
         */
    .admTable .highlight { background:#68C4E3;}

    .admTable .editing { background:#68C4E3!important;}
    .admTable .adminIcon { font-size:14px; line-height:14px; margin-right:2px;}


/********************************************************************************************************************************
 FILE EXPLORER
********************************************************************************************************************************/
template { display:none; }
.fileManager { }
.fileManager .plToolbarWrapper { width:auto; min-width:150px;}
.fileManager .plToolbar { overflow-x: hidden; 
                          min-height:430px; padding: 2px 4px 2px 4px;
                          -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: moz-none;-ms-user-select: none;user-select: none;}
.fileManager .plToolbar li{ cursor:pointer;}
.fileManager .plToolbar li .adminIcon { margin-left:2px;margin-right:2px;}
.fileManager .plToolbar li .folderName { margin-right:10px;}
.fileManager .plToolbar ul.sub { padding-left:10px; background:none;}

.fileManager .plToolbar .selected { background:red;}

/* Controls Folder Icon */
.fileManager .plToolbar .open>.adminIcon.folder:before { content: "\e005";}
.fileManager .plToolbar .selected>.adminIcon.folder:before { content: "\e005";}

/* Controls Arrow Icon */
.fileManager .adminIcon.openState { width:10px; display:inline-block;}
.fileManager .hasChildren>.adminIcon.openState:before { content: "\f0da";}
.fileManager .open.hasChildren>.adminIcon.openState:before { content: "\f0d7";}

.fileManager .plWorkspace {}

.fileManager .plToolbarTitle { position:relative;}

.fileManager .plToolbarGroup .adminIcon.caret-left,
.fileManager .plToolbarGroup .adminIcon.caret-right { margin-left:5px; margin-right:5px;}

.fileManager .plWorkspaceWrapper { height: 483px;border-bottom:1px solid;}

/* Sync Status */
    .fileManager .syncStatus { display:inline-block; float:right; display:none;}

    .fileManager .syncStatus .statusText { margin-left:14px;}
    .fileManager .syncStatus .adminIcon { position:absolute; top:5px;}
    .fileManager .syncStatus .adminIcon:before { content: "\f00c";}
    .fileManager .syncStatus.syncing .adminIcon:before { content: "\f021";}

    .fileManager .syncStatus.syncing .adminIcon {
        *display: none    !important; /* IE 7 (IE6 also uses this, so put it first) */
        _display: none    !important; /* IE 6 */
        display: none\0/ !important; /* IE 8-9 */

    }

    .fileManager .syncStatus.syncing .adminIcon {-webkit-animation: spin 2s infinite linear;}
    @-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}	}



/* File View */
.fileManager .plWorkspace .fileView { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; }


.fileManager .plWorkspace .gridView .itemHeader { display: none; }
.fileManager .plWorkspace .fileView.listView .itemBody { overflow-x:hidden; overflow-y:scroll; height:430px;}
.fileManager .plWorkspace .fileView.gridView .itemBody { overflow-x:hidden; overflow-y:scroll; height:453px;}

.fileManager .plWorkspace .fileView .itemBody .item:hover { cursor:pointer;}
.fileManager .plWorkspace .fileView .itemBody .item:hover:not(.selected) { background:#ccc!important;}

/* List View */
.fileManager .plWorkspace .listView {}
.fileManager .plWorkspace .listView .itemHeader { }
.fileManager .plWorkspace .listView .itemBody { }
.itemBody .item { border-right:1px solid #000;}

.fileManager .plWorkspace .listView .item { border-bottom:1px solid;}
.fileManager .plWorkspace .listView .item>div { display:inline-block; padding:2px 5px 2px 5px; border-right:1px solid;}

.fileManager .plWorkspace .listView .item .lastCol { border-right:0;}

.fileManager .plWorkspace .listView .itemHeader .item .lastCol { border-right:1px solid; width:84px;}


.fileManager .plWorkspace .listView .item .col1 {width:24px;}
.fileManager .plWorkspace .listView .item .col2 {width:11px; border-right:0; font-size:9px; padding:2px;}
.fileManager .plWorkspace .listView .item .col3 {width:0;}
.fileManager .plWorkspace .listView .item .col4 {width:300px; border-left:1px solid}
.fileManager .plWorkspace .listView .item .col5 {width:125px;}
.fileManager .plWorkspace .listView .item .col6 {width:80px; border-right:0;}
.fileManager .plWorkspace .listView .item .col7 {width:80px; border-left:1px solid;}


.fileManager .plWorkspace .listView.taL { text-align:left;}
.fileManager .plWorkspace .listView .taR { text-align:right;}

.fileManager .plWorkspace .listView {}
.fileManager .plWorkspace .listView {}
.fileManager .plWorkspace .listView {}

.fileManager .plWorkspace .listView .item .thumbnail { display:none;}

/* Grid View */
.fileManager .plWorkspace .gridView {}
.fileManager .plWorkspace .gridView .item { display:inline-block; position:relative; width:130px;border:1px solid; padding:2px; margin:2px;
                                            height:130px; float:left;
}



.fileManager .plWorkspace .gridView .item .col1 {display:none;}
.fileManager .plWorkspace .gridView .item .col2 {}

.fileManager .plWorkspace .gridView .item .col3 {}
.fileManager .plWorkspace .gridView .item .col4 {overflow:hidden; white-space:nowrap;}
.fileManager .plWorkspace .gridView .item .col5 {display:none;}
.fileManager .plWorkspace .gridView .item .col6 { font-size:11px;}
.fileManager .plWorkspace .gridView .item .col7 {display:none;}

    

.fileManager .plWorkspace .gridView .thumbnail      { margin:auto; width:125px; height:94px; display: table-cell; vertical-align: middle; }
.fileManager .plWorkspace .gridView .thumbnail img  { max-width:125px; max-height:94px;display:block; margin:auto;}
.fileManager .plWorkspace .gridView .col2 .adminIcon.paper-clip { position: absolute; padding: 1px 2px; z-index:999; color:#fff; background: rgba(0,0,0,.5); border-radius:50px;}

/* Properties Window */
.fileProperties {}
.fileProperties .filePreview   {margin:auto; width:309px; height:198px; display: table-cell; vertical-align: middle; border:1px solid; margin-right:10px;}
.fileProperties .filePreview img { max-width:309px; max-height:198px;display:block; margin:auto;}

.fileProperties .push .wgTable       {margin-left:10px;}

/* Upload Window */
.fileUpload { position:fixed; bottom:0; right:0;}
.fileUpload { }
.fileUploadList {height: 200px; overflow: auto; width: 400px; border:1px solid #a6c9e2; margin-bottom:10px; border-radius:5px;}
.fileUpload .fileUploadList li { border-bottom:1px solid; vertical-align:top;}
.fileUpload .fileUploadList li div { display: inline-block;float: left; padding:2px 5px 2px 5px; line-height:14px;}
.fileUpload .fileUploadList li .filename { padding-left:5px; width:295px; overflow:hidden; border-right:1px solid; }
.fileUpload .fileUploadList li .filesize { width:65px; }

/********************************************************************************************************************************
 LIST MANAGER
********************************************************************************************************************************/
.listManager {}
.listManager .plWorkspaceWrapper { }
.listManager .plWorkspaceWrapper { float:none; margin-left:0; width:400px;}
.listManager .plToolbarWrapper { width:auto; min-width:150px;}
.listManager .plToolbar { overflow-x: hidden; 
                          min-height:430px; padding: 2px 4px 2px 4px;
                          -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: moz-none;-ms-user-select: none;user-select: none;}
.listManager .plToolbar li{ cursor:pointer;}
.listManager .plToolbar li .adminIcon { margin-left:2px;margin-right:2px;}
.listManager .plToolbar li .folderName { margin-right:10px;}
.listManager .plToolbar ul.sub { padding-left:10px; background:none;}

.listManager .plToolbar .selected { background:red;}

.listManager .plWorkspace {}

.listManager .plToolbarTitle { position:relative;}

.listManager .plToolbarGroup .adminIcon.caret-left,
.listManager .plToolbarGroup .adminIcon.caret-right { margin-left:5px; margin-right:5px;}

.listManager .plWorkspaceWrapper { height: 483px; border-bottom:1px solid;}

/* File View */
.listManager .plWorkspace .fileView { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; }
.listManager .plWorkspace .fileView.listView .itemBody { overflow-x:hidden; overflow-y:scroll; height:435px;}

.listManager .plWorkspace .fileView .itemBody .item:hover { cursor:pointer;}
.listManager .plWorkspace .fileView .itemBody .item:hover:not(.selected) { background:#ccc!important;}

/* List View */
.listManager .plWorkspace .listView {}
.listManager .plWorkspace .listView .itemHeader { }
.listManager .plWorkspace .listView .itemBody { }
listManager .itemBody .item { border-right:1px solid #000;}

.listManager .plWorkspace .listView .item { border-bottom:1px solid;}
.listManager .plWorkspace .listView .item>div { display:inline-block; padding:2px 5px 2px 5px; border-right:1px solid;}

.listManager .plWorkspace .listView .item .lastCol { border-right:0;}

.listManager .plWorkspace .listView .itemHeader .item .lastCol { border-right:1px solid; width:56px;}


.listManager .plWorkspace .listView .item .col1 {width:16px;}
.listManager .plWorkspace .listView .item .col2 {width:272px;}
.listManager .plWorkspace .listView .item .col3 {width:55px; border-right:0px;}


.listManager .plWorkspace .listView.taL { text-align:left;}
.listManager .plWorkspace .listView .taR { text-align:right;}

/********************************************************************************************************************************
 IMAGE EDITOR
********************************************************************************************************************************/
#imageEditorPreview { width: 435px; max-height:375px;display: table-cell;vertical-align:middle; margin-bottom:10px; }
#imageEditorPreview img { margin: auto; }
.imageEditorTools { margin-top:10px; margin-bottom:10px;}

/********************************************************************************************************************************
 ALBUM EDITOR
********************************************************************************************************************************/
.albumEditor {}
.albumEditor .plWorkspaceWrapper { height: 483px;border-bottom:1px solid; margin-left:0;}
.albumEditor .plToolbarTitle {position: relative;}

.albumEditor .plWorkspace .fileView {}

.albumEditor { }
.albumEditor .plToolbarWrapper { width:auto; min-width:150px; margin-right:10px; overflow:visible;}
.albumEditor .plToolbar { min-height:430px; padding: 2px 4px 2px 4px; overflow:visible;
                          -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: moz-none;-ms-user-select: none;user-select: none;}
.albumEditor .plToolbar li{ cursor:pointer;}
.albumEditor .plToolbar li .adminIcon { margin-left:2px;margin-right:2px;}
.albumEditor .plToolbar li .folderName { margin-right:10px;}
.albumEditor .plToolbar ul.sub { padding-left:10px; background:none;}

.albumEditor .plToolbar .selected { background:red;}

/* Controls Folder Icon */
.albumEditor .plToolbar .open>.adminIcon.folder:before { content: "\e005";}
.albumEditor .plToolbar .selected>.adminIcon.folder:before { content: "\e005";}

/* Controls Arrow Icon */
.albumEditor .adminIcon.openState { width:10px; display:inline-block;}
.albumEditor .hasChildren>.adminIcon.openState:before { content: "\f0da";}
.albumEditor .open.hasChildren>.adminIcon.openState:before { content: "\f0d7";}

.albumEditor .plWorkspace {}

.albumEditor .plToolbarTitle { position:relative;}

.albumEditor .plToolbarGroup .adminIcon.caret-left,
.albumEditor .plToolbarGroup .adminIcon.caret-right { margin-left:5px; margin-right:5px;}

.albumEditor .plWorkspaceWrapper { height: 483px;border-bottom:1px solid;}

/* Sync Status */
    .albumEditor .syncStatus { display:inline-block; float:right; display:none;}

    .albumEditor .syncStatus .statusText { margin-left:14px;}
    .albumEditor .syncStatus .adminIcon { position:absolute; top:5px;}
    .albumEditor .syncStatus .adminIcon:before { content: "\f00c";}
    .albumEditor .syncStatus.syncing .adminIcon:before { content: "\f021";}

    .albumEditor .syncStatus.syncing .adminIcon {
        *display: none    !important; /* IE 7 (IE6 also uses this, so put it first) */
        _display: none    !important; /* IE 6 */
        display: none\0/ !important; /* IE 8-9 */

    }

    .albumEditor .syncStatus.syncing .adminIcon {-webkit-animation: spin 2s infinite linear;}
    @-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}	}



/* File View */
.albumEditor .plWorkspace .fileView { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; }


.albumEditor .plWorkspace .gridView .itemHeader { display: none; }
.albumEditor .plWorkspace .fileView.listView .itemBody { overflow-x:hidden; overflow-y:scroll; height:435px;}
.albumEditor .plWorkspace .fileView.gridView .itemBody { overflow-x:hidden; overflow-y:scroll; height:458px;}

.albumEditor .plWorkspace .fileView .itemBody .item:hover { cursor:pointer;}
.albumEditor .plWorkspace .fileView .itemBody .item:hover:not(.selected) { background:#ccc!important;}

/* List View */
.albumEditor .plWorkspace .listView {}
.albumEditor .plWorkspace .listView .itemHeader { }
.albumEditor .plWorkspace .listView .itemBody { }
.itemBody .item { border-right:1px solid #000;}

.albumEditor .plWorkspace .listView .item { border-bottom:1px solid; }
.albumEditor .plWorkspace .listView .item>div { display:inline-block; padding:2px 5px; border-right:1px solid;height:32px; line-height:32px; vertical-align:middle;}

.albumEditor .plWorkspace .listView .item .lastCol { border-right:0;}


.albumEditor .plWorkspace .listView .itemHeader .item .lastCol { border-right:1px solid; width:84px;}
.albumEditor .plWorkspace .listView .itemHeader .item>div { height:20px; line-height:20px; }

.albumEditor .plWorkspace .listView .item .col1 {width:20px;}
.albumEditor .plWorkspace .listView .item .col2 { width:20px}
.albumEditor .plWorkspace .listView .item .col3 {width:55px;}
.albumEditor .plWorkspace .listView .item .col4 {width:240px;}
.albumEditor .plWorkspace .listView .item .col5 {width:80px; border-right:0;}
.albumEditor .plWorkspace .listView .item .col6 {width:80px; border-left:1px solid;}

.albumEditor .plWorkspace .listView .item .col1 .adminIcon { font-size:11px;}

.albumEditor .plWorkspace .listView.taL { text-align:left;}
.albumEditor .plWorkspace .listView .taR { text-align:right;}

.albumEditor .plWorkspace .listView {}
.albumEditor .plWorkspace .listView {}
.albumEditor .plWorkspace .listView {}

.albumEditor .plWorkspace .listView .item .thumbnail    { }
.albumEditor .plWorkspace .listView .item .thumbnail img { max-height:40px; max-width:40px; display:inline; }


/* Grid View */
.albumEditor .plWorkspace .gridView {}
.albumEditor .plWorkspace .gridView .item { display:inline-block; position:relative; width:125px;border:1px solid; padding:2px; margin:2px;height:130px; float:left;}



.albumEditor .plWorkspace .gridView .item .col1 {display:none;}
.albumEditor .plWorkspace .gridView .item .col2 {}

.albumEditor .plWorkspace .gridView .item .col3 {overflow:hidden; white-space:nowrap;}
.albumEditor .plWorkspace .gridView .item .col4 {display:;line-height:12px;}
.albumEditor .plWorkspace .gridView .item .col5 {display:; font-size:10px; display:block; float:left;}
.albumEditor .plWorkspace .gridView .item .col6 {display:; font-size:10px; display:block; float:right; margin-left:5px;}
.albumEditor .plWorkspace .gridView .item .col7 {display:none;}

    

.albumEditor .plWorkspace .gridView .thumbnail      { margin:auto; width:119px; height:94px; display: table-cell; vertical-align: middle; }
.albumEditor .plWorkspace .gridView .thumbnail img  { max-width:119px; max-height:94px;display:block; margin:auto;}
.albumEditor .plWorkspace .gridView .col2 .adminIcon.crop { position: absolute; padding: 1px 2px; z-index:999; color:#fff; background: rgba(0,0,0,.5); border-radius:50px;}

/* Properties Window */
#dlgFmFileProperties {}
#dlgFmFileProperties .filePreview   {margin:auto; width:309px; height:198px; display: table-cell; vertical-align: middle; border:1px solid; margin-right:10px;}
#dlgFmFileProperties .filePreview img { max-width:309px; max-height:198px;display:block; margin:auto;}

#dlgFmFileProperties .push .wgTable       {margin-left:10px;}

/* Upload Window */
#fmFileUpload { position:fixed; bottom:0; right:0;}
#fmDlgUpload { }
#fmFileUploadList {height: 200px; overflow: auto; width: 400px; border:1px solid #a6c9e2; margin-bottom:10px; border-radius:5px;}
#fmDlgUpload #fmFileUploadList li { border-bottom:1px solid; vertical-align:top;}
#fmDlgUpload #fmFileUploadList li div { display: inline-block;float: left; padding:2px 5px 2px 5px; line-height:14px;}
#fmDlgUpload #fmFileUploadList li .filename { padding-left:5px; width:295px; overflow:hidden; border-right:1px solid; }
#fmDlgUpload #fmFileUploadList li .filesize { width:65px; }


/********************************************************************************************************************************
 MEDIA FEED / NEW ITEM
********************************************************************************************************************************/
.mediaManager .mediaInfo                { float:left; margin-right:10px;}
.mediaManager .mediaInfo .wgTable       { width:500px;}
.mediaManager .mediaInfo .wgTable td { vertical-align:top;}
.mediaManager .mediaInfo .input_large   { width: 200px !important; max-width: 200px;}
.mediaManager .mediaInfo .input_xxl { width: 475px !important; max-width: 475px;}
.mediaManager .mediaInfo .summaryCount { float:right;}

.mediaManager .mediaSettings            { float:right;}
.mediaManager .mediaSettings .wgTable   { }

.mediaManager .mediaType .mediaSelect {margin-bottom:5px; height:20px;}

.mediaManager .mediaType { border-top:1px solid; margin-top:5px; padding-top:5px;}
.mediaManager .mediaType .mediaPreviewContainer { position:relative; float:left;}
.mediaManager .mediaType .mediaPreview {width: 600px;background:#000;display: table-cell;vertical-align:middle;}
.mediaManager .mediaType .mediaPreview img { margin:auto; width: 100%;}
.mediaManager .mediaType .mediaThumbnailContainer {position:relative; float:right; margin:0px 10px;}
.mediaManager .mediaType button {margin-top:5px;}

.mediaTagsContainer { position:relative; float:left;}

.tagManager .tagList { margin-top:5px;-moz-appearance: textfield-multiline;-webkit-appearance: textarea;border: 1px solid gray;padding: 2px;}
.tagManager .tagList .tag { padding:2px 3px;margin:2px 2px 2px 0; border:1px solid; border-radius:4px; display:block; float:left;}
.tagManager .tagList .tag .adminIcon { font-size:11px; margin-left:5px;}

.mediaTags { width:;}
.itemTags { width:540px;}

/********************************************************************************************************************************
 PODCAST FEED / NEW ITEM
********************************************************************************************************************************/
.podcastManager .podcastInfo { float:left; margin-right:10px;}
.podcastManager .podcastInfo .wgTable {width:500px;}
.podcastManager .podcastInfo .wgTable td { vertical-align:top;}

.podcastManager .podcastSettings            { float:right;}
.podcastManager .podcastSettings .wgTable   { }

/********************************************************************************************************************************
 SLIDE EDITOR
********************************************************************************************************************************/
.slideEditor {}
.slideEditor .pageEditMenu {height: 300px; width: 150px; float: left; overflow:hidden; overflow-y:auto;  border-width:1px; border-style:solid;}
.slideEditor .pageEditMenu::-webkit-scrollbar        { width:10px;}
.slideEditor .pageEditMenu::-webkit-scrollbar-track  { background:#f0f0ef;}
.slideEditor .pageEditMenu::-webkit-scrollbar-thumb  { background:#bfbfbe;}
.slideEditor .pageEditMenuSelect { padding:2px 4px 2px 4px;font-weight: normal;border-style: solid;border-bottom-width:1px;behavior: url(widgets/static/styles/PIE.htc);}
.slideEditor .pageEditMenuSelect a { color:#fff; }

.slideEditor .pageEditMenu ul li      { overflow:hidden;}
.slideEditor .pageEditMenu ul li a    { display:block; line-height:16px; border-bottom-width: 1px; border-bottom-style:solid;padding: 2px 20px 2px 4px;cursor: move; }
.slideEditor .pageEditMenu ul li a .adminIcon { margin-right:4px;position:relative; right:0;}
.slideEditor .pageEditMenu ul li a .reorder.adminIcon { position:absolute; right:5px; margin:0;}
.slideEditor .pageEditMenu .active a { background-color: red;  }

.slideEditor .plWorkspaceWrapper {border-bottom:1px solid; margin:0; width:710px;}
.slideEditor .plWorkspaceBar { height:auto; line-height:18px;}
.slideEditor .plWorkspaceBar .plRowTools { float:right;}
.slideEditor .plWorkspaceBar .plRowInfo {float: left;line-height: 18px;}
.slideEditor .plWorkspaceBar .plRowInfo .plInfoType     { display:inline-block; border-right:1px solid; margin-right:5px; padding-right:5px; text-transform:capitalize;}
.slideEditor .plWorkspaceBar .plRowInfo .plInfoType .adminIcon { margin-right:4px;}
.slideEditor .plWorkspaceBar .plRowInfo .plInfoType strong     { margin-left:2px;}
.slideEditor .plWorkspaceBar .plRowInfo .plInfoClass    { margin-right:5px; padding-right:5px;}

.slideEditor .plWorkspace {padding:5px;}

/********************************************************************************************************************************
 Race Manager
********************************************************************************************************************************/
/*#rmDialog {}
#rmDialog .admHeader { margin-bottom:10px; padding:5px; }
#rmDialog .admHeader .admSelect { display:inline-block; }

#rmDialog .admToolbar {float:left;}
#rmDialog .admToolbar .adminIcon {margin-right:5px;}
#rmDialog .admToolbar a { border-radius:5px 0 0 5px;}
#rmDialog .admToolbar a { display:block; width:95px; line-height:; padding:10px; background:#ccc;}
#rmDialog .admToolbar a { opacity:.75;}
#rmDialog .admToolbar a:hover { opacity:1;}
#rmDialog .admToolbar a.selected { opacity:1; width:100px;}
#rmDialog .admToolbar ul li {margin-bottom:2px; float:right; display:block; clear:both;}

#rmDialog .admWorkspace {float:left; border:1px solid;}*/


.rmSelector .rmListHeader {height: 24px;line-height: 20px;padding: 2px 4px 2px 4px;font-weight: normal;border-style: solid;border-bottom-width: 1px;behavior: url(widgets/static/styles/PIE.htc);}
.rmListHeaderBtn { float:right; width:20px!important; height:20px!important;}
.admTableWrapper .rmListHeaderBtn { float:left; margin-right:5px;}
.rmSelector .rmSelectorMaster, .rmSelector .rmSelectorDetail {width:180px;height: 380px;float: left;overflow: hidden;overflow-y: auto;border-width: 1px;border-style: solid; margin-right:10px;}
.rmSelector .rmSelectorItem { width:340px; float:left;}
.rmSelector .rmSelectorItem.full_width { width:520px; float:left;}
.rmSelector .rmSelectorItem .rmTabBody { height:315px; overflow-y:auto;}

.rmSelector .rmSelectorMaster ul li a, .rmSelector .rmSelectorDetail ul li a { display: block; line-height: 16px; border-bottom-width: 1px; border-bottom-style: solid; padding: 2px 20px 2px 4px; cursor: move; }
.rmSelector .rmSelectorMaster ul li a .adminIcon,  .rmSelectorDetail ul li a .adminIcon { position:absolute; right:5px;}

.rmMenuItem.ui-draggable-dragging,
.rmMenuItem.ui-draggable-dragging { width:120px; z-index:1000;}
.rmListBody .menuList .rmMenuItem a { cursor:pointer;}

/*#rmDialog.statsEditor .statsOptions { margin-right:20px;}
#rmDialog.statsEditor .statsOptions,
#rmDialog.statsEditor .statsSort { display:block; float:left;}

#rmDialog.statsEditor .statsSort table  { border-collapse: separate; border-spacing: 0 2px; margin-top:;}
#rmDialog.statsEditor .statsSort table thead tr th { font-weight:bold;}
#rmDialog.statsEditor .statsSort table tbody tr td,
#rmDialog.statsEditor .statsSort table thead tr th { padding:2px 5px;}
#rmDialog.statsEditor .statsSort table tbody tr td { border: solid 1px #888;border-style: solid none;background-color: #ccc; line-height:14px;}
#rmDialog.statsEditor .statsSort table tbody tr td .adminIcon { font-size:14px;}
#rmDialog.statsEditor .statsSort table tbody tr td .adminIcon:hover { cursor:move;}
#rmDialog.statsEditor .statsSort table tbody tr td:first-child {border-left-style: solid;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#rmDialog.statsEditor .statsSort table tbody tr td:last-child {border-right-style: solid;border-bottom-right-radius: 5px; border-top-right-radius: 5px; }*/

/* Images */
.rmTabBody .previewImg img { max-width:400px; max-height:150px;}

/********************************************************************************************************************************
 Marketing Manager
********************************************************************************************************************************/
.mmSelector .mmListHeader {height: 24px;line-height: 20px;padding: 2px 4px 2px 4px;font-weight: normal;border-style: solid;border-bottom-width: 1px;behavior: url(widgets/static/styles/PIE.htc);}
.mmSelector .mmListHeader .mmListHeaderBtn { float:right; width:; height:20px;}
.mmSelector .mmListHeader .mmListHeaderBtn.ui-button-text-only span { float:right; width:; height:20px; padding:1px 4px;}
.mmSelector .mmSelectorMaster, .mmSelector .mmSelectorDetail {width:180px;height: 345px;float: left;overflow: hidden;overflow-y: auto;border-width: 1px;border-style: solid; margin-right:10px;}
.mmSelector .mmSelectorItem { width:340px; float:left;}
.mmSelector .mmSelectorItem.full_width { width:520px; float:left;}
.mmSelector .mmSelectorItem .mmTabBody { height:275px; overflow-y:auto;}

.mmSelector .mmSelectorMaster ul li a, .mmSelector .mmSelectorDetail ul li a { display: block; line-height: 16px; border-bottom-width: 1px; border-bottom-style: solid; padding: 2px 20px 2px 4px; cursor:; }
.mmSelector .mmSelectorMaster ul li a .adminIcon,  .mmSelectorDetail ul li a .adminIcon { position:absolute; right:5px;}

.mmMenuItem.ui-draggable-dragging,
.mmMenuItem.ui-draggable-dragging { width:120px; z-index:1000;}
.mmListBody .menuList .mmMenuItem a { cursor:pointer;}
.mmListBody ul li a input[type=checkbox] { display:none;}

/* Images */
.mmTabBody .previewImg img { max-width:299px; max-height:200px;}

/********************************************************************************************************************************
 MARTIN STUFF
********************************************************************************************************************************/

.dlgWrapper {}
.dlgHeader  {}
.dlgMenubar { }
.dlgToolbar { margin-bottom:0; background: #dfe9f5; border: 1px solid #a5b3c5; border-bottom:none; padding:2px 4px 2px 4px;}
.dlgContent { }
.dlgMessage { border:1px solid #ccc; -webkit-border-radius:3px; border-radius:3px; padding:6px 4px 6px 4px;
              position:absolute; top:53px; width:98%; vertical-align: middle; z-index:5000 }
.dlgMessage.error { background:#fef6f3; border-color:#cd0a0a;
                    -webkit-box-shadow: 0px 0px 5px 0px #cd0a0a;box-shadow: 0px 0px 5px 0px #cd0a0a;}

/* 
.aceWrapper { position: relative; width: 100%;}
.aceEditor  { width: 100%; height:405px;  position: relative; border:1px solid #a5b3c5;}
.aceWrapper { position: relative; border: 1px solid #aabfd6; width: 800px; height: 500px; }
.aceEditor  { position: absolute; top: 0; right: 0; bottom: 0; Left: 0; }
*/
.sourceWrapper { position: relative; width: 800px; height: 500px; border: 1px solid #a5b3c5;}
.plainEditor { width: 800px; height: 500px; resize: none; }


.mnuStatus  {}
.mnuMain    {}

.mnuMain .sub       { margin-left:20px;}
.mnuMain .sub_side  { margin-left:20px;}
.mnuMain ul li      { width:150px;}
.mnuMain ul li a    { background-image: url(../images/admin_sprites-misc.png); background-repeat: no-repeat; background-position: 125px center; color:#222; display:block; padding:5px 10px 5px 10px; line-height:16px; border:1px solid #999; margin-bottom:1px;}

.mnuMain ul li img  { float:left; height:16px; width:16px; margin-right:5px;}

.mnuMain .sub a     { background-color:#ccc;}
.mnuMain .sub_side a { background-color:#bbb;}

.mnuMain .active a { background-color: red;  }

/********************************************************************************************************************************
 ADMIN BACKEND TOOLBARS/ICONS
********************************************************************************************************************************/
.adminBody .adminTools { background:#326496;padding:5px 10px 5px 10px; min-height:24px; line-height:24px;
            border-radius: 8px 8px 0px 0px;-moz-border-radius: 8px 8px 0px 0px;-webkit-border-radius: 8px 8px 0px 0px;
            behavior: url(static/styles/PIE.htc);
            color:#fff; text-shadow: 0 1px 1px #003863;}

.adminBody .adminTools-btn{ padding:2px 8px 2px 8px; display:inline-block;  margin-right:5px; }

/*Toolbar Buttons*/

.adminBody .adminTools-btn.primary {
    -moz-box-shadow:inset 0px 1px 0px 0px #3a75b0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3a75b0;
    box-shadow:inset 0px 1px 0px 0px #3a75b0;
    background-color:#326496;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:1px solid #29537d;
    display:inline-block;
    color:#fff;
    text-decoration:none;
    text-shadow:1px 1px 0px #003863;
    behavior: url(static/styles/PIE.htc);
}
.adminBody .adminTools-btn.primary:hover {
	background-color:#3A75B0;
}
.adminBody .adminTools-btn.primary:active {
	position:relative;
	top:1px;
}


/********************************************************************************************************************************
 ADMIN BACKEND TABLE
********************************************************************************************************************************/

.adminContent  { background: white;padding:0 10px 10px 10px; min-height: 400px; position:relative;
            border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;-webkit-border-radius: 0px 0px 8px 8px;
            box-shadow: 1px 1px 1px #999999;-moz-box-shadow: 1px 1px 1px #999999;-webkit-box-shadow: 1px 1px 1px #999999;
            behavior: url(static/styles/PIE.htc);}

.adminContent .windowBar    { display: block; clear:both; position:relative; padding: 3px; right: 0; left: 0; bottom: 0; background: #dfe9f5; border: 1px solid #a5b3c5; border-top:none;}

.adminTable  { background: white;padding:10px; min-height: 400px;
            border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;-webkit-border-radius: 0px 0px 8px 8px;
            box-shadow: 1px 1px 1px #999999;-moz-box-shadow: 1px 1px 1px #999999;-webkit-box-shadow: 1px 1px 1px #999999;
            behavior: url(static/styles/PIE.htc);}
            
.adminTable a { color:#326496;}
.adminTable a:hover,
.adminTable a:active  { color:#003863;}

.adminTable table { width:100%; border-collapse:separate !important; border-bottom:5px solid #326496; }

.adminTable table .taL { text-align:left;}
.adminTable table .taR { text-align:right;}

.adminTable table th { color:#fff; background:#326496; padding:5px;
                     text-shadow:1px 1px 0px #003863; font-weight:normal;
                     
                     -moz-box-shadow:inset 0px 1px 0px 0px #3a75b0;
                     -webkit-box-shadow:inset 0px 1px 0px 0px #3a75b0;
                     box-shadow:inset 0px 1px 0px 0px #3a75b0;
                     
                     border-color:#29537d;
                     border-style:solid;
                     border-top-width:1px;
                     border-bottom-width:1px;
                     border-left-width:1px;
                     behavior: url(static/styles/PIE.htc);
                     }
                     
.adminTable .uiTL {   -moz-border-radius:     8px 0px 0px 0px;
                    -webkit-border-radius:  8px 0px 0px 0px;
                    border-radius:          8px 0px 0px 0px;
                    behavior: url(static/styles/PIE.htc); }
                    
.adminTable .uiTR {   -moz-border-radius:     0px 8px 0px 0px;
                    -webkit-border-radius:  0px 8px 0px 0px;
                    border-radius:          0px 8px 0px 0px;
                    border-right-width:1px;
                    behavior: url(static/styles/PIE.htc);}
                    
.adminTable .iconRow { width:16px; padding:0 6px 0 6px;} 
.adminTable .lastCol { border-right:1px solid #e1e1e1;} 


.adminTable table td { vertical-align:middle; padding:2px 5px 2px 5px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
                     -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
                     -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
                     box-shadow:inset 0px 1px 0px 0px #ffffff; }

.adminTable table tr.even { background:#f7f7f7;}
.adminTable table tr.odd { background:#fafafa;}

/********************************************************************************************************************************
 TABLES
********************************************************************************************************************************/
.wgTable { }
.wgTable th, .wgTable td { padding: 1px 3px 1px 3px; vertical-align: middle; }
.wgTable th { text-align: left; }

/********************************************************************************************************************************
 JQUERY-UI OVERWRITES
********************************************************************************************************************************/
.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 100%;}



#AdminTabs .ui-tabs-panel {  min-height: 400px; overflow: auto; }
.adminButtonset .ui-button-text { font-size: .9em !important; }