@import url("OverlayPopup.css");


/*****************************************************************************************************************/
/* Version 2.0 */
/* For instruction and details of these classes visit: http://procapita.tieto.com/CustumStyles/ */
/*****************************************************************************************************************/


/* GENERAL STYLES */

/* All pages */
body {
    font-family: Verdana;
    background-repeat: repeat;
    background-position: left top;
    margin: 0px;
    background-color: White;
}

form
{
  margin: 0px;
}

/* Links */
A:link, A:visited, A:hover, A:active {
}

/* Headings */
h1 {
    font-size: 150%;
    font-weight: normal;
    color: #dddddd;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 {
    font-size: 120%;
    font-weight: normal;
}

h3 {
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 2px;
}

/* Tablerows */
tr {
    vertical-align: top;
}

label{
   font-style:italic;
   display:inline;
   margin-top:10px;
}

/* General padding on all input elements, should this be in Basestyle?*/
input, textarea, select, button, .Button {
    font-size: 100%;
    font-family: Arial;	
    padding: 3px;
}

/* All pages should have a div with this class to compensate for toolbar implementations with no padding/margin */
#PageContainer
{
  padding:10px;
}

/* Generic loading-in-progress indication */
.loading-container {
    display: none;
    min-width: 31px;
    min-height: 31px;
    background: #fff url("images/LoadingSpinner.gif") top left no-repeat;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.loading {
    display: block;
    padding-top: 7px;
    padding-left: 35px;
}

/*****************************************************************************************************************/
/*****************************************************************************************************************/

/* CONTROL STYLES */

/********************************************************/
/* SNAP */

.Snap {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/snapBG.png);
    margin-bottom: 5px;
}

.SnapHeader {
    background-image: none;
    border: 0px solid White;
    width: 100%;
    font-size: 110%;
    padding: 3px;
}

.SnapHeaderCollapsed {
    background-image: none;
    border: 0px solid #777777;
    width: 100%;
    font-size: 110%;
}

.SnapContent {
    padding: 5px;
}

.Dock {
    padding: 4px;
    border: solid 0px White;
    background-color: Transparent;
}

.Snap h1.SnapPeriodHeading,
.Snap h2.SnapPeriodHeading,
.Snap h3.SnapPeriodHeading,
.Snap h4.SnapPeriodHeading,
.Snap h5.SnapPeriodHeading,
.Snap h6.SnapPeriodHeading,
.SnapPeriodHeading
{
  color:Orange;
}

/********************************************************/
/* MENU */

/* Menu container */
.TopGroup {
    margin-left: auto;
    margin-right: auto;
}

/* ContextMenu container */
.MenuGroup {
    border: Solid 1px Silver;
    background-color: White;
    cursor: default;
    padding: 5px;
}

.MenuItem, .MenuItemHover, .MenuItemSelected, .MenuItemExpanded, .MenuItemDisabled {
    color: Black;
    cursor: default;
    text-align: left;
}

.TopMenuItemHover, .TopMenuItemExpanded {
}

/********************************************************/
/* TAB */

.TabItem, .TabItemHover, .TabItemSelected {
    color: Silver;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    background-color: Transparent;
    background-image: none;
    background-position: right;
    background-repeat: no-repeat;
    height:45px;
    text-align: center;
    vertical-align: bottom;
    border-right: Solid 0px Transparent;
    border-bottom: Solid 0px White;
    padding-top:20px;
}

.TabItemHover {
    color: #666666;
    background-image: none;
}

.TabItemSelected {
    background-color: Transparent;
    color: #95c540;
    background-repeat: no-repeat;
    background-position: right top;
    border-bottom: Solid 0px White;
    background-color: #1E95D9;
    color: white;
}


/********************************************************/
/* TOOLBAR */

/* Toolbar container */
.ToolbarGroup {
    border: Solid 1px Silver;
    background-color: #EDEDED;
    cursor: default;
}

.Toolbar {
    
    background-color: White;
    background-image: url(images/ToolbarBgTile.jpg);
    background-repeat: repeat-x;
}

.ToolbarItem, 
.ToolbarItemHover, 
.ToolbarItemDisabled, 
.ToolbarItemChecked,
.ToolbarItemActive {
    background-repeat: repeat;
    padding: 10px;
    cursor: pointer;
}

.ToolbarItem {
}

.ToolbarItemHover {
   background-color:Orange;
}

.ToolbarItemDisabled {
}

.ToolbarItemChecked,
.ToolbarItemActive {
    background-color: #707070;
    color: black;
}

/********************************************************/
/* GRID */


.GridContainer {
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    padding: 10px;
    padding-top: 20px;
    text-align: left;
}

.Grid {
    border:Solid 0px Silver;
    border-collapse:collapse;
}

.GridHeader,
.GridRowHeader {    
    background-image: url(images/Item_bg.gif);
    background-repeat:repeat-x;
    padding:5px;
    font-style:italic;    
}

.GridRow,
.GridRowHover, 
.GridRowAlt,  
.GridRowAltHover, 
.GridRowSelected, 
.GridRowSelectedHover, 
.GridRowEdit, 
.GridRowEditHover
{
    vertical-align: middle;
    background-repeat: no-repeat;
    padding: 10px;
    background-color:Red;
}

.GridRow, 
.GridRowHover {
   background-color:White;
}

.GridRowAlt, 
.GridRowAltHover {
   background-color:#f8f8f8;
}

.GridRowSelected, 
.GridRowSelectedHover {
   background-color:#fcdf7a;
}

.GridCell{
  padding:3px;
}

.GridFooter{
}

.GridPager{
}


/********************************************************/
/* TREE */

.TreeView {
    padding-top: 4px;
    padding-left: 1px;
    cursor: default;
    color: Black;
    font-size: 90%;
}

.TreeNode {
    border: 0px solid #575757; /*Tip: Same value as SideBar Background-Color*/
    cursor: pointer;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.TreeNodeDisabled {
    border: 0px solid #575757; /*Tip: Same value as SideBar Background-Color*/
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}

.TreeNodeHover {
    background-color: #707070;
    background-image: url(ItemHover_bg.gif);
    border: 0px solid gray;
    text-decoration: none;
    cursor: pointer;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.TreeNodeSelected {
    background-color: #707070;
    background-image: url(ItemSelected_bg.gif);
    cursor: default;
    border: 0px solid gray;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.TreeNodeEdit {
    border: 1px gray solid;
}

/********************************************************/
/* CALENDAR */

.calendar {
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.calendar td {
    font-size: 90%;
}

.title {
    font-weight: bold;
    background-color: Silver;
    color: White;
    padding: 5px;
}

.day {
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #f5f5f5;
    border-style: solid;
}

.dayhover {
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #666666;
    border-style: solid;
}

.dayheader {
    width: 25px;
    color: #666666;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    border-bottom: none;
    background-color: #FFFFFF;
}

.dayactive {
    padding: 2px;
    background-image: url(images/ItemHover_bg.gif);
    background-repeat: repeat-x;
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border: 1px solid #666666;
}

.othermonthday {
     color: #aaaaaa;
}

.outofrangeday {
    visibility: hidden;
}

.selectedday {
    background-image: url(images/ItemHover_bg.gif);
    background-repeat: repeat-x;
    border-width: 1px;
    border-color: #666666;
    border-style: solid;
}

.todayday
{
    border-width: 1px;
    border-color: #BB5503;
    border-style: solid;
}

.month {
    border-collapse: separate;
    background-color: #f5f5f5;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev, .nextprevhover {
    cursor: pointer;
    height: 25px;    
}

.selector {
    width: 14px;
    cursor: pointer;
    text-align: left;
    background-color: #FFFFFF;
}

/********************************************************/
/* NAVBAR */

/* Toolbar container */
.Navbar {
    width: 200px;
    background-color: #F1F1F1;
    background-repeat: repeat-x;
     font-weight:bold;
     color:#666666;
     padding:10px;
}

.NavbarItem, 
.NavbarItemHover, 
.NavbarItemDisabled, 
.NavbarItemExpanded,
.NavbarItemActive {
    background-color: Transparent;
    background-repeat: repeat-x;
    padding: 10px;
    cursor: pointer;
    border:Solid 1px #F1F1F1;
    margin-bottom:5px;
}

.NavbarItemHover,
.NavbarItemExpanded,
.NavbarItemActive {
    background-image: url(images/Item_bg.gif);
    color: Black;
    border:Solid 1px #a1a9b3;
     background-color:White;
}

.NavbarItemExpanded {
  background-image: url(images/Item_bg.gif);
}



/********************************************************/
/* COMBOBOX */
.Combobox,.ComboboxHover
{
    background-color: white;
}

.ComboboxItem,.ComboboxItemHover
{
    border:Solid 1px Transparent;
    padding:3px;
}

.ComboboxItemHover
{
    background-image: url(images/Item_bg.gif);
    color: Black;
    border:Solid 1px #a1a9b3;
}

.ComboboxDropdown
{ 
  border: 1px solid #868686; 
  padding: 2px;
  padding-right: 0px;
  cursor: default;
}

.ComboboxTextbox
{
   padding:0px;
   margin:0px;
}

/********************************************************/
/* HELP */

#PageHelp {
    position: absolute;
    top: 2px;
    right: 0px;
    background-color: Transparent;
    width: 32px;
    height: 32px;
    color: White;
    background-image: url(images/help.png);
    background-repeat: no-repeat;
}

/* InfoBubbles */
.Bubble {
  position:absolute; 
  top:110px;
  right:30px; 
  width:300px;
  padding-top:0px;
  padding-right:20px;
  padding-left:50px; 
  background-color:White; 
  background-image:url(images/bubble.png);
  background-position:left top;
  background-repeat:no-repeat;
}


/********************************************************/
/* WIZARD */

/* Wizard Control */
.Wizard {
}

.WizardNavigationStyle {
}

.WizardNavigationStyle input {
    margin-top: 10px;
    width: 110px;
}


/********************************************************/
/* ERROR */

.ValidationError {
    background-color: White;
    background-image: url(images/ArrowErrorUp.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 20px;
    max-width:400px;
    font-size: 1.3em;
    font-family: Bradley Hand ITC, Georgia;
}


/********************************************************/
/* [Styles for overlay panel] */

a.overlay-trigger:link, 
a.overlay-trigger:visited, 
a.overlay-trigger:active, 
a.overlay-trigger:hover {
    color: #ffffff;
}

.overlay-title {
    text-decoration: underline;
    text-align: center;
}

.overlay-content {
    text-align: center;
    width: 640px;
    color: Silver;
    overflow: auto;
    max-height: 300px;
}

.overlay-container {
    border: 0;
    padding: 20px;
    padding-bottom: 40px;
    padding-right: 40px;
    z-index: 101;
    background-color: Transparent;
    background-image: url(images/postitXtendedWhite.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.overlay-function {
    margin-top: 1em;
}

.overlay-hidden-layer {
    width: 100%;
    height: 100%;
    background-color: #333333;
    opacity: .5;
    filter: alpha(opacity = 50);
    z-index: 100;
}
/* [/Styles for overlay panel] */

/* JQuery UI Datepicker override */
.ui-datepicker-trigger
{
    width: 16px;
    height: 16px;
    padding: 0;
    margin: auto 0.2em auto 0.2em;
    border: 0;
    background-color: transparent;
    background-image: url(images/CalendarButton.png);
}