html
{
    background-color: #ddd;
}

body
{
    background-color: #ddd;
    font-family: Arial, Helvetica, Sans-Serif;
    color:#333;
    min-height:900px;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

/* TABLES AND GRIDVIEWS */

.TableHeader,TR.TableHeader TH
{
    font-size: 10px;
    color: #666;
    background-color:#ddd;
    font-weight: normal;
    text-align:left;
    text-decoration:none;
}

TR.TableHeader A
{
    font-size: 9px;
    color: #ddd;
    font-weight: normal;
    text-align:left;
    text-decoration:underline;
    text-decoration:none;
}

TR.TableHeader A:hover
{
    color:#000;
}

.TableItem
{
    background-color: #ddd;
    font-size: 10px;
    color: #333;
    font-weight: normal;
}

.TableAlternatingItem
{
    background-color: #ccc;
    font-size: 10px;
    color: #333;
    font-weight: normal;
}

tr.TableItem td,
 tr.TableAlternatingItem td
{
    padding-top:3px;
    padding-bottom:3px;
    vertical-align:top;
}

tr.TableItem td:not(.FillCell):first-child,
tr.TableAlternatingItem td:not(.FillCell):first-child
{
    padding-left:3px;
}

tr.TableItem td:not(.FillCell):last-child,
tr.TableAlternatingItem td:not(.FillCell):last-child
{
    padding-right:3px;
}

.TableEmptyItem
{
    background-color: #ddd;
    font-size: 8px;
    color: #666;
    font-weight: normal;
}

.TableFooter
{
    background-color: #ddd;
    font-size: 10px;
    color: #333333;
    font-weight: normal;
}

.TablePager
{
    background-color:#ddd;
    height:50px;
}

.TablePager span
{
    font-size: 10px;
    font-weight:600;
    color: #ddd;
    background-color:#000;
    font-weight: normal;
    text-decoration: none;
    padding:2px 4px 2px 4px;
    margin:0 5px 0 0;
    border-radius:5px;
}

.TablePager a
{
    font-size: 10px;
    font-weight:600;
    color: #666;
    text-decoration: none;
    padding:2px 4px 2px 4px;
    margin:0 5px 0 0;
    border-radius:5px;
}

.TablePager a:hover
{
    color: #000;
    background-color:#999;
}

.TableEdit
{
    font-size: 10px;
    color: #333;
    vertical-align:middle;
    background-color:#fff;
}

TR.TableEdit TD input{
    margin:0;
    padding:0;
}

/* HEADER */

.Header
{
    display:block;
    width:1280px;
    height:120px;   
    color: #fff;
    font-size: 13px;
    font-style: normal;
    padding: 10px 10px 5px 10px;
}

.HeaderBody
{
    display:block;
    height:90px;
    background-image: url(./Images/Header.jpg);
    vertical-align:top;
    padding:5px 10px 5px 10px;
}

.HeaderTitle
{
    font-size: 25px;
    font-style: normal;
    color: #ddd;
    font-weight: 400;
    text-decoration: none;
}

.HeaderAction
{
    font-size: 10px;
    font-style: normal;
    color: #999;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding:0 5px 0 5px;
}

.HeaderCompany
{
    font-size: 10px;
    font-style: normal;
    color: #ddd;
    font-weight: bold;
    text-decoration: none;
    padding:0 5px 0 5px;
}

.HeaderTime
{
    font-size: 25px;
    font-style: normal;
    color: #ddd;
    font-weight: 400;
    text-decoration: none;
    padding:0 5px 0 5px;
}

a.HeaderLinkItem
{
	font-size: 12px;
	font-weight:bold;
    text-decoration:none;
	color: #bbb;
    padding:0 5px 0 5px;
}

a.HeaderLinkItem:hover
{
    color: #fff;
}

.Footer
{
    font-size:0.7em;
    color:#666;
    text-align:center;
    margin:30px 0 50px 0;
    padding:10px 0 10px 0;
    border-top: #666 1px solid;
}

.SmartNav
{
    font-size: 10px;
    color: #ccc;
    font-weight: normal;
    text-decoration: none;
    margin-left:7px;
}
.SmartNavLink
{
    font-size: 10px;
    color: #ccc;
    font-weight: normal;
    text-decoration: none;
    padding-left:2px;
    padding-right:2px;
}
A.SmartNavLink:hover
{
    color: #fff;
}

/* DropDowns*/

.CalendarDropDown
{
    visibility:hidden;
    font-size: 9px;
	font-style: normal;
	text-align:left;
    color:#ddd;
    background-color: #333;
    padding:0;
    border: solid 1px #999;
    outline:none;
}

.ajax__calendar_day
{
    margin:3px 3px 0 0;
}

.ajax__calendar_today
{
    font-weight:bold;
    background-color:#999;
    border-radius:3px;
}

/*Menus*/

.ContextMenuPanel
{
    visibility:hidden;
    font-size: 9px;
	font-style: normal;
	text-align:left;
    color:#ddd;
    background-color: #333;
    padding:5px;
    border: #666 1px solid;
    border-radius:5px;
    outline:none;
}

.ContextMenuPanel a
{
    display:block;
    color:#ddd;
    text-decoration:none;
    padding:0 10px 2px 10px;
}

.ContextMenuPanel label
{
    display:inline-block;
    color:#ddd;
    text-decoration:none;
    padding:0 10px 5px 10px;
}

.ContextMenuPanel a:hover,
.ContextMenuPanel label:hover,
.ContextMenuPanel input[type=checkbox]:hover+label,
.ContextMenuPanel input[type=radio]:hover+label
{
    color:#fff;
}

.ContextMenuPanel a[disabled="disabled"],
.ContextMenuPanel label[disabled="disabled"],
.ContextMenuPanel input[type=checkbox][disabled="disabled"]+label,
.ContextMenuPanel input[type=radio][disabled="disabled"]+label
{
    color:#666;
}

.ContextMenuPanel hr
{
    border:none;
    height:1px;
    color:#666;
    background-color:#ddd;
    padding:0;
    margin:0 5px 5px 5px;
}

.ApplicationMenu
{
    margin:20px;
}

.ApplicationMenu tr
{
    vertical-align:top;
}

.ApplicationMenu td
{
    padding:5px 10px 0 0;
}
    
.ApplicationMenu span
{
    color:#ddd;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    padding:5px;
}

.ApplicationMenu a
{
    display:inline-block;   
    color:#ddd;
    font-size:10px;
    font-weight:600;
    text-transform:none;
    padding:2px 5px 0 0;
    margin:0;
}

/* Side Image */

.SideImage
{   
    display:block;
    width:100%;
    padding:5px 0 20px 0;
}

/* Page */

.AlfaPageTable
{
    width:1180px;
    min-height:400px;
}

.AlfaPageTable>tbody>tr>td:first-child
{
    vertical-align:top;
    text-align:left;
    width:160px;
}

.AlfaPageTable>tbody>tr>td
{
    vertical-align:top;
}

.DashboardThreeTable
{
    width:1180px;
    min-height:400px;
}

.DashboardThreeTable>tbody>tr>td
{
    vertical-align:top;
}

/* Forms */

.EditFormTable
{
    font-size:0.7em;
}

.EditFormTable>tbody>tr>td:first-child
{
    border-right:1px solid #333;
    margin-right:10px;
    text-align:right;
    vertical-align:top;
    width:150px;
}

.EditFormTable>tbody>tr>td
{
    padding:0 10px 5px 10px;
    text-align:left;
    vertical-align:top;
}

.EditFormTable>tbody>tr.TableRowSpaceAfter>td
{
    padding-bottom:20px;
}

.EditFormTable>tbody>tr.TableRowSpaceBefore>td
{
    padding-top:20px;
}

.ContentFormTable>tbody>tr>th:first-child,
.ContentFormTable>tbody>tr>td:first-child
{
    width:70%;
    text-align:left;
}

.ContentFormTable>tbody>tr>th:last-child,
.ContentFormTable>tbody>tr>td:last-child
{
    width:30%;
    text-align:left;    
}

.ContentFormTable>tbody>tr>th
{
    border-bottom:1px solid #ddd;
    margin:5px;
}

.ContentFormTable>tbody>tr>td
{
    padding:2px 10px 0 0;
    vertical-align:top;
}

.ContentFormTable>tbody>tr:first-child td,
.ContentFormTable>tbody>tr:last-child td
{
    vertical-align:bottom;
}

/* Panels */

.MessagePanel
{
    background-color: #edb; 
    color: #333;
}

.MessagePanel,.OkPanel,.WarningPanel,.ErrorPanel
{
    display:block;
    padding:5px;
    margin:5px 2px 5px 2px;
    border-radius:10px;
}

.OkPanel
{
    background-color: #3d6;
    color:#333;
}

.WarningPanel
{
    background-color: #fc0;
    color:#333;
}

.ErrorPanel
{
    background-color: #f99;
    color:#333;
}

.LoginPanel
{
    border-radius:15px;
    margin:20px;
}

.LoginPanel .Field
{
    font-size:14px;
    font-weight:600;
    color:#333;
}
    .LoginPanel td
    {
        vertical-align:top;
    }

.TitlePanel
{
    border-bottom: #333 1px solid;
    vertical-align: middle;
    height:25px;
}

.FilePanel
{
	display:inline-block;
    background-color:#fff;
    color:#333;
    padding:5px;
    vertical-align:middle;
    border:1px solid #666;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
}

.FilePanel image
{
    padding:2px 5px 2px 5px;
}

.PanicMessagePanel,
.ErrorMessagePanel,
.WarningMessagePanel,
.QuestionMessagePanel,
.SelectMessagePanel,
.OkMessagePanel,
.TipMessagePanel,
.InfoMessagePanel
{
    display:block;
    padding:10px;
    margin:10px 0 10px 0;
    border-radius:5px;
    background-repeat:no-repeat;
    background-position:left;
}

.PanicMessagePanel div,
.ErrorMessagePanel div,
.WarningMessagePanel div,
.QuestionMessagePanel div,
.SelectMessagePanel div,
.OkMessagePanel div,
.TipMessagePanel div,
.InfoMessagePanel div
{
    display:block;
    padding:5px 5px 5px 40px;
    font-size:10px;
    font-weight:300;
}

.PanicMessagePanel
{
    background-color:#636; 
    color: #fff;
    background-image:url(Icons/xpanic.png); 
}

.ErrorMessagePanel
{
    background-color: #f99; 
    color: #fff;
    background-image:url(Icons/xerror.png); 
}

.WarningMessagePanel
{
    background-color: #b90; 
    color: #fff;
    background-image:url(Icons/xwarning.png); 
}

.QuestionMessagePanel
{
    background-color: #69d; 
    color: #fff;
    background-image:url(Icons/xquestion.png); 
}

.SelectMessagePanel
{
    background-color: #69d; 
    color: #fff;
    background-image:url(Icons/xselect.png); 
}

.OkMessagePanel
{
    background-color: #3d6; 
    color: #fff;
    background-image:url(Icons/xok.png); 
}

.TipMessagePanel
{
    background-color: #69d; 
    color: #fff;
    background-image:url(Icons/xtip.png); 
}

.InfoMessagePanel
{
    background-color: #69d; 
    color: #fff;
    background-image:url(Icons/xinfo.png); 
}

/* Secret content*/*/

.SecretCover
{
    display:block;
    border:1px solid #333;
    background-color:#ddd;
    color:#bbb;
    font-size:48px;
    font-weight:bolder;
    text-align:center;
    padding:50px 10px 50px 10px;
    margin: 0 0 5px 0;
}

.InlineBlock
{
    display:inline-block;
    padding:0 20px 20px 0;
}

.VerticalBlock
{
    display:block;
    padding:0 10px 10px 0;
}

/* LABELS */

.Title
{
    color: #333;
    font-size: 18px;
    font-family: Verdana;
    font-weight: bold;
    text-transform: uppercase;
}

.SubTitle,.RedSubTitle,.SelectedSubTitle
{
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.RedSubTitle
{
    color: #900;
}

.Area
{
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    font-style: normal;
    padding:0 9px 1px 0;
}

.SubArea
{
    font-size: 10px;
    font-weight: 0;
    text-transform: uppercase;
    font-style:italic; 
}

/* Time labels */

.TimeLabel
{
    color:#333;
    font-size: 12px;
    font-weight:lighter;
}

.TimeLabelNow
{
    color:#333;
    font-size: 12px;
    font-weight:lighter;
    animation: blinker 1s none  infinite;
}

.TimeLabelPast
{
    color:#333;
    font-size: 12px;
    font-weight:lighter;
    animation: blinker 0.3s none  infinite;
}

/* Input checkbox and radio */

label
{
    color:#333;
    font-weight:normal;
    font-size:10px;
}

input[type="text"],
select,
textarea
{
    background-color:#ccc;
    border:1px solid #999;
    color:#333;
    font-family:"Lucida Console", Monaco, monospace;
    font-size:0.7em;
}

input[type="password"]
{
    background-color:#ccc;
    border:1px solid #999;
    color:#333;
    font-family:"Lucida Console", Monaco, monospace;
    font-size:0.5em;
}

input[type=checkbox],
input[type=radio]
{
    vertical-align:middle;
}

input[type="text"],
input[type="password"],
select
{
    padding:2px;
}

textarea
{
    font-size:0.7em;
    font-family:"Lucida Console", Monaco, monospace;
    vertical-align:middle;
    padding:2px;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus
{
    background-color:#fff;
}

input[type=checkbox]:focus:not(old) + label,
input[type=radio   ]:focus:not(old) + label,
{
    background-color:#fff;
}

.Field
{
    display:inline-block;
    color:#666;
    font-size: 10px;
    text-decoration: none;
    font-weight:normal ;
    font-style:normal;
    margin:4px 4px 0 0;
    vertical-align:top;
}

.FieldBlock {
    display: inline-block;
    vertical-align: top;
}

.Key
{
    font-size: 0.9em;
    font-family: Verdana;
    font-weight: 500;
    margin:0 4px 4px 0;
    max-width:500px;
    overflow-wrap:break-word;
}

.BigKey
{
    font-size: 1.4em;
    font-family: Verdana;
    font-weight:500;
}

.SmallKey
{
    font-size: 0.6em;
    font-family: Verdana;
    font-weight:500;
}

.Text
{
    font-size: 10px;
    font-weight: normal;
}
.Text a {
    text-decoration:none;
}

.FormattedText
{
    display:inline-block;
    font-size: 10px;
    font-weight: normal;
    margin:0 44px 4px 0;
}

.FormattedText p {
    margin:4px 0 2px 0;
}

.FormattedText a {
    color: #009;
    text-decoration: none;
    font-weight:600;
}

.FormattedText b {
    font-weight:800;
}

.MarkedText
{
    display:inline-block;
    color:#000;
    font-size: 12px;
    font-weight:600;
    margin:0 4px 4px 0;
}

.BigText
{
    font-size: 14px;
    font-weight: bold;
}

.SubText
{
    font-size: 8px;
    font-weight:lighter;
    font-style:italic; 
}

.TitleText
{
    font-size: 12px;
    font-weight:600;
    font-style:normal; 
}

.ListText
{
    font-size: 11px;
    color: #000;
    font-weight: normal;
    padding-left: 5px;
    border-left: #666666 1px solid;
}

.ActiveText
{
    font-size: 10px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

.GhostedText
{
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

.SmallText
{
    font-size: 8px;
    font-weight: normal;
}

.SmallText a {
    text-decoration:none;
}

.Error,.Warning,.Ok,.Info,.Critical,.Ignore,.Select
{
    display:inline-block;
    font-size: 10px;
    font-weight: 300;
    padding: 2px 5px 1px 5px;
    margin: 0 2px 2px 0;
    border-radius:10px;
}

.Error:empty,.Warning:empty,.Ok:empty,.Info:empty,.Critical:empty,.Ignore:empty
{
    display:none;
}

.Error,.ErrorRow
{
    color: #fff;
    background-color: #c00;
}

.Warning,.WarningRow
{
    color: #fff;
    background-color: #a93;
}

.Ok,.OkRow
{
    color: #fff;
    background-color: #3a3;
}

.Info,.InfoRow
{
    color: #fff;
    background-color: #66a;
}

.Critical,.CriticalRow
{
    color: #fff;
    background-color: #939;
    animation: blinker 1s alternate infinite;
}

.Ignore,.IgnoreRow
{
    color: #333;
    background-color: #aaa;

}

.Select,.SelectRow
{
    color: #fff;
    background-color: #000;

}

/*Amounts*/

.ActiveAmount
{
    color:#393;
}

.PassiveAmount
{
    color:#933;
}

/*Validator*/

.ErrorValidator
{
    display:block;
    width:60%;
    color: #fff;
    background-color: #c30;
    font-size: 10px;
    font-weight: 300;
    padding: 3px 5px 3px 5px;
    margin: 2px 4px 4px 0;
    border-radius:5px;
}

.WarningValidator
{
    display:block;
    width:60%;
    color: #fff;
    background-color: #a90; 
    font-size: 10px;
    font-weight: 300;
    padding: 3px 5px 3px 5px;
    margin: 2px 4px 4px 0; 
    border-radius:5px;
}

.ErrorValidator:empty,.WarningValidator:empty
{
    display:none;
}

/*Commands*/

.CommandButton
{
    font-size: 11px;
    color: #ddd;    font-weight: 600;
    text-decoration: none;
    padding:3px 6px 4px 6px;
    margin:10px 10px 10px 0;
    outline:none;
    background-color: #36a;
    border:1px solid #ddd;
    border-radius:5px;
}

.CommandButton:hover:not([disabled="disabled"])
{
    color:#fff;
}

.CommandButton[disabled="disabled"]
{
    color: #eee;
    background-color: #ccc;
    border:1px solid #eee;
}

a.Command,
label.Command,
a.SmallCommand,
a.FieldLink
{
    color: #009;
    text-decoration: none;
}

a.Command:hover:not([disabled="disabled"]),
label.Command:hover:not([disabled="disabled"]),
a.SmallCommand:hover,
a.FieldLink:hover
{
    color: #33c;
}

a.Command[disabled="disabled"],
label.Command[disabled="disabled"],
a.SmallCommand[disabled="disabled"],
a.FieldLink[disabled="disabled"]
{
    color: #999;
}

a.FieldLinkMarked
{
    color: #000;
    text-decoration: none;
}

.Command
{
    display:inline-block;
    font-size: 11px;
    font-weight: 600;
    padding:1px 4px 1px 0;
    margin:0 4px 1px 0;
}

.SmallCommand
{
    font-size: 10px;
    font-weight: normal;
    padding:1px 4px 2px 4px;
    margin:0 4px 4px 0;
}

a.FieldLink,
a.FieldLinkMarked
{
    font-size: 12px;
    font-weight:600;
    padding:1px 3px 2px 0;
}

/* Color text */*/

.RedText
{
    font-size: 8px;
    color: #dd0000;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

.RedCommand,.GreenCommand,.BlueCommand, .YellowCommand {
    display:table-cell;
    width:100%;
    height:100%;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    vertical-align:middle;
}

.RedCommand {
    color: #fff;
    background-color: #e33;
}

.GreenCommand {
    color: #fff;
    background-color: #3b3;
}

.BlueCommand {
    color: #fff;
    background-color: #33e;
}

.YellowCommand {
    color: #fff;
    background-color: #a93;
}

/* Popup window */

.PopupMask
{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-color:rgba(32,32,32,0.7);
}

.PopupWindow 
{
    position:absolute;
    margin:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    padding:15px;
    min-width:50px;
    min-height:50px;
    background-color:#000;
    border-radius:10px;
}

.PopupMessage
{
    font-size:0.8em;
    font-weight:400;
    padding-right:15px;
    color:#eee;
}

.PopupWindow input,
.PopupWindow input:focus
{
    background-color:#eee;
    color:#333;
}

.PopupCommands
{
    text-align:center;
    vertical-align:bottom;
}

.PopupImage
{
    padding:15px 15px 15px 15px;
}

.PopupCommand
{
    font-size: 11px;
    color: #eee;
    font-weight: 600;
    text-decoration: none;
    padding:3px 6px 4px 6px;
    margin:10px;
    background-color:#333;
    border:1px solid #666;
    border-radius:5px;
}

a.PopupCommand:focus
{
    outline:none;
    color: #ddd;
    background-color: #36a;
}

/*Url preview panel*/

.PreviewPanel
{   
    background-color:#fff;
}

.PreviewPanel>div
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 250%;
    width: 250%;
    overflow:auto;
    zoom: 0.40;
    -moz-transform:scale(0.40);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.40);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.40);
    -webkit-transform-origin: 0 0;
}

.PreviewPanel iframe
{   
    height: 100%;
    width:100%;
    border:none;
}

.PreviewPanel>div>div
{
    position:absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color:rgba(0,0,0,0.1);
    cursor:pointer;
    z-index:9999;
}

/* Override HTML Editor*/

.ajax__html_editor_extender_texteditor:focus,
.ajax__html_editor_extender_texteditor:not(:focus)
{
    background-color:#fff;
    color:#000;
    border:1px solid #999;
}

.ajax__html_editor_extender_texteditor:not(:focus) a
{
    color:#eee;
    text-decoration:none;
}

.ajax__html_editor_extender_texteditor:focus a
{
    color:#000;
    text-decoration:none;
}

.ajax__html_editor_extender_container select,
.ajax__html_editor_extender_buttoncontainer,
.ajax__html_editor_extender_button
{
    background-color:#eee;
    color:#000;   
    padding:0;
    margin:0;
}

/* Directories tree view*/

.DirectoriesTree a
{
    display:inline-block;
    font-size: 11px;
    color: #03d;
    font-weight: 600;
    text-decoration: none;
}

a.DirectoriesTree:hover
{
    color: #33f;
}

.DirectoriesTree span
{
    display: inline-block;
    color: #000;
    font-size: 10px;
    font-weight: 600;
}

/*AJAX Tab control TabContainer*/

.TabContainer
{
	width: 100%;
}

.TabContainer .ajax__tab_panel
{
    margin:0 auto auto 0;
}

.TabContainer .ajax__tab_header
{
    display:block;
    width: 100%;
    height:30px;
}

.TabContainer .ajax__tab_inner
{
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    padding:2px 10px 2px 0;
    outline:none;
    vertical-align:bottom;
}

.TabContainer .ajax__tab_inner a
{
    color:#03a;
}

.TabContainer .ajax__tab_inner a:hover:not([disabled="disabled"])
{
    color: #69c;
}

.TabContainer .ajax__tab_active
{
    font-size: 11px;
    font-weight: 0;
    text-transform: uppercase;
}

.TabContainer .ajax__tab_active a
{
    color:#333;
    pointer-events: none;
    cursor: default;
}

/* HTML Content Panel */

.HTMLContentEdit,
.HTMLContentEdit:focus
{
    background-color:#eee;
    color:#000;
    padding: 5px;
    border:1px solid #333;
}

.HTMLContentView,
.HTMLContentView:focus
{
    display:inline-block;
    overflow:scroll; 
    background-color:#fff;
    color:#000;
    padding: 10px;
    border:1px solid #333;
}

/* Content text area */

.ContentTextArea,
.ContentTextArea:focus
{
    background-color:#ddd;
    color:#000;
}

.ContentTextArea:disabled
{
    background-color:#ccc;
    color:#333;
    font-size:0.8em;
    text-align:center;
    vertical-align:middle;
}

.ContentTextArea a
{
    color:#333;
    text-decoration:none;
}

/* HelpTipView */

.HelpTipViewPanel
{
    display:inline-block;
    background-color:#ccc;
    color:#333;
    padding: 4px;
    border-radius:5px;
    border:1px solid #999;
}

.HelpTipViewPanel a
{
	font-size: 10px;
	font-weight:600;
    text-decoration:none;
	color: #666;
    padding:0 5px 0 0;
}

.HelpTipViewPanel a:hover
{
    color: #000;
}

.HelpTipViewHeader
{
    color:#333;
    font-size:0.9em;
    font-weight:bold;
}

.HelpTipViewBody
{
    color:#333;
    font-size:0.5em;
    padding:5px 0 5px 0;
}

/* Auto complete extender */

.AutoCompletion
{
    margin-top:-2px;
    padding:2px 0 2px 0;
    background-color:#ffc;
    border:1px solid #999;
}

.AutoCompletionItem
{
    padding:0 5px 0 5px;
    background-color:#ffc;
    color:#333;
    font-size:0.7em;
    font-family:"Lucida Console", Monaco, monospace;
}

.AutoCompletionSelectedItem
{
    padding:0 5px 0 5px;
    background-color:#36a;
    color:#ddd;
    font-size:0.7em;
    font-family:"Lucida Console", Monaco, monospace;
}