/* Common.css */

/* ====== General ====== */

/* Colors:
     #000000 - Black
     #333333 - Dark gray
     #444444 - Dark gray
     #555555 - Dark gray
     #666666 - Dark gray
     #999999 - Medium gray
     #AAAAAA - Medium gray
     #CCCCCC - Light gray
     #DDDDDD - Light gray
     #EEEEEE - Light gray
     #FF0000 - Red
     #FF8000 - Referee orange
     #FFF8DC - Cornsilk
     #FFFF88 - PostIt yellow
     #FFFFFF - White
*/

/* ----- Links and Buttons ----- */

A.HiLight,
BUTTON.HiLight,
DIV.HiLight,
IMG.HiLight,
LI.HiLight,
SPAN.HiLight,
TD.HiLight,
UL.HiLight          {border: none;}

A.button,
BUTTON              {background-color: #A0A0A0;
                     border-left: 2px solid white;
                     border-top: 2px solid white;
                     border-right: 2px solid gray;
                     border-bottom: 2px solid gray;
                     border-radius: 4px;
                     color: #000000;
                     font-family: Arial, Lucida Grande, Lucida Sans, sans-serif;
                     font-size: 10pt;
                     font-weight: bold;
                     padding: .1em .5em .1em .5em}

A.button:hover,
BUTTON:hover        {background-color: #000000;
                     color: #FFFFFF;}

A.button            {text-decoration: none;}

BUTTON.MobileButton {background-color: #A0A0A0;
                     color: #000000}

/* ----- Misc ----- */

.Headline           {background-color: white;
                     color: navy;}

H1.DialogHeader     {background-color: #808080;
                     color: #FFFFFF;
                     font-size: 14px;
                     margin: 0;
                     padding: 0;
                     }

/* ====== Tree View ====== */

.treeview .hover    {background-color: #000000;
                     color: #FFFFFF;}

/* ----- DocTree ----- */

.DocTree .hover     {background-color: #000000;
                     color: #FFFFFF;}

/* ----- jquery ui ----- */

.ui-button
.ui-button-text     {line-height: 1;
                     font-size: .9em;}

.ui-button-text-only
.ui-button-text     {padding: .2em .5em .2em .5em;}

.ui-dialog
.ui-dialog-titlebar {padding: 0 10px 0 10px;}

.ui-tabs
.ui-tabs-nav li a   {padding: 0 5px 0 5px;}

.ui-resizable-helper {border: 2px dotted #0000FF;}

.ui-tabs
.ui-tabs-nav li     {background-color: #A0A0A0;
                     color: #00FF00;
                     margin: 0 2px 0 0;}

.ui-tabs
.ui-tabs-nav li:hover {background-color: #000000;
                       color: #FFFFFF;}

.ui-tabs
.ui-tabs-nav
LI.ui-tabs-selected {background-color: #FF8000;
                     border: none;
                     color: #000000;}

/* ----- jquery contextMenu ----- */

.context-menu-item.hover {background-color: #000000;
                          color: #FFFFFF;}