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

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


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



/******************************************************************** HTML TAGS */

body
{
    margin: 0;
    background: #E6DDD6;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    line-height: 120%;
    color: #555;
}

h1,
.FormField.H1
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 28px;
    line-height: 110%;
    letter-spacing: -1px;
    font-weight: normal;
    margin: 12px 0 6px 0;
    padding-bottom: 5px;
}

h2,
.FormField.H2
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    font-style: normal;
    color: #444444;
    font-size: 16px;
    line-height: 110%;
    margin: 15px 0 6px 0;
}

h3,
.FormField.H3
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 110%;
    margin: 20px 0 6px 0;
}

h4,
.FormField.H4
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    margin: 12px 0 6px 0;
    padding-bottom: 6px;
    background: transparent url(../../images/dingbats/dots.3.gif) repeat-x 0 bottom;
}

h5,
.H5
{
    font-weight: bold;
    color: black;
    font-size: 11px;
    margin: 12px 0 3px 0;
}

h6
{
    color: #BE1E2D;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 6px 0;
}


p,
td
{
    font-size: 11px;
    line-height: 14px;
}

a
{
    color: #E36F1E;
    text-decoration: none;
    font-weight: bold;
}

h3 a
{
    font-weight:normal;
}

div._ClickByProxy:hover a,
div._ClickByProxy:hover h1, 
div._ClickByProxy:hover h2, 
div._ClickByProxy:hover h3, 
a:hover
{
    cursor: pointer;
    text-decoration: underline;
    color: #BE1E2D;
}


ul
{
    padding-left: 0;
}

ul li
{
    list-style-type:square;
}

ul li li
{
}

p,
li
{
    margin-top: 0px;
    margin-bottom: 6px;
}

input,
textarea,
select
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
}



/********************************************* CONTENT AREAS */

div.ContentArea
{
    margin: 0 auto;
    padding: 0 16px;
    width:750px;
}

/* UTILITY SPACE */

div#Utility
{
    height: 24px;
    margin-top: 4px;
}

div#UtilityInner
{
    float: right;
}


/* MENU CONTAINER */

div#MenuContainer
{
    background: transparent url(../../images/dropshadow.top.gif) no-repeat;
    height: 31px;
    padding-top: 7px;
}

/* MAIN */

div#Main
{
    background: transparent url(../../images/dropshadow.gif) repeat-y;
}

div#MainInner
{
    background: white;
}


/* MASTHEAD */

div#Masthead
{
    border-top: 1px solid #E6DDD6;
    border-bottom: 1px solid white;
    position:relative;
}

div#FrontPage div#Masthead
{
    height: 200px;
}

div#InsidePage div#Masthead
{
    height: 130px;
}

div#Exchange div#Masthead
{
    height: 90px;
}

div#Masthead h1,
div#Masthead h2
{
    font-size: 1px;
    position: absolute;
    top: -9999px /* bye-bye */;
}

div#Masthead div#Masthead1,
div#Masthead div#Masthead2
{
    float: left;
}

div#Masthead div#Masthead1
{
    border-right: 1px solid white;
}

div#Masthead p.Version
{
    position:absolute;
    top:67px;
    left:15px;
    font-size:11px;
    color:#B8B1AB;
    width:298px;
    text-align:right;
}

/* MAIN CONTENT */

div#MainContent
{
    padding: 15px;
    min-height:500px;
}

/* COLUMNS - FRONT PAGE (EVERYDAY DEMOCRACY) */

div#FrontPage
{
}

div#FrontPage div#ColumnContainer
{
    width: 750px;
    background: white url(../../images/background.3column.khaki.gif) repeat-y 1px 0;
}

div#FrontPage div#ColumnContainer div#MainColumn
{
    width: 268px;
    float: left;
    padding: 10px 10px 50px 10px;
}

div#FrontPage div#ColumnContainer div#MiddleColumn
{
    width: 286px;
    float: left;
    margin-right: 1px;
    padding-bottom:50px;
    overflow-x:hidden;
}

div#FrontPage div#ColumnContainer div#SecondaryColumn
{
    width: 175px;
    float: left;
    padding-bottom:50px;
    overflow-x:hidden;
}

/* COLUMNS - INSIDE PAGES (EVERYDAY DEMOCRACY) */

div#InsidePage
{
}

div#InsidePage div#MainContent
{
    padding: 0;
}

div#InsidePage div#ColumnContainer
{
    width: 750px;
    background: white url(../../images/background.2column.inside.khaki.gif) repeat-y 0 0;
}

div#InsidePage div#ColumnContainer div#MainColumn
{
    width: 507px;
    float: left;
    padding: 0 10px 10px 10px;
    margin-right: 1px;
    overflow-x:hidden;
    min-height:500px;
}

div#InsidePage div#ColumnContainer div#SecondaryColumn
{
    width: 222px;
    float: left;
}

div#SingleColumn
{
    padding: 10px 10px 50px 10px;
}

/* COLUMNS (EXCHANGE) */

div#Exchange div#ColumnContainer
{
    width: 720px;
    background: transparent url(../../images/dingbats/dots.2.gif) repeat-y 449px; /* 464-15 (464 = 750/phi) */
}

div#Exchange div#MainColumn
{
    float: left;
    margin-right: 30px;
    width: 434px; /* 464-30 */
}

div#Exchange div#SecondaryColumn
{
    float: left;
    width: 256px; /* 286-30 (286=750-464) */
}

/* FOOTER */

div#Footer
{
    height: 115px;
    background: transparent url(../../images/dropshadow.bottom.gif) no-repeat 0 0;
}

div#Footer div.Address
{
    padding: 15px;
    font-size: 10px;
}


/*** CREDIT */

div#MainBottom
{
}

div#Credit
{
    width: 750px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    top: -58px;
}

div#Credit a
{
    float: right;
    color: #333;
    font-weight: normal;
    display: block;
    width: 110px;
    padding: 10px 0 10px 39px;
    background: transparent url(../../images/cwt.off.gif) no-repeat top left;
}

div#Credit a:hover,
div#Credit.Hover a
{
    color: White;
    background-image: url(../../images/cwt.on.gif);
    text-decoration: none;
}



/****************************************************************** MENUS */
/* 
For use with Batiste drop-down menus 
http://www.magnin-sante.ch/journal/html/menu3/menuhorizontal.htm
*/

/********** Containers */

ul#Menu /* Menu container (level 1) */
{
    display: -moz-inline-stack;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul#Menu ul /* Menu containers (level 2+) */
{
    position: absolute;
    margin: -1px 0 0 0;
    padding: 0;
    visibility: hidden;
    width: 240px;
    border-top: 1px solid #DE8E96;
    border-bottom: 10px solid #AB1B28;
    z-index: 9999;
}

ul#Menu ul ul /* Menu containers (level 3+) */
{
    border-top: none;
    margin-left: 240px;
    margin-top: -27px;
}


/********** List items */

ul#Menu li /* List items (level 1+) */
{
    background-image: none;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

ul#Menu ul li /* List items (level 2+) */
{
    width: 240px;
    background-color: #E6DDD6;
    display: inline-block;
    float: left;
}


/********** Links (level 1+) */

ul#Menu a /* Links (level 1+) */
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    color: White;
    background: #BE1E2D url(../../images/dingbats/dots.white.2v.gif) right 0 repeat-y;
    display: block;
    text-decoration: none;
    font-weight: normal;
    padding: 1px 9px;
    white-space: nowrap;
    margin: 0 0 0 0;
    line-height: 29px;
}

ul#Menu a.Hover, 
ul#Menu a:hover /* Links on hover (level 1+) */
{
    text-decoration: none;
    color: #FFFFFF;
    background-color: #AB1B28 !important;
}

ul#Menu a.Selected /* Selected links (level 1+) */
{
    background-color: #E36F1E;
}

ul#Menu a.HasChildren /* Links with submenus (level 1+) */
{
}

/********** Links (level 2+) */

ul#Menu li li a /* Links (level 2+) */
{
    display: block;
    padding: 2px 7px 3px 7px;
    background-image: none;
    background-color: #AB1B28;
    border-bottom: 1px dotted #DB838C;
    font-weight: normal;
    color: white;
    line-height: 20px;
}

ul#Menu li li a.Hover, 
ul#Menu li li a:hover /* Links on hover (level 2+) */
{
    background-color: #BE1E2D !important;
}

ul#Menu li li a.Selected, 
ul#Menu li li a.Selected:hover /* Selected links (level 2+) */
{
    background-image: url(../../images/dingbats/arrow.selected.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

ul#Menu li li a.HasChildren
{
    /* Links with submenus (level 2+) */
    background-image: url(../../images/dingbats/arrow.haschildren.gif);
    background-repeat: no-repeat;
    background-position: 233px 8px;
}

/********** Links (level 3+) */

ul#Menu li li li a /* Links (level 3+) */
{
    background-color: #981824;
}

ul#Menu li li li a.Hover,
ul#Menu li li li a:hover /* Links on hover (level 3+) */
{
    background-color: #AB1B28 !important;
}

/********************************************* ARTICLES */

/* Article abstract */

div.ArticleAbstract
{
    clear: both;
    margin: 20px 0;
}

div.ArticleAbstract a.Thumbnail
{
    float: left;
    margin-left: -5px;
    margin-top: -5px;
    padding: 8px;
    background: transparent url(../../images/frame.80.gif) no-repeat 0 0;
    margin-right: 3px;
}

div.ArticleAbstract div.TextContainer
{
    float: left;
    width: 165px;
}

div.ArticleAbstract div.TextContainer p
{
    margin: 0;
}

div.ArticleAbstract div.TextContainer p a
{
    white-space: nowrap;
}

div.ArticleAbstract h1
{
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 0;
    margin: 3px 0;
}

/* Article abstract in Sidebar */

div.SidebarSection div.ArticleAbstract
{
    margin:10px 0;
}

div.SidebarSection div.ArticleAbstract img.Thumbnail
{
    float:left;
    margin-right:7px;
    margin-top:4px;
    border:1px solid black;
}

div.SidebarSection div.ArticleAbstract div.TextContainer
{
    width:198px;
}

/* Articles page (e.g. SuccessStories.aspx) */

div.Articles div.ArticleAbstract div.TextContainer
{
    width: 400px;
}



/* Article headline */

div.ArticleHeadline
{
    margin: 10px 0;
}

div.ArticleHeadline a
{
    background: transparent url(../../images/arrow.right.gif) no-repeat 0px 3px;
    color: #444444;
    display: block;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 17px;
    padding-left: 10px;
}

/********************************************* FEATURED PUBLICATIONS */

div.FeaturedPublication
{
    clear: both;
    margin-top: 12px;
}

div.FeaturedPublication img.Thumbnail
{
    border: 1px solid black;
    margin-right: 5px;
    float: left;
}

div.FeaturedPublication div.TextContainer
{
    width: 210px;
    float: left;
}

/********************************************* PUBLICATIONS */

div.Publication
{
    clear: both;
    margin: 12px 0;
    padding-top: 10px;
    background: transparent url(../../images/dingbats/dots.khaki.2.gif) repeat-x;
    position: relative;
    width: 500px;
}

div.Publication img.Thumbnail
{
    border: 1px solid black;
    margin-right: 5px;
    float: left;
}

div.Publication div.TextContainer
{
    width: 235px;
    float: left;
}

div.Publication div.TextContainer p
{
    margin-top: 0;
}

div.Publication a.GoRight
{
    position: absolute;
    top: 10px;
    right: 100px;
}

div.Publication a.GoDown
{
    position: absolute;
    top: 10px;
    right: 0;
}





/********************************************* REVERSED AREAS */

div.Red { background-color:#BE1E2D; }
div.Orange { background-color:#E36F1E; }
div.LightOrange { background-color:#E98C4B; }
div.Khaki { background-color:#A19B96; }

.Reverse { color: #F2D2D5; }

.Reverse a { color: #F2D2D5!important; }
.Reverse a:hover { color: White!important; }
.Reverse span.Bar { color: #D2626C; }

.Reverse.Orange { color:#F9E2D2; }
.Reverse.Orange a { color:#F9E2D2!important; }
.Reverse.Orange a:hover { color: White!important; }

.Reverse.LightOrange { color:#F9E2D2; }
.Reverse.LightOrange a { color:#F9E2D2!important; }
.Reverse.LightOrange a:hover { color: White!important; }

.Reverse.Khaki { color:#F2EEEA; }
.Reverse.Khaki a { color:#F2EEEA!important; }
.Reverse.Khaki a:hover { color: White!important; }


.Reverse p,
.Reverse h1,
.Reverse h2,
.Reverse h3,
.Reverse h4,
.Reverse h5,
.Reverse h6
{
    color:White;
}

.Reverse .BulletLink:hover {
    background-image: url(../../images/relational/GoRight.white.gif);
}

/****************************************************************** SIDEBAR SECTIONS */

div.SidebarSection
{
    padding: 17px 10px;
    border-bottom: 1px solid white;
}

div.S1 { background-color: #EBE4DE; }
div.S2 { background-color: #EAE2DC; }
div.S3 { background-color: #E8E0DA; }
div.S4 { background-color: #E7DFD8; }
div.S5 { background-color: #E6DDD6; }
div.S6 { background-color: #E1D9D2; }
div.S7 { background-color: #DDD4CD; }
div.S8 { background-color: #D8D0C9; }
div.S9 { background-color: #D4CBC5; }

div.SidebarSection h6
{
    margin-top: 0;
    margin-bottom: 4px;
}

div.SidebarSection a
{
    color: #CC641B;
}

div.SidebarSection a:hover
{
    color: #AB1B28;
}

div#_IssueCaptionContainer
{
    xbackground-color: yellow;
}


/****************************************************************** ISSUE MENU */

div.IssueList
{
    border-bottom: 1px solid #EEE7E2;
    margin: 0 -10px 10px -10px;
}

div.IssueList a
{
    border-top: 1px solid #EEE7E2;
    color: Black;
    display: block;
    font-weight: normal;
    padding: 3px 10px;
}

div.IssueList a.Selected
{
    font-weight: bold;
    color: Black;
    background: #D6CEC7 url(../../images/dingbats/arrow.selected.white.gif) no-repeat 0px 5px;
}

div.IssueList a:hover
{
    background-color: #BE1E2D;
    color: White;
    text-decoration: none;
}

/* Issue captions */

p.IssueCaption
{
    margin: 0;
    padding-left: 15px;
    background: transparent url(../../images/arrow.up.gif) no-repeat 0 5px;
}


/****************************************************************** ARTICLE PAGE */

h1.PageTitle
{
    margin: 36px 0 0 0;
}

h3.Subtitle
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight: bold;
    color: #A2A2A2;
    margin: -4px 0 18px 0;
    font-size: 19px;
    font-style: normal;
    line-height: 21px;
}

p.ByLine
{
    color: #A2A2A2;
    font-style: italic;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 14px;
    line-height: 16px;
}

p.Dateline
{
    font-size: 10px;
    font-weight: bold;
    color: #A2A2A2;
}


/***************************************************************** SITEMAP */

ul#Sitemap
{
    list-style: none;
    list-style-image: none;
    margin-left: 0;
}

/* level 1 */

ul#Sitemap li
{
    margin: 15px 0 6px 0;
    background-image: none;
    list-style-image: none;
}

ul#Sitemap li a
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    font-style: normal;
    color: #444444;
    font-size: 16px;
    line-height: 110%;
    color: Black;
}

ul#Sitemap li a:hover
{
    color: #BE1E2D;
}

/* level 2 */

ul#Sitemap ul
{
    margin-left: 10px;
    margin-top: 3px;
}

ul#Sitemap li li
{
    list-style-image: none;
    list-style: none;
    padding-top: 0px;
    margin-top: 7px;
    margin-bottom: 0;
    background: transparent url(../../images/dingbats/crumbs.separator.gif) no-repeat 0 3px;
}

ul#Sitemap li li a
{
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: #E36F1E;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-style: normal;
}

ul#Sitemap li li a:hover
{
    color: #BE1E2D;
}

ul#Sitemap li#HomeLink,
ul#Sitemap li#SitemapLink,
ul#Sitemap li#SearchLink
{
    /* Don't display home link or sitemap link in the sitemap */
    display: none;
}

/* level 3 */

ul#Sitemap ul ul
{
    margin-left: 20px;
    padding-left: 0;
}

ul#Sitemap li li li
{
    background-position: -1px 3px;
    margin-top: 3px;
}

ul#Sitemap li li li a
{
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
}

/* level 4 */

ul#Sitemap li li li li
{
    margin-top: 0;
}


/***************************************************************** SEARCH BOX (in masthead utility area) & NEWSLETTER SIGNUP */

div.SidebarNewsletterSignup,
div#Utility div.UtilitySearch
{
    position: relative;
    width: 128px;
    height: 18px;
}

div.SidebarNewsletterSignup
{
    width: 148px;
    margin-bottom: 4px;
}

div.SidebarNewsletterSignup .FormField,
div#Utility div.UtilitySearch .FormField
{
    border: 1px solid #CFC7C1;
    position: absolute;
    top: 2px;
    left: 0;
    padding: 0px 3px 2px 3px;
    margin-right: 4px;
    width: 100px;
    background: white !important;
}

div.SidebarNewsletterSignup .FormField
{
    width: 120px;
}

div#Utility div.UtilitySearch a.GoRight,
div.SidebarNewsletterSignup a.GoRight
{
    position: absolute;
    right: 0;
    top: 2px;
    width: 16px;
    height: 16px;
}

div#Utility div.UtilitySearch a.GoRight span,
div.SidebarNewsletterSignup a.GoRight span
{
    background: #E36F1E url(../../images/relational/GoRight.white.gif) no-repeat 1px 2px;
    border: 1px solid white;
    width: 15px;
    height: 15px;
}

div#Utility div.UtilitySearch a.GoRight:hover span,
div.SidebarNewsletterSignup a.GoRight:hover span
{
    background-color: #BE1E2D;
    background-image: url(../../images/relational/GoRight.white.gif);
}


/********************************************* PROGRAM SEARCH RESULTS (Directory.aspx) */

ul.ProgramSearchResults
{
}

ul.ProgramSearchResults li
{
    margin: 12px 0;
}


/********************************************* SEARCH RESULTS (search.aspx) */

div.SearchResultsPage div.GuideReview,
div.SearchResultsPage div.GuideLink
{
    background-image: none;
}

div.SearchResultsPage div.GuideReview a.Button
{
    display: none;
}



/********************************************* ISSUE PAGE (Issue.aspx) */

div.IssueArticles
{
    float: left;
    width: 263px;
    margin-right: 10px;
}

div.IssuePublications
{
    float: left;
    width: 214px;
    padding-left: 10px;
    background: transparent url(../../images/dingbats/dots.khaki.2.gif) repeat-y 0 0;
}


div.IssuePublications div.Publication div.TextContainer
{
    width: 174px;
}

div.IssuePublications div.Publication
{
    background-image: none;
    padding: 0;
    width:214px;
}



/********************************************* NEWS ARTICLE/PRESS RELEASE LISTINGS */

div.NewsBriefListing
{
    margin: 12px 0;
}

div.NewsBriefListing span.Date
{
    display: block;
    padding-bottom: 6px;
    background: transparent url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    font-size: 10px;
    font-weight: bold;
    color: #A2A2A2;
}

/********************************************* PAGE TOOLS */

div.PageTools
{
    clear: both;
    background:#F2EEEA;
    height:20px;
    padding:10px;
}

div.PageTools a.Button
{
    float: left;
}

div.PageTools a.Button span
{
}

div.PageTools a.Print
{
}

div.PageTools a.Mail
{
}

.PopupPage div.PageTools
{
    padding:12px 0;
}

.PopupPage div.PageTools a.Button
{
    float:right;
}

/********************************************* RESOURCE PAGE */

div.ResourcePage
{
}

div.ResourcePage img.Thumbnail
{
    float: left;
    margin-right: 10px;
}

div.ResourcePage div.TextContainer
{
    float: left;
    width: 300px;
}

div.ResourcePage a.Button
{
    width: 75px;
}


/********************************************* SHARING TOOLS  */

div.SocialLinks
{
}

div.SocialLinks a
{
    text-align:center;
    display:block;
    font-size:10px;
    margin:10px 0;
    padding:5px;
}

div.SocialLinks a:hover
{
    padding:0;
    color:White;
    text-decoration:none;
}

div.SocialLinks a:hover img
{
    border:5px solid #FFFFFF;
}




/******************************************************* STANDARD TABLE */

table.StandardTable
{
    border-collapse: collapse;
}


table.StandardTable td,
table.StandardTable th,
table.StandardTable th p,
table.StandardTable td p
{
}

table.StandardTable td,
table.StandardTable th
{
    padding: 3px;
    border: 1px solid #F2EEEA;
}

table.StandardTable th p,
table.StandardTable td p
{
    padding: 0;
    margin: 3px 0;
}

table.StandardTable th
{
    vertical-align: bottom;
    background-color: #FAF8F7;
    font-weight: bold;
    color: Black;
}

table.StandardTable th,
table.StandardTable th p
{
    font-size: 10px;
}

table.StandardTable td
{
    vertical-align: top;
}

table.StandardTable td,
table.StandardTable td p
{
}

/********************************************* SIBLING MENU */

ul#SiblingMenu
{
    margin: 0 -10px 10px -10px;
    border-bottom: 1px solid #E6DDD6;
    list-style:none;
}

ul#SiblingMenu li
{
    margin: 0;
    padding: 0;
    background-image: none;
    list-style:none;
}

ul#SiblingMenu li a
{
    border-top: 1px solid #E6DDD6;
    color: Black;
    display: block;
    font-weight: normal;
    padding: 3px 10px;
}

ul#SiblingMenu li a:hover
{
    background-color: #BE1E2D;
    color: White;
    text-decoration: none;
}

ul#SiblingMenu li.Selected a
{
    font-weight: bold;
    color: Black;
    background: #D6CEC7 url(../../images/dingbats/arrow.selected.white.gif) no-repeat 0px 5px;
}

/********************************************* BLOG LINKS */

div.BlogLinks a.Out
{
    display: block;
    margin: 2px 0;
}












/* ~~~  */

/********************************************* UPDATE PROGRESS */

div.UpdateProgress
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

div.UpdateProgressInner
{
    margin: 20px auto;
    width: 150px;
    border: 1px solid #aaa;
    background: transparent url(../../images/translucent/10.75.png);
    padding: 20px 0;
    text-align: center;
}

div.UpdateProgress img
{
}

div.UpdateProgress p
{
    text-align: center;
}

/* Full page update progress */

div.FullPageUpdateProgressWrapper
{
    position: fixed;
    width: 99%;
    height: 99%;
    left: 0;
    top: 0;
    z-index: 999;
}   

div.FullPageUpdateProgressWrapper div.UpdateProgress
{
    width: 150px;
    border: 1px solid #CCCCCC;
    background: transparent url(../../images/translucent/10.90.png);
    padding:50px 30px;
    text-align: center;
    margin:30% 50%;
}

div.FullPageUpdateProgressWrapper img
{
    padding-right: 10px;
    vertical-align: middle;
}

div.FullPageUpdateProgressWrapper span
{
    display: block;
    padding: 5px 0;
}


/********************************************* CLICK BY PROXY */

div._ClickByProxy:hover
{
    cursor: pointer;
}


div._ClickByProxy:hover h1,
div._ClickByProxy:hover h2,
div._ClickByProxy:hover h3,
div._ClickByProxy:hover h4,
div._ClickByProxy:hover h5,
div._ClickByProxy:hover a
{
    color: #BE1E2D;
}

div._ClickByProxy:hover p
{
    color: Black;
}

/********************************************* FORMS & FIELDSETS */

div.FieldsetContainer
{
    background-color: #F8F5F3;
    border: 1px solid #E6DDD6;
    padding: 5px;
}

div.FieldsetContainer.HasLegend
{
    margin-top: 34px;
}

legend
{
    color: #BE1E2D;
    font-size: 9px;
    font-weight: bold;
    left: -5px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
}

div.FormRow
{
    clear: both;
    padding: 1px 0;
}

div.FormRow label.Label
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 100px;
}

div.FormRow div.FieldContainer
{
    float: left;
    width: 480px;
}

div#MainColumn div.FieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 380px;
}


/* Form fields */

.FormField
{
    font-size: 11px;
    line-height: 14px;
    vertical-align: middle;
    padding: 2px 3px;
}

textarea.FormField
{
    overflow-y:auto;
}

.FormField,
.FormField.H1,
.FormField.H2,
.FormField.H3,
.FormField.H4,
.FormField.H5
{
    margin: 0;
    border: 1px solid #E6DDD6;
}


.Watermark
{
    color: #ccc !important;
}

select.FormField
{
    height: auto;
}

.FormField.Focus
{
    border-color: #BE1E2D;
    color: black;
}

.FormFieldLarge
{
    height: 17px;
    font-size: 13px;
    line-height: 17px;
    padding: 2px 5px;
}

div.FieldsetContainer .FormField
{
    background: white;
}

.FormInstructions
{
    display: block;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px !important;
    color: #999;
}

/* Form buttons */

div.FormButtonContainer
{
    clear: both;
    margin-top: 12px;
}

div.FormButtonContainer a.Check
{
    /* Save button */
    margin-left: 10px;
}

/******************************* 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 !important;
}


/********************************************* TABLE FORM */
/* TODO - won't need this when login is rewritten using Fieldset, div.FormRow etc. */

table.TableForm
{
    border-collapse: collapse;
}

table.TableForm td
{
    padding: 2px 5px;
    background-color: #F8F5F3;
}

table.TableForm td.FormHeading
{
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

table.TableForm td.FormContent
{
}

table.TableForm .FormField
{
    background: white;
}



/********************************************* DIVIDERS */

div.Divider2,
div.Divider3,
div.Divider4,
div.Divider5
{
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 12px 0;
    clear: both;
}

div.Divider2
{
    background-image: url(../../images/dingbats/dots.2.gif);
}
div.Divider3
{
    background-image: url(../../images/dingbats/dots.3.gif);
}
div.Divider4
{
    background-image: url(../../images/dingbats/dots.4.gif);
}
div.Divider5
{
    background-image: url(../../images/dingbats/dots.5.gif);
}

div.Divider2.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.2.gif);
}
div.Divider3.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.3.gif);
}
div.Divider4.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.4.gif);
}
div.Divider5.Faint
{
    background-image: url(../../images/dingbats/dots.khaki.5.gif);
}


/********************************************* CRUMBS */

div#Crumbs
{
    font-size: 10px;
    font-weight: bold;
}

div#InsidePage div#Crumbs
{
    background: url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    margin: 0 -10px;
    padding: 3px 10px 8px 10px;
}

#Crumbs a
{
    color: #808080;
    font-weight: normal;
}

#Crumbs a:hover
{
    color: #BE1E2D;
    text-decoration: underline;
}

#Crumbs img
{
    margin: -1px 5px 0px 5px;
}



/********************************************* VALIDATION SUMMARY */

.ValidationSummary
{
    border: 2px solid #BE1E2D;
    padding: 10px 10px 10px 60px;
    margin: 15px auto;
    width: 300px;
    font-weight: bold;
    background: #F9F6F5 url(../../images/warning.gif) no-repeat 12px 12px;
}

.ValidationSummary,
.ValidationSummary h1,
.ValidationSummary h2,
.ValidationSummary h3,
.ValidationSummary h4,
.ValidationSummary h5,
.ValidationSummary li,
.ValidationSummary p
{
    color: #444444 !important;
}

.ValidationSummary h5
{
    margin-top: 0;
}

.ValidationSummary ul
{
    margin: 0 0 4px 25px;
}

.ValidationSummary li
{
    font-weight: normal;
}




/********************************************* IMAGE PICKER */

div.FilePicker
{
    padding: 5px 0;
    min-height: 70px;
}

div.FilePicker img
{
    float: left;
    border: 1px solid black !important;
    margin: 0 5px 10px 0;
}

div.FilePicker div.DocumentLinkContainer
{
    display: block;
    float: left;
}

div.FilePicker iframe
{
    float: left;
    border: none !important;
}


/******************************* TAG PICKER */

div.TagPicker
{
}

div.FieldsetContainer div.TagPicker
{
    width: 150px;
    margin-top: 5px;
}

span.DetailsValue div.TagPickerItem
{
    line-height: 14px;
}

div.TagPicker div.TagPickerItem
{
    height: 17px;
    clear: both;
    overflow:hidden;
}

div.TagPicker div.TagPickerItem a.X
{
    float: right;
    height: 12px;
    width: 12px;
    background: none;
    border: none;
}

div.TagPicker div.TagPickerItem a.X span
{
    background: transparent url(../../images/relational/x.silver.gif) 0 2px no-repeat !important;
    height: 12px;
    width: 12px;
    border: none;
}

div.TagPicker div.TagPickerItem a.X:hover span
{
    background-image: url(../../images/relational/x.gray.gif);
}

div.TagPicker div.TagPickerItem div.TagName
{
    display: block;
    float: left;
    padding-left: 11px;
    background: transparent url(../../images/relational/tag.silver.gif) no-repeat 0 2px;
}

div.TagPicker div.InsertTag
{
    margin-top: 1px;
    clear: both;
}

div.TagPicker div.InsertTag input.FormField
{
    float: left;
    height: 13px;
    line-height: 11px;
    width: 110px;
    padding: 1px 1px 1px 11px;
    background: white url(../../images/relational/tag.silver.gif) no-repeat 0 2px;
}

div.TagPicker div.InsertTag a.Button
{
    float: right;
    clear: none;
}


/******************************* AUTOCOMPLETE */

ul.AutocompleteContainer
{
    position: relative;
    z-index: 999;
    border: 1px solid #bbb;
    border-top: none;
    height: 150px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: white;
}

ul.AutocompleteContainer li
{
    background-image: none;
}

.AutocompleteItem,
.AutocompleteItemHighlighted
{
    margin: 0;
    padding: 1px 5px;
    white-space: nowrap;
}

.AutocompleteItemHighlighted
{
    background: #E6DDD6;
}

/******************************* SORT DROPDOWN CONTAINER (e.g. Index.aspx ) */

div.SortDropdownContainer
{
    width: 200px;
    float: right;
    font-size: 10px;
    text-align: right;
    color: #aaa;
}

div.SortDropdownContainer select.FormField
{
    font-size: 10px;
    color: #777;
}




/******************************* 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: #E36F1E;
    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: #BE1E2D;
}

/* 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.SwapV span { background-image: url(../../images/relational/SwapV.small.png); }
a.Button.Large.SwapV span { background-image: url(../../images/relational/SwapV.big.png); }

 
a.Button.SwapH span { background-image: url(../../images/relational/SwapH.small.png); }
a.Button.Large.SwapH span { background-image: url(../../images/relational/SwapH.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); }



/* UTILITY BUTTONS */

div#Utility div.UtilitySection
{
    float: left;
    margin-top: 4px;
    height: 18px;
    line-height: 18px;
    color: #B8B1AB;
    padding: 0px 10px;
    border-right: 1px solid #F2EEEA;
}

div#Utility div.UtilitySection.Last
{
    border-right: none;
    padding-right: 5px;
}

div#Utility a.Button
{
    font-size: 11px;
    white-space: nowrap;
    margin: 0;
    line-height: 18px;
    height: 18px;
    padding: 0 0 0 13px;
    background-image: none;
    border: none;
    position: relative;
    float: left;
}

div#Utility a
{
    color: #5C5856 !important;
    font-weight: normal;
}

div#Utility a:hover
{
    text-decoration: underline;
}


div#Utility a.Button span
{
    background-position: 0px 4px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 14px;
    height: 18px;
    cursor: pointer;
    border: none;
}

div#Utility a:hover
{
    color: #171615 !important;
    background-color: Transparent;
    text-decoration: underline;
}

div#Utility a.Button:hover span
{
    background-color: Transparent;
}

  
 div#Utility a.Button.Add span { background-image: url(../../images/relational/Add.silver.gif); }
div#Utility a.Button.Add:hover span { background-image: url(../../images/relational/Add.gray.gif); }
 
 
 div#Utility a.Button.Alert span { background-image: url(../../images/relational/Alert.silver.gif); }
div#Utility a.Button.Alert:hover span { background-image: url(../../images/relational/Alert.gray.gif); }
 
 
 div#Utility a.Button.Book span { background-image: url(../../images/relational/Book.silver.gif); }
div#Utility a.Button.Book:hover span { background-image: url(../../images/relational/Book.gray.gif); }
 
 
 div#Utility a.Button.Calc span { background-image: url(../../images/relational/Calc.silver.gif); }
div#Utility a.Button.Calc:hover span { background-image: url(../../images/relational/Calc.gray.gif); }
 
 
 div#Utility a.Button.Cart span { background-image: url(../../images/relational/Cart.silver.gif); }
div#Utility a.Button.Cart:hover span { background-image: url(../../images/relational/Cart.gray.gif); }
 
 
 div#Utility a.Button.Check span { background-image: url(../../images/relational/Check.silver.gif); }
div#Utility a.Button.Check:hover span { background-image: url(../../images/relational/Check.gray.gif); }
 
 
 div#Utility a.Button.Down span { background-image: url(../../images/relational/Down.silver.gif); }
div#Utility a.Button.Down:hover span { background-image: url(../../images/relational/Down.gray.gif); }
 
 
 div#Utility a.Button.Drag span { background-image: url(../../images/relational/Drag.silver.gif); }
div#Utility a.Button.Drag:hover span { background-image: url(../../images/relational/Drag.gray.gif); }
 
 
 div#Utility a.Button.Edit span { background-image: url(../../images/relational/Edit.silver.gif); }
div#Utility a.Button.Edit:hover span { background-image: url(../../images/relational/Edit.gray.gif); }
 
 
 div#Utility a.Button.EndDown span { background-image: url(../../images/relational/EndDown.silver.gif); }
div#Utility a.Button.EndDown:hover span { background-image: url(../../images/relational/EndDown.gray.gif); }
 
 
 div#Utility a.Button.EndLeft span { background-image: url(../../images/relational/EndLeft.silver.gif); }
div#Utility a.Button.EndLeft:hover span { background-image: url(../../images/relational/EndLeft.gray.gif); }
 
 
 div#Utility a.Button.EndRight span { background-image: url(../../images/relational/EndRight.silver.gif); }
div#Utility a.Button.EndRight:hover span { background-image: url(../../images/relational/EndRight.gray.gif); }
 
 
 div#Utility a.Button.EndUp span { background-image: url(../../images/relational/EndUp.silver.gif); }
div#Utility a.Button.EndUp:hover span { background-image: url(../../images/relational/EndUp.gray.gif); }
 
 
 div#Utility a.Button.Exclamation span { background-image: url(../../images/relational/Exclamation.silver.gif); }
div#Utility a.Button.Exclamation:hover span { background-image: url(../../images/relational/Exclamation.gray.gif); }
 
 
 div#Utility a.Button.Eye span { background-image: url(../../images/relational/Eye.silver.gif); }
div#Utility a.Button.Eye:hover span { background-image: url(../../images/relational/Eye.gray.gif); }
 
 
 div#Utility a.Button.Flag span { background-image: url(../../images/relational/Flag.silver.gif); }
div#Utility a.Button.Flag:hover span { background-image: url(../../images/relational/Flag.gray.gif); }
 
 
 div#Utility a.Button.FriendAdd span { background-image: url(../../images/relational/FriendAdd.silver.gif); }
div#Utility a.Button.FriendAdd:hover span { background-image: url(../../images/relational/FriendAdd.gray.gif); }
 
 
 div#Utility a.Button.Friends span { background-image: url(../../images/relational/Friends.silver.gif); }
div#Utility a.Button.Friends:hover span { background-image: url(../../images/relational/Friends.gray.gif); }
 
 
 div#Utility a.Button.GoDown span { background-image: url(../../images/relational/GoDown.silver.gif); }
div#Utility a.Button.GoDown:hover span { background-image: url(../../images/relational/GoDown.gray.gif); }
 
 
 div#Utility a.Button.GoLeft span { background-image: url(../../images/relational/GoLeft.silver.gif); }
div#Utility a.Button.GoLeft:hover span { background-image: url(../../images/relational/GoLeft.gray.gif); }
 
 
 div#Utility a.Button.GoRight span { background-image: url(../../images/relational/GoRight.silver.gif); }
div#Utility a.Button.GoRight:hover span { background-image: url(../../images/relational/GoRight.gray.gif); }
 
 
 div#Utility a.Button.GoUp span { background-image: url(../../images/relational/GoUp.silver.gif); }
div#Utility a.Button.GoUp:hover span { background-image: url(../../images/relational/GoUp.gray.gif); }
 
 
 div#Utility a.Button.Inbox span { background-image: url(../../images/relational/Inbox.silver.gif); }
div#Utility a.Button.Inbox:hover span { background-image: url(../../images/relational/Inbox.gray.gif); }
 
 
 div#Utility a.Button.Key span { background-image: url(../../images/relational/Key.silver.gif); }
div#Utility a.Button.Key:hover span { background-image: url(../../images/relational/Key.gray.gif); }
 
 
 div#Utility a.Button.Left span { background-image: url(../../images/relational/Left.silver.gif); }
div#Utility a.Button.Left:hover span { background-image: url(../../images/relational/Left.gray.gif); }
 
 
 div#Utility a.Button.Mail span { background-image: url(../../images/relational/Mail.silver.gif); }
div#Utility a.Button.Mail:hover span { background-image: url(../../images/relational/Mail.gray.gif); }
 
 
 div#Utility a.Button.No span { background-image: url(../../images/relational/No.silver.gif); }
div#Utility a.Button.No:hover span { background-image: url(../../images/relational/No.gray.gif); }
 
 
 div#Utility a.Button.Online span { background-image: url(../../images/relational/Online.silver.gif); }
div#Utility a.Button.Online:hover span { background-image: url(../../images/relational/Online.gray.gif); }
 
 
 div#Utility a.Button.Out span { background-image: url(../../images/relational/Out.silver.gif); }
div#Utility a.Button.Out:hover span { background-image: url(../../images/relational/Out.gray.gif); }
 
 
 div#Utility a.Button.Pages span { background-image: url(../../images/relational/Pages.silver.gif); }
div#Utility a.Button.Pages:hover span { background-image: url(../../images/relational/Pages.gray.gif); }
 
 
 div#Utility a.Button.Pages span { background-image: url(../../images/relational/Pages.silver.gif); }
div#Utility a.Button.Pages:hover span { background-image: url(../../images/relational/Pages.gray.gif); }
 
 
 div#Utility a.Button.PDF span { background-image: url(../../images/relational/PDF.silver.gif); }
div#Utility a.Button.PDF:hover span { background-image: url(../../images/relational/PDF.gray.gif); }
 
 
 div#Utility a.Button.Person span { background-image: url(../../images/relational/Person.silver.gif); }
div#Utility a.Button.Person:hover span { background-image: url(../../images/relational/Person.gray.gif); }
 
 
 div#Utility a.Button.Pics span { background-image: url(../../images/relational/Pics.silver.gif); }
div#Utility a.Button.Pics:hover span { background-image: url(../../images/relational/Pics.gray.gif); }
 
 
 div#Utility a.Button.Print span { background-image: url(../../images/relational/Print.silver.gif); }
div#Utility a.Button.Print:hover span { background-image: url(../../images/relational/Print.gray.gif); }
 
 
 div#Utility a.Button.Question span { background-image: url(../../images/relational/Question.silver.gif); }
div#Utility a.Button.Question:hover span { background-image: url(../../images/relational/Question.gray.gif); }
 
 
 div#Utility a.Button.Quote span { background-image: url(../../images/relational/Quote.silver.gif); }
div#Utility a.Button.Quote:hover span { background-image: url(../../images/relational/Quote.gray.gif); }
 
 
 div#Utility a.Button.Quotes span { background-image: url(../../images/relational/Quotes.silver.gif); }
div#Utility a.Button.Quotes:hover span { background-image: url(../../images/relational/Quotes.gray.gif); }
 
 
 div#Utility a.Button.Right span { background-image: url(../../images/relational/Right.silver.gif); }
div#Utility a.Button.Right:hover span { background-image: url(../../images/relational/Right.gray.gif); }
 
 
 div#Utility a.Button.Rss span { background-image: url(../../images/relational/Rss.silver.gif); }
div#Utility a.Button.Rss:hover span { background-image: url(../../images/relational/Rss.gray.gif); }
 
 
 div#Utility a.Button.Rss2 span { background-image: url(../../images/relational/Rss2.silver.gif); }
div#Utility a.Button.Rss2:hover span { background-image: url(../../images/relational/Rss2.gray.gif); }
 
 
 div#Utility a.Button.Save span { background-image: url(../../images/relational/Save.silver.gif); }
div#Utility a.Button.Save:hover span { background-image: url(../../images/relational/Save.gray.gif); }
 
 
 div#Utility a.Button.Search span { background-image: url(../../images/relational/Search.silver.gif); }
div#Utility a.Button.Search:hover span { background-image: url(../../images/relational/Search.gray.gif); }
 
 
 div#Utility a.Button.Star span { background-image: url(../../images/relational/Star.silver.gif); }
div#Utility a.Button.Star:hover span { background-image: url(../../images/relational/Star.gray.gif); }
 
 
 div#Utility a.Button.Straight span { background-image: url(../../images/relational/Straight.silver.gif); }
div#Utility a.Button.Straight:hover span { background-image: url(../../images/relational/Straight.gray.gif); }
 
 
 div#Utility a.Button.SwapV span { background-image: url(../../images/relational/SwapV.silver.gif); }
div#Utility a.Button.SwapV:hover span { background-image: url(../../images/relational/SwapV.gray.gif); }
 
 
 div#Utility a.Button.SwapH span { background-image: url(../../images/relational/SwapH.silver.gif); }
div#Utility a.Button.SwapH:hover span { background-image: url(../../images/relational/SwapH.gray.gif); }
 
 
 div#Utility a.Button.Tag span { background-image: url(../../images/relational/Tag.silver.gif); }
div#Utility a.Button.Tag:hover span { background-image: url(../../images/relational/Tag.gray.gif); }
 
 
 div#Utility a.Button.Threaded span { background-image: url(../../images/relational/Threaded.silver.gif); }
div#Utility a.Button.Threaded:hover span { background-image: url(../../images/relational/Threaded.gray.gif); }
 
 
 div#Utility a.Button.ThumbsDown span { background-image: url(../../images/relational/ThumbsDown.silver.gif); }
div#Utility a.Button.ThumbsDown:hover span { background-image: url(../../images/relational/ThumbsDown.gray.gif); }
 
 
 div#Utility a.Button.ThumbsUp span { background-image: url(../../images/relational/ThumbsUp.silver.gif); }
div#Utility a.Button.ThumbsUp:hover span { background-image: url(../../images/relational/ThumbsUp.gray.gif); }
 
 
 div#Utility a.Button.Up span { background-image: url(../../images/relational/Up.silver.gif); }
div#Utility a.Button.Up:hover span { background-image: url(../../images/relational/Up.gray.gif); }
 
 
 div#Utility a.Button.Vdown span { background-image: url(../../images/relational/Vdown.silver.gif); }
div#Utility a.Button.Vdown:hover span { background-image: url(../../images/relational/Vdown.gray.gif); }
 
 
 div#Utility a.Button.Video span { background-image: url(../../images/relational/Video.silver.gif); }
div#Utility a.Button.Video:hover span { background-image: url(../../images/relational/Video.gray.gif); }
 
 
 div#Utility a.Button.Vleft span { background-image: url(../../images/relational/Vleft.silver.gif); }
div#Utility a.Button.Vleft:hover span { background-image: url(../../images/relational/Vleft.gray.gif); }
 
 
 div#Utility a.Button.Vright span { background-image: url(../../images/relational/Vright.silver.gif); }
div#Utility a.Button.Vright:hover span { background-image: url(../../images/relational/Vright.gray.gif); }
 
 
 div#Utility a.Button.Vup span { background-image: url(../../images/relational/Vup.silver.gif); }
div#Utility a.Button.Vup:hover span { background-image: url(../../images/relational/Vup.gray.gif); }
 
 
 div#Utility a.Button.X span { background-image: url(../../images/relational/X.silver.gif); }
div#Utility a.Button.X:hover span { background-image: url(../../images/relational/X.gray.gif); }
 




/******************************* 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;
}


/******************************* POPUP PAGES */

body.PopupPage
{
    text-align: left;
    background: white;
    margin: 15px;
}



/******************************* DOCUMENT ICONS*/

p.DocCSV,
p.DocDOC,
p.DocHTM,
p.DocMDB,
p.DocPDF,
p.DocPPT,
p.DocPPS,
p.DocRTF,
p.DocTXT,
p.DocXLS,
p.DocZIP,
p.DocGeneric,
p.DocXXX,
p.DocRegistrationRequired,
p.DocBIC
{
    line-height: 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 2px 0 3px 20px;
}

p.DocCSV
{
    background-image: url(../../images/icons/document.csv.gif);
}
p.DocDOC
{
    background-image: url(../../images/icons/document.doc.gif);
}
p.DocHTM
{
    background-image: url(../../images/icons/document.htm.gif);
}
p.DocMDB
{
    background-image: url(../../images/icons/document.mdb.gif);
}
p.DocPDF
{
    background-image: url(../../images/icons/document.pdf.gif);
}
p.DocPPT
{
    background-image: url(../../images/icons/document.ppt.gif);
}
p.DocPPS
{
    background-image: url(../../images/icons/document.ppt.gif);
}
p.DocRTF
{
    background-image: url(../../images/icons/document.rtf.gif);
}
p.DocTXT
{
    background-image: url(../../images/icons/document.txt.gif);
}
p.DocXLS
{
    background-image: url(../../images/icons/document.xls.gif);
}
p.DocZIP
{
    background-image: url(../../images/icons/document.zip.gif);
}
p.DocGeneric
{
    background-image: url(../../images/icons/document.generic.gif);
}
p.DocXXX
{
    background-image: url(../../images/icons/document.xxx.gif);
}
p.DocRegistrationRequired
{
    background-image: url(../../images/icons/document.r.gif);
}
p.DocBIC
{
    background-image: url(../../images/icon.bicdocument.gif);
}



/********************************************* BULLET LINKS */


a.BulletLink
{
    display: inline-block;
    padding-left: 14px;
    background: transparent url(../../images/relational/GoRight.silver.gif) no-repeat 0px 2px;
}

a.BulletLink:hover
{
    background-image: url(../../images/relational/GoRight.gray.gif);
}


a.BulletLink.Out
{
    background-image: url(../../images/relational/out.silver.gif);
}

a.BulletLink.Out:hover
{
    background-image: url(../../images/relational/out.gray.gif);
}

a.BulletLink.Back
{
    background-image: url(../../images/relational/GoLeft.silver.gif);
}

a.BulletLink.Back:hover
{
    background-image: url(../../images/relational/GoLeft.gray.gif);
}

a.BulletLink.Down
{
    background-image: url(../../images/relational/down.silver.gif);
}

a.BulletLink.Down:hover
{
    background-image: url(../../images/relational/down.gray.gif);
}


/********************************************* MISC CLASSES */

.PadHorizontal { padding-left:10px;padding-right:10px;}
.PadVertical { padding-top:10px;padding-bottom:10px;}

.ScrollVertical
{
    clear: both;
    background: White;
    height: 310px;
    width: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: silver 1px solid;
    padding: 3px;
    margin-top: 2px;
}

div.PhotoRight p,
div.PhotoLeft p,
.Caption
{
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
    color: #777;
}

p.PhotoCredit,
.PhotoLeft p.PhotoCredit,
.PhotoRight p.PhotoCredit
{
    margin: 0;
    text-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #aaa;
}


.Bar
{
    color: #777;
}

.Visible
{
}

.Hidden
{
    display: none!important;
}


.PhotoRight,
PhotoLeft
{
    /* Used to float a photograph on the right margin. */
    float: right;
    position: relative;
    right: 0;
    padding: 5px 0 5px 10px;
    background: white;
    width: 250px;
}

.PhotoLeft
{
    /* Used to float a photograph on the left margin. */
    float: left;
    padding: 5px 10px 5px 0;
}

img.Thumbnail,
.PhotoRight img,
PhotoLeft img
{
    border: 1px solid black;
}

a.SkipNav
{
    /* Positions the "skip navigation" link off-screen */ /* http://www.jimthatcher.com/skipnav.htm */
    position: absolute;
    left: -1000em;
    width: 20em;
}

.OnThisPage
{
    font-size: 10px;
    color: Gray;
}

p.PreHeading
{
    color: #BE1E2D;
    font-size: 9px;
    font-weight: bold;
    margin-top: 12px;
}

.Error
{
    font-weight: bold;
    color: #BE1E2D !important;
    display:block;
}

.Note
{
    font-size: 10px;
    color: Gray;
}

p.Large
{
    font-size: 13px;
    line-height: 120%;
}

.Small
{
    font-size: 10px;
}

.Faint
{
    color: #999;
}

.Clear
{
    clear: both;
    float: none;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

.NoClear
{
    clear: none !important;
}

.Tight
{
    margin-top: 0;
    margin-bottom: 0;
}

.FloatRight
{
    float: right !important;
    clear: none !important;
}

.FloatLeft
{
    float: left !important;
    clear: none !important;
}

a.FloatRight
{
    margin-right: 0px !important;
}

.Tight
{
    margin-top: 0;
    margin-bottom: 0;
}

.FloatRight
{
    float: right !important;
    clear: none !important;
}

.FloatLeft
{
    float: left !important;
    clear: none !important;
}

a.FloatRight
{
    margin-right: 0px !important;
}

table.TableBare,
table.TableBare td,
table.TableBare th
{
    border-color: white;
}

div._YellowFade
{
    background-color: #F2EEEA;
}

body#Blank
{
    background: transparent;
}

.BoxNoteRight, 
.BoxNoteLeft, 
.BoxNote
{
    border: 1px solid #E6DDD6;
    background: #FEFEFE;
    padding: 10px;
    font-size: 11px;
}

.BoxNoteRight, .BoxNoteLeft
{
    float: right;
    position: relative;
    right: 0;
    margin: 0 0 5px 10px;
    width: 250px;
}

.BoxNoteLeft
{
    float: left;
    margin: 0 10px 5px 0;
}


/****************************************************************************************** ISSUE GUIDE EXCHANGE */

/********************************************* GUIDE LINKS */

div.GuideLink
{
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: transparent url(../../images/dingbats/dots.5.gif) repeat-x 0 bottom;
}

div.GuideLink a.ThumbnailLink
{
    display: block;
    float: left;
    width: 60px;
    margin-right: 10px;
}

div.GuideLink img.Thumbnail
{
}

div.GuideLink div.TextContainer
{
    float: left;
    width: 264px;
}

div.GuideLink h3
{
    margin-top: 0;
    margin-bottom: 3px;
    font-style: normal;
}

div.GuideLink:hover h3
{
    text-decoration: none;
}

div.GuideLink div.Details
{
    font-size: 10px;
}

/* Details */

div.Details
{
    clear: both;
    font-size: 11px;
    line-height: 14px;
    min-height: 14px;
    padding: 1px 0 0 0;
    margin: 1px 0 0 0;
    border-top: 1px solid #F7F7F7;
}

div.DetailsLabel
{
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    display: block;
    width: 80px;
    float: left;
    color: #bbb;
}

div.DetailsValue
{
    display: block;
    float: left;
    width: 143px;
}

div.DetailsValue div.ListItem /* I would use ul/li if FF & IE would agree on how to render */
{
    margin-top: 1px;
    padding-left: 13px;
    background: transparent url(../../images/relational/check.silver.gif) no-repeat 0px 2px;
}


div.GuideLink div.GuideDetailsContainer
{
    float: left;
    width: 80px;
}

div.GuideDetailsContainer p
{
    color: #aaa;
    font-size: 9px;
    margin: 0 0;
}

div.Details img,
p.Details img
{
    position: relative;
    top: 2px;
}

div.GuideLink div.RatingContainerSmall
{
    margin-bottom: 2px;
}

/* Small guide links (e.g. in sidebar) */

div#SecondaryColumn div.GuideLink
{
    background: none;
    margin: 5px 0;
    padding-bottom: 5px;
}

div#SecondaryColumn div.GuideLink a.ThumbnailLink
{
    position: relative;
    top: 1px;
    width: 25px;
}

div#SecondaryColumn div.GuideLink h3
{
    color: #E36F1E;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}

div#SecondaryColumn div.GuideLink:hover h3
{
    color: #BE1E2D;
}

div#SecondaryColumn div.GuideLink div.TextContainer
{
    width: 200px;
}

div#SecondaryColumn div.GuideLink div.TextContainer p
{
    margin: 0;
}

/********************************************* GUIDE PAGE (Guide.aspx) */

div.GuideDetails img.Thumbnail
{
    float: left;
    margin-right: 10px;
}

div.GuideDetails div.TextContainer
{
    float: left;
    width: 264px;
    overflow-x: hidden;
}

div.GuidePage div#SecondaryColumn p.Details
{
    font-size: 11px;
    line-height: 150%;
}

div.GuideDetails div.FormButtonContainer
{
    clear: both;
    height: 25px;
    padding: 5px 0;
}

/* Rating details */

div.RatingDetails
{
    clear: both;
}

div.RatingDetails div.RatingCriteria
{
    float: left;
    width: 200px;
}

div.RatingDetails div.RatingCriteria p
{
    font-size: 11px;
    line-height: 14px;
}

div.RatingDetails div.RatingStars
{
    float: right;
}

/* Guide reviews */

div.GuideReview
{
    position: relative;
    width: 434px;
    clear: both;
    padding: 6px 0;
    background: transparent url(../../images/dingbats/dots.4.gif) repeat-x;
    min-height: 55px; /* Update in IE6 */
}

div.GuideReview div.RatingAndThumbnailContainer
{
    width: 60px;
    float: left;
}

div.GuidePage div.GuideReview a.GuideLink
{
    /* Don't show guide image/link on the Guide page (only on Profile page, etc.) */
    display: none;
}

div.GuideReview img.Thumbnail
{
    position: relative;
    top: 5px;
}

div.GuideReview div.RatingContainerSmall
{
    position: relative;
    top: 2px;
}

div.GuideReview div.TextContainer
{
    float: left;
    width: 360px;
    margin-left: 10px;
}

div.GuideReview p
{
    margin: 0 0 6px 0;
}

div.GuideReview p.strong
{
    font-weight: bold;
    color: Black;
}

div.GuideReview div.DetailsValue
{
    width: 270px;
    font-size: 10px;
}

div.GuideReview div.FormButtonContainer
{
}

div.GuideReview div.FormButtonContainer a.Button
{
    float: left;
}

/* Detailed ratings in review display */

div.GuideReview div.DetailsValue div.RatingDetails
{
    color:#A2A2A2;
    border-top:none;
    border-bottom:1px solid #FAFAFA;
    line-height: 11px;
    height: 13px;
    padding: 0;
    margin: 0;
}


/* Guide review form */

div.GuideReviewForm
{
    padding-top: 2px;
    background: transparent url(../../images/dingbats/dots.4.gif) repeat-x;
}

div.GuideReviewForm div.RatingDetails
{
    line-height: 13px;
    height: 15px;
    padding: 1px 0;
    margin: 1px 0 2px 0;
    border-top: none;
    border-bottom: 1px solid #E6E6E6;
}

div.GuideReviewForm div.FormRow div.FieldContainer
{
    width: 290px !important;
}





/********************************************* RATINGS */

div.RatingContainerSmall,
div.RatingContainerLarge
{
    display: inline-block;
    position: relative;
}

div.RatingHighlight
{
    position: absolute;
}

div.RatingContainerSmall
{
    /* Gray stars for background */
    width: 50px;
    height: 10px;
    background: transparent url(../../images/stars/b12.10.gif) repeat-x;
}

div.RatingContainerSmall div.RatingHighlight
{
    /* Red stars - set width programmatically (10*rating) */
    height: 10px;
    background: transparent url(../../images/stars/r100.10.gif) repeat-x;
}

div.RatingContainerLarge
{
    display: inline-block; /* Gray stars for background */
    width: 75px;
    height: 15px;
    background: transparent url(../../images/stars/b12.15.gif) repeat-x;
}

div.RatingContainerLarge div.RatingHighlight
{
    height: 15px;
    background: transparent url(../../images/stars/r100.15.gif) repeat-x;
}

/* Buttons */

div.RatingButtons
{
    position: absolute;
}

div.RatingButtons .ValueHolder
{
    position: absolute;
    top: 25px;
    width: 25px;
    display: none;
}

div.RatingButtons a
{
    position: absolute;
    text-indent: -10000em; /* text out of sight */
    outline: none;
    overflow: hidden;
    border: none;
}

div.RatingContainerSmall div.RatingButtons a:hover
{
    background: transparent url(../../images/stars/o100.10.gif) repeat-x;
}

div.RatingContainerSmall div.RatingButtons a.On
{
    background: transparent url(../../images/stars/r100.10.gif) repeat-x;
}

div.RatingContainerLarge div.RatingButtons a:hover
{
    background: transparent url(../../images/stars/o100.15.gif) repeat-x;
}

div.RatingContainerLarge div.RatingButtons a.On
{
    background: transparent url(../../images/stars/r100.15.gif) repeat-x;
}

div.RatingContainerLarge a.Rating1
{
    width: 15px;
    z-index: 6;
}
div.RatingContainerLarge a.Rating2
{
    width: 30px;
    z-index: 5;
}
div.RatingContainerLarge a.Rating3
{
    width: 45px;
    z-index: 4;
}
div.RatingContainerLarge a.Rating4
{
    width: 60px;
    z-index: 3;
}
div.RatingContainerLarge a.Rating5
{
    width: 75px;
    z-index: 2;
}

div.RatingContainerSmall a.Rating1
{
    width: 10px;
    z-index: 6;
}
div.RatingContainerSmall a.Rating2
{
    width: 20px;
    z-index: 5;
}
div.RatingContainerSmall a.Rating3
{
    width: 30px;
    z-index: 4;
}
div.RatingContainerSmall a.Rating4
{
    width: 40px;
    z-index: 3;
}
div.RatingContainerSmall a.Rating5
{
    width: 50px;
    z-index: 2;
}


/********************************************* PROFILE PAGE (Profile.aspx) */

div.ContactDetails img.Thumbnail
{
    float: left;
    margin-right: 10px;
}

div.ContactDetails div.TextContainer
{
    float: left;
    width: 270px;
}

div.ContactPage div#SecondaryColumn p.Details
{
    font-size: 11px;
    line-height: 150%;
}

/********************************************* FORUMS */

/* Topic listing */

div.ForumTopic
{
    position:relative;   
    clear: both;
    padding:20px 0 10px 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: transparent url(../../images/dingbats/dots.5.gif) repeat-x 0 bottom;
}

div.ForumTopic h2
{
    border-bottom: 1px solid #F7F7F7;
    margin-top:0;
    padding-bottom:6px;
}

div.ForumTopic div.ThreadCount /* Only the finest linens */
{
    position:absolute;
    right:0px;
    top:25px;
    font-size:10px;
    color:#999;
    padding-left:13px;
    background:transparent url(../../images/relational/quote.silver.gif) no-repeat 0 2px;
}

div.ForumTopic p.Description
{
    font-size:13px;
    line-height:120%;
}

div.ForumTopic div.FormButtonContainer
{
    position:absolute;
    bottom:0px;
    right:0;
}


/* All forum forms */

div.ForumForm 
{
    width:auto;
}

div.ForumForm div.FormRow label.Label
{
    width:50px!important;
}

div.ForumForm div.FormRow div.FieldContainer
{
    width: 360px !important;
}

div.ForumForm div.FormRow .FormField
{
    width: 350px !important;
}



/* Thread listing */

table.ForumThreadTable
{
}

table.ForumThreadTable tr:hover td
{
    background-color:#FEFDFD;
}

table.ForumThreadTable th
{
}

table.ForumThreadTable td
{
}

table.ForumThreadTable td.Name
{
    width:80px;
}

table.ForumThreadTable td.Name img.Thumbnail
{
    float:left;
    margin-right:5px;
}


table.ForumThreadTable td.Date
{
    white-space:nowrap;
}

table.ForumThreadTable td.Title
{
}

table.ForumThreadTable td.Title h2
{
    margin:0;
}

table.ForumThreadTable td.PostCount
{
    white-space:nowrap;
    font-size:10px;
    color:#999;
    padding-left:13px;
    background:transparent url(../../images/relational/quote.silver.gif) no-repeat 0 4px;
}


/* Forum thread forms */

div.ForumThreadForm div.FieldsetContainer.HasLegend
{
    margin-top:20px!important;
}


div.ForumThreadForm div.FormRow label.Label
{
    width:50px!important;
}

div.ForumThreadForm div.FormRow div.FieldContainer
{
    width: 560px !important;
}

div.ForumThreadForm div.FormRow .FormField
{
    width: 550px !important;
}

/* Subscribe checkbox */

div.SubscribeCheckboxContainer
{
    float:right;
    text-align:right;
    position:relative;
    top:-5px;
}

div.SubscribeCheckboxContainer label
{
    font-size:10px;
    color:#bbb;
    position:relative;
    top:-2px;
}


/* Post listing */

div.ForumPostsPage div.ThreadContent p
{
    font-size:13px;
    line-height:120%;
}


div.ForumPost
{
    position:relative;
    height:1%;
    clear: both;
    margin:10px 0;
    padding:10px;
    background:#FCFCFB;
    border:1px solid #FAF8F7
}

div.ForumPost p.Content
{
    margin-bottom:3px;
}

div.ForumPost div.FormButtonContainer
{
    position:absolute;
    bottom:0px;
    right:0;
}

div.ForumPost div.DetailsValue
{
    background:transparent url(../../images/dingbats/dots.khaki.2.gif) repeat-x top left;
    padding-top:10px;
    font-size:10px;
    margin:10px 0;
    width:100%;
    position:relative;
    
}

div.Forum div.DetailsValue span.Date
{
    display:block;
}

div.DetailsValue img.Thumbnail
{
    float:left;
    margin-right:5px;
}
    

/********************************************* GUIDE LINKS */

div.ContactLink
{
    float:left;
    width:340px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-right:20px;
}

div.ContactLink a.ThumbnailLink
{
    display: block;
    float: left;
    width: 60px;
    margin-right: 10px;
}

div.ContactLink div.TextContainer
{
    float: left;
    width: 264px;
}

div.ContactLink h3
{
    margin-top: 0;
    margin-bottom: 3px;
    font-style: normal;
}

div.ContactLink:hover h3
{
    text-decoration: none;
}

div.ContactLink div.Details
{
    font-size: 10px;
}

/* IGX Member thumbnails */

div.MemberThumbnail
{
    float:left;
    width:48px;
    margin-right:15px;
    margin-bottom:10px;
}

div.MemberThumbnail a.Name
{
    display:block;
    text-align:center;
    font-size:10px;
}





























/********************************************* TUTORIAL PAGE */


div.TutorialFrame
{
    border: 1px solid #B8B1AB;
    background: #EEE7E2 url(../../images/background.fade.khaki.jpg) no-repeat 0 0;
    margin-top: 6px;
}

/* Tutorial heading */

div.TutorialHeading
{
    padding: 10px;
}

div.TutorialHeading h1
{
    margin: 0;
}

div.TutorialHeading h3
{
    margin: 0;
}

p.TutorialAuthor
{
    float: right;
    text-align: right;
    font-weight: bold;
    width: 150px;
}

/* Tutorial utility sidebar */

div.TutorialUtility
{
    float: left;
    width: 175px;
    min-height: 550px;
    color: #B8B1AB;
    font-size: 10px;
}

div.TutorialUtilitySection
{
    border-bottom: 1px solid #CFC7C1;
    background: #FCFCFB;
    padding: 5px;
    position:relative;
    z-index:999;
}

div.AutosaveProgress
{
    height: 20px;
}

div.AutosaveProgress img
{
    display: block;
    float: left;
    margin-right: 3px;
}

div.AutosaveProgress span
{
    margin-top: 1px;
    display: block;
    float: left;
}

/* Tabs */

div.TutorialTabs
{
    margin-top:0px;
    position: relative;
    z-index: 100;
    border-top:1px solid #B8B1AB;
}

div.TutorialTabs h5
{
    padding:15px 5px 5px 5px;
    margin:0;
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-style:normal;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:normal;
    background:#EEE7E2;
    color:#8A8580;
}

div.TutorialTabs a
{
    background-color: #FAF8F7;
    border: 1px solid #B8B1AB;
    border-right: none;
    color: #444444;
    display: block;
    font-size: 10px;
    line-height: 14px;
    height: 14px;
    font-weight: normal;
    margin-top: -1px;
    left:-1px;
    outline: 0;
    overflow: hidden;
    padding: 5px 2px 5px 20px;
    position: relative;
    white-space: nowrap;
    width: 153px;
    z-index: 0;
}

div.TutorialTabs a:hover
{
    text-decoration: none;
    background-color: white;
    color:Black;
}

div.TutorialTabs a.On
{
    background-color: White;
    color: Black;
    border-color: #B8B1AB;
    font-weight: bold;
    z-index: 100;
    left:-3px;
    padding-left:22px; /* 20+2 */
    padding-right:3px;
    background-position:6px 6px!important;
}

div.TutorialTabs a.Complete,
div.TutorialTabs a.Started
{
    background-image: url(../../images/relational/check.green.13.gif);
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

div.TutorialTabs a.Started
{
    background-image: url(../../images/relational/check.khaki.13.gif);
}


/* Tutorial main area */

div.TutorialMain
{
    background: white url(../../images/background.2column.khaki.gif) repeat-y 490px 0;
    border: 1px solid #B8B1AB;
    float: left;
    margin-bottom: 30px;
    margin-right: -1px;
    min-height: 650px;
    padding: 10px 60px 50px 10px;
    position: relative;
    width: 472px;
    z-index: 1;
}

div.TutorialMain div.CompletionColumnLabel
{
    position: absolute;
    width: 50px;
    right: 0;
    top: 10px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    color: #5C5856;
}

div.TutorialMain h2
{
    color: Black;
    font-weight: normal;
    background: transparent url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    padding-bottom: 8px;
    margin: 10px 0 15px 0;
    font-size: 20px;
    color: #B8B1AB;
}

div.TutorialMain h3
{
    margin-top: 12px;
}

div.TutorialMain h6
{
    color: Black;
    margin-bottom: 18px;
}

div.TutorialMain ul
{
    margin-left: 15px;
}

div.TutorialButtonContainer
{
    position: absolute;
    bottom: 10px;
    right: 50px;
    padding:0 10px;
}

div.TutorialMain .FormField
{
    background-color: #FEFDFD;
}

div.TutorialMain .BoxNote
{
    padding:10px;
    margin:18px 0;
    border: 1px solid #E6DDD6;
    background-color: #F2EEEA;
}


/* Form rows */

div.TutorialMain div.FormRow
{
    margin: 0 0 20px 0;
    position: relative;
    width: 475px;
}

div.TutorialMain div.FormRow.Compact
{
    margin: 0 0 10px 0;
}

div.TutorialMain div.FormRow.Tight
{
    margin: 0;
}

div.TutorialMain div.FormRow.Tight ul
{
    margin-top: 0;
    margin-bottom: 0;
}

div.TutorialMain div.FormRow label.Label
{
    text-align: left;
    float: none;
    font-size: 11px;
}

div.TutorialMain div.FormRow strong
{
    color: #A19B96;
}


div.TutorialMain div.FormRow p.FormInstructions
{
    float: none;
    font-size:11px;
    line-height: 14px !important;
}

div.FormRow span.CompletionCheckbox
{
    position: absolute;
    right: -50px;
    bottom: 5px;
    font-size:9px;
    font-weight:bold;
    color:#B8B1AB;   
}

div.TutorialMain div.FormRow div.PopupTip
{
    left:200px;
    top:-80px;
}

/* Messages */

div.Message
{
    border: 1px solid #E6DDD6;
    background-color: #F2EEEA;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding: 10px;
    margin: 0 0 10px 0;
    height:1%;
}

div.Message h4
{
    margin-top:3px;
}

div.Complete,
div.Started,
div.Warning,
div.Meeting
{
    padding-left:50px;
}

div.Complete
{
    background-image: url(../../images/relational/check.green.23.gif);
    background-position: 15px 10px;
}

div.Started
{
    background-image: url(../../images/relational/check.khaki.23.gif);
    background-position: 15px 10px;
}

div.Warning
{
    background-image: url(../../images/warning.gif);
}

div.Meeting
{
    padding-left:55px;
    background-image: url(../../images/meeting.gif);
}



/********************************************* CHECKLIST */

.Strikethrough
{
    text-decoration: line-through;
    color: #bbb;
}

div.ChecklistContainer
{
}

div.ChecklistItem
{
    width: 350px;
    position: relative;
    height: 18px;
}

div.ChecklistItem label
{
    position: relative;
    top: -1px;
    line-height: 14px;
    padding-left: 3px;
}

div.ChecklistItem a.X
{
    position: absolute;
    top: 0;
    right: 0;
    height: 12px;
    width: 12px;
    background: none;
}

div.ChecklistItem a.X span
{
    background: transparent url(../../images/relational/x.silver.gif) 0 2px no-repeat !important;
    height: 12px;
    width: 12px;
}

div.ChecklistItem:hover a.X span
{
    background-image: url(../../images/relational/x.gray.gif);
}

input.ChecklistFormField
{
    font-size: 11px;
    height: 13px;
    line-height: 12px;
    width: 110px;
    padding: 0px 2px;
    position: relative;
    top: -2px;
    width: 300px;
}

/********************************************* POPUP TIPS */

div.PopupTip
{
    position: absolute;
    z-index: 999;
    text-align: left;
    font-weight: normal;
    color: #444444;
}

div.PopupTip div.PopupTipInner
{
    padding: 45px 25px 12px 25px;
    width: 166px;
    background: transparent url(../../images/background.tip.png) no-repeat 0 0;
}

div.PopupTip div.PopupTipBottom
{
    width: 216px;
    height: 48px;
    background: transparent url(../../images/background.tip.bottom.png) no-repeat 0 0;
}

div.PopupTip a.X
{
    position: absolute;
    top: 25px;
    right: 15px;
}

div.PopupTip p
{
    clear: both;
    margin: 0 0 6px 0;
}

/* Positioning for specific popups */

div.PopupTip.CompletionCheckboxesPopup
{
    bottom: 15px;
    left: -25px;
}

div.PopupTip.AlreadyStartedGuidePopup
{
    right: -50px;
}

div.PopupTip.SaveButtonPopup
{
    z-index:999;
    top:-155px;
    left:90px;
}

/********************************************* TAG LINKS */

p.TagLink
{
    line-height:200%!important;
}

p.TagLink span.TagLinkWrapper
{
    white-space:nowrap;
}

p.TagLink a
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 14px;
    line-height: 110%;
    font-weight: normal;
}

p.TagLink span.Count
{
    font-size: 9px;
    color: #999;
}

/********************************************* SIDEBAR FORMS */

div.SidebarForm
{
    margin: 6px 0;
    min-height: 22px;
}


input.SearchField
{
    float: left;
    margin-right: 3px;
}

div.SidebarForm input.SearchField
{
    width: 145px;
}



/******************************************************************************************************** ADMIN STYLES */

/***************************************************************** 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/goup.small.png);
}
.EditingTools a.DownButton
{
    background-image: url(../../images/relational/godown.small.png);
}

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;
    clear: both;
    display: block;
    margin:-3px;
    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;
}

/****************************************************************** MASTHEAD  */

div#AdminMasthead
{
    height: 104px;
    background: #2625AB url(../../images/relational/background.relational.masthead.jpg) no-repeat right top;
    border-top: 1px solid white;
    position: relative;
    z-index: 999;
}

div#AdminMasthead a#MastheadLogo
{
    position: absolute;
    right: 0;
}

div#AdminMasthead p
{
    padding-left: 10px;
    margin-top: 12px;
    color: White;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 18px;
    line-height: 18px;
}

/* Project ID area */

div#ProjectId
{
    position: absolute;
    top: 55px;
    left: 13px;
}

div#ProjectId h2
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -1px;
    color: White;
    margin: 0;
    font-weight: bold;
}

div#ProjectId img
{
    float: left;
    margin-right: 10px;
}

/* Version ID */

div#AdminMasthead div#VersionId
{
    position: absolute;
    top: 58px;
    right: 27px;
    color: #6766C4;
    font-size: 9px;
}

/* Page header (contains crumbs & h1) */

div#AdminPageHead
{
    border-top: 1px solid white;
    border-bottom: 1px dotted #969087;
    background: #D6CDC1;
    padding: 10px;
}

div#AdminPageHead h1
{
    color: #000000;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    margin: 12px 0 0 0;
}

div#AdminPageHead h1 div#Crumbs
{
}

div#AdminPageHead div#Crumbs img
{
    top: 0;
}

div#AdminPageHead div#Crumbs a:hover
{
    color: #0000FF;
}

/***************************************************************** ADMIN DASHBOARD PAGE (admin/index.aspx) */

div.AdminLeftColumn
{
    float: left;
    width: 600px;
    margin-right: 15px;
}

div.AdminRightColumn
{
    float: left;
    width: 200px;
    background: #FDFCFC;
    padding: 5px;
    border: 1px solid #D6CDC1;
}

div.AdminQuickLinks a.Button
{
    width: 150px;
    clear: both;
}



/***************************************************************** ADMIN MENUS */

/********** Containers */

div#AdminMenuContainer
{
    position: absolute;
    top: 10px;
    left: 10px;
}

ul#AdminMenu /* Menu container (level 1) */
{
    margin: 0;
    padding: 0;
}

ul#AdminMenu ul /* Menu containers (level 2+) */
{
    background-color: #22219A;
    border: 1px solid;
    border-color: transparent #131256 #131256 #9292D5;
    border-top: none;
    margin: 0px 0 0 0;
    position: absolute;
    padding: 0 0 10px 0;
    width: auto;
    background: #2625AB;
    opacity: 95;
    visibility: hidden;
    z-index: 999;
}


/********** List items */

ul#AdminMenu li /* List items (level 1+) */
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    display: inline;
    float: left;
    background-image: none;
}

ul#AdminMenu ul li /* List items (level 2+) */
{
    display: inline-block;
    float: none;
    clear: both;
}


/********** Links (level 1+) */

ul#AdminMenu a /* Links (level 1+) */
{
    background-color: Transparent;
    border: 1px solid #3C3BB3;
    color: White;
    display: block;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 10px 0 0;
    padding: 3px 7px 3px 7px;
    white-space: nowrap;
}

ul#AdminMenu a.Hover,
ul#AdminMenu a:hover /* Links on hover (level 1+) */
{
    background-color: #1E1E89;
    border-color: White;
    text-decoration: none;
}

ul#AdminMenu a.Selected,
ul#AdminMenu a.Selected:hover /* Selected links (level 1+) */
{
    background: #D8820F url(../../images/relational/background.menu.on.jpg) no-repeat -1px top;
    border-color: White;
    color: White;
}

/********** Links (level 2+) */

ul#AdminMenu li li a /* Links (level 2+) */
{
    border: none;
    display: block;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    padding: 5px 10px 6px 10px;
    width: 160px;
}

ul#AdminMenu li li a.Hover,
ul#AdminMenu li li a:hover /* Links on hover (level 2+) */
{
}

ul#AdminMenu li li a.Selected,
ul#AdminMenu li li a.Selected:hover /* Selected links (level 2+) */
{
    font-weight: bold;
    background: #1B1A78 url(../../images/relational/arrow.selected.gif) no-repeat 0 7px;
}



/***************************************************************** ADMIN INDEX PAGES*/

div.AdminSearchToolbar
{
    min-height: 17px;
    padding: 4px;
    background: #FBFAF9;
    border: 1px solid #D6CDC1;
    clear: both;
    margin-bottom: 12px;
}


div.AdminSearchToolbar a.Button
{
    clear: none;
    margin-top:3px;
    margin-left: 5px;
}

div.AdminSearchToolbar a.Large
{
    margin-top: 1px;
    margin-right:3px;
}

div.AdminSearchToolbar div.FormFields
{
    float: left;
}

div.AdminSearchToolbar div.FormFields input.FormField
{
    height:17px;
    font-size:12px;
}

div.AdminSearchToolbar div.SearchButtonContainer
{
    float: right;
    padding: 2px 0;
}


div.SearchResultCount
{
    float: left;
    margin-bottom: 5px;
}

div.SearchSummary
{
    float: right;
    text-align: right;
    max-width: 500px;
}

div.SearchSummary a.X
{
    /* Reset button */
    margin-left: 10px;
    top: -2px;
    clear: none;
    float: right;
}

div#Toolbar
{
    background: #E2DCD4;
    border: 1px solid #D6CDC1;
    clear: both;
    height: 17px;
    margin-bottom: -1px;
    padding: 4px;
    position: relative;
    z-index: 2;
}

/***************************************************************** ADVANCED SEARCH */

div.AdminSearchToolbar a.Toggle span
{
    background-color: #ABA49A !important;
}

div.AdminSearchToolbar a.Toggle.On span
{
    background-image: url(../../images/relational/vup.small.png);
}

div.AdminSearchToolbar a.Toggle:hover span
{
    background-color: #807B74 !important;
}

div.AdminSearchToolbar.Advanced
{
    background: #F3F0EC;
    margin-top: -13px;
}



/***************************************************************** DATAGRID */

table.DataGrid
{
    clear: both;
    border-collapse: collapse;
    border: 1px solid #D6CDC1;
}

table.DataGrid td,
table.DataGrid th
{
    /* All cells */ 
    vertical-align: top;
}

table.DataGrid tr.DataGridHeader td,
table.DataGrid th
{
    /* All heading cells */
    background-color: #EAE6E0;
    border-bottom: 1px solid #D6CDC1;
    border-right: 1px solid #E2DCD4;
    color: Black;
    font-weight: bold;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

table.DataGrid tr.DataGridHeader td a,
table.DataGrid th a /* All heading links */
{
    color: Black;
    display: block;
    font-weight: bold;
    padding: 5px;
    white-space: nowrap;
    width: auto;
}

table.DataGrid tr.DataGridHeader td a:hover,
table.DataGrid th a:hover
{
    background-color: #DED7CD;
}

table.DataGrid td /* All regular cells */
{
    border: 1px solid #F7F5F3;
    padding: 2px 5px 1px 5px;
    line-height: 15px;
    vertical-align: middle;
    background-color: white;
}

table.DataGrid tr:hover td
{
    background-color: #F7F5F3 !important;
    border-color:#EFEBE6;
}

table.DataGrid label.Label
{
    display:block;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
}

div.OneLine
{
    height: 17px;
    overflow: hidden;
}

table.DataGrid td.Highlight
{
    background-color: #FDFCFC;
}

table.DataGrid th.SortUp a,
table.DataGrid th.SortDown a
{
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

table.DataGrid th.SortUp a,
table.DataGrid th.SortDown a:hover
{
    background-image: url(../../images/relational/sort.up.gif);
}

table.DataGrid th.SortDown a,
table.DataGrid th.SortUp a:hover
{
    background-image: url(../../images/relational/sort.down.gif);
}

table.DataGrid td img.Thumbnail
{
    margin-top: 2px;
}

table.DataGrid img.VersionIcon
{
    margin-right: 2px;
    float: left;
}

table.DataGrid a.Button
{
}



div.NoResults
{
    padding: 15px;
    background-color: #FDFCFC;
}

/***************************************************************** SHOPPING CART GRID */

table.ShoppingCart td
{
    padding:4px!important;
}


/***************************************************************** PAGER */

div.Pager
{
    border: 1px solid #D6CDC1;
    background: #E2DCD4;
    clear: both;
    height: 25px;
    margin-top: -1px;
    padding: 4px;
    position: relative;
}

div.Pager span.CurrentPageLabel
{
    position: absolute;
    left: 50%;
    height: 25px;
    line-height: 25px;
}




/***************************************************************** COLUMN CHOOSER */

div#ColumnChooserContainer
{
    position: absolute; /* within div#Toolbar */
    top: 3px;
    right: 3px;
    width: 150px;
}

div#ColumnChooserContainer .ColumnChooser
{
    background-color: #F3F0EC;
    border: 1px solid #D6CDC1;
    line-height: 12px;
    margin-top: -1px;
    overflow-x: hidden;
    z-index: 9;
}

div#ColumnChooserContainer.Hover .ColumnChooser
{
    display: block;
}

div#ColumnChooserContainer .ColumnChooser,
div#ColumnChooserContainer.NoHover .ColumnChooser
{
    display: none;
}

div#ColumnChooserContainer .ColumnChooser span
{
    display: block;
    white-space: nowrap;
    font-size: 11px;
    padding: 0 3px;
}

div#ColumnChooserContainer .ColumnChooser span:hover
{
    background-color: #D6CDC1;
}

div#ColumnChooserContainer .ColumnChooser label
{
    display: inline-block;
    width: 120px;
}

/* Column chooser link */

div#ColumnChooserContainer span.ColumnChooserButton
{
    display: block;
    height: 11px;
    color: #696969;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    border: 1px solid #D6CDC1;
    padding: 3px 10px 3px 18px;
    background: #E2DCD4 url(../../images/relational/VDown.silver.gif) no-repeat 3px 3px;
}

div#ColumnChooserContainer.Hover span.ColumnChooserButton,
div#ColumnChooserContainer:hover span.ColumnChooserButton
{
    cursor: pointer;
    background-color: #EAE6E0;
    color: #444444;
}


/***************************************************************** ADMIN FORMS */

p.KeyValue
{
    font-size: 9px;
    font-weight: normal;
    float: right;
    color: #969087;
    margin: 3px 0 0 0;
}

p.FormFooter
{
    padding: 0;
    margin: 3px 0 0 0;
    font-size: 10px;
    color: #969087;
}

div.AdminFieldsetContainer
{
    background-color: #F3F0EC;
    border: 1px solid #D6CDC1;
    padding: 5px;
    z-index:0;
}

div.AdminFieldsetContainer legend
{
    color: #D8820F;
    font-size: 10px;
    font-weight: bold;
    left: -5px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
    /* DEPRECATED - DON'T USE FIELDSET OR LEGEND */
    display: none;
}

div.AdminFieldsetContainer div.FormRow
{
    position:relative;
    padding: 4px 0;
}

div.AdminFieldsetContainer div.FormRow label.Label
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 100px;
    position:relative;
}


div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 580px;
    position:relative;
}

div.Narrow div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    width: 300px;
}


div#MainColumn div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 290px;
}

div.AdminFieldsetContainer p.BoxNote
{
    font-size: 11px;
    border: 1px solid #D6CDC1;
    background: #FEFEFE;
    padding: 3px;
}

div.AdminFieldsetContainer table.BareTable td
{
    padding-right: 5px;
}

div.AdminFieldsetContainer a.Button
{
}

/* Tabs */

div.TabStrip
{
    height: 25px;
    position:relative;
    z-index:9;
}

div.TabStrip a
{
    display: block;
    float: left;
    padding: 2px 10px;
    margin-right: 7px;
    font-weight: normal;
    border: 1px solid #EAE6E0;
    border-bottom-color: #D6CDC1;
    background-color: #FBFAF9;
    line-height: 18px;
    height: 18px;
    color: #7C7C7C;
}

div.TabStrip a:hover
{
    border: 1px solid #ABA49A;
    border-bottom-color: #D6CDC1;
    background-color: #E2DCD4;
    color: Black;
}

div.TabStrip a.On,
div.TabStrip a.On:hover
{
    color: Black;
    font-weight: bold;
    border: 1px solid #D6CDC1;
    border-bottom-color: #F3F0EC;
    background-color: #F3F0EC;
}


/* Form fields */

.FormField
{
    vertical-align: middle;
    padding: 2px 3px;
}

div.AdminFieldsetContainer textarea,
div.AdminFieldsetContainer iframe,
div.AdminFieldsetContainer .FormField,
div.AdminFieldsetContainer .FormField.H1,
div.AdminFieldsetContainer .FormField.H2,
div.AdminFieldsetContainer .FormField.H3,
div.AdminFieldsetContainer .FormField.H4,
div.AdminFieldsetContainer .FormField.H5
{
    margin: 0;
    border: 1px solid #D6CDC1;
}

div.AdminFieldsetContainer iframe
{
    margin-top: 3px;
}

div.AdminFieldsetContainer .Watermark
{
    color: #ccc !important;
}

div.AdminFieldsetContainer select.FormField
{
    height: auto;
}

div.AdminFieldsetContainer .FormField.Focus
{
    border-color: #D8820F;
    color: black;
}

div.AdminFieldsetContainer div.FieldsetContainer .FormField
{
    background: white;
}

div.AdminFieldsetContainer .FormInstructions
{
}


/* Form buttons */

div.FormButtonContainer
{
    margin: 12px 0;
}

div.FormButtonContainer a.SmallButton
{
    clear: none;
    float: right;
}

div.FormButtonContainer a.Ok
{
    /* Save */
}

div.FormButtonContainer a.No
{
    /* Cancel */
    margin-right: 5px;
}

div.FormButtonContainer a.X
{
    /* Delete */
    float: left;
}

/* Upload panel wrapper */

div.UploadWrapper
{
}

div.UploadWrapper table
{
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #D6CDC1;
}

div.UploadWrapper table td
{
    padding: 5px 2px;
}

/***************************************************************** SUB FORM */

div.SubForm
{
    position: relative;
    padding: 10px;
    border: 1px solid #D6CDC1;
    background-color: #EAE6E0;
    margin-bottom: -1px;
}

div.SubForm div.SubFormFieldContainer
{
    width: 400px;
    float: left;
    padding-right: 10px;
}

div.SubForm div.SubFormFieldContainer .FormField
{
    width: 395px;
    height: 75px;
    margin: 0;
}

div.SubForm div.SubFormDetailsContainer
{
    width: 150px;
    float: left;
    margin-right: 10px;
}

div.SubForm div.SubFormDetailsContainer .FormField
{
    width: 150px;
    margin: 0;
}

div.SubForm div.SubFormDetailsContainer p.SubFormDetails
{
    margin-top: 6px;
    font-size: 10px;
    line-height: 13px;
    color: Gray;
}

div.SubFormButtonsContainer
{
    text-align: right;
    position: absolute;
    bottom: 6px;
    right: 6px;
}

/* New comment form */
div.SubForm.New
{
    height: 100px;
}

/* listing */

div.SubForm.List
{
    background: white;
}

div.SubForm.List div.SubFormDetailsContainer p.SubFormDetails,
div.SubForm.List p
{
    margin-top: 6px;
}

div.SubForm.List div.SubFormButtonsContainer
{
    right: 0;
}

/* Edit form */

div.SubForm.Edit
{
    background: transparent;
}

div.SubForm.Edit div.SubFormButtonsContainer
{
    width: 275px;
    bottom: 6px;
    right: 0;
}

div.SubForm.Edit div.SubFormButtonsContainer a.X
{
    float: left;
}

a.InlineEditLink
{
    color: #444444 !important;
    font-weight: normal;
}

a.InlineEditLink:hover
{
    color: Black;
}





/* Comments form */

div.SubForm div.SubFormDetailsContainer p.SubFormDetails span.CommentName
{
    display: block;
    font-weight: bold;
}

div.SubForm div.SubFormDetailsContainer p.SubFormDetails span.CommentDate
{
    display: block;
}






/****************************************************** Picker controls */

.Picker div#ResultDiv
{
    width: 300px;
    height: 80px;
    padding: 2px;
    font-size: 10px;
    line-height: 12px;
}

.Picker p.ContactInfo
{
    font-size: 10px;
    line-height: 12px;
    background-position: 1px 0;
    background-repeat: no-repeat;
    background-image: url(../../images/relational/person.silver.gif);
    padding-left: 15px;
}

.Picker a.Out
{
    background-position:0 0;
    padding-left:12px;
    display:block;
    margin-top:1px;
}


/***************************************************************** PHOTO GALLERY */

.PhotoGridContainer
{
    background: black;
    padding: 10px;
}

div.PhotoCell
{
    background-color: White;
    border-width: 2px;
    border-style: solid;
    border-color: silver Gray Gray silver;
    padding: 5px;
    margin: 5px;
    float: left;
    clear: both;
}

div.PhotoCell.PhotoCellRight
{
    float: right;
}

div.PhotoCell img
{
    cursor: move;
}

div.PhotoCell,
div.PhotoCell p
{
    font-size: 9px;
    color: Gray;
}

div.PhotoCell a.Button
{
    clear: none;
}

/* Details */

div.PhotoCell div.Details
{
    clear: both;
    font-size: 9px;
    line-height: 14px;
    min-height: 14px;
    padding: 1px 0 0 0;
    margin: 1px 0 0 0;
    border-top: 1px solid #F7F7F7;
}

div.PhotoCell div.DetailsLabel
{
    font-size: 9px;
    font-weight: bold;
    line-height: 13px;
    display: inline;
    width: auto;
    float: none;
    color: #444444;
}

div.PhotoCell div.DetailsValue
{
    display: inline;
    float: none;
    width: auto;
}



/******************************************************** MENU EDITOR */

div.MenuEditor
{
    width:700px;
    border:1px solid #D6CDC1;
    height:500px;
}

div.MenuEditorTreeViewContainer
{
    height:500px;
    width:350px;
    float:left;
    border-right:1px solid #D6CDC1;
}

div.MenuEditorFormContainer
{
    float:left;
    width:349px;
    height:500px;
    background:#F3F0EC;
}

div.MenuEditor div.AdminFieldsetContainer
{
    border:none!important;
    background:transparent!important;
}

div.MenuEditor div.AdminFieldsetContainer div.FormRow label.Label
{
    width:50px;
}

div.MenuEditor div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    width:250px;
}

div.MenuEditor div.AdminFieldsetContainer div.FormRow div.FieldContainer input.FormField
{
    width:248px;
}





/******************************************************** TREEVIEW */

.TreeView
{
    padding-top: 4px;
    padding-left: 1px;
    cursor: default;
}

.TreeNode
{
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.GrayedTreeNode
{
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}

.HoverTreeNode
{
    font-size: 11px;
    text-decoration: underline;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.SelectedTreeNode
{
    font-size: 11px;
    background-color: gray;
    color: white;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.NodeEdit
{
    border: 1px gray solid;
    font-size: 11px;
}

/******************************************************** LOGIN */

div.LoginContainer
{
    width:340px;
    float:left;
    margin-right:20px;
}

div.LoginContainer div.FormRow label.Label
{
    width:75px;
}

div.LoginContainer div.FormRow div.FieldContainer
{
    width:220px;
}

div.LoginContainer div.FormRow div.FieldContainer input.FormField
{
    width:210px;
}

/******************************************************** SUBGRID */

div.SubGridContainer
{
    padding:3px 3px 20px 3px;
    min-height:150px;
    margin-bottom:15px;
    background: #DAD2C7;
    border:1px solid #C1B8AE;
}

div.SubGridContainer table.DataGrid
{
    border-color:#C1B8AE;
}


/******************************************************** ORDER FORM */

div.AdminFieldsetContainer div.OrderFormLeft
{
    width:390px;
    float:left;
    margin-right:10px;
    position:relative;
}

div.AdminFieldsetContainer div.OrderFormLeft label.Label
{
    width:50px;
}

div.AdminFieldsetContainer div.OrderFormLeft div.FieldContainer
{
    width:325px;
}

div.AdminFieldsetContainer div.OrderFormRight
{
    width:235px;
    float:left;
    position:relative;
    margin-right:1px;
}

div.AdminFieldsetContainer div.OrderFormRight label.Label
{
    width:75px;
}

div.AdminFieldsetContainer div.OrderFormRight div.FieldContainer
{
    width:140px;
    text-align:right;
}  

div.AdminFieldsetContainer div.OrderFormFull
{
    clear:both;
}

table.DataGrid tr.EditItemRow td,
table.DataGrid tr.InsertItemRow td
{
    background-color:#F3F0EC;
    border-color:#EAE6E0;
}

table.DataGrid tr.EditItemRow td select,
table.DataGrid tr.InsertItemRow td select
{
    margin-left:-4px;
}













/******************************************************** REORDER LIST */

.ReorderList
{
}

.ReorderList ul,
.ReorderList li
{
    background-image:none;
    list-style:none!important;
    list-style-image:none!important;
    margin:0;
    padding:0;
}

.ReorderList li 
{
    position:relative;
}

.ReorderList li table
{
    width:100%;
}

.ReorderDragHandle 
{
	width:7px;
	height:18px;
	background:white url(../../images/relational/draghandle.gif);
	cursor:move;
	position:absolute;
	left:-9px;
	z-index:999;
}

.ReorderCallback
{
	background-color:yellow;	
}

.ReorderCallback table 
{
}

.ReorderCue 
{
	background:#F2EEEA;
	width:100%;
	height:125px;
}



/* Public Tabstrip */

div.PublicTabstrip
{
    height: 25px;
    position:relative;
    z-index:9;
    border-bottom:1px solid #D6CDC1;
    margin:20px -9px;
    padding:0 9px 0 14px;
}

div.PublicTabstrip a
{
    background-color: #FBFAF9;
    border: 1px solid #D6CDC1;
    border-bottom-color: #D6CDC1;
    color: #969087;
    display: block;
    float: left;
    font-size:10px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin-right: 7px;
    position:relative;
    top:4px;
    padding: 1px 10px;
}

div.PublicTabstrip a:hover
{
    border: 1px solid #ABA49A;
    border-bottom-color: #D6CDC1;
    background-color: #E2DCD4;
    color: Black;
    text-decoration:none;
}

div.PublicTabstrip a.On,
div.PublicTabstrip a.On:hover
{
    color: Black;
    font-weight: bold;
    border: 1px solid #D6CDC1;
    border-bottom-color: white;
    background-color: white;
}

/* Donate link */

a.DonateLink
{
    border-bottom:1px solid white;
}


/******************************************************************** NEW ISSUE PAGE */

div.IssuePage div#Masthead
{
    height: 130px;
    border-bottom:1px solid white;
    float:none;
}

div.IssuePage div#Masthead1
{
    width:150px;
    height:130px;
    background:#F2EEEA;
}

div.IssuePage div#Masthead2
{
    width:599px;
}

/* Crown */

div.IssuePage div#PageCrown
{
    clear:both;
    width:750px;
    background:#E36F1E;
    overflow:hidden;
    margin:0;
    border-bottom:1px solid white;
    position:relative;
    padding-bottom:20px;
}

div.IssuePage div#PageCrown h1
{
    font-size:32px;
    margin:10px;
}

/* Crumbs */

div.IssuePage div#PageCrown div#Crumbs
{
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background: url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    padding: 3px 10px 8px 10px;
    margin:0;
}

div.IssuePage div#PageCrown div#Crumbs a
{
    color: #F7D4BC;
    font-weight: normal;
}

div.IssuePage div#PageCrown div#Crumbs a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

div.IssuePage div#PageCrown div#Crumbs img
{
    margin: -1px 5px 0px 5px;
}

/* Tabstrip */

div.IssuePage div#PageCrown div.PublicTabstrip
{
    height: 29px;
    position:absolute; /* within #PageCrown */
    bottom:-25px;
    border:none;
    margin:14px 0 20px 0;
    padding:0 9px 0 9px;
}

div.IssuePage div#PageCrown div.PublicTabstrip a
{
    background-color: #E98C4B;
    position:static;
    border:none;
    color: #969087;
    color:White;
    font-size:11px;
    padding: 4px 10px 7px 10px;
    height:19px;
    -moz--moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-webkit--moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

div.IssuePage div#PageCrown div.PublicTabstrip a:hover
{
    border:none;
    background-color: #BE1E2D;
}

div.IssuePage div#PageCrown div.PublicTabstrip a.On,
div.IssuePage div#PageCrown div.PublicTabstrip a.On:hover
{
    border:none;
    background:white;
    color:Black;
    height:inherit;
}

/* Content */

div.IssuePage div#MainContent
{
    padding:0;
}

div.IssuePage div#MainContent div#MainColumn
{
    padding-top:15px!important;
}

div.IssuePage p.Large
{
    font-size:1.6em;
    font-family:Georgia,'Times New Roman',Times,serif;
}




/******************************************************************** NEW NEW ISSUE PAGE */

/* Whenever Issue2.aspx becomes Issue.aspx we can get rid of the definitions above and replace IssuePage2 with IssuePage */

div.IssuePage2 div#Masthead
{
    height: 130px;
    border-bottom:1px solid white;
    float:none;
}

div.IssuePage2 div#Masthead1
{
    width:150px;
    height:130px;
    background:#F2EEEA;
}

div.IssuePage2 div#Masthead2
{
    width:599px;
}

/* Crown */

div.IssuePage2 div#PageCrown
{
    clear:both;
    width:750px;
    background:#E36F1E;
    overflow:hidden;
    margin:0;
    border-bottom:1px solid white;
    position:relative;
    padding-bottom:0px;
}

div.IssuePage2 div#PageCrown h1
{
    font-size:32px;
    margin:10px;
}

/* Crumbs */

div.IssuePage2 div#PageCrown div#Crumbs
{
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background: url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    padding: 3px 10px 8px 10px;
    margin:0;
}

div.IssuePage2 div#PageCrown div#Crumbs a
{
    color: #F7D4BC;
    font-weight: normal;
}

div.IssuePage2 div#PageCrown div#Crumbs a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

div.IssuePage2 div#PageCrown div#Crumbs img
{
    margin: -1px 5px 0px 5px;
}

/* Content */

div.IssuePage2 div#MainContent
{
    padding:0;
}

div.IssuePage2 div#MainContent div#MainColumn
{
    padding-top:15px!important;
}

div.IssuePage2 p.Large
{
    font-size:1.6em;
    font-family:Georgia,'Times New Roman',Times,serif;
}

div.IssuePage2 h2 {
    border:none;
    background:#A19B96;
    color:White;
    padding:8px;
    margin:12px -8px;
    font-size:2em;
}

/* 3up publications*/

div.Up div.Publication {
    width:240px;
    float:left;
    clear:none;
    background-image:none;
}

div.Up div.Publication div.TextContainer {
    width:160px;
}