/* Work Place Systems Admin Style Sheet */

body {background-image:url(/Images/Default/body-admin-bg.gif)}
h1 {font-size:1.5em; text-align:left}

/* Admin Structure Grid */
.MainDiv {position:relative; width:930px; margin:0px auto}
  .MainDiv .TopBar {position:absolute; z-index:20; width:930px; height:50px}
    .MainDiv .TopBar .LogOutRight {float:right; height:23px; width:4px; margin-right:10px; background-image:url(/Images/Default/corner-round-red-right.gif); background-position:left bottom}
    .MainDiv .TopBar a {float:right; height:20px; padding:3px 2px 0px 2px; color:#FFF; font-weight:bold; font-size:1.1em; background-color:#c00}
    .MainDiv .TopBar a:hover {text-decoration:underline}
    .MainDiv .TopBar .LogOutLeft {float:right; height:23px; width:4px; background-image:url(/Images/Default/corner-round-red-left.gif); background-position:right bottom}
  .MainDiv .MainHeader2 {position:relative; width:930px; height:80px; background-color:#FFF; background-image:url(/Images/Default/logo.gif); background-position:left 40px}
  .MainDiv .Header {background-color:#FFFFFF; width:930px; margin:0px auto 0px auto}
    .MainDiv .Header .GlobalNav {}
  .MainDiv .LocalNav {}
  .MainDiv .ContentsBlock {}
  
.ContentsBlock {position:relative; width:930px;}
  .ContentsBlock .LeftColumn {float:left; width:148px; height:500px; margin-left:2px; margin-right:15px;}
    .ContentsBlock .LeftColumn .Heading {font-size:1.6em; font-weight:bold; margin-bottom:8px; color:#333;}
    .ContentsBlock .LeftColumn .SearchPanelInner {padding:7px 7px 7px 7px; background-color:#E9E6CE; border:solid 1px #D4D1BB; border-bottom:none}
    .ContentsBlock .LeftColumn .ButtonSearch {height:24px; padding-right:8px; background-color:#E9E6CE; border:solid 1px #D4D1BB; border-top:none}
    .ContentsBlock .LeftColumn .EditBox {width:132px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
  .ContentsBlock .CentreColumn {float:left; width:763px;}
  
.GlobalNav {width:930px; height:30px; }
  .GlobalNavInner {float:right; padding-right:2px}
    .GlobalNavInner .Inactive .LeftEnd  {display:block; float:left; width:4px; height:30px; margin-left:2px; background-image:url(/Images/Default/corner-round-beige-left.gif); background-position:right top}
    .GlobalNavInner .Inactive .Centre   {display:block; float:left; font-size:1.2em; height:17px; padding:7px 4px 6px 4px; background-color:#E9E6CE}
    .GlobalNavInner .Inactive .RightEnd {display:block; float:left; width:4px; height:30px; background-image:url(/Images/Default/corner-round-beige-right.gif); background-position:left top}
    .GlobalNavInner .Active .LeftEnd    {display:block; float:left; width:4px; height:30px; margin-left:2px; background-image:url(/Images/Default/corner-round-red-left2.gif); background-position:right top}
    .GlobalNavInner .Active .Centre     {display:block; float:left; font-size:1.2em; height:17px; padding:7px 4px 6px 4px; background-color:#c00;}
      .GlobalNavInner .Active .Centre a {color:#FFF}
    .GlobalNavInner .Active .RightEnd {display:block; float:left; width:4px; height:30px; background-image:url(/Images/Default/corner-round-red-right2.gif); background-position:left top}
    .GlobalNavInner .Between {}

.LocalNav {width:930px; height:22px; background-color:#E9E6CE; margin-bottom:20px}
  .LocalNavInner {float:right; padding:3px 5px 0px 0px;}
    .LocalNavInner .Inactive .LeftEnd  {display:block; float:left; width:3px; height:10px; }
    .LocalNavInner .Inactive .Centre   {display:block; float:left; font-size:1.1em}
    .LocalNavInner .Inactive .RightEnd {display:block; float:left; height:10px; width:3px}
    .LocalNavInner .Active .LeftEnd    {display:block; float:left; width:3px; height:10px; }
    .LocalNavInner .Active .Centre     {display:block; float:left; font-size:1.1em}
      .LocalNavInner .Active .Centre a {color:#c00}
    .LocalNavInner .Active .RightEnd   {display:block; float:left; height:10px; width:3px}
    .LocalNavInner .Between {display:block; float:left;}

/* List Page Styles */
.List {font-size:1.2em; margin-left:0px; margin-right:auto; margin-bottom:5px; width:740px;}
  .List td {vertical-align:top; padding-top:3px; padding-bottom:5px; padding-right:3px;}
  .List td input {}
  .List td.HeaderUnselected   {background-color:#E9E6CE; text-align:left; font-weight:bold; border-bottom:solid 1px #D4D1BB; border-top:solid 1px #D4D1BB; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderUnselected a {text-decoration:none;}
  .List td.HeaderUnselected a:hover {}
  .List td.HeaderSelected     {background-color:#E9E6CE; text-align:left; font-weight:bold; border-bottom:solid 1px #D4D1BB; border-top:solid 1px #D4D1BB; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderSelected a   {color:#4D7195; text-decoration:none;}
  .List td.HeaderSelected span.Up   {margin-left:5px; width:10px; height:10px; background-image:url(/images/default/list-up-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span.Down {margin-left:5px; width:10px; height:10px; background-image:url(/images/default/list-down-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span img {width:10px;}

.ListFooter {background-color:#E9E6CE; height:21px; text-align:left; font-size:10px; margin-left:auto; margin-right:-3px; border-bottom:solid 1px #D4D1BB; border-top:solid 1px #D4D1BB; padding-top:4px;}
  .ListFooter .Left {float:left; margin-left:5px}
    .ListFooter .Left a {text-decoration:none; font-weight:bold;}
    .ListFooter .Left a:hover {text-decoration:underline}
    .ListFooter .SelectAll {padding:2px 5px 3px 5px; background-color:#c00; color:#fff; margin-right:6px; display:block; float:left;}
    .ListFooter .SelectAll:hover {color:#fff;}
    .ListFooter .Reset     {padding:2px 5px 3px 5px; background-color:#c00; color:#fff; margin-right:70px; display:block; float:left;}
    .ListFooter .Reset:hover { color:#fff;}
    .ListFooter .GotoText  {padding:2px 0px 3px 5px; margin-right:6px; display:block; float:left; }
    .ListFooter .PageJumper{height:18px; font-size:11px; width:45px; padding:0px; margin:0px; float:left;}
    .ListFooter .Go        {padding:2px 5px 3px 5px; background-color:#c00; color:#fff; margin-left:6px; display:block; float:left;}
    .ListFooter .Go:hover  {color:#fff;}
  .ListFooter .Right {float:right; margin-right:5px}
    .ListFooter .Right a {text-decoration:none; font-weight:bold;}
    .ListFooter .Right a:hover {text-decoration:underline}
    .ListFooter .PreviousActive   {background-color:#c00; color:#fff; padding:2px 5px 3px 5px; margin-right:5px; display:block; text-decoration:none;  float:left;}
    .ListFooter .PreviousActive:hover {color:#fff;}
    .ListFooter .PreviousInactive {background-color:#E6CFBA; color:#fff; padding:2px 5px 3px 5px; margin-right:5px; display:block; float:left; font-weight:bold;}
    .ListFooter .PageNumber       {padding:2px 5px 3px 5px; margin-right:4px; display:block; float:left;}
    .ListFooter .NextActive       {background-color:#c00; color:#fff; padding:2px 5px 3px 5px; display:block; text-decoration:none; float:left;}
    .ListFooter .NextActive:hover {color:#fff;}
    .ListFooter .NextInactive     {background-color:#E6CFBA; color:#fff; padding:2px 5px 3px 5px; display:block; float:left; font-weight:bold;}

/* Admin Access Page */
.AccessGlobalButtons {float:right; margin-right:20px; width:300px;}
h2.AccessItem {font-size:1.4em; color:#8C8A7C; margin:10px auto 10px 0px; width:300px;}
.AccessItemButtons {height:21px;}
  .AccessItemButtons a {font-weight:bold; margin-right:8px;}
  
.AccessCBList {margin-top:0px; background-color:#F4F3E8; padding:5px 1px 5px 2px; border:solid 2px #E9E6CF;}
.AccessCBList td {text-indent:-21px; padding-left:21px; padding-bottom:10px; padding-right:6px; width:80px}
.AccessCBList input {margin-right:5px; position:relative;}
.AccessCBList label {margin-right:10px; margin-left:2px; margin-bottom:10px; font-size:1.1em; font-weight:bold;}

.OverPublicZoneWidthHeading {margin-bottom:7px}
.PublicZoneWidth {position:relative; overflow:auto; min-height:400px; width:750px; margin-bottom:20px; border:solid 1px #CCC}
.PublicZoneWidthInner {position:relative; width:750px}

/*Web Parts*/
.WebPartPosTable {position:relative; width:750px; background-color:#F6F5EB; border:solid 1px #E9E6CE;  }
  .WebPartPosTable .TableTitle {font-size:1.2em; padding:8px 0px 4px 0px}
  .WebPartPosTable .PositionDropDown {width:337px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartPosTable .PositionList {display:none; width:710px; font-size:11px; height:150px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartPosTable .FilterTextBox {width:331px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartPosTable .Col1 {width:20px}
  .WebPartPosTable .Col3 {width:20px}
  .WebPartPosTable .BarTop {height:7px}
  .WebPartPosTable .BarBottom {height:15px}

.InitList .DragList {position:relative; z-index:1000; cursor:default; overflow:auto; width:710px; font-size:11px; height:100px; padding-top:1px; font-family:Verdana; color:#333; background-color:#FFF; border:solid 1px #999}
  .InitList .DragList div {padding-left:2px; width:690px; height:14px; overflow:hidden}
  .InitList .DragList div.SelectedDiv {background-color:#c1c1c1;}

.drag {cursor:default;}
.active {background-color:#dcf1b2 !important}

.WebPartTable {position:relative; width:750px; background-color:#F6F5EB; border:solid 1px #E9E6CE}
  .WebPartTable .BarTop {height:7px}
  .WebPartTable .BarBottom {height:15px}
  .WebPartTable div {position:relative;}
  .WebPartTable .Col1 {width:20px;}
  .WebPartTable .Col3 {width:20px;}
.WebPartText {font-size:1.2em; padding:8px 0px 4px 0px}
.WebPartListBox {position:relative;}
  .WebPartListBox select {position:relative; z-index:10; font-size:11px; height:72px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartListBox span {z-index:0; position:absolute; background-image:url(/Images/Default/red-glow.gif); }
  .ListBoxHeader {display:none; width:710px;}
  .ListBoxLeft {display:none; width:200px;}
  .ListBoxMiddle {display:none; width:290px;}
  .ListBoxRight {display:none; width:200px;}
  .ListBoxFooter {display:none; width:710px;}

  .WebPartTable .DragList {width:710px; height:70px}

  .LeftSection .DragList {width:200px;}
    .LeftSection .DragList div {width:180px}
  .MiddleSection .DragList {width:260px;}
    .MiddleSection .DragList div {width:240px}
  .RightSection .DragList {width:200px;}
    .RightSection .DragList div {width:180px}

.WebPartPosButtons {height:25px; width:750px; padding:10px 0px 20px 0px}

.WebPartTools {z-index:10001; position:absolute !important; top:1px; right:2px; height:70px; width:20px; background-color:#F6F5EB; border-left:solid 1px #E9E6CE; padding:0px !important}
  .WebPartTools div {padding:0px !important}
  .LeftSection .WebPartTools {right:7px}
  .RightSection .WebPartTools {right:6px}
  .MiddleSection .WebPartTools {right:15px}
  .WebUp {cursor:pointer; font-size:1.5em; color:#CC0000; font-weight:bold; width:8px; height:12px; margin:5px auto 0px auto; background-image:url(/images/default/web-up.gif)}
  .WebDown {cursor:pointer; font-size:1.5em; color:#CC0000; font-weight:bold; width:8px; height:12px; margin:5px auto 0px auto; background-image:url(/images/default/web-down.gif)}
  .WebRemove {cursor:pointer; font-size:1.5em; color:#CC0000; font-weight:bold; width:8px; height:8px; margin:22px auto 0px auto; background-image:url(/images/default/web-remove.gif)}

.GlowSpan {position:relative; z-index:0; display:none}
  .GlowTop {top:-4px; left:-4px; height:70px; width:718px; background-position:left top}
    .GlowTop span {width:710px; left:9px; height:70px; background-position:right top}
  .GlowBot {top:17px; left:-4px; height:60px; width:718px; background-position:left bottom;}
    .GlowBot span {left:9px; height:60px; width:710px; background-position:right bottom}
    
.LeftSection .GlowTop {top:-4px; left:-4px; height:60px; width:208px; background-position:left top}
   .LeftSection .GlowTop span {width:200px; left:9px; height:60px; background-position:right top}
 .LeftSection .GlowBot {top:17px; right:-4px; height:60px; width:208px; background-position:left bottom}
   .LeftSection .GlowBot span {left:9px; height:60px; width:200px; background-position:right bottom}
.MiddleSection div {padding-left:7px; padding-right:7px;}
.MiddleSection .GlowTop {top:-4px; left:2px; height:60px; width:284px; background-position:left top}
   .MiddleSection .GlowTop span {width:276px; left:9px; height:60px; background-position:right top}
 .MiddleSection .GlowBot {top:17px; left:2px; height:60px; width:284px; background-position:left bottom}
   .MiddleSection .GlowBot span {left:9px; height:60px; width:276px; background-position:right bottom}
.RightSection .GlowTop {top:-4px; left:-4px; height:60px; width:208px; background-position:left top}
   .RightSection .GlowTop span {width:200px; left:9px; height:60px; background-position:right top}
 .RightSection .GlowBot {top:17px; left:-4px; height:60px; width:208px; background-position:left bottom}
   .RightSection .GlowBot span {left:9px; height:60px; width:200px; background-position:right bottom}