/*////////////////////////////////////////////////////////////////////////// Core styles //////////////////////////////////////////////////////////////////////////*/

html{ position:absolute; text-align:center; width:100%; height:100%; margin:0; padding:0; background-color:rgb(234,236,238); }
body{ position:absolute; text-align:center; width:1240px; height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing: .02em; overflow:hidden; }

div { text-align: left; }
#uLBackgroundArea
{
    position:absolute; 
    top:0px; 
    bottom:20px; 
    width:20px; 
    height:auto; 
    overflow:hidden; 
    z-index:20; 
    margin:0px; 
    background-size: 20px 5000px; 
    background-position:top left; 
    background-repeat:no-repeat; 
    background-image:url(mediav2/bg-lefttop.png); 
}
#uRBackgroundArea
{
    position:absolute; 
    top:0px; 
    bottom:20px; 
    width:20px; 
    right:0px;
    height:auto; 
    overflow:hidden; 
    z-index:20; 
    margin:0px; 
    background-size: 20px 5000px; 
    background-position:top right; 
    background-repeat:no-repeat; 
    background-image:url(mediav2/bg-righttop.png); 
}
#applicationArea { position:absolute; top:0px; bottom:20px; width:1200px; height:auto; overflow:hidden; z-index:10; margin:20px; margin-top:0; margin-bottom:0; }
#applicationFooter {position:absolute; bottom:0px; width:1240px; height:50px; background-color:#222; background-size: 3000px 20px; background-image:url(mediav2/bg-lbh.png); background-position:bottom left; background-repeat:no-repeat; background-color:transparent;}
#applicationFooterRight {position:absolute; bottom:0px; width:1240px; height:50px; background-color:#222; background-size: 81px 20px; background-image:url(mediav2/bg-rbh.png); background-position:bottom right; background-repeat:no-repeat; background-color:transparent;}

header{position:absolute; left:0px; right:0px; top:0px; bottom:auto; width:auto; border:0; height:32px; background-image:url(mediav2/bg.jpg); background-position:top left; background-repeat:repeat-x; background-color:rgb(203,209,213); }

#MainMenuToolbarHost{display:none; border-bottom:2px solid rgb(158, 158, 158); z-index:10; position:absolute; left:0px; right:0px; width:auto; top:32px; bottom:auto; height:70px; background-color:transparent; background-color:rgb(203,209,213); }

#ErrorPanel {display:none; position:absolute; left:0px; right:0px; width:auto; top:32px; bottom:auto; height:76px; background-color:transparent; background-color:rgb(203,209,213); }
#errorPanelContainer {position:absolute; left:0px;right:0px; width:auto; top:10px; bottom:auto; height:60px; background-color:transparent; background-color:rgb(236,236,240); border-radius:10px;}
#ErrorIcon { position:absolute; background-position:top left; background-repeat:no-repeat; width:17px; min-height:100%; background-size:17px 17px; cursor:pointer; margin-top:16px; margin-left: 16px;}
.errorSuccess { background-image:url(mediav2/toolbar/icon-messages-success.png);}
.errorWarning { background-image:url(mediav2/toolbar/icon-messages-info.png);  }
.errorMessage {position:absolute; color:red; left:50px; top:0px;  bottom:0px;width:auto; height:50px; font-size:15px; overflow:hidden; text-align: left; float:left;margin-right:35px;line-height:50px;}

#clientArea
{
    position:absolute; 
    left:0px; 
    right:0px; 
    top:32px; 
    bottom:0px; 
    width:auto; 
    height:auto; 
    
    color:#fff; 
    padding:10px; 

    background-image:url(mediav2/bg-line.jpg); 
    background-position:top left; 
    background-repeat:repeat-x; 
    background-color:rgb(203,209,213); 
    padding-bottom:0px; 
}

.debugSidebar{display:none; position:fixed; left:auto; right:0px; top:0px; bottom:0px; width:300px; height:auto; color:#fff; background:#555; padding:2px; z-index:2; overflow:auto; }
.meta{display:none; }
.applicationName{position:absolute; left:5px; top:0px; width:200px; height:30px; display:none; background-repeat:no-repeat; background-position:center; }
.logoSignon{position:absolute; width:500px; height:200px; background-image:url(mediav2/gameplan-logo-signon.png); background-repeat:no-repeat; background-position:center; }
.Page{position:absolute; left:0%; right:auto; top:0%; bottom:auto; width:100%; height:100%; background:#222; overflow:hidden; }

.Portlet { }
.PortletContent{position:absolute; left:0px; right:0px; top:30px; bottom:48px; width:auto; height:auto; overflow:hidden; }
.PortletContentNoFooter{position:absolute; left:0px; right:0px; top:30px; bottom:0px; width:auto; height:auto; background:rgb(1,29,52); color:#888; border-top:1px solid #000; border-bottom:1px solid #444; overflow:hidden; }
.PortletFooter{position:absolute; left:0px; right:0px; top:auto; bottom:0px; width:auto; height:40px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:#222; border:4px solid #333; }

.portlettitle { position:absolute; top:0; left:0; width:100%; height:100%; background:none; background-color:transparent; margin:0; padding:0; height:30px; color:rgb(64,87,119); font-weight:bold; line-height:40px; vertical-align:bottom; margin-left:15px;}
.portletfocus { color:rgb(255,88,0); }
.portletactions { position:absolute; top:0; right:10px; background:none; background-color:transparent; margin:0; padding:0; height:30px; vertical-align:bottom;}
.portletactions a { margin:0; padding:0; border:0;}
.portletactions img { margin:0; padding:0; border:0;margin-top:10px;}
.bgportlet { position:absolute; top:30px; left:0; width:100%; height:100%; background:none; background-color:transparent; margin:0; padding:0; margin-bottom:-30px; overflow:hidden; }
.bgtl { position:absolute; top:0; left:0; width:100%; height:15px; background-image:url(mediav2/bg-p-tl.png); background-position:top left; background-repeat:no-repeat; background-color:transparent;margin:0; padding:0; }
.bgtr { position:absolute; top:0; left:0; width:100%; height:15px; background-image:url(mediav2/bg-p-tr.png); background-position:top right; background-repeat:no-repeat; background-color:transparent; margin:0; padding:0; }
.bgml { position:absolute; top:15px; left:0; width:100%; height:100%; background-image:url(mediav2/bg-p-ml.png); background-position:top left; background-repeat:repeat-y; background-color:transparent;margin:0; padding:0; }
.bgmr { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(mediav2/bg-p-mr.png); background-position:top right; background-repeat:repeat-y; background-color:transparent; margin:0; padding:0; }
.bgbl { position:absolute; left:0; bottom:30px; width:100%; height:100%; background-image:url(mediav2/bg-p-bl.png); background-position:bottom left; background-repeat:no-repeat; background-color:transparent; margin:0; padding:0; }
.bgbr { position:absolute; left:0; bottom:0px; width:100%; height:100%; background-image:url(mediav2/bg-p-br.png); background-position:bottom right; background-repeat:no-repeat; background-color:transparent; margin:0; padding:0; }
 
.portletis { position:relative; float:left; background-image:url(mediav2/portlet-icon-setting.png); background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer; margin-top:10px;}
.portletarrow {position:relative; float:left;background-image:url(mediav2/portlet-icon-arrow.png); background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer; margin-top:10px;}
.portletmessage {position:relative; float:left; background-image:url(mediav2/portlet-icon-checkbox.png); background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;margin-top:10px;}
.portletis:hover { background-image:url(mediav2/portlet-icon-setting-a.png);  background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;}
.portletarrow:hover { background-image:url(mediav2/portlet-icon-arrow-a.png);  background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;}
.portletminmax { position:relative; float:left; background-image:url(mediav2/portlet-icon-maximize.png); background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;margin-top:10px;} 
.portletminmax:hover { background-image:url(mediav2/portlet-icon-maximize-a.png);  background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;} 
.portletmin { position:relative; float:left; background-image:url(mediav2/portlet-icon-minimize.png); background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;margin-top:10px;} 
.portletmin:hover { background-image:url(mediav2/portlet-icon-minimize-a.png);  background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;} 
.portletmessage:hover { background-image:url(mediav2/portlet-icon-checkbox-a.png);  background-position:top left; background-repeat:no-repeat; width:25px; height:20px; background-size:25px 20px; cursor:pointer;}

#PortletError {position:relative; float:right; background-position:top left; background-repeat:no-repeat; width:25px; height:18px; background-size:18px 18px; cursor:pointer; margin-top:10px;}
.portletsuccess{ background-image:url(mediav2/toolbar/icon-messages-success.png); }
.portleterror {background-image: url(mediav2/toolbar/icon-messages-info.png);}

/* Dialog */
.DialogHost{position:absolute; overflow:hidden; opacity:1; color:rgb(68,78,98); z-index:5001; width:auto; height:auto; }

.DialogHeader{position:relative; float:left; background-size: 1200px 61px; background-image:url(mediav2/bg-modal-top-left.png); background-position:top left; background-repeat:no-repeat; height:60px; clear:both; font-size:16px;}
.DialogHeaderContainer { position:absolute;left:20px;top:15px;right:0px;bottom:20px;overflow:hidden; }
.DialogHeaderRight{position:relative; float:left; background-size: 40px 60px; background-image:url(mediav2/bg-modal-top-right.png); background-position:top right; background-repeat:no-repeat; width:40px; height:60px; }

.DialogContent{position:relative; float:left; background-size: 1200px 10px; background-image:url(mediav2/bg-modal-mid-left.png); background-position:top left; background-repeat:repeat-y; color:rgb(64,87,119); clear:both;}
.DialogContentRight{position:relative; float:left; background-size: 40px 10px; background-image:url(mediav2/bg-modal-mid-right.png); background-position:top right; background-repeat:repeat-y; width:40px;}

.DialogFooter{position:relative; float:left; background-size: 1200px 80px; background-image:url(mediav2/bg-modal-bot-left.png); background-position:top left; background-repeat:no-repeat; height:80px; clear:both;}
.DialogFooterRight{position:relative; float:left; background-size: 40px 80px; background-image:url(mediav2/bg-modal-bot-right.png); background-position:top right; background-repeat:no-repeat; width:40px; height:80px; }
.DialogContentContainer { position:absolute;left:30px;top:0px;right:0px;bottom:0px;overflow:hidden; }
.DialogContentNoFooter{position:absolute; float:left; left:0px; right:0px; top:30px; bottom:0px; width:auto; height:auto; background-color:transparent; color:#fff; overflow:hidden; }

/* ToolWindow */
.ToolWindowHost{position:absolute; overflow:hidden; opacity:1; color:rgb(68,78,98); z-index:5001; width:auto; height:auto; }

.ToolWindowHeader{position:relative; float:left; background-size: 1000px 20px; background-image:url(mediav2/bg-light-modal-top-left.png); background-position:top left; background-repeat:no-repeat; height:20px; clear:both; }
.ToolWindowHeaderContainer { position:absolute;left:20px;top:15px;right:0px;bottom:20px;overflow:hidden; }
.ToolWindowHeaderRight{position:relative; float:left; background-size: 24px 20px; background-image:url(mediav2/bg-light-modal-top-right.png); background-position:top right; background-repeat:no-repeat; width:24px; height:20px; }

.ToolWindowContent{position:relative; float:left; background-size: 1000px 10px; background-image:url(mediav2/bg-light-modal-mid-left.png); background-position:top left; background-repeat:repeat-y; color:rgb(64,87,119); clear:both;}
.ToolWindowContentRight{position:relative; float:left; background-size: 24px 10px; background-image:url(mediav2/bg-light-modal-mid-right.png); background-position:top right; background-repeat:repeat-y; width:24px;}

.ToolWindowFooter{position:relative; float:left; background-size: 1000px 20px; background-image:url(mediav2/bg-light-modal-bot-left.png); background-position:top left; background-repeat:no-repeat; height:20px; clear:both;}
.ToolWindowFooterRight{position:relative; float:left; background-size: 24px 20px; background-image:url(mediav2/bg-light-modal-bot-right.png); background-position:top right; background-repeat:no-repeat; width:24px; height:20px; }
.ToolWindowContentContainer { position:absolute;left:15px;top:0px;right:0px;bottom:10px; padding-bottom:20px; }
.ToolWindowContentNoFooter{position:absolute; float:left; left:0px; right:0px; top:30px; bottom:0px; width:auto; height:auto; background-color:transparent; color:#fff; overflow:hidden; }

.ComboOverlay{position:fixed; padding:0px; margin: 0px; left:0px; top:0px; right:0px; bottom:0px; display:none; background:red; }

.HighlightText{ color:#ff0; }
.LargeContentText{ color:rgb(255,88,0); font-weight:bold; }
.qunitHost{overflow-y:auto; }

/* Don't want chrome's outlining or spell-checking. */
input{outline:none; }
textarea{spellcheck:false; }
.paragraph
{
    padding: 2px;
    margin: 2px;
}

.GroupBox{border:1px solid #888; }
.helpSidebar{position:absolute; right:0px; top:0px; bottom:0px; width:0px; background:#000; z-index:10; overflow-y:auto; overflow-x:hidden; }
.helpTemplateName{margin-left:4px; margin-right:4px; margin-top:4px; background:#222; }
.helpTemplateDescription{margin-left:8px; margin-right:4px; margin-top:4px; background:#333; }
.helpTemplateFieldName{margin-left:12px; margin-right:4px; margin-top:4px; background:#444; }
.helpTemplateFieldDescription{margin-left:16px; margin-top:4px; margin-right:4px; background:#555; }

.messageTooltip 
{ 
    background:#003; 
    position:absolute; 
    z-index:100000; 
    border:1px solid orange; 
    border-radius:3px; 
}

.tooltip {

/*cursor: help;*/    
}
 
.tooltip::after {

    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
    opacity: 0; /* Our element is transparent... */
    padding: 3px 7px;
    font:12px Arial;
    position: absolute;
    margin-top:30px;
    margin-left:-30px;
    z-index:1000000;
    visibility: hidden; /* ...and hidden. */
             
    transition: all 0.4s ease-in-out; /* To add some smoothness */
}
         
.tooltip:hover::after {

    opacity: 1; /* Make it visible */
    visibility: visible;
}

/* Format for checkboxes and radio buttons. */
input[type="checkbox"]
{
    display: none;
}

input[type="checkbox"] + label
{
    color:rgb(68,78,98);     
    line-height:22px; 
    vertical-align:middle; 
    text-align:left; 
}

input[type="checkbox"] + label span
{
    display: inline-block;
    width: 18px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(mediav2/check_radio_sheet.png) left top no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked + label span
{
    background: url(mediav2/check_radio_sheet.png) -19px top no-repeat;
}

input[type="radio"]
{
    display: none;
}

input[type="radio"] + label
{
    color:rgb(68,78,98);
    line-height:22px; 
    vertical-align:middle; 
    text-align:left; 
}

input[type="radio"] + label span
{
    display: inline-block;
    width: 18px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(mediav2/check_radio_sheet.png) -38px top no-repeat;
    cursor: pointer;
}

input[type="radio"]:checked + label span 
{
	background:url(mediav2/check_radio_sheet.png) -57px top no-repeat;
}

.heatmapRow
{
    display:block;
}

.heatmapCellBase
{
    display:inline-block;
    margin:2px;
    padding-top:2px;
    border:1px solid black;
    border-radius: 5px;
    cursor: pointer;
    vertical-align:top;
    text-align:center;
    overflow:hidden;
}

.heatmapCell
{
    background:linear-gradient(0deg, black, green);
}

.heatmapCellInError
{
    background:linear-gradient(0deg, black, red);
}

.heatmapCellUnknown
{
    background:linear-gradient(0deg, black, gray);
}

/*////////////////////////////////////////////////////////////////////////// Gadget Styles //////////////////////////////////////////////////////////////////////////*/

/* Line */
.line{position:absolute; background-image:url(mediav2/bg-line.jpg); background-position:top left; background-repeat:repeat-x; padding-bottom:0px; }

/* Button */
.tfButton{position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:90px; height:28px; color:#000; font-size:11px; font-weight:bold; background-image:url(mediav2/bg-button.png); background-repeat:no-repeat; background-position:top center; cursor:pointer; }
.ButtonReadOnlyEnabled:hover{background-image:url(mediav2/bg-button-a.png);background-repeat:no-repeat; background-position:top center; }
.ButtonReadOnlyDisabled{background-image:url(mediav2/bg-button-d.png); }
.tfButtonIcon{position:absolute; left:5px; right:auto; top:6px; bottom:auto; width:16px; height:16px; cursor:pointer; }
.tfButtonLabel{position:absolute; left:24px; top:8px; letter-spacing: 0em;  cursor:pointer;}
.tfButtonLabelDown{ }
.tfButtonFile { display:none; }

/* RateButton */
.rateButton 
{ 
    position:absolute; 
    width:115px; 
    height:78px; 
    color:#fff; 
    font-size:16px; 
    border-radius:10px;
    cursor:pointer; 
    border:1px solid black;
    overflow: hidden;
}

/* Text */
.tfTextLeft{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-left.png); background-repeat:no-repeat; background-position: top left; }
.tfTextLeftActive{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-left-a.png); background-repeat:no-repeat; background-position:top left; }
.tfTextMid{position:relative; float:left; width:20px; height:30px; background-size: 20px 30px; background-image:url(mediav2/bg-field-mid.png); background-repeat:no-repeat; background-position:top left; }
.tfTextMidActive{position:relative; float:left; width:20px; height:30px; background-size: 20px 30px; background-image:url(mediav2/bg-field-mid-a.png); background-repeat:no-repeat; background-position:top left;  }
.tfTextRight{position:relative; float:left; height:30px; background-size: 700px 30px; background-image:url(mediav2/bg-field-right.png); background-repeat:no-repeat; background-position:top right; }
.tfTextRightActive{position:relative; float:left; height:30px; background-size: 700px 30px; background-image:url(mediav2/bg-field-right-a.png); background-repeat:no-repeat; background-position:top right;  }
.tfTextInputWrapper{position:relative;}
.tfTextInputWrapperNoLabel{position:relative; } 
.tfTextInput { position:relative; top:4px; padding:2px; height:18px; line-height:22px; background:none; border:0; font-size:12px; color:rgb(68,78,98); }
.tfTextLabel{position:relative; padding-left:10px; top:4px; height:26px; line-height:22px; background:none; border:0; color:rgb(68,78,98); text-align:left; }

.tfTextTopLeft{position:relative; float:left; height:60px; background-size: 600px 60px; background-image:url(mediav2/bg-field-left-t.png); background-repeat:no-repeat; background-position: top left; }
.tfTextTopLeftActive{position:relative; float:left; height:60px; background-size: 600px 60px; background-image:url(mediav2/bg-field-left-t-a.png); background-repeat:no-repeat; background-position:top left; }
.tfTextTopRight{position:relative; float:left; width:20px; height:60px; background-size: 20px 60px; background-image:url(mediav2/bg-field-right-t.png); background-repeat:no-repeat; background-position:top right; }
.tfTextTopRightActive{position:relative; float:left; width:20px; height:60px; background-size: 20px 60px; background-image:url(mediav2/bg-field-right-t-a.png); background-repeat:no-repeat; background-position:top right;  }

.tfTextReadOnlyBackground { background-image:none; }
.tfTextRequired { color:rgb(255,88,0); }
.tfTextError { background:red; }
.tfTextDecode { background:yellow; }
.tfTextReadOnlyDisabled { color:grey; }

/* TextArea */
.tfTextArea {position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto; height:auto; color:grey; font-size:11px; overflow:hidden;}
.tfTextAreaContainer{position:absolute; top:0px; bottom:2px; left:2px; right:2px; width:auto; height:auto; } 

/* Listbox */
.tfListbox{position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto; height:auto; color:#fff; }
.tfListboxLabel{position:absolute; top:2px; bottom:auto; left:2px; right:2px; width:auto; height:22px; line-height:22px; }
.tfListboxItemsContainer{position:absolute; top:0px; bottom:2px; left:2px; right:2px; width:auto; height:auto; background:none; overflow:hidden } 
.tfListboxItems{position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto; height:auto; background:none; border:2px ridge #EBDFDF; border-radius:4px; color:#000; overflow-x:hidden; overflow-y:hidden; margin-right:0px; margin-bottom:0px; overflow:hidden }
.disabledListboxInput{color:#888; }
.tfListboxInput:hover{background:#000; }

.listboxItem:nth-child(odd) {display:block; position:relative; color:#fff; background:rgb(163, 163, 163);}
.listboxItem:nth-child(even) {display:block; position:relative; color:#fff; background:white;}

.listboxItemCheck{display:inline; background:none; border:none; outline:none; margin-right:30px; color:#fff; height:12px; width:20px; }
.listboxItemLabel{display:inline; background:none; border:none; outline:none; color:#fff; height:12px; }

.listboxColumnItemWide{position:relative; display:inline-block; background:none; border:none; outline:none; overflow:hidden; width:200px; }
.listboxColumnItemInvisible{position:relative; display:inline-block; background:none; border:none; outline:none; overflow:hidden; width:0px; }
.listboxColumnItemNarrow{position:relative; display:inline-block; background:none; border:none; outline:none; overflow:hidden; width:75px; }

/* Check */
.tfCheck { position:absolute; left:0px; top:0px; bottom:0px; }
.tfCheckLabel { }
.tfCheckInput { background:none; border:none; outline:none; color:#000; height:12px; }

/* Radio */
.tfRadio { position:absolute; left:0px; top:0px; bottom:0px; }
.tfRadioLabel { }
.tfRadioInput { background:none; border:none; outline:none; color:#000; height:12px; }

/* Label */
.tfLabelLabel 
{ 
    position:absolute; 
    top:0px; 
    left:0px; 
    color:grey;
    right:10px; 
    height:22px; 
    width:100%; 
    line-height:22px; 
    vertical-align:middle; 
    text-align:left; 
}
.tfLabelPass
{
    color: rgb(0,200,0);
}
.tfLabelFail
{
    color: rgb(200,0,0);
}

/* Tab */
.tfTab{position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:auto; height:auto; border:1px solid #fff; border-radius:4px; }
.tfTabHeader{position:absolute; left:0px; top:0px; right:0px; bottom:auto; width:auto; height:35px; border-bottom:1px solid #fff; border-top-left-radius:4px; border-top-right-radius:4px; }
.tfTabBody{position:absolute; left:0px; right:0px; top:36px; bottom:0px; width:auto; height:auto; background:#333; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }

/* ComboBox */

.ComboBoxLeft{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-left.png); background-repeat:no-repeat; background-position: top left; }
.ComboBoxLeftActive{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-left-a.png); background-repeat:no-repeat; background-position:top left; }
.ComboBoxMid{position:relative; float:left; width:20px; height:30px; background-size: 20px 30px; background-image:url(mediav2/bg-field-mid.png); background-repeat:no-repeat; background-position:top left; }
.ComboBoxMidActive{position:relative; float:left; width:20px; height:30px; background-size: 20px 30px; background-image:url(mediav2/bg-field-mid-a.png); background-repeat:no-repeat; background-position:top left;  }
.ComboBoxRight{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-right.png); background-repeat:no-repeat; background-position:top right; }
.ComboBoxRightActive{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-right-a.png); background-repeat:no-repeat; background-position:top right;  }

.ComboBoxInputWrapper{position:relative;}
.ComboBoxInputWrapperNoLabel{position:relative; } 
.ComboBoxLabel{position:relative; padding-left:10px; top:4px; height:26px; line-height:22px; background:none; border:0; color:rgb(68,78,98); text-align:left; }
.ComboBoxTextInput{position:relative; top:6px; height:18px; line-height:18px; background:none; border:0; font-size:12px; color:rgb(68,78,98); }
.ComboBoxTextInput .TextInputReadOnlyDisabled{ width:150px; height:36px; text-align:right; color:grey; background:none; border:0; spellcheck:false; outline:none; }
.ComboBoxDropDownIcon { position:absolute; z-index:-1;  right: 5px; background: transparent; top:2px; width:24px; height:24px; height:26px; line-height:22px; }
.ComboBoxDropDownIconActiveArrow { background-repeat:no-repeat; z-index:2; background-position:center center; background-size:22px 22px; background-image:url(mediav2/dropdown-button-arrow.png); }
.ComboBoxDropDownIconActiveDate { background-repeat:no-repeat; z-index:2; background-position:center center; background-size:22px 22px; background-image:url(mediav2/dropdown-button-date.png); }
.ComboBoxDropDownIconActiveSearch { background-repeat:no-repeat; z-index:2; background-position:center center; background-size:22px 22px; background-image:url(mediav2/dropdown-button-search.png); }
.ComboBoxDropDownIconActiveArrowA { background-repeat:no-repeat; z-index:2;  background-position:center center; background-size:22px 22px; background-image:url(mediav2/dropdown-button-arrow-a.png); }
.ComboBoxDropDownIconActiveDateA { background-repeat:no-repeat; z-index:2; background-position:center center; background-size:22px 22px; background-image:url(mediav2/dropdown-button-date-a.png); }
.ComboBoxDropDownIconActiveSearchA { background-repeat:no-repeat; z-index:2; background-position:center center; background-size:22px 22px; background-image:url(mediav2/dropdown-button-search-a.png); }

.ComboBox .DropDown { height:100%; width:100%;  }
.ComboBox .DropDownList { height:100%; width:100%; }

.DropDownWrapper { position:absolute; left:0px; top:0px; height:0px; width:0px; display:none; opacity:0; box-shadow:2px 2px 7px 0px rgb(127, 127, 127); }
.DropDown { height:100%; width:100%; margin:0px; padding:0px; }
.DropDownList { height:100%; width:100%; margin:0px; padding:0px; }
.DropDownListHeader 
{ 
    height:25px; 
    width:100px; 
    margin:0px; 
    font: 12px Helvetica;
    padding:0px; 
    text-align:center;
    line-height:25px;
    vertical-align:bottom;
    background:rgb(157,162,179); 
    color: black;
}

.ComboBoxTopLeft{position:relative; float:left; height:60px; background-size: 600px 60px; background-image:url(mediav2/bg-field-left-t.png); background-repeat:no-repeat; background-position: top left; }
.ComboBoxTopLeftActive{position:relative; float:left; height:60px; background-size: 600px 60px; background-image:url(mediav2/bg-field-left-t-a.png); background-repeat:no-repeat; background-position:top left; }
.ComboBoxTopRight{position:relative; float:left; width:20px; height:60px; background-size: 20px 60px; background-image:url(mediav2/bg-field-right-t.png); background-repeat:no-repeat; background-position:top right; }
.ComboBoxTopRightActive{position:relative; float:left; width:20px; height:60px; background-size: 20px 60px; background-image:url(mediav2/bg-field-right-t-a.png); background-repeat:no-repeat; background-position:top right;  }
          
.ComboBoxReadOnlyBackground { background-image:none; }
.ComboBoxRequired { color:rgb(255,88,0);  }
.ComboBoxError { background:red;  }
.ComboBoxDecode { background:yellow;  }
.ComboBoxReadOnlyDisabled { color:grey;  }
   
/* NumberBox */

.NumberBoxLeft{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-left.png); background-repeat:no-repeat; background-position: top left; }
.NumberBoxLeftActive{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-left-a.png); background-repeat:no-repeat; background-position:top left; }
.NumberBoxMid{position:relative; float:left; width:20px; height:30px; background-size: 20px 30px; background-image:url(mediav2/bg-field-mid.png); background-repeat:no-repeat; background-position:top left; }
.NumberBoxMidActive{position:relative; float:left; width:20px; height:30px; background-size: 20px 30px; background-image:url(mediav2/bg-field-mid-a.png); background-repeat:no-repeat; background-position:top left;  }
.NumberBoxRight{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-right.png); background-repeat:no-repeat; background-position:top right; }
.NumberBoxRightActive{position:relative; float:left; height:30px; background-size: 600px 30px; background-image:url(mediav2/bg-field-right-a.png); background-repeat:no-repeat; background-position:top right;  }

.NumberBoxInputWrapper{position:relative;}
.NumberBoxInputWrapperNoLabel{position:relative; } 
.NumberBoxTextInput{position:relative; text-align:right; top:2px; height:26px; line-height:22px; background:none; border:0; font-size:12px; color:rgb(68,78,98); }
.NumberBoxLabel{position:relative; padding-left:10px; top:4px; height:26px; line-height:22px; background:none; border:0; color:rgb(68,78,98); text-align:left; }

.NumberBoxTextInput .TextInputReadOnlyDisabled{ width:150px; height:36px; text-align:right; color:grey; background:none; border:0; spellcheck:false; outline:none; }

.NumberBoxTopLeft{position:relative; float:left; height:60px; background-size: 600px 60px; background-image:url(mediav2/bg-field-left-t.png); background-repeat:no-repeat; background-position: top left; }
.NumberBoxTopLeftActive{position:relative; float:left; height:60px; background-size: 600px 60px; background-image:url(mediav2/bg-field-left-t-a.png); background-repeat:no-repeat; background-position:top left; }
.NumberBoxTopRight{position:relative; float:left; width:20px; height:60px; background-size: 20px 60px; background-image:url(mediav2/bg-field-right-t.png); background-repeat:no-repeat; background-position:top right; }
.NumberBoxTopRightActive{position:relative; float:left; width:20px; height:60px; background-size: 20px 60px; background-image:url(mediav2/bg-field-right-t-a.png); background-repeat:no-repeat; background-position:top right;  }

.NumberBoxReadOnlyBackground { background-image:none; }
.NumberBoxRequired { color:rgb(255,88,0); }
.NumberBoxError { background:red; }
.NumberBoxDecode { background:yellow; }
.NumberBoxReadOnlyDisabled { color:grey; }

/* CountdownBox */

.CountdownBox{position:absolute; left:0px; top:0px; right:0px; bottom:0px; border:1px solid #222; border-radius:4px; background:#222; }
.CountdownBox .Label{position:absolute; top:0px; padding-bottom:2px; padding-right:2px; padding-left:2px; line-height:20px; }
.CountdownBox .SecondsDisplay{position:absolute; top:0px; padding-bottom:2px; padding-right:2px; padding-left:2px; line-height:20px; }
.CountdownBox .Bar{position:absolute; top:5px; bottom:5px; background:black; }
.CountdownBox .Bar #BarCanvas{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:green; }

/* GroupBox */

#GroupHost{position:absolute; left:2px; right:2px; top:2px; bottom:2px; width:auto; height:auto;}
.GroupWrapper{position:absolute; left:0px; right:0px; /* background:#000; */ background-color: rgb(0,34,52); background-color:transparent;}
.GroupBoxHeader{position:absolute; left:2px; right:2px; top:2px; height:25px; /* background:#444; */ color:rgb(68,78,98); /* GamePlan */ background-image:url(mediav2/bg-p-hl.png); background-position:top left; background-repeat:no-repeat; background-color:transparent; }
.GroupBoxHeaderText{position:absolute; left:0px; right:0px; top:0px; height:20px; padding-top:5px; padding-left:50px; text-align:left; vertical-align:middle; font:12px Arial; /* GamePlan */   background-image:url(mediav2/bg-p-hr.png); background-position:top right; background-repeat:no-repeat; background-color:transparent;}
.GroupBoxHeaderGlyph{position:absolute; width:15px; left:12px; top:4px; height:15px; background-size:15px 15px; }
.GroupBoxSection{/* background:#222; */ position:absolute; left:2px; right:2px; top:22px; bottom:2px; padding:10px;  }
.GroupBoxSectionNoHeader{/* background:#222; */ position:absolute; left:-2px; right:2px; top:0px; bottom:2px; }

/* TabBox */

.TabBoxSection{position:absolute; left:0px; right:0px; top:33px; bottom:2px; padding:0px; background-image:url(mediav2/bg-tabsub-section-left.png); background-position:top left; background-repeat:repeat-y;  }
/* jlin
.TabBoxSectionRight{position:absolute; left:0px; top:33px; bottom:2px; width:15px; padding:0px; background-image:url(mediav2/bg-tabsub-section-right.png); background-position:top left; background-repeat:repeat-y;  }
*/
.TabBoxButtonBarLeft{ background-image:url(mediav2/bg-tabsub-bar-left.png); background-repeat:no-repeat; position:absolute; left:0px; right:0px; top:0px; height:38px; width:5px; padding:0px; margin:0px; }
.TabBoxButtonBarRight{ background-image:url(mediav2/bg-tabsub-bar-right.png); background-repeat:no-repeat; position:absolute; left:0px; top:0px; height:38px; width:5px; padding:0px; margin:0px; }
.TabBoxButtonBar{ background-image:url(mediav2/bg-tabsub-bar.png); background-repeat:repeat-x; position:absolute; left:2px; right:2px; top:0px; height:38px; padding:0px; margin:0px; }
/* jlin
.TabBoxBottomLeft{ background-image:url(mediav2/bg-tabsub-bottom-left.png); background-repeat:no-repeat; position:absolute; left:0px; right:0px; top:0px; height:38px; width:5px; padding:0px; margin:0px; }
.TabBoxBottomRight{ background-image:url(mediav2/bg-tabsub-bottom-right.png); background-repeat:no-repeat; position:absolute; right:0px; top:0px; height:38px; width:5px; padding:0px; margin:0px; }
.TabBoxBottomMid{ background-image:url(mediav2/bg-tabsub-bottom-mid.png); background-repeat:repeat-x; position:absolute; left:2px; right:2px; top:0px; height:38px; padding:0px; margin:0px; }
*/
.TabBoxPageWrapper{display:none; }
.TabBoxPageWrapperSelected{display:inherit; }

.tabSubButton{ background-image:url(mediav2/bg-tabsub-left.png); color:rgb(62, 96, 134); float:left; height:38px; background-position:top left; background-repeat:no-repeat; font-weight:bold; line-height:38px; vertical-align:middle; white-space:nowrap; text-align:center; padding-left:20px; }
.tabSubButton:hover{ cursor: pointer; color:rgb(255,88,0);}
.tabSubButtonRight{ background-image:url(mediav2/bg-tabsub-right.png); float:left; height:38px; width:20px; background-position:top right; background-repeat:no-repeat; background-color:transparent; margin-right:8px; }
.tabSubButtonRight:hover{ cursor: pointer; } 
.tabSubButton:active{ cursor: pointer; color:rgb(255,88,0); } 
.tabSubButtonSelected{ background-image:url(mediav2/bg-tabsub-left-h.png); color:rgb(255,88,0); }
.tabSubButtonSelectedRight{ background-image:url(mediav2/bg-tabsub-right-h.png); color:rgb(255,88,0); }

/* Main menu */
.mainMenuControl{position:absolute; z-index:10000; left:220px; right:200px; top:auto; bottom:0px; width:auto; height:auto; color:#99F; }
.tabButtonRight{height:30px; padding-left:20px; bottom:0px; text-align:center; text-indent:0px; 
                color:rgb(64,87,119); background-image:url(mediav2/bg-tab-l2.png); background-position:top left; 
                background-repeat:no-repeat; background-color:transparent; font-weight:bold; line-height:37px; 
                vertical-align:middle; white-space:nowrap; }
.tabButtonRight:hover{ cursor: pointer; color:rgb(255,88,0);  background-image:url(mediav2/bg-tab-l2h2.png);} 
.tabButton{bottom:0px; float:left; padding-right:20px; height:30px; background-image:url(mediav2/bg-tab-r2.png); 
           background-position:top right; background-repeat:no-repeat; background-color:transparent; margin: 0 3px 0 0;}
.tabButton:hover{ background-image:url(mediav2/bg-tab-r2h2.png); cursor: pointer; }
.tabButton:active{ cursor: pointer; color:rgb(255,255,255);  background-image:url(mediav2/bg-tab-r2h2.png); } 
.tabButtonSelected{ float:left; bottom:0px; padding-right:20px; height:30px; background-image:url(mediav2/bg-tab-r2h2.png); 
                    background-position:top right; background-repeat:no-repeat; background-color:transparent; margin: 0 3px 0 0;}
.tabButtonSelected .tabButtonRight{ cursor: pointer; color:rgb(255,88,0);  background-image:url(mediav2/bg-tab-l2h2.png);} 




.tabPage{display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:auto; height:auto; background-color:transparent; }
.tabToolbar{display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:auto; height:auto; background-color:transparent; 
            overflow:hidden; border-bottom:0px solid #fff; letter-spacing:0;}
.tabToolbarButton { display:inline-block; position:relative; height:60px; margin-left:30px; padding:0px; }
.tabToolbarButton:hover{ }
.tabToolbarButtonIcon{ height:32px; cursor:pointer; position:relative; top:8px; margin:0; padding:0; }
.tabToolbarButtonLabel{ min-width:64px; position:relative; bottom:0px; height:18px; color:rgb(64,87,119); font-weight:bold; 
                        text-transform:uppercase; line-height:18px; vertical-align:middle; text-align:center; 
                        left:0px; right:0px; top:32px; margin:0; padding:0; word-wrap:normal; white-space: nowrap;}

/* icon button count */
.IconButtonCount { display:inline-block; position:relative; height:60px; margin-left:0px; padding:0px; }
.IconButtonCount:hover{ }
.IconButtonCountIcon{ height:32px; cursor:pointer; position:relative; top:8px; margin:0; padding:0; }
.IconButtonCountLabel{ min-width:64px; position:relative; bottom:0px; height:18px; color:rgb(64,87,119); font-weight:bold; 
                        text-transform:uppercase; line-height:18px; vertical-align:middle; text-align:center; 
                        left:0px; right:0px; top:10px; margin:0; padding:0; word-wrap:normal; white-space: nowrap;}
.IconButtonCountNumber { display:none; position: absolute; right: 0px; bottom: 0px; width: 20px; height: 14px; background-color: #ff5800; opacity:0.9; border-radius: 6px; color: #ffffff; text-align: center; padding:1px; }

/* Wizard Box */

.WizardBoxChevronBar 
{
    position:absolute; 
    left:0px; 
    height:25px; 
    right:0px; 
    top:0px; 
    background:rgb(221,225,228); 
}

.WizardBoxSectionWrapper
{
    position:absolute; 
    left:0px; 
    bottom:0px; 
    right:0px; 
    top:25px; 
    background:none; 
}

.HiddenWizardBarSection { display:none; }
.VisibleWizardBarSection { display:inherit; }

/*////////////////////////////////////////////////////////////////////////// Statusbar //////////////////////////////////////////////////////////////////////////*/

.statusBar{background:#FFA; color:#008; border:1px solid #FF0; border-radius:4px; }

/*//////////////////////////////////////////////////////////////////////////Toolbar//////////////////////////////////////////////////////////////////////////*/

.toolbarControl
{ 
    position:absolute; 
    left:auto; 
    top:0px; 
    right:0px; 
    width:200px; 
    bottom:0px; 
    background:none;
}

.toolbarControl #Debug{position:absolute; left:0px; width:30px; height:30px; }
.toolbarControl #Debug:hover{bottom:3px; }
.toolbarControl #Debug:active{bottom:2px; }

.toolbarControl #UnitTest{position:absolute; left:42px; width:30px; height:30px;}
.toolbarControl #UnitTest:hover{bottom:3px; }
.toolbarControl #UnitTest:active{bottom:2px; }

.toolbarControl #Task{position:absolute; left:42px; width:30px; height:30px; }
.toolbarControl #Task:hover{bottom:3px; }
.toolbarControl #Task:active{bottom:2px; }

.toolbarControl #Messages{position:absolute; left:84px; width:30px; height:30px;}
.toolbarControl #Messages:hover {background-image: url(mediav2/toolbar/icon-messages-a.png);}
.toolbarControl #Messages:active{bottom:2px; }

.toolbarControl #Settings{position:absolute;  left:126px; width:30px; height:30px;}
.toolbarControl #Settings:hover{bottom:3px; }
.toolbarControl #Settings:active{bottom:2px; }

.toolbarControl #SignOff{position:absolute; left:168px; width:30px; height:30px; }
.toolbarControl #SignOff:hover{bottom:3px; }
.toolbarControl #SignOff:active{bottom:2px; }

/*.toolbarControl #Help{position:absolute; left:300px; width:30px; height:30px; }
.toolbarControl #Help:hover{bottom:3px; }
.toolbarControl #Help:active{bottom:2px;  }*/

.toolbarShowMenu{ display:none; background-image:url(mediav2/toolbar/icon-showMenu.png); cursor:pointer;  background-position:center; background-repeat:no-repeat;}
.toolbarShowMenuHighlight{ background-image:url(mediav2/toolbar/icon-showMenu-a.png); cursor:pointer;  background-position:center; background-repeat:no-repeat;}
.toolbarDebug{ display:none; background-image:url(mediav2/toolbar/icon-debuglog.png); cursor:pointer;  background-position:center; background-repeat:no-repeat;}
.toolbarUnitTest{ display:none; background-image:url(mediav2/toolbar/icon-unittest.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }
.toolbarTask{ display:none; background-image:url(mediav2/toolbar/icon-task.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }
/*.toolbarHelp{ display:none; background-image:url(mediav2/toolbar/icon-support.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }*/
.toolbarSettings{ display:none; background-image:url(mediav2/toolbar/icon-settings.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }
.toolbarSignoff{ display:none; background-image:url(mediav2/toolbar/icon-logout.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }

.toolbarTask{ display:none; background-image:url(mediav2/toolbar/icon-task.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }
.toolbarTaskCount{ display:none; position: absolute; right: -3px; bottom: -1px; width: 20px; height: 16px; background-color: #ff5800; opacity:0.9; border-radius: 6px; color: #ffffff; text-align: center; }

.alert{ display:none;  position:absolute; left:auto; right: 20px; top:40px; bottom: auto; width: 329px; height: 67px; background-image:url(mediav2/bg-alert.png); cursor:pointer; background-position:center; background-repeat:no-repeat; opacity: 0.8; }
.alertMessage{ display:block; position:absolute; left:40px; top:8px; width:260px; height:50px; color: rgb(68,78,98); font-weight: bold; }

.alertIconTask { display: block; position: absolute; top: 4px; left: 6px; width: 30px; height: 30px; background-image: url(mediav2/toolbar/icon-task.png); cursor: pointer; background-position: center; background-repeat: no-repeat; }

.toolbarMessages { display:none; background-image:url(mediav2/toolbar/icon-messages.png); cursor:pointer;  background-position:center; background-repeat:no-repeat; }
.toolbarMessagesSuccess { display:none; background-image:url(mediav2/toolbar/icon-messages-success.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }
.toolbarMessagesInfo {  display:none; background-image:url(mediav2/toolbar/icon-messages-info.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }
.toolbarMessagesOpened { display:none; background-image:url(mediav2/toolbar/icon-messages-a.png); cursor:pointer; background-position:center; background-repeat:no-repeat; }

.toolbarShowMenu:hover{background-image:url(mediav2/toolbar/icon-showMenu-b.png); background-position:center; background-repeat:no-repeat; }
.toolbarDebug:hover{background-image:url(mediav2/toolbar/icon-debuglog-a.png); background-position:center; background-repeat:no-repeat; }
.toolbarUnitTest:hover{ background-image:url(mediav2/toolbar/icon-unittest-a.png); background-position:center; background-repeat:no-repeat; }
.toolbarTask:hover{background-image:url(mediav2/toolbar/icon-task-a.png); background-position:center; background-repeat:no-repeat; }
/*.toolbarHelp:hover{ background-image:url(mediav2/toolbar/icon-support-a.png); background-position:center; background-repeat:no-repeat; }*/
.toolbarSettings:hover{background-image:url(mediav2/toolbar/icon-settings-a.png); background-position:center; background-repeat:no-repeat; }
.toolbarSignoff:hover{background-image:url(mediav2/toolbar/icon-logout-a.png); background-position:center; background-repeat:no-repeat; }


/*////////////////////////////////////////////////////////////////////////// Functional area styles //////////////////////////////////////////////////////////////////////////*/

.RateBlock{ background-image:url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzQUUzMzQiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzIwMzAyRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzUzMSkiIC8+Cjwvc3ZnPg==); border-radius:4px; }
.RateTitle{background:rgba(0,0,0,0.2); color:#222; font-size:20px; font-weight:300; border-radius:4px; vertical-align:middle; text-align:center; }
.RateBody{background:rgba(0,0,0,0.1); color:#226; font-size:40px; font-weight:900; margin:10px; border-radius:4px; line-height:50px; vertical-align:middle; text-align:center; }

/*////////////////////////////////////////////////////////////////////////// Icon styles.//////////////////////////////////////////////////////////////////////////*/

.MENUCATEGORIES{background-image:url(mediav2/menu/categoriesNeg.png); }
.MENUFUTURES{background-image:url(mediav2/menu/futuresNeg.png); }
.MENUFX{background-image:url(mediav2/menu/fxNeg.png); }
.MENUHOME{background-image:url(mediav2/menu/icon-home.png); background-repeat:no-repeat; background-position:top center; }
.MENUHOME:hover{background-image:url(mediav2/menu/icon-home-a.png); background-repeat:no-repeat; background-position:top center;}
.MENURATE{background-image:url(mediav2/menu/icon-report.png); background-repeat:no-repeat; background-position:top center; }
.MENURATE:hover{background-image:url(mediav2/menu/icon-report-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUTOOLS{background-image:url(mediav2/menu/icon-blotter.png); background-repeat:no-repeat; background-position:top center; }
.MENUTOOLS:hover{background-image:url(mediav2/menu/icon-blotter-a.png); background-repeat:no-repeat; background-position:top center;}

.MENUBLOTTER{background-image:url(mediav2/menu/icon-blotter.png); background-repeat:no-repeat; background-position:top center; }
.MENUBLOTTER:hover{background-image:url(mediav2/menu/icon-blotter-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUCONFIRMATION{background-image:url(mediav2/menu/icon-confirmation.png); background-repeat:no-repeat; background-position:top center; }
.MENUCONFIRMATION:hover{background-image:url(mediav2/menu/icon-confirmation-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUMATCH{background-image:url(mediav2/menu/icon-match.png); background-repeat:no-repeat; background-position:top center; }
.MENUMATCH:hover{background-image:url(mediav2/menu/icon-match-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUOPERATIONS{background-image:url(mediav2/menu/icon-operations.png); background-repeat:no-repeat; background-position:top center; }
.MENUOPERATIONS:hover{background-image:url(mediav2/menu/icon-operations-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUOPTIONS{background-image:url(mediav2/menu/icon-options.png); background-repeat:no-repeat; background-position:top center; }
.MENUOPTIONS:hover{background-image:url(mediav2/menu/icon-options-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUORDERS{background-image:url(mediav2/menu/icon-orders.png); background-repeat:no-repeat; background-position:top center; }
.MENUORDERS:hover{background-image:url(mediav2/menu/icon-orders-a.png); background-repeat:no-repeat; background-position:top center;}
.MENURATES{background-image:url(mediav2/menu/icon-rates.png); background-repeat:no-repeat; background-position:top center; }
.MENURATES:hover{background-image:url(mediav2/menu/icon-rates-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUREFDATA{background-image:url(mediav2/menu/icon-refdata.png); background-repeat:no-repeat; background-position:top center; }
.MENUREFDATA:hover{background-image:url(mediav2/menu/icon-refdata-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUREPORT{background-image:url(mediav2/menu/icon-report.png); background-repeat:no-repeat; background-position:top center; }
.MENUREPORT:hover{background-image:url(mediav2/menu/icon-report-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUSALES{background-image:url(mediav2/menu/icon-sales.png); background-repeat:no-repeat; background-position:top center; }
.MENUSALES:hover{background-image:url(mediav2/menu/icon-sales-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUSEARCH{background-image:url(mediav2/menu/icon-search.png); background-repeat:no-repeat; background-position:top center; }
.MENUSEARCH:hover{background-image:url(mediav2/menu/icon-search-a.png); background-repeat:no-repeat; background-position:top center;}
.MENUTRADE{background-image:url(mediav2/menu/icon-trade.png); background-repeat:no-repeat; background-position:top center; }
.MENUTRADE:hover{background-image:url(mediav2/menu/icon-trade-a.png); background-repeat:no-repeat; background-position:top center;}

.tabToggleMenuToolbar{background-image:url(mediav2/bg-tab-ToggleMenuToolbar2Neg.png); background-image:url(mediav2/bg-tab-open.png);}
.tabToggleMenuToolbar2{background-image:url(mediav2/bg-tab-ToggleMenuToolbarNeg.png); background-image:url(mediav2/bg-tab-close.png); }

.portletCross{background-image:url(mediav2/portlet/iconCross.png); }
.portletCheck{background-image:url(mediav2/portlet/iconCheck.png); }
.portletPlus{background-image:url(mediav2/portlet/iconPlus.png); }
.portletEdit{background-image:url(mediav2/portlet/iconEdit.png); }
.portletPopUp{background-image:url(mediav2/portlet/iconPopUp.png); }

/*////////////////////////////////////////////////////////////////////////// RSS //////////////////////////////////////////////////////////////////////////*/

.rssBlock
{
    display:block;
    margin:4px;
    border: 1px solid rgb(210,195,167);
    border-radius:2px;
    color:black;
}

.rssTitle
{
    display:block;
    margin:2px;
    color:rgb(90,110,134);
    font:13px Helvetica;
}

.rssDate
{
    margin:2px;
    display:block;
    font:10px Helvetica;
}

.rssContent
{
    display:block;
    margin:2px;
    font:11px Arial;
}

a:link
{
    color:black;
}

a:visited
{
    color:black;
}