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

NOTE: Dynamically generated CSS 
Do not manually modify files in the /css/static/ directory


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


/* Styles that are used both by the CMS and the public site */

/***************************************************************** ADMIN HEADER */

div.AdminHeader
{
    background-image: url(../../images/relational/glass.black.24.gif);
    background-repeat: repeat-x;
    background-color: Black;
    border-bottom: 1px solid black;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    height: 25px;
    line-height: 24px;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
    white-space: nowrap;
}

div.AdminHeader,
div.AdminHeader p,
div.AdminHeader td,
div.AdminHeader strong
{
    color: #ddd;
    font-size: 11px;
}

div.AdminHeader a:link,
div.AdminHeader a:visited,
div.AdminHeader a:active,
div.AdminHeader a:hover
{
    text-decoration: none;
    color: #ddd;
    display: inline-block;
    padding: 0 5px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
}

div.AdminHeader .TopMenuItemHover,
div.AdminHeader .MenuItemHover,
div.AdminHeader a:hover,
div#ModeButtons a.Selected
{
    background-image: url(../../images/relational/glass.orange.24.gif);
    text-decoration: none;
    color: white;
    cursor: pointer;
}

div.AdminHeader span.Separator
{
    width: 0px;
    height: 25px;
    display: inline-block;
    border-left: 1px solid #000000;
    border-right: 1px solid #4C4C4C;
}

/******************************** View Mode Menu (simple) */


div#ModeSwitch
{
}

div#CurrentModeLabel
{
    float: left;
    display: table-cell;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    padding: 5px;
}

div#ModeButtons
{
    float: left;
    display: table-cell;
    padding: 0;
    border-left: 1px solid #000000;
}

div#ModeButtons a
{
    padding: 6px 6px 6px 6px;
    height: 13px;
    border-left: 1px solid #4C4C4C;
    border-right: 1px solid #000000;
}

div#ModeButtons a:hover
{
}

div#ModeButtons img
{
}

div#ModeButtons a.Selected
{
    border-left: 1px solid #DC8E27;
    border-right: 1px solid #C2750E;
}

div.AdminHeader div#ModeButtons a:hover
{
    background-image: url(../../images/relational/glass.khaki.24.gif);
    border-left: 1px solid #808080;
    border-right: 1px solid #333333;
}


/***************************************************************** EDITING TOOLS */

.EditingTools
{
    clear: both;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    left: -3px;
    padding: 0;
    position: absolute;
    opacity: 50;
    top: -3px;
    z-index: 999;
}

div.EditableZone:hover .EditingTools,
div.ChangedEditableZone:hover .EditingTools,
div.NewEditableZone:hover .EditingTools
{
    opacity: 100;
}

.EditingTools a,
.EditingTools a.ApproveButton
{
    display: inline-block !important;
    height: 17px !important;
    width: 17px !important;
    padding: 0 !important;
    background-color: #2625AB;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    margin: 0 3px 0 0 !important;
}

.EditingTools a:hover
{
    background-color: #0000FF;
    text-decoration: none;
}

.EditingTools a.EditButton
{
    background-image: url(../../images/relational/edit.small.png);
}
.EditingTools a.ApproveButton
{
    background-image: url(../../images/relational/check.small.png);
}
.EditingTools a.UpButton
{
    background-image: url(../../images/relational/tool.up.gif);
}
.EditingTools a.DownButton
{
    background-image: url(../../images/relational/tool.down.gif);
}

a.EditingTool span
{
    background-color: #2625AB;
}

a.EditingTool:hover span
{
    background-color: #0000FF;
}

/*********** Editable zone */

div.EditableZone,
div.ChangedEditableZone,
div.NewEditableZone
{
    border: 3px solid #E9E9F7;
    margin:-3px;
    clear: both;
    display: block;
    min-height: 17px;
    position: relative;
}

div.EditableZone:hover
{
    border-color: #BEBEE6;
}
div.ChangedEditableZone
{
    border-color: #FCF0F0;
}
div.ChangedEditableZone:hover
{
    border-color: #E36C6C;
}
div.NewEditableZone
{
    border-color: #F0F6F0;
}
div.NewEditableZone:hover
{
    border-color: #6CA86C;
}


/******************************* BUTTONS */

a.Button
{
    background: transparent url(../../images/relational/Button.Background.17.png) no-repeat top right;
    color: #444 !important;
    display: block;
    font-size: 10px;
    height: 17px;
    line-height: 16px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding-left: 21px;
    padding-right: 10px;
    position: relative;
    width: auto;
    white-space: nowrap;
    z-index: 1 !important;
    float:left;
}

a.Button span
{
    background-color: #D1C2AB;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    left: 0px;
    position: absolute;
    top: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    cursor: pointer;
    background-repeat: no-repeat;
}

a.Button:hover
{
    text-decoration: none;
    background-image: url(../../images/relational/Button.Background.Dark.17.png);
    color: Black !important;
}

a.Button:hover span
{
    background-color: #7f0000;
}

/* Large buttons */

a.Button.Large
{
    height: 23px;
    font-weight: bold;
    padding-left: 29px;
    padding-right: 13px;
    background-image: url(../../images/relational/Button.Background.23.png);
    line-height: 23px;
    font-size: 12px;
}

a.Button.Large span
{
    width: 23px;
    height: 23px;
}

a.Button.Large:hover
{
    background-image: url(../../images/relational/Button.Background.Dark.23.png);
}

a.Button.Large:hover span
{
}


/* Other buttons */

a.Button.NoText
{
    padding: 0 !important;
    margin: 0 !important;
    clear: none !important;
    background-image: none !important;
    width: 17px;
}

a.Button.NoText:hover
{
    background-image: none !important;
}

 
a.Button.Add span { background-image: url(../../images/relational/Add.small.png); }
a.Button.Large.Add span { background-image: url(../../images/relational/Add.big.png); }

 
a.Button.Alert span { background-image: url(../../images/relational/Alert.small.png); }
a.Button.Large.Alert span { background-image: url(../../images/relational/Alert.big.png); }

 
a.Button.Book span { background-image: url(../../images/relational/Book.small.png); }
a.Button.Large.Book span { background-image: url(../../images/relational/Book.big.png); }

 
a.Button.Calc span { background-image: url(../../images/relational/Calc.small.png); }
a.Button.Large.Calc span { background-image: url(../../images/relational/Calc.big.png); }

 
a.Button.Cart span { background-image: url(../../images/relational/Cart.small.png); }
a.Button.Large.Cart span { background-image: url(../../images/relational/Cart.big.png); }

 
a.Button.Check span { background-image: url(../../images/relational/Check.small.png); }
a.Button.Large.Check span { background-image: url(../../images/relational/Check.big.png); }

 
a.Button.Down span { background-image: url(../../images/relational/Down.small.png); }
a.Button.Large.Down span { background-image: url(../../images/relational/Down.big.png); }

 
a.Button.Drag span { background-image: url(../../images/relational/Drag.small.png); }
a.Button.Large.Drag span { background-image: url(../../images/relational/Drag.big.png); }

 
a.Button.Edit span { background-image: url(../../images/relational/Edit.small.png); }
a.Button.Large.Edit span { background-image: url(../../images/relational/Edit.big.png); }

 
a.Button.EndDown span { background-image: url(../../images/relational/EndDown.small.png); }
a.Button.Large.EndDown span { background-image: url(../../images/relational/EndDown.big.png); }

 
a.Button.EndLeft span { background-image: url(../../images/relational/EndLeft.small.png); }
a.Button.Large.EndLeft span { background-image: url(../../images/relational/EndLeft.big.png); }

 
a.Button.EndRight span { background-image: url(../../images/relational/EndRight.small.png); }
a.Button.Large.EndRight span { background-image: url(../../images/relational/EndRight.big.png); }

 
a.Button.EndUp span { background-image: url(../../images/relational/EndUp.small.png); }
a.Button.Large.EndUp span { background-image: url(../../images/relational/EndUp.big.png); }

 
a.Button.Exclamation span { background-image: url(../../images/relational/Exclamation.small.png); }
a.Button.Large.Exclamation span { background-image: url(../../images/relational/Exclamation.big.png); }

 
a.Button.Eye span { background-image: url(../../images/relational/Eye.small.png); }
a.Button.Large.Eye span { background-image: url(../../images/relational/Eye.big.png); }

 
a.Button.Flag span { background-image: url(../../images/relational/Flag.small.png); }
a.Button.Large.Flag span { background-image: url(../../images/relational/Flag.big.png); }

 
a.Button.FriendAdd span { background-image: url(../../images/relational/FriendAdd.small.png); }
a.Button.Large.FriendAdd span { background-image: url(../../images/relational/FriendAdd.big.png); }

 
a.Button.Friends span { background-image: url(../../images/relational/Friends.small.png); }
a.Button.Large.Friends span { background-image: url(../../images/relational/Friends.big.png); }

 
a.Button.GoDown span { background-image: url(../../images/relational/GoDown.small.png); }
a.Button.Large.GoDown span { background-image: url(../../images/relational/GoDown.big.png); }

 
a.Button.GoLeft span { background-image: url(../../images/relational/GoLeft.small.png); }
a.Button.Large.GoLeft span { background-image: url(../../images/relational/GoLeft.big.png); }

 
a.Button.GoRight span { background-image: url(../../images/relational/GoRight.small.png); }
a.Button.Large.GoRight span { background-image: url(../../images/relational/GoRight.big.png); }

 
a.Button.GoUp span { background-image: url(../../images/relational/GoUp.small.png); }
a.Button.Large.GoUp span { background-image: url(../../images/relational/GoUp.big.png); }

 
a.Button.Inbox span { background-image: url(../../images/relational/Inbox.small.png); }
a.Button.Large.Inbox span { background-image: url(../../images/relational/Inbox.big.png); }

 
a.Button.Key span { background-image: url(../../images/relational/Key.small.png); }
a.Button.Large.Key span { background-image: url(../../images/relational/Key.big.png); }

 
a.Button.Left span { background-image: url(../../images/relational/Left.small.png); }
a.Button.Large.Left span { background-image: url(../../images/relational/Left.big.png); }

 
a.Button.Mail span { background-image: url(../../images/relational/Mail.small.png); }
a.Button.Large.Mail span { background-image: url(../../images/relational/Mail.big.png); }

 
a.Button.No span { background-image: url(../../images/relational/No.small.png); }
a.Button.Large.No span { background-image: url(../../images/relational/No.big.png); }

 
a.Button.Online span { background-image: url(../../images/relational/Online.small.png); }
a.Button.Large.Online span { background-image: url(../../images/relational/Online.big.png); }

 
a.Button.Out span { background-image: url(../../images/relational/Out.small.png); }
a.Button.Large.Out span { background-image: url(../../images/relational/Out.big.png); }

 
a.Button.Pages span { background-image: url(../../images/relational/Pages.small.png); }
a.Button.Large.Pages span { background-image: url(../../images/relational/Pages.big.png); }

 
a.Button.Pages span { background-image: url(../../images/relational/Pages.small.png); }
a.Button.Large.Pages span { background-image: url(../../images/relational/Pages.big.png); }

 
a.Button.PDF span { background-image: url(../../images/relational/PDF.small.png); }
a.Button.Large.PDF span { background-image: url(../../images/relational/PDF.big.png); }

 
a.Button.Person span { background-image: url(../../images/relational/Person.small.png); }
a.Button.Large.Person span { background-image: url(../../images/relational/Person.big.png); }

 
a.Button.Pics span { background-image: url(../../images/relational/Pics.small.png); }
a.Button.Large.Pics span { background-image: url(../../images/relational/Pics.big.png); }

 
a.Button.Print span { background-image: url(../../images/relational/Print.small.png); }
a.Button.Large.Print span { background-image: url(../../images/relational/Print.big.png); }

 
a.Button.Question span { background-image: url(../../images/relational/Question.small.png); }
a.Button.Large.Question span { background-image: url(../../images/relational/Question.big.png); }

 
a.Button.Quote span { background-image: url(../../images/relational/Quote.small.png); }
a.Button.Large.Quote span { background-image: url(../../images/relational/Quote.big.png); }

 
a.Button.Quotes span { background-image: url(../../images/relational/Quotes.small.png); }
a.Button.Large.Quotes span { background-image: url(../../images/relational/Quotes.big.png); }

 
a.Button.Right span { background-image: url(../../images/relational/Right.small.png); }
a.Button.Large.Right span { background-image: url(../../images/relational/Right.big.png); }

 
a.Button.Rss span { background-image: url(../../images/relational/Rss.small.png); }
a.Button.Large.Rss span { background-image: url(../../images/relational/Rss.big.png); }

 
a.Button.Rss2 span { background-image: url(../../images/relational/Rss2.small.png); }
a.Button.Large.Rss2 span { background-image: url(../../images/relational/Rss2.big.png); }

 
a.Button.Save span { background-image: url(../../images/relational/Save.small.png); }
a.Button.Large.Save span { background-image: url(../../images/relational/Save.big.png); }

 
a.Button.Search span { background-image: url(../../images/relational/Search.small.png); }
a.Button.Large.Search span { background-image: url(../../images/relational/Search.big.png); }

 
a.Button.Star span { background-image: url(../../images/relational/Star.small.png); }
a.Button.Large.Star span { background-image: url(../../images/relational/Star.big.png); }

 
a.Button.Straight span { background-image: url(../../images/relational/Straight.small.png); }
a.Button.Large.Straight span { background-image: url(../../images/relational/Straight.big.png); }

 
a.Button.Tag span { background-image: url(../../images/relational/Tag.small.png); }
a.Button.Large.Tag span { background-image: url(../../images/relational/Tag.big.png); }

 
a.Button.Threaded span { background-image: url(../../images/relational/Threaded.small.png); }
a.Button.Large.Threaded span { background-image: url(../../images/relational/Threaded.big.png); }

 
a.Button.ThumbsDown span { background-image: url(../../images/relational/ThumbsDown.small.png); }
a.Button.Large.ThumbsDown span { background-image: url(../../images/relational/ThumbsDown.big.png); }

 
a.Button.ThumbsUp span { background-image: url(../../images/relational/ThumbsUp.small.png); }
a.Button.Large.ThumbsUp span { background-image: url(../../images/relational/ThumbsUp.big.png); }

 
a.Button.Up span { background-image: url(../../images/relational/Up.small.png); }
a.Button.Large.Up span { background-image: url(../../images/relational/Up.big.png); }

 
a.Button.Vdown span { background-image: url(../../images/relational/Vdown.small.png); }
a.Button.Large.Vdown span { background-image: url(../../images/relational/Vdown.big.png); }

 
a.Button.Video span { background-image: url(../../images/relational/Video.small.png); }
a.Button.Large.Video span { background-image: url(../../images/relational/Video.big.png); }

 
a.Button.Vleft span { background-image: url(../../images/relational/Vleft.small.png); }
a.Button.Large.Vleft span { background-image: url(../../images/relational/Vleft.big.png); }

 
a.Button.Vright span { background-image: url(../../images/relational/Vright.small.png); }
a.Button.Large.Vright span { background-image: url(../../images/relational/Vright.big.png); }

 
a.Button.Vup span { background-image: url(../../images/relational/Vup.small.png); }
a.Button.Large.Vup span { background-image: url(../../images/relational/Vup.big.png); }

 
a.Button.X span { background-image: url(../../images/relational/X.small.png); }
a.Button.Large.X span { background-image: url(../../images/relational/X.big.png); }





/******************************* DUMMY BUTTONS */

/* Displayed when a WaitButton is clicked (to provide feedback while preventing double-postbacks) */

a.DummyButton,
a.DummyButton:hover
{
    color: gray !important;
    font-weight: normal !important;
}

a.DummyButton span,
a.DummyButton:hover span
{
    background-color: white !important;
}

a.DummyButton img
{
    position: relative;
    top: -1px;
    margin-right: 3px;
    border: none !important;
}