﻿/*****************************************************************************************************************/
/* 
    Version 2.0 
    For more details visit: http://procapita.tieto.com/CustomStyles/ 

    #666666 = Dark Gray
    #cccccc = Gray
    #1e95d9 = Blue
    #4ba1e9 = Light Blue
    #bde9f7 = Really Light Blue
    #fee17a = Yellow
    
*/
/*****************************************************************************************************************/
@import url("jquery-ui-1.8.9.custom.css");
/*Redmond*/

/* GENERAL STYLES */

/* body (all pages) */
body {
    color: #666666;
    font-family: "Trebuchet MS",Helvetica,Verdana,Arial;
}

/* Links */
a {
    color: #023EC3;
    text-decoration: underline;
}

a:hover {
    color: #16608b;
    text-decoration: none;
}

/* Headings */
h1, h2, h3 {
    font-weight: normal;
    color: #666666;
    font-style: italic;
}

/* General padding on all input elements, should this be in Basestyle?*/
input, textarea, select, button, .Button {
    font-family: "Trebuchet MS",Helvetica,Verdana,Arial;
    padding: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}

tr {
}

/* General padding on all input elements, should this be in Basestyle?*/
input, .Button {
}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */

/* CONTROL STYLES */

/* ------------------------------------------------------------------------------ */
/* SNAP */

.Snap {
    color: #666666;
}

.SnapHeader {
}

.SnapHeaderCollapsed {
}

.SnapContent {
}

.Dock {
}


/* ------------------------------------------------------------------------------ */
/* MENU */

/* Menu container */
.TopGroup {
}

/* ContextMenu container */
.MenuGroup {
}

.MenuItem, .MenuItemHover, .MenuItemExpanded, .MenuItemSelected {
    color: #1e95d9;
}

.MenuItemHover, .MenuItemExpanded, .MenuItemSelected, .MenuItem:hover {
    background-image: url(images/ItemHover_bg.gif);
    background-repeat: repeat-x;
    background-color: #bde9f7;
    color: Black;
}

/* ------------------------------------------------------------------------------ */
/* TAB */

.TabItem, .TabItemHover, .TabItemSelected {
}

.TabItemHover {
}

.TabItemSelected {
}


/* ------------------------------------------------------------------------------ */
/* TOOLBAR */

/* Toolbar container */
.ToolbarGroup {
    border: Solid 1px Silver;
    background-color: #EDEDED;
}

.Toolbar {
    background-color: White;
    display: block;
}

.ToolbarItem, .ToolbarItemHover, .ToolbarItemDisabled, .ToolbarItemChecked {
    background-repeat: repeat-x;
}

.ToolbarItem {
    color: #1e95d9;
}

.ToolbarItemHover, 
.ToolbarItem:hover {
    background-color: white;
    color: Black;
}

.ToolbarItemDisabled {
    background-color: Transparent;
    color: Silver;
}

.ToolbarItemChecked, 
.ToolbarItemActive, 
.ToolbarItem:active {
    color: black;
    background-color: white;
}

/* ------------------------------------------------------------------------------ */
/* GRID */

.GridContainer {
}

.GridHeader {
}

.GridRow {
}

.GridRowAlt {
}

.GridRow:hover, .GridRowAlt:hover {
}

.GridCell {
}


/* ------------------------------------------------------------------------------ */
/* TREE */

.TreeView {
    color: #023EC3;
}

.TreeNode {
    color: #023EC3;
    border: 0px solid #666666; /*Tip: Same value as SideBar Background-Color*/
}

.TreeNodeDisabled {
    border: 0;
    color: gray;
}

.TreeNodeHover {
    background-color: #bde9f7;
    background-image: url('images/ItemHover_bg.gif');
    color: Black;
    border: 0;
    text-decoration: none;
}

.TreeNodeSelected {
    background-color: Orange;
    background-image: url('images/ItemSelected_bg.gif');
    border: 0;
}

.TreeNodeEdit {
    border: 1px gray solid;
}

/* ------------------------------------------------------------------------------ */
/* CALENDAR */

.calendar {
}

.calendar td {
}

.title {
}

.day {
}

.dayhover {
}

.dayheader {
}

.othermonthday {
}

.outofrangeday {
}

.selectedday, .today {
}

.month {
}

.nextprev {
}

.selector {
}

/* ------------------------------------------------------------------------------ */
/* HELP */

#PageHelp {
}


/* ------------------------------------------------------------------------------ */
/* WIZARD */

/* Wizard Control */
.Wizard {
}

.WizardNavigationStyle {
}

.WizardNavigationStyle input {
}


/* ------------------------------------------------------------------------------ */
/* ERROR */

.ValidationError {
}


/* ------------------------------------------------------------------------------ */
/* OVERLAY PANEL */

a.overlay-trigger:link, 
a.overlay-trigger:visited, 
a.overlay-trigger:active, 
a.overlay-trigger:hover {
}

.overlay-title {
}

.overlay-content {
}

.overlay-container {
}

.overlay-function {
}

.overlay-hidden-layer {
}



/*********************************************************/
/* CANVAS STYLES *****************************************/
/*********************************************************/

/* BODY CANVAS */
#CanvasBody {
    background-position: center top;
    background-attachment: fixed;
    background-color: #ffffff;
    background-image: url(images/background.png);
    background-repeat: repeat;
}

/* CANVAS FUNCTIONAL MENU */
#canvas-menu .MenuItem, 
#canvas-menu .MenuItemHover, 
#canvas-menu .MenuItemSelected, 
#canvas-menu .MenuItemExpanded, 
#canvas-menu .MenuItemDisabled {
    background-repeat: no-repeat;
}

#canvas-menu .MenuItem {
    background-image: url(images/TopMenuItemBg.png);
    background-color: Transparent;
}

#canvas-menu .MenuItemHover {
    background-image: url(images/TopMenuItemHoverBg.png);
    background-color: Transparent;
}

#canvas-menu .MenuItemSelected, #canvas-menu .MenuItemExpanded {
    background-image: url(images/TopMenuItemHoverBg.png);
}


/* BODY MY PAGE */
#MyPageBody {
    background-color: #ffffff;
}

#MyPageBody select, #DDL_Help {
    font-family: Georgia;
    font-size: 120%;
    background-color: Transparent;
    color: #cccccc;
    color: #1e95d9;
    border: 0;
}

.Snap H1, .Snap H2, .Snap H3 {
    color: #1e95d9;
}

.Snap a {
    /*color: #1e95d9;*/
}
