@import url(../css/static/Reset.css);

/******************************************************************** HTML TAGS */
        
body, p, td, ol, ul, li, dd, input
{	
	font-size:11px;
	line-height:14px;
	font-family:[[f:Text]]; 
} 

form
{
	margin:0;
}

body
{
    background-color:[[c:Background]];
	color:black;
	margin:0;
	padding:0;
	color:[[c:Text]];
}

h1,
.FormFieldH1
{
	font-family:[[f:Serif]];
	margin:6px 0 6px 0;
	font-weight:normal;
	font-style:normal;
	font-size:26px;
	line-height:110%;
	letter-spacing:0px;
	color:black;
}

h2,    
.FormFieldH2
{
	font-family:[[f:Sans]];
    font-size:16px;
    font-style:normal;
	line-height:21px;
    letter-spacing:-0px;
    font-weight:bold;
	color:[[c:Khaki-.2]];
	margin:24px 0 6px 0;
	padding:0;
}

h3,
.FormFieldH3
{
	font-family:[[f:Serif]];
	font-size:14px;
	line-height:120%;
	font-weight:normal;
	font-style:normal;
	color:[[c:Black]];
	margin:12px 0 6px 0;
}

h4,
.formFieldH4
{
	font-family:[[f:Serif]];
	font-style:normal;
	font-weight:normal;
	font-size:10px;
	line-height:13px;
	letter-spacing:2px;
	text-transform:uppercase;
    color:[[c:Red]];
    margin:15px 0 6px 0;
}

h4 i, h4 em
{
    font-style:normal;
}

h5
{
	font-family:[[f:Text]];
	font-weight:bold;
	color:black;
	font-size:11px;
	line-height:13px;
	margin:6px 0 3px 0;
}

p
{
	margin-top:9px;
	margin-bottom:9px;
}

li
{
	margin-top:3px;
	margin-bottom:0;
}

ul,ol
{
    margin-bottom: 5px;
    margin-top: 0px;
}

ul
{
	list-style-type:square;
}

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

strong
{
    color:Black;
}

a
{
    font-weight: normal;
	color:[[c:Link]]; 
	text-decoration:none;
	padding-bottom:1px;
}

a strong
{
    color:[[c:Link]];
}

a:hover 
{
	text-decoration:underline;
	color:[[c:Hover]];
}

img
{
	display:inline;
}

hr
{
	height:1px;
	color:[[c:Khaki]];
}
	


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

body#Blank
{
    background: transparent;
    text-align:left;
}


div.BodyInner
{
    background:transparent url(../images/background.gradient.png) repeat-x 0 -200px;
    border-top:1px solid black;
}

/* UTILITY SPACE */

div#Utility
{
    height: 24px;
    width:750px;
    margin:0px auto 0 auto;
    padding:0 16px;
}   

div#UtilityInner
{
    float: right;
}


/* MAIN */

div#Main
{
    width:750px;
    margin:0 auto;
    background:transparent url(../images/dropshadow.png) repeat-y;
    padding:0 16px;
}

div#MainInner
{
    width:100%;
}

/* COLUMNS */

div.ColumnContainer
{
    width:750px;
    overflow-x:hidden;
    clear:both;
}

div.TwoColumnsInner,
div.ThreeColumns
{
    background:white url(../images/background.3column.gif) repeat-y;
}

div.TwoColumns
{
    background:white url(../images/background.2column.gif) repeat-y;
}

div.ColumnInner
{
    padding:15px;
}

div.TwoColumnsInner div.MainColumnInner,
div.ThreeColumns div.MainColumn
{
    float:left;
    width:376px;
}

div.TwoColumns div.MainColumn
{
    float:left;
    width:585px;
    overflow-x:hidden;
}

div.SecondaryColumnRight
{
    float:left;
    width:165px;
    padding-bottom:30px;
}

div.SecondaryColumnMiddle
{
    float:left;
    width:209px;
    padding-bottom:30px;
}    

div.MainColumn div.Section
{
    padding:10px;
    background:white url(../images/dingbats/dots.khaki.2.gif) repeat-x 0 bottom;
}

/* MASTHEAD */

div.Masthead
{
    width:376px;
    height:112px;
    background:[[c:Blue]] url(../Images/masthead.front.jpg) no-repeat 0 0;
}

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

div#InsidePage div.Masthead
{
    width:586px;
    height:54px;
    background:White url(../Images/masthead.inside.jpg) no-repeat 0 0;
}

div#InsidePage.FullWidth div.Masthead
{
    width:750px;
}

div#InsidePage.FullWidth div.Masthead img
{
    float:right;
}

/**************************** Search (Utility area) */
/* UtilitySearch.ascx */

div.UtilitySearch
{
    padding-top:5px;
}

div.UtilitySearch input.SearchField
{
    border:1px solid [[c:Background-.8]];
    background-color:[[c:Background-.1]];
    color:[[c:Background-.8]];
    float:left;
    height:13px;
    padding:1px 5px 3px 5px;
}

div.UtilitySearch input.Watermark
{
    color:[[c:Background-.4]]!important;
    background-color:[[c:Background-.2]];
    border-color:[[c:Background-.5]]!important;
}


div.UtilitySearch a.UtilitySearchButton
{
    border:1px solid [[c:Background-.5]];
    background:transparent url(../images/dingbats/arrow.haschildren.gif) no-repeat 7px 3px;
    width:18px!important;
    height:16px!important;
    display:block;
    float:left;
    margin-left:3px;
}

div.UtilitySearch a.UtilitySearchButton:hover
{
    text-decoration:none;
    background-color:[[c:Red]];
    border-color:[[c:Background-.8]];
}




/**************************** Mission Statement */

div#MissionStatement,
div#MissionStatement p
{
}

div#MissionStatement p
{
        margin:6px 0;
}

div#MissionStatement strong
{
    color:[[c:Red]];
    font-weight:bold;
}

/**************************** Article Listings */

div.ArticleLink
{
}

div.ArticleLinkFeature
{
    margin:0 0 15px 0;
}

div.ArticleLinkSmall
{
    margin:16px 0;
}

div.ArticleLink h3
{
    font-size:15px;
    line-height:110%;
    margin-top:0px;
    margin-bottom:3px;
}

div.ArticleLinkFeature h3
{
    font-size:20px;
    line-height:110%;
    letter-spacing:-1px;
    margin-bottom:3px;
}

div.ArticleLinkFeature h5
{
    margin-top:0;
}

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


div.ArticleLinkFeature p
{
    float:left;
    margin-top:2px;
    margin-bottom:0;
}

div.TwoColumnsInner div.MainColumnInner div.ArticleLinkFeature p,
div.ThreeColumns div.MainColumn div.ArticleLinkFeature p
{
    width:245px!important;
}

div.ArticleLinkSmall p
{
    margin-top:0px;
}

div.ArticleLink a
{
    background:transparent url(../images/dingbats/go.blue.gif) no-repeat 1px 3px;
    padding-left:8px;
    font-weight:bold;
}

div.ArticleLink div.TextContainer
{
    float:left;
}

div#InsidePage div.ArticleLinkFeature p
{
    width:450px;
}

/**************************** Publication listings */

div.PublicationLink
{
    margin-bottom:6px;
}

div.PublicationLinkLarge
{
}

div.PublicationLink h5
{
    margin-bottom:0;
}

div.PublicationLink:hover h5
{
    color:[[c:Hover]];
    text-decoration:underline;
}

div.TwoColumnsInner div.MainColumnInner div.PublicationLink div.TextContainer,
div.ThreeColumns div.MainColumn div.PublicationLink div.TextContainer
{
    width:275px;
}

div.PublicationLink p
{
    margin-top:0;
}

div.PublicationLink a
{
}

div.PublicationLinkSmall
{
    width:45%;
    margin-right:20px;
    float:left;
}




/**************************** Publication links in right-hand margin */

 a.PublicationLinkRight
{
    float:right;
    padding:0 0 10px 10px;
    width:200px;
    color:[[c:Text]];
}

a.PublicationLinkRight:hover
{
    text-decoration:none;
    color:Black;
}

a.PublicationLinkRight strong
{
    color:[[c:Link]]!important;
}

a.PublicationLinkRight:hover strong
{
    color:[[c:Hover]]!important;
}

 a.PublicationLinkRight img
{
    margin:0 8px 8px 0;
    border:1px solid black;
}

 a.PublicationLinkRight p
{
    font-size:9px!important;
    line-height:13px!important;
    margin:3px 0 0 0!important;
}

 a.PublicationLinkRight h3
{
    color:[[c:Black+.3]];
    font-size:12px;
    line-height:14px;
}

/**************************** Publication links in document gallery */

/* Medium */

div.DocumentGalleryMed
{
    
}
div.DocumentGalleryMed p
{
    font-size:11px;
}

div.DocumentGalleryMed img
{
    float:left;
    margin:5px;
    border:1px solid black;
}

/**************************** Small-format publication links */

div.ArticleListing a.PublicationLinkSmall
{
    display:block;
    background-image:url(../images/dingbats/go.blue.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding-left:8px;
    color:[[c:Black+.3]];
    margin:4px 0;
    border:1px solid white;
}

div.ArticleListing a.PublicationLinkSmall:hover
{
    background-image:url(../images/dingbats/go.blue.gif);
    color:[[c:Black]];
    text-decoration:none;
}    

div.ArticleListing a.PublicationLinkSmall strong
{
    background-image:none;
    padding:0;
    color:[[c:Link]];
    font-weight:normal;
    font-size:11px;
}

div.ArticleListing a.PublicationLinkSmall:hover strong
{
    background-image:none;
    color:[[c:Hover]];
    text-decoration:underline;
}

/**************************** Video Links */

div.VideoLink
{
    margin-bottom:20px;
}

div.VideoLink h1
{
    margin-top:6px!important;
    font-size:17px;
}

div.VideoLink h3
{
    margin-top:4px!important;
}

div.VideoLink p
{
    margin-top:6px!important;
}



div.VideoLink div.EmbedContainer
{
    margin-right:10px;
    width:350px;
    height:300px;
    border:1px solid black;
    float:left;
}

div.VideoLink img.Thumbnail
{
    margin-right:10px;
}

div.VideoLink div.TextContainer
{
    width:440px;
}

div.VideoLinkFeature div.TextContainer
{
    width:190px;
}


/**************************** Employee Listings */

div.EmployeeListing 
{
}

div.EmployeeListing h2
{
    margin-top:3px;
}

div.EmployeeListing img
{
    float:left;
    margin:3px 10px 10px 0;
    border:1px solid black;
}

div.EmployeeListing div.TextContainer
{
    float:left;
    width:450px;
    display:block;
}

div.EmployeeListing div.TextContainer p
{
    margin:0 0 12px 0;
}



/**************************** Topic Listings */

div.Topic
{
    padding-top:24px;
    background:transparent url(../images/dingbats/dots.3.gif) repeat-x 0 12px;
    float:left;
    width:250px;
    margin-right:15px;
    margin-bottom:15px;
}

div.Topic h2
{
    margin-top:0;
}

div.Topic a.BulletLink
{
    font-size:10px;
    background-position:0 3px;
    display:block;
}

/* FOOTER */

div#Footer
{
    background:[[c:Blue]] url(../Images/footer.bottom.jpg) no-repeat 0 bottom;
    padding:0px 0px 60px 0px;
    min-height:45px;
}

div#Footer p
{
    font-size: 11px;
    line-height:13px;
    margin:10px;
}

div#Footer div.FooterSection
{
    float:left;
    height:108px;
}

div#Footer div.Address
{
    width:376px;
}

div#Footer div.Address a.Logo
{
    display:block;
    margin:10px 10px 0 10px;
}

div#Footer div.Address p
{
    margin-top:0;
}

div#Footer div.Terms
{
    width:208px;
    border-left:1px solid [[c:Blue+.1]];
}

div#Footer div.Terms a
{
    background:transparent url(../images/dingbats/go.white.gif) no-repeat 1px 3px;
    padding-left:11px;
    font-weight:bold;
    display:block;
}

div#Footer div.Terms a.RSS
{
    background-image:url(../Images/rss.footer.gif);
    background-position:0px 3px;
}


div#Footer div.LastUpdated
{
    width:164px; 
    border-left:1px solid [[c:Blue+.1]];
}


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

.Reverse.Blue
{
    background:[[c:Blue]];
}

.Reverse.LightBlue
{
    background:[[c:Blue+.3]];
    color:[[c:Blue+.85]];
}

.Reverse.Red
{
    background:[[c:Red]];
    color: [[c:Red+.7]];
}

.Reverse
{
    color: [[c:Blue+.7]];
}

.Reverse h4
{
    color:White;
}

.Reverse strong
{
    font-weight:normal;
    color:White;
}

.Reverse a
{
    color:White;
    font-weight:bold;
}

.Reverse a.BulletLink,
.Reverse a.BulletLink:hover
{
    background-image:url(../images/dingbats/go.white.gif);
}

.Reverse a:hover
{
    color: White;
    text-decoration:underline;
}

.Reverse span.Bar
{
    color: [[c:Blue+.3]]!important;
}


/*** CREDIT */

div#Credit
{
    width: 750px;
    height: 60px;
    padding:0 16px;
    margin: 0 auto;
    background: transparent url(../images/dropshadow.bottom.png) no-repeat top left;
}

/**************************** Featured Item */

div#RotatingFeatureContainer
{
    position:relative;
    width:374px;
    height:310px;
    float:left;
    background:white;
}

div.FeaturedItem
{
    position:absolute;
    top:0;
    left:0;
    height:310px;
}

div.FeaturedItem p.Caption
{
    font-weight:normal;
    color:White;
    padding:10px;   
    position:absolute;
    bottom:0;
    left:0;
    background: transparent url(../images/translucent/75.01.png);
    width:354px; /* 374 - 10 - 10 */
}

div.FeaturedItem div._ClickByProxy:hover p.Caption,
div.FeaturedItem div._ClickByProxy:hover p.Caption a
{
    color:White;
}


div.FeaturedItem p.Caption strong
{
    font-weight:bold;
    font-size:12px;
    display:block;
    margin-bottom:2px;
}

div.FeaturedItem p.Caption a
{
    background:transparent url(../images/dingbats/go.white.gif) no-repeat 1px 4px;
    padding-left:8px;
    font-weight:bold;
    display:block;
}    

div#RotatingFeatureContainer div#RotatingFeatureController
{
    position:absolute;
    left:0;
    top:0;
    padding:10px;
    z-index:99;
}

div#RotatingFeatureContainer div#RotatingFeatureController a
{
    width:20px;
    height:20px;
    font-size:1.3em;
    line-height:.9;
    font-weight:bold;
    border-radius:3px;
    padding:0 7px 0 7px;
    margin:0 5px 0 0;
    color:[[c:Black+.7]];
    background: transparent url(../images/translucent/25.10.png);
}

div#RotatingFeatureContainer div#RotatingFeatureController a.On
{
    color:white;
}

div#RotatingFeatureContainer div#RotatingFeatureController a:hover
{
    text-decoration:none;
}



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

div.PageTools
{
    clear: both;
    margin:24px 1px 12px 1px;
    height:25px;
}

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

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

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



/**************************** Search Results */


table.SearchResults
{
    margin:6px 0;
}

table.SearchResults td
{
    font-size:10px;
    color:[[c:Text]];
}

div.SearchResults
{
    font-size:10px;
    color:[[c:Text]];
    margin:6px 0!important;
}

p.Info
{
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    margin:-1px 0 0 0;
    padding:0;
    color:Black;
}

p.Info strong
{
    color:Gray;
    display:inline-block;
    width:90px;
}

/**************************** Sibling menu */

div#SiblingMenu
{
    padding:0px;
    width:164px;
}

div#SiblingMenu a
{
    width:164px;
    display:block;
    clear:both;
    color:[[c:Text]];
    padding:0px 0 3px 0;
    line-height:14px;
    border-top:1px solid [[c:Khaki+.5]];
}

div#SiblingMenu a.Hover,
div#SiblingMenu a:Hover
{
    color:[[c:Red]];
    background-color:[[c:Khaki+.5]];
    text-decoration:none;
}

div#SiblingMenu a span
{
    padding:2px 10px;
    display:block;
    width:138px;
    overflow:hidden;
    cursor:hand;
}

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

/**************************** Sidebar lists */

div.SidebarList
{
    
}

div.SidebarList a
{
    display:block;
    background-image:url(../images/dingbats/go.blue.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding-left:8px;
    color:[[c:Black+.3]];
    margin:4px 0;
}

div.SidebarList a:hover
{
    background-image:url(../images/dingbats/go.blue.gif);
    color:[[c:Black]];
    text-decoration:none;
}    

div.SidebarList a strong
{
    color:[[c:Link]];
    font-weight:normal;
    font-size:11px;
}

div.SidebarList a:hover strong
{
    color:[[c:Hover]];
    text-decoration:underline;
}

div.SidebarList h5
{
}


/**************************** TopicProject lists */

div.TopicProjectList
{
}

div.TopicProjectList a
{
    display:block;
    background-image:url(../images/dingbats/go.blue.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding-left:8px;
    font-size:11px;
    line-height:13px;
    color:[[c:Black+.3]];
    margin:6px 0;
}

div.TopicProjectList a:hover
{
    background-image:url(../images/dingbats/go.blue.gif);
    color:[[c:Black]];
    text-decoration:none;
}    

div.TopicProjectList a strong
{
    display:block;
    margin-bottom:2px;
    color:[[c:Link]];
    font-size:11px;
    line-height:13px;
    font-weight:bold;
}

div.TopicProjectList a:hover strong
{
    color:[[c:Hover]];
    text-decoration:underline;
}


/**************************** Newsletter signup */

a.NewsletterSignupButton
{
    height:17px;
    width:16px;
    display:block;
    margin-top:1px;
    background-image:url(../images/button.go.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    float:left;
}

a.NewsletterSignupButton:hover
{
    background-image:url(../images/button.go.over.gif);
    text-decoration:none;
}

div#NewsletterSignup .FormField
{
    font-family:[[f:Text]];
    font-size:11px;
    line-height:13px;
    color:Black;
    font-weight:normal;
    float:left;
    width:150px!important;
}

div.SecondaryColumnRight div#NewsletterSignup .FormField
{
    width:100px!important;
}

/**************************** Search tool */

table#SearchTable
{
}

table#SearchTable td
{
    background:white;
}

div#Main a.GoButton
{
    position:relative;
    top:2px;
    background:transparent none;
    color:[[c:Link]];
    line-height:14px;
    padding:0;
}

div#Main a.GoButton span
{
    background-image:url(../images/button.go.gif);
    padding:2px 5px 3px 20px;
}


div#Main a.GoButton:hover span
{
    background-image:url(../images/button.go.over.gif);
    color:[[c:Red]];
    text-decoration:underline;
}

table#MastheadSearchTable
{
    
}

table#MastheadSearchTable td
{
    padding:2px 0 10px 0;
}

table#MastheadSearchTable .SearchField,
table#MastheadSearchTable .SearchFieldFocus
{
    width:115px;
    margin:0 0 0 10px;
    padding:0 2px;
    font-family:[[f:Text]];
    background-color:white;
    border:1px solid [[c:Black+.7]];
}

table#MastheadSearchTable .SearchFieldFocus
{
}

table#MastheadSearchTable a.SmallGoButton
{
    background-image:url(../images/button.go.small.gif);
    background-repeat:no-repeat;
    display:block;
    height:12px;
    width:14px;
	margin-left:2px;
	margin-top:1px;
	border:1px solid black;
}

table#MastheadSearchTable a.SmallGoButton:hover
{
    background-image:url(../images/button.go.small.over.gif);
    cursor:pointer;
    text-decoration:none;
}


/**************************** Topic page heading */

div.TopicHeading
{
    background:[[c:Khaki]];
    padding:10px 10px 0 10px;
}

div.TopicHeading h1
{
    margin-top:0!important;
    font-size:30px;
    letter-spacing:-1px;
    margin:12px 0 0 0!important;
}


div.TopicHeading h2
{
    font-size:14px!important;
    margin:0;
    color:[[c:Khaki-.5]];
}

/**************************** Page menus (e.g. Topic subpages) */

.PageMenu
{
    margin:0;
    height:20px;
    padding-top:4px;
    overflow-y:hidden;
}

.PageMenu a
{
    display:block;
    float:left;
	font-size:10px;
	margin-right:3px;
	padding:3px 7px;
	border:none;
	background:[[c:Khaki+.3]];
	color:[[c:Text]];
	position:relative;
}

.PageMenu a:hover
{
    background:[[c:Khaki+.8]];
	text-decoration:none;
	color:Black;
}

.PageMenu a.On,
.PageMenu a.On:hover,
.PageMenu a.Selected,
.PageMenu a.Selected:hover
{
    font-family:[[f:Serif]];
	color:Black;
	background:white;
	font-size:16px;
	padding:5px 7px 5px 7px;
	top:-4px;
}


/**************************** Tabstrip */

div.Tabstrip 
{
    margin:15px -15px;
    padding:4px 15px 0 20px;
    border-bottom:1px solid [[c:Khaki]];
    overflow:visible;
}

div.Tabstrip a 
{
    margin-right:4px;
}

div.Tabstrip a.On,
div.Tabstrip a.On:hover
{
    border:solid [[c:Khaki]];
    border-width:1px 1px 0 1px;
    top:-4px;
}


/**************************** Shortcut */

div#ShortcutReference
{
    float:right;
    margin-top:2px;
}


/**************************** Article */

div#InsidePage h1
{
    margin-top:26px;
    margin-bottom:0;
}

div#InsidePage h2.Subtitle
{
    margin-top:0;
    font-size:15px;
    margin-bottom:26px;
}

div#InsidePageBody
{
    margin-top:24px;
}

div#InsidePageBody p,
div#InsidePageBody li
{
    margin-top:12px;
    line-height:15px;
}

div#InsidePage div.ArticleListing
{
    padding:0;
}

/**************************** Project Details */

table#ProjectDetails
{
    border-collapse:collapse;
}

table#ProjectDetails td,
table#ProjectDetails th
{
    vertical-align:top;
    border:1px dotted [[c:Khaki+.3]];
    padding:2px 5px 2px 0;
    border-right:none;
    border-left:none;
    
}

table#ProjectDetails th
{
    color:[[c:Red]];
    text-align:left;
    width:100px;
    background:white;
}

table#ProjectDetails td
{
}

table#ProjectDetails p
{
    display:inline;
}

table#ProjectDetails td,
table#ProjectDetails th,
table#ProjectDetails p,
table#ProjectDetails li
{
}

table#ProjectDetails li
{
    margin-top:0;
}

table.Floating
{
    width:200px;
    float:right;
    margin:10px 0 10px 10px;
    border:1px solid [[c:Khaki+.3]];
    border-width:1px 1px 0 1px;
}

table.Floating th
{
    white-space:nowrap;
}

table.Floating th,
table.Floating td
{
    padding:4px!important;
}



/***************************************************************** SUBMENU */
/* for displaying menus that show the hierarchy of subpages under the current page */


ul#SubMenu
{
    padding:10px 10px 0 10px;
    border-bottom:1px solid [[c:Khaki+.3]];
    list-style:none;
    list-style-image:none;
    margin:0 0 0 0;
}

/* level 1 */ 

ul#SubMenu li
{
    margin:0 0 0 0;
    list-style:none;
    list-style-image:none;
}

ul#SubMenu li a
{
    margin:0;
    font-weight:bold;
	display:block;
	background:white url(../images/dingbats/go.blue.gif) no-repeat 0px 5px;
	padding:0px 0px 0px 9px;
}

ul#SubMenu li a:hover
{
    color:[[c:Hover]];
    background-image:url(../images/dingbats/go.blue.gif);
}

/* level 2 */ 

ul#SubMenu ul
{
    margin:0 0 0 10px;
}

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

ul#SubMenu li li a
{
    font-weight:normal;
    color:[[c:Link]];
    font-family:[[f:Text]];
    background:none;
    padding:2px 0 0 0;
    margin:0 0 0 0;
}

ul#SubMenu li li a:hover
{
    color:[[c:Hover]];
}

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

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

/* level 1 */ 

ul#Sitemap li
{
    margin-top:18px;
    margin-bottom:12px;
    list-style-image:none;
}

ul#Sitemap li a
{
    font-family:[[f:Sans]];
    font-size:16px;
    line-height:20px;
    color:Black;
    font-weight:bold;
}

ul#Sitemap li a:hover
{
    color:[[c:Hover]];
}

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

ul#Sitemap li li a
{
    font-weight:bold;
    font-size:11px;
    line-height:14px;
    color:[[c:Link]];
    font-family:[[f:Text]];
}

ul#Sitemap li li a:hover
{
    color:[[c:Hover]];
}

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
{
	list-style-image: url(../images/dingbats/go.blue.gif);
	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;
}

/***************************************************************** PUBLIC SEARCH PANEL */

div.PublicSearchPanel
{
	background-color:[[c:Black]];
	border:none;
	margin:0;
	padding:5px;
	height:23px;
}

div.PublicSearchPanel,
div.PublicSearchPanel td
{
	color:white;
}

div.PublicSearchPanel td
{
	vertical-align:middle;
	white-space:nowrap;
}


div.PublicSearchPanel a
{
}

div.PublicSearchPanel a:hover
{
	color:White;
}

div.PublicSearchPanel span.Label
{
	display:inline-block;
	width:70px;
	white-space:nowrap;
}

div#Advanced
{
	background-image:url(../images/cwt/glass.darkpurple.100.gif);
	padding-bottom:5px;
}	

div.PublicSearchPanel div
{
	padding:3px 0 2px 0;
}

div.PublicSearchPanel span
{
    margin:0;
}

div.PublicSearchPanel span.Separator
{
	width:0px;
	height:23px;
	display:inline-block;
	border-left:1px solid [[c:Black+.1]];
	border-right:1px solid [[c:Black+.5]];
	margin:0px 10px -5px 10px;
}




/****************************************************************** NAVIGATION TOOLS */

div#Crumbs
{
	color:Black;
	font-weight:bold;
	display:none;
}

#Crumbs a
{
    color:[[c:Black+.5]];
	font-weight:normal;
}

#Crumbs a:hover
{
    color:[[c:Hover]];
	text-decoration:underline;
}




/****************************************************************** MENUS */

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

div#MenuContainer
{
    background: transparent url(../images/dropshadow.top.png) no-repeat;
    width:750px;
    margin:4px auto 0 auto;
    padding:0 16px;
    height:31px;
}

ul#Menu
/* Menu container (level 1) */
{
    background-color:[[c:Blue]];
    height:30px;
    display:block;
    margin:0;
    padding:0;
}

ul#Menu ul
/* Menu containers (level 2+) */
{
    position: absolute;
    margin: 0 0 0 -9px;
    padding:0 9px 9px 9px;
    background:transparent url(../images/background.menu.png) no-repeat 0 bottom;
    border-top:1px solid white;
    visibility: hidden;
    width: 220px;
    z-index: 9999;
}

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

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


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

ul#Menu a
/* Links (level 1+) */
{
    font-family:[[f:Text]];
    font-size:12px;
    color:white;
    background-color:Transparent;
    border-right:1px solid [[c:Blue+.2]];
    display:block;
    text-decoration:none;
    padding:5px 12px 6px 12px;
	margin:0 0 0 0;
	line-height:19px;
}  

ul#Menu a.Hover,
ul#Menu a:hover
/* Links on hover (level 1+) */
{
	text-decoration:none;
	color:[[c:White]];
	background-color:#333;
	background-color:[[c:Blue+.1]];
}

ul#Menu a.Selected
/* Selected links (level 1+) */
{
	color:White;
	background-color:[[c:Blue-.4]];
	font-weight:bold;
}

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

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

ul#Menu li li a
/* Links (level 2+) */
{
	display:block;
    width:100%; 
    padding:4px 10px 4px 10px;
    background-color:[[c:Blue+.1]];
    border:solid [[c:Blue+.3]];
    border-width:0 0 1px 0;
    font-weight:normal;
    color:white;
    text-align:left;
	line-height:16px;
}

ul#Menu li li a.Hover,
ul#Menu li li a:hover
/* Links on hover (level 2+) */
{
    background-color:[[c:Blue]];
    border-color:[[c:Blue+.4]];
    border-width:1px 0;
    margin-top:-1px;
}

ul#Menu li li a.Selected
/* Selected links (level 2+) */
{
	font-weight:bold;
	background:[[c:Blue-.2]] url(../images/dingbats/arrow.selected.white.gif) no-repeat 0px 7px;
	
}

ul#Menu li li a.Selected:hover
{
}

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

ul#Menu li#SearchLink a
{
}


ul#Menu li#PublicationsLink ul 
{
    display:none;
}



/******************************* 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: [[c:Button]];
    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: [[c:ButtonHover]];
}

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

[[ButtonList: 
a.Button.~ButtonName~ span { background-image: url(../images/relational/~ButtonName~.small.png); }
a.Button.Large.~ButtonName~ span { background-image: url(../images/relational/~ButtonName~.big.png); }
]]


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

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

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

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

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


/* Form fields */

.FormField
{
    font-size: 11px;
    line-height: 14px;
    vertical-align: middle;
    padding: 2px 3px;
    border-color:[[c:Blue+.7]];
}

textarea.FormField
{
    overflow-y:auto;
    overflow-x:hidden;
}

.FormField,
.FormField.H1,
.FormField.H2,
.FormField.H3,
.FormField.H4,
.FormField.H5
{
    margin: 0;
    border: 1px solid [[c:Background]];
}


.Watermark
{
    color: #ccc !important;
}

select.FormField
{
    height: auto;
}

.FormField.Focus
{
    border-color: [[c:Red]];
    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;
}


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


/********************************************* QUESTIONNAIRE PAGE */


div.QuestionnaireFrame
{
    border: 1px solid [[c:Background-.2]];
    background:[[c:Background+.8]] url(../images/background.fade.jpg) no-repeat 0 0;
    margin-top: 6px;
    float:left;
    width:730px;
}

/* Questionnaire heading */

div.QuestionnaireHeading
{
    padding: 10px;
}

div.QuestionnaireHeading h1
{
    margin: 0!important;
}

div.QuestionnaireHeading h3
{
    margin: 0;
}

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

p.QuestionnaireAuthor span.Email
{
    font-weight:normal;
    display:block;
}


/* Questionnaire utility sidebar */

div.QuestionnaireUtility
{
    float: left;
    width: 175px;
    min-height: 550px;
    color: [[c:Background-.2]];
}

div.QuestionnaireUtility p
{
    font-size: 10px;
}

div.QuestionnaireUtilitySection
{
    border-bottom: 1px solid [[c:Background-.1]];
    background: [[c:Background+.9]];
    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.QuestionnaireTabs
{
    margin-top:5px;
    position: relative;
    z-index: 100;
}

div.QuestionnaireTabs h5
{
    padding:15px 5px 5px 5px;
    margin:0;
    font-family:[[f:Text]];
    font-style:normal;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:normal;
    background:[[c:Background+.3]];
    color:[[c:Background-.4]];
}

div.QuestionnaireTabs a
{
    background-color: [[c:Background+.85]];
    border: 1px solid [[c:Background-.2]];
    border-right: none;
    color: [[c:Text]];
    display: block;
    font-size: 11px;
    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.QuestionnaireTabs a:hover
{
    text-decoration: none;
    background-color: white;
    color:Black;
}

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

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

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

/* Questionnaire main area */

div.QuestionnaireMain
{
    background: white url(../images/background.2column.gif) repeat-y -95px 0;
    border: 1px solid [[c:Background-.2]];
    float: left;
    margin-bottom: 30px;
    margin-right: -1px;
    min-height: 450px;
    padding: 10px 60px 50px 10px;
    position: relative;
    width: 472px;
    z-index: 1;
}

div.QuestionnaireMain div.CompletionColumnLabel
{
    position: absolute;
    width: 50px;
    right: 0;
    top: 10px;
    font-size: 9px;
    line-height:12px;
    font-weight: bold;
    text-align: center;
    color: [[c:Background-.6]];
}

div.QuestionnaireMain h2
{
    font-weight: bold;
    background: transparent url(../images/dingbats/dots.3.gif) repeat-x 0 bottom;
    padding-bottom: 12px;
    margin: 15px 0 15px 0;
    font-size: 22px;
    color:[[c:Background-.2]];
    letter-spacing:-1px;
}

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

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

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

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

div.QuestionnaireMain .FormField
{
    font-family:[[f:Mono]]!important;
}

div.QuestionnaireMain select.FormField
{   
    font-family:[[f:Text]]!important;
}

div.QuestionnaireMain .FormField,
div.QuestionnaireMain .FormFieldH1,
div.QuestionnaireMain .FormFieldH2,
div.QuestionnaireMain .FormFieldH3,
div.QuestionnaireMain .FormFieldH4
{
    background-color: [[c:Khaki+.95]]!important;
    margin:0!important;   
    padding:2px 4px!important; 
}

div.QuestionnaireMain .FormFieldInline
{
    height:12px!important;
    line-height:12px!important;
    background-color:[[c:Blue+.98]]!important;
}

div.QuestionnaireMain .BoxNote
{
    padding:10px;
    margin:18px 0;
    border: 1px solid [[c:Background]];
    background-color: [[c:Background+.5]];
}


/* Form rows */

div.QuestionnaireMain div.FormRow
{
    margin: 0 0 5px 0;
    position: relative;
    width: 475px;
}

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

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

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

div.QuestionnaireMain div.FormRow div.FieldContainer
{
    width:350px;
}

div.QuestionnaireMain label.Label
{
    font-size:9px;
}

div.QuestionnaireMain h6,
div.QuestionnaireMain div.FormRowStacked label.Label
{
    width:auto;
    text-align: left;
    float: none;
    display:block;
    margin-top:12px;
    margin-bottom:6px;
    font-size:11px;
}


div.QuestionnaireMain div.FormRow strong
{
    color: [[c:Background-.3]];
}


div.QuestionnaireMain div.FormRow p.FormInstructions
{
    float: none;
    margin-top:3px;
    font-size:11px;
}

div.FormRow span.CompletionCheckbox
{
    position: absolute;
    right: -45px;
    top: -2px;
}

div.FormRow span.CompletionCheckbox input
{
}

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

div.QuestionnaireMain div.ScrollVertical
{
    width:450px;
    background-color: [[c:Khaki+.95]]!important;
    height: auto; 
    overflow-y: visible;
    padding-bottom:20px;
}

div.QuestionnaireMain div.ScrollVertical h5
{
    font-size:9px;
}

div.QuestionnaireMain div.ScrollVertical span
{
}

div.QuestionnaireMain div.ScrollVertical label,
div.QuestionnaireMain div.ScrollVertical input
{
    font-size:10px;
    line-height:11px;
    margin-top:-2px;
}


div.QuestionnaireMain div.FloatLeft
{
    margin-bottom:10px;
    margin-right:10px;
    width:130px;
}

div.QuestionnaireMain table.StandardTable th,
div.QuestionnaireMain table.StandardTable td
{
    border-color:#bbb;
}    

div.QuestionnaireMain table.StandardTable th
{
    background-color:[[c:Background+.5]];
}

div.QuestionnaireMain table.StandardTable td
{
    line-height:12px;
}



/* Messages */

div.Message
{
    border: 1px solid [[c:Background]];
    background-color: [[c:Background+.8]];
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding: 10px;
    margin: 20px 0;
    width:398px;
}

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.gray.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: [[c:Text]];
}

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.SaveButtonPopup
{
    bottom:75px;
    left:75px;
    z-index:999;
}





/****************************************************************** DOCUMENT BULLETS */




li.DocPDF,
li.DocDOC,
li.DocRTF,
li.DocXLS,
li.DocCSV,
li.DocMDB,
li.DocTXT,
li.DocZIP,
li.DocHTM,
li.DocPPT,
li.DocGIF,
li.DocEPS,
li.DocJPG,
li.DocTIF,
li.DocAI,
li.DocGeneric,
li.DocXXX
{
    font-size:11px!important;
    padding-top:0!important;
	padding-left:5px!important;
	line-height:15px!important;
}

li.DocPDF	{	list-style-image:url(../images/icons/document.pdf.gif);}
li.DocDOC {	list-style-image:url(../images/icons/document.doc.gif);}
li.DocRTF	{	list-style-image:url(../images/icons/document.rtf.gif);}
li.DocXLS	{	list-style-image:url(../images/icons/document.xls.gif);}
li.DocCSV	{	list-style-image:url(../images/icons/document.csv.gif);}
li.DocMDB	{	list-style-image:url(../images/icons/document.mdb.gif);}
li.DocTXT	{	list-style-image:url(../images/icons/document.txt.gif);}
li.DocZIP	{	list-style-image:url(../images/icons/document.zip.gif);}
li.DocHTM	{	list-style-image:url(../images/icons/document.htm.gif);}
li.DocPPT	{	list-style-image:url(../images/icons/document.ppt.gif);}
li.DocGIF	{	list-style-image:url(../images/icons/document.gif.gif);}
li.DocEPS	{	list-style-image:url(../images/icons/document.eps.gif);}
li.DocJPG	{	list-style-image:url(../images/icons/document.jpg.gif);}
li.DocTIF	{	list-style-image:url(../images/icons/document.tif.gif);}
li.DocAI		{	list-style-image:url(../images/icons/document.ai.gif);}
li.DocGeneric {	list-style-image:url(../images/icons/document.generic.gif);}
li.DocXXX	{	list-style-image:url(../images/icons/document.xxx.gif);}


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
{
    font-size:11px!important;
    line-height:14px!important;
	background-position:0 0!important;
	background-repeat:no-repeat!important;
	padding:2px 0 3px 20px!important;
}

body#Blank p.DocCSV,
body#Blank p.DocDOC,
body#Blank p.DocHTM,
body#Blank p.DocMDB,
body#Blank p.DocPDF,
body#Blank p.DocPPT,
body#Blank p.DocPPS,
body#Blank p.DocRTF,
body#Blank p.DocTXT,
body#Blank p.DocXLS,
body#Blank p.DocZIP,
body#Blank p.DocGeneric,
body#Blank p.DocXXX,
body#Blank p.DocRegistrationRequired
{
    margin-top:0;
}


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);}

li.DocPDF strong,
li.DocDOC strong,
li.DocRTF strong,
li.DocXLS strong,
li.DocCSV strong,
li.DocMDB strong,
li.DocTXT strong,
li.DocZIP strong,
li.DocHTM strong,
li.DocPPT strong,
li.DocGIF strong,
li.DocEPS strong,
li.DocJPG strong,
li.DocTIF strong,
li.DocAI strong,
li.DocGeneric strong,
li.DocXXX strong,
p.DocPDF strong,
p.DocDOC strong,
p.DocRTF strong,
p.DocXLS strong,
p.DocCSV strong,
p.DocMDB strong,
p.DocTXT strong,
p.DocZIP strong,
p.DocHTM strong,
p.DocPPT strong,
p.DocGIF strong,
p.DocEPS strong,
p.DocJPG strong,
p.DocTIF strong,
p.DocAI strong,
p.DocGeneric strong,
p.DocXXX strong
{
    color:Gray;
    font-weight:bold;
    font-size:9px;
}


span.DocumentInfo
{
    font-size:9px;
    color:Gray;
}

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

table.StandardTable
{
    border-collapse:collapse;
}


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

table.StandardTable td,
table.StandardTable th
{
    padding:3px;
    border:1px solid [[c:Background+.1]];
}

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

table.StandardTable th
{
    vertical-align:bottom;
    background-color:[[c:Background+.8]];
    font-weight:bold;
    color:Black;
}

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

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

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

table.StandardTable ul
{
    margin-left:0!important;
    padding-left:15px;
}

table.StandardTable ul li {
    margin-left:5px!important;
}

table.StandardTable td.NoPadding
{
    padding:0;
}

table.StandardTable td.NoPadding .FormField
{
    border:none!important;
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:-2px;
    xfloat:left;
    display:block;
    height:16px;
}

/******************************************************* CALENDAR EXTENDER */

.Calendar .ajax__calendar_container
{
    padding: 0px;
    position: absolute;
    cursor: default;
    width: 170px;
    font-size: 9px;
    text-align: center;
    font-family:[[f:Text]];
    background:white;
    border:1px solid #777;
    z-index:999;
}

.Calendar .ajax__calendar_body
{
    height: 127px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
    font-family:[[f:Text]];
}

.Calendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 127px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
    font-family:[[f:Text]];
}

.Calendar .ajax__calendar_container table
{
    font-size: 9px;
    font-family:[[f:Text]];
    border-collapse:collapse;
}

.Calendar .ajax__calendar_container table td
{
    padding:0!important;
    border:1px solid #ccc;
    width:22px;
    overflow:hidden;
}

.Calendar .ajax__calendar_header
{
    height: 20px;
    line-height:20px;
    width: 100%;
}

.Calendar .ajax__calendar_header:hover
{
    color:[[c:Red]];
}


.Calendar .ajax__calendar_prev,
.Calendar .ajax__calendar_next
{
    cursor: pointer;
    width: 35px;
    height: 18px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/relational/goleft.gray.gif);
}

.Calendar .ajax__calendar_prev:hover
{
    background-color:[[c:Red]];
    background-image: url(../images/relational/goleft.white.gif);
}

.Calendar .ajax__calendar_next
{
    float: right;
    background-image: url(../images/relational/goright.gray.gif);
}

.Calendar .ajax__calendar_next:hover
{
    background-color:[[c:Red]];
    background-image: url(../images/relational/goright.white.gif);
}
    
    .Calendar .ajax__calendar_title
{
    cursor: pointer;
    font-weight: bold;
}

.Calendar .ajax__calendar_footer
{
    height: 15px;
}

.Calendar .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
    background:[[c:Khaki+.5]];  
}

.Calendar .ajax__calendar_today:hover
{
    background-color:[[c:Red]];
    color:White;
}


.Calendar .ajax__calendar_dayname,
.Calendar .ajax__calendar_day
{
    padding: 1px 0px;
    text-align: center;
    height: 14px;
    border:none!important;
    width:auto!important;
}

.Calendar .ajax__calendar_dayname
{
    color:#aaa;
    background:[[c:Khaki+.6]];
    font-weight:bold;
}

.Calendar .ajax__calendar_day
{
    height: 14px;
    cursor: pointer;
}

.Calendar .ajax__calendar_day:hover
{
    background-color:[[c:Red]];
    color:White;
}

.Calendar .ajax__calendar_month,
.Calendar .ajax__calendar_year
{
    height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.Calendar .ajax__calendar_month:hover,
.Calendar .ajax__calendar_year:hover
{
    background:[[c:Red]]!important;
    color:White;
}

.Calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
}

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

a.BulletLink,
a.BulletLinkSeparate,
a.BulletLinkBack,
a.BulletLinkUp,
a.BulletLinkDown,
a.BulletLinkOut,
a span.BulletLink
{
	padding-left:9px;
	background-image:url(../images/dingbats/go.blue.gif);
	background-position:2px 3px;
	background-repeat:no-repeat;
	cursor:pointer;
	font-weight:bold;
}

p.BulletLink,
a.BulletLinkSeparate
{
	display:block;
	background-image:url(../images/dingbats/go.blue.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding:2px 0px 3px 9px;
}

a.BulletLink
{
    white-space:nowrap;
    display:inline;
}

a span.BulletLink
{
    color:[[c:Link]];
    font-weight:bold;
    display:inline-block;
    margin-left:5px;
}

a:hover span.BulletLink
{
    color:[[c:Hover]];
    text-decoration:underline;
}

p.BulletLink
{
}

li.BulletLink
{
	list-style-image:url(../images/dingbats/go.blue.gif);
	margin-left:5px;
	padding-top:0;
}

a:hover span.BulletLink,
a.BulletLink:hover,
a.BulletLinkSeparate:hover
{
	background-image:url(../images/dingbats/go.blue.gif);
}

a.BulletLinkBack
{
	background-image:url(../images/dingbats/go.back.blue.gif);
}

a.BulletLinkBack:hover
{
	background-image:url(../images/dingbats/go.back.red.gif);
}

a.BulletLinkUp
{
	background-image:url(../images/dingbats/go.up.blue.gif);
}

a.BulletLinkUp
{
	background-image:url(../images/dingbats/go.up.red.gif);
}

a.BulletLinkDown
{
	background-image:url(../images/dingbats/go.down.blue.gif);
}

a.BulletLinkDown
{
	background-image:url(../images/dingbats/go.down.red.gif);
}

a.BulletLinkOut
{
	background-image:url(../images/dingbats/go.out.blue.gif);
	padding-left:14px;
	background-position:0 4px;
}

a.BulletLinkOut:hover
{
	background-image:url(../images/dingbats/go.out.red.gif);
}

a.MailLink
{
	display:inline-block;
	padding-left:15px;
	background-image:url(../images/dingbats/mail.white.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}

a.RssLink
{
	display:inline-block;
	padding-left:14px;
	background-image:url(../images/dingbats/rss.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	font-weight:bold;
 }
 
 a.RssLink:hover
 {
    text-decoration:underline!important;
 }

.PrintOnly
{
    display:none;
}

.Small
{
    font-size:10px;
    line-height:120%;
}

.Small a
{
    font-weight:bold;
}


.PadTop
{
    padding-top:10px;
    padding-bottom:10px;
}

.PadSides
{
    padding-left:10px;
    padding-right:10px;
}

.DottedLeft
{
    background:white url(../images/dingbats/dots.3.gif) repeat-y 0 0;
}

.Bar
{
    font-weight:normal!important;
    color:#aaa!important;
}

.BorderSides
{
    border-left:1px solid [[c:Khaki+.3]];
    border-right:1px solid [[c:Khaki+.3]];
}

.BorderTop
{
    border-top:1px solid [[c:Khaki+.3]];
}

.BorderBottom
{
    border-bottom:1px solid [[c:Khaki+.3]];
}

.Note
{
	font-size:9px;
	color:#888;
	font-weight:bold;
}

.BoxNoteRight,
.BoxNoteLeft,
.BoxNote
{
	background-color:[[c:Khaki+.7]];
	padding:2px 5px;
	border:1px solid [[c:Khaki]];
	color:black;
	margin:15px 0;
}

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

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

.Large .BoxNote
{
    font-family:[[f:Text]]!important;
    font-size:11px!important;
    line-height:14px!important;
}

img.ImageBorder
{
    border:1px solid black;
}

.PhotoRight,
.PhotoLeft
{
	width:300px;
	background:white;
	display:block;
	clear:both;
}

.PhotoRight
{
	/* Used to float a photograph on the right margin. */
    float:right;
    padding:5px 0 8px 8px;
}

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

.PhotoLeft p,
.PhotoRight p,
p.Caption
{
	/* Photo captions */
	margin-top:6px;
	font-weight:bold;
	color:#666;
	margin:0;
}

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

.BoxNote li,
.BoxNoteLeft li,
.BoxNoteRight li,
.PhotoRight li,
.PhotoLeft li
{   
    margin-left:-15px;
}

.BoxNote .PhotoRight,
.BoxNote .PhotoLeft
{
	background-color:Transparent;
}

.Dateline
{
	font-weight:bold;
}   

.Author
{
    font-size:9px;
    font-weight:bold;
    color:[[c:Black]];
}

.Author a
{
    font-weight:bold;
}

.AuthorBlurb
{
	/* Used for author credit at end of story */
	clear:both;
	border-top:1px dotted silver;
	color:#787185;
	font-size:9px;
	font-weight:bold;
	margin-top:24px;
	padding-top:6px;
	margin-bottom:24px;
	
}

.Hidden, .Alt, .Ahem
{
	display:none!important;
}

.UserFormContent, .UserFormHeading
{
	font-size:9px;
	padding-right:7px;
	border:1px solid;
	border-color:#E4E1DB #B5A896 #B5A896 #E4E1DB;
}

.UserFormHeading
{
	background:#B5A896;
	font-weight:bold;
	color:#471516;
	padding:7px;
}

table.TableBare td
{
	padding:0 2px 0 0;
	border:none;
}

.OnThisPage
{
	/* 	Used for the on-page menu used for long, complex pages
		(e.g. On this page: Updates | Project Background | etc.) */
	font-weight:bold;
	color:#888;
}

.Error
{
	font-weight:bold;
	color:Red;
}

div.First,
div.First p,
p.First
{
	font-family:[[f:Serif]];
	font-size:13px;
	line-height:17px;
	font-weight:normal;
	font-style:italic;
	color:Gray;
	padding:0;
	margin-top:12px;
	margin-bottom:0;
}

div.First
{
	padding-bottom:10px;
}

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

.NoClear
{
    clear: none !important;
}

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

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

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

a.FloatRight
{
    margin-right: 0px !important;
}
div.DetailsContainer
{
	border-top:1px solid #e0e0e0;
	padding-top:2px;
}


table.DetailsTable td,
p.Details
{
	border-bottom:1px solid #e0e0e0;
	padding:0;
	margin:5px 0 0 0;
	display:block;
	clear: both;
	font-size:9px;
	line-height:15px;
}

table.DetailsTable td.DetailsLabel,
.DetailsLabel
{
	font-weight:bold;
	font-size:9px;
	line-height:15px;
	display:inline-block;
	width:50px;
	clear: both;
	vertical-align:top;
	color:#aaa;
	margin:-2px 0 3px 0;
}

table.DetailsTable
{
}

table.DetailsTable td
{
	padding:1px 0 0 0;
}

table.DetailsTable td.DetailsLabel
{
	padding-right:3px;
}


.SearchPanel
{
	background-color:#ddd;
	padding:2px 5px;
	border:1px solid;
	border-color:#eee #ccc #ccc #eee;
	color:#333;
	font-size:9px;
}

.SearchPanel2
{
	background-color:#eee;
	padding:2px 5px;
	border:1px solid;
	border-color:white #ddd #ddd white;
	color:#333;
	font-size:9px;
}

span.SearchFormLabel
{
	display:inline-block;
	width:100px;
	font-size:9px;
	font-weight:bold;
	color:[[c:Text]];
}


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

p.PreHeading
{
	color:[[c:Red]];
	font-size:11px;
	line-height:13px;
	margin:12px 0 0px 0;
	font-weight:bold;
	text-transform:uppercase;
    letter-spacing:1px;
    background:None;
}

p.PreHeading strong
{
	font-weight:normal;
}

p.Large,
div.Large,
.Large p,
.Large li
{
    font-family:[[f:Serif]];
    font-size:14px!important;
    line-height:130%;
    font-weight:normal;
    font-style:normal;
}

p.Large,
.Large p
{
    margin:16px 0!important;
}

p.Large p,
p.Large div
{
    display:inline;
}

div.Callout,
div.Callout p
{
    font-size:13px!important;
    line-height:16px!important;
    font-family:[[f:Serif]];
    color:Black;
}

p.Medium,
div.Medium,
.Medium p,
.Medium li,
.Medium td
{
    font-size:12px!important;
    line-height:130%!important;
    font-weight:normal;
    color:[[c:Text]];
}


/* Dividers */

div.Divider2,
div.Divider3,
div.Divider4,
div.Divider5
{
    background-image:url(../images/dingbats/dots.2.gif);
    background-repeat:repeat-x;
    background-position:0 0;
    font-size:1px;
    line-height:1px;
    height:1px;
    margin:6px 0;
    clear:both;
}   

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);
}    


/****************************************************** MAIL */

div.Mail
{
    background-color:White;
    width:549px;
    text-align:left;
    border:1px solid black;
}


div.Mail div#Message
{
    margin:25px;
}

/*
div.Mail
{
    background-color:[[c:Background]];
}

div.Mail div#Main
{
    text-align:left;
    border:none;
    padding:0;
    margin:0;
    background-image:none;
    background-color:white;
    width:549px;
}

div.Mail h1
{
    background-image:none;
    margin-top:0;
    padding-top:0;
}

div.Mail div#Credit
{
    position:relative;
    left:-220px;
    margin: 0;
    text-align:right;
    width:549px;
}

div.Mail div#Credit a
{
}

div.Mail div#Credit a:hover
{
}

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

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

div#AdminMasthead
{
	height:99px;
	background-image:url(../images/cwt/masthead.background.gif);
	background-repeat:repeat-x;
	border-bottom:3px solid [[c:CaudillOrange]];
}

div#AdminMasthead a#MastheadLogo
{
    float:right;
}


div#AdminMasthead p
{
	padding-left:10px;
	margin-top:12px;
	color:White;
	font-family:[[f:Sans]];
	font-size:18px;
	line-height:18px;
}

/* Project ID area */

div#ProjectId
{
    position:absolute;
    top:88px;
    left:15px;
}

div#ProjectId h1
{
    font-family:[[f:AdminSans]];
    padding-top:12px;
    font-size:24px;
    line-height:26px;
    color:White;
    margin:0;
    font-weight:bold;
}

div#ProjectId h2
{
    font-family:[[f:AdminSans]];
    font-size:24px;
    line-height:26px;
    color:White;
    margin:0;
    font-weight:bold;
}

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

/* Version ID */
div#AdminMasthead div#VersionId
{
    position:absolute;
    top:88px;
    right:7px;
    color:[[c:CaudillBlue+.4]];
    font-size:9px;
}

/***************************************************************	TABSTRIP  */

.TopGroup
{
  z-index:99;
  position:relative;
  padding-left:3px;
}

.DefaultTab 
{
  color:black; 
  background-image: url(../images/componentart/tab_bg.gif);
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(../images/componentart/hover_tab_bg.gif);
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(../images/componentart/selected_tab_bg.gif);
  font-size:10px; 
  cursor:default;
}

.MultiPage
{
	border-left:1px solid [[c:TabGray]];
	border-right:1px solid [[c:TabGray]];
}

.PageContent
{
  font-size:10px; 
}

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

table.DataGrid
{
	border:1px solid black;
	border-width:0 1px 1px 1px;
	border-collapse:separate;
}

table.DataGrid tr.DataGridHeader td.TableHeading,
table.DataGrid tr.DataGridHeader td,
table.DataGrid th,
table.DataGrid tr.DataGridHeader td.SortUp,
table.DataGrid tr.DataGridHeader td.SortDown
{
/* All heading cells */
	border:none;
	border-left:1px solid white;
	height:24px;
	background-image:url(../images/componentart/header_rowBg.gif);
	background-repeat:repeat-x;
	vertical-align:bottom;
	padding:0;
	color:Black;
	font-size:9px;
	line-height:23px;
	font-weight:bold;
	white-space:nowrap;
}

table.DataGrid tr.DataGridHeader td.TableHeading a,
table.DataGrid tr.DataGridHeader td a,
table.DataGrid th a
/* All heading links */
{
	color:Black;
	font-size:9px;
	line-height:23px;
	font-weight:bold;
	white-space:nowrap;
	display:block;
	width:auto;
	height:24px;
	padding:0 5px 0 3px;
}

table.DataGrid tr.DataGridHeader td.TableHeading a:hover,
table.DataGrid tr.DataGridHeader td a:hover,
table.DataGrid th a:hover
/* All heading links on hover */
{
	background-image:url(../images/componentart/header_hoverBg_nobar.gif);
	background-repeat:repeat-x;
}

table.DataGrid tr.DataGridItem td,
table.DataGrid td,
table.DataGrid tr.DataGridItem td.Highlight
/* All regular cells */
{
	background-color:White;
	border:none;
	border-bottom:1px solid [[c:Black+.95]];
	padding:0 5px;
	line-height:15px;
	vertical-align:middle;
}	

table.DataGrid tr.DataGridItemAlternate td,
table.DataGrid tr.DataGridItem td.Alternate
{
    background-color:[[c:AdminBlue+.9]];
    border-bottom:1px solid [[c:AdminBlue+.7]];
}

table.InsertRow
{
	border:1px solid black;
}

table.InsertRow td
{
    height:25px;
	background-image:url(../images/cwt/glass.purple.25.gif);
	padding:0 5px;
	line-height:15px;
	vertical-align:middle;
}

table.DataGrid tr:hover td
{
    background-color:[[c:AdminBlue+.95]];
}


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


table.DataGrid td.LinkColumn a
{
	display:block;
	width:auto;
	background-color:White;	
	padding:0;
	white-space:nowrap;
}

table.DataGrid td.LinkColumn a:hover
{
}

table.DataGrid tr.DataGridItem td.Highlight
{
	background-color:[[c:Black+.99]];
}



table.DataGrid tr.DataGridHeader td.SortUp a,
table.DataGrid tr.DataGridHeader td.SortDown a
{
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:3px center;
}

table.DataGrid tr.DataGridHeader td.SortUp a
{
	background-image:url(../images/icons/sort.up.gif)
}

table.DataGrid tr.DataGridHeader td.SortDown a
{	
	background-image:url(../images/icons/sort.down.gif)
}

/*************************************************************** FORM */

.FormTitle
{
	font-family:[[f:AdminSans]];
    font-size:15px;
    line-height:19px;    
    font-weight:bold;
	background:white;
	background-image:url(../images/cwt/glass.lightpurple.37.gif);
	background-repeat:repeat;
	height:22px;
	padding:10px 5px 5px 5px;
	border:1px solid [[c:TabGray]];
	margin-top:-2px;
	color:Black;
}

.id
{
	font-size:9px;
	font-weight:normal;
	float:right;
	color:#aaa;
	margin:0;
}

.FormFooter
{
	background:white;
	background-image:url(../images/cwt/glass.lightpurple.25.gif);
	background-repeat:repeat-x;
	height:15px;
	padding:5px 5px;
	border:1px solid [[c:White-.5]];
	color:Black;
    margin:0;
	font-size:9px;
	font-weight: normal;

}

table.TableForm
{
}

table.TableForm td,
table.TableForm p,
.FormContent, 
div.FormContent,
.UserFormContent,
.FormContent p,
.UserFormContent p
{
    /* Form field cells */
	padding:1px 5px;
	font-size:10px;
	line-height:11px;
	font-family:[[f:Admin]];
	background-color:[[c:Black+.985]];
}

.FormContent h3
{
    /* Headings for form sections */
	font-size:9px;
	margin-top:12px;
	margin-bottom:2px;
	border-bottom:1px solid #ddd;
}

table.TableForm td,
.FormContent
{
	border-bottom:1px solid [[c:Black+.85]];
}

td.FormHeading p.FormInstructions,
p.FormInstructions,
span.FormInstructions
{
	background:none;
	padding:0;
	margin:3px 0 6px 0;
	font-size:9px;
	font-weight:normal;
	color:Gray;
	
}

div.FormHeading,
table.TableForm td.FormHeading,
table.TableForm td.UserFormHeading
{
    /* Headings (labels) for form fields */
	font-size:9px;
	font-weight:bold;
	color:[[c:Black+.1]];
	padding:5px;
	background:[[c:Black+.955]];
	border-bottom:1px solid [[c:Black+.85]];
	vertical-align:top;
}

div.FormHeading h3
{
    border:none;
    color:Black;
    font:[[c:Text]];
    font-weight:bold;
    font-size:11px;
    line-height:13px;
    margin:0;
    padding:0;
}

.PageContent table.DataGrid
{
	border:none;
}

.PageContent td.TableHeading
{
	border:none;
}

/* For richtextbox */
div.RichTextBoxContainer td,
table.TableForm td table td
{
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:0px;
}

.LanguageSelector
{
    margin:12px 0;
    float:right;
}

td.XmlFormCell
{
    padding:5px;
    background: [[c:AdminBlue+.7]];
}

td.XmlFormCell table.TableForm
{
    border:1px solid [[c:AdminBlue]];
}




/***************************************************************** FORM BUTTONS */

a.DeleteButton,
a.CancelButton,
a.SaveButton,
a.SendButton,
a.GoButton,
a.UploadButton
{
    display:table-cell;
    background:url(../images/cwt/button.background.gif) no-repeat right top;
	text-align:left;
	font-size:10px;
	line-height:27px;
	height:27px;
	color:Black;
	font-weight:bold;
	padding-right:10px;
}

a.DeleteButton span,
a.CancelButton span,
a.SaveButton span,
a.SendButton span,
a.GoButton span,
a.UploadButton span
{
    display:table-cell;
    height:28px;
    line-height:15px;
    padding:6px 15px 6px 30px;
    background:no-repeat left top;
}

a.DeleteButton:hover,
a.CancelButton:hover,
a.SaveButton:hover,
a.SendButton:hover,
a.GoButton:hover,
a.UploadButton:hover
{
	color:Black;
    background-image:url(../images/cwt/button.background.over.gif);
    cursor:pointer;
    text-decoration:none;
}

a.DeleteButton span { background-image:url(../images/cwt/button.delete.square.gif); }
a.CancelButton span { background-image:url(../images/cwt/button.cancel.square.gif); }
a.SaveButton span { background-image:url(../images/cwt/button.save.square.gif); }
a.SendButton span { background-image:url(../images/cwt/button.send.square.gif); }
a.GoButton span { background-image:url(../images/cwt/button.go.square.gif); }
a.UploadButton span { background-image:url(../images/cwt/button.upload.square.gif); }


/***************************************************************** SMALL BUTTONS (ADMIN SITE)*/


a.SmallAddButton,
a.SmallApproveButton,
a.SmallCalculateButton,
a.SmallDownButton,
a.SmallEditButton,
a.SmallMailButton,
a.SmallOkButton,
a.SmallPreviewButton,
a.SmallPrintButton,
a.SmallSearchButton,
a.SmallUpButton,
a.SmallPasswordButton,
a.SmallDeleteButton,
a.SmallCancelButton
{
    font-family:[[f:Admin]]!important;
    margin-top:1px;
    display:inline-block;
    height:15px;
    background:url(../images/cwt/button.small.background.gif) no-repeat right top;
	text-align:left;
	vertical-align:text-bottom;
	font-size:9px;
	line-height:10px;
	color:Black;
	font-weight:normal;
    clear:both;
}

a.SmallAddButton span,
a.SmallApproveButton span,
a.SmallCalculateButton span,
a.SmallDownButton span,
a.SmallEditButton span,
a.SmallMailButton span,
a.SmallOkButton span,
a.SmallPreviewButton span,
a.SmallPrintButton span,
a.SmallSearchButton span,
a.SmallUpButton span,
a.SmallPasswordButton span,
a.SmallDeleteButton span,
a.SmallCancelButton span
{
    display:inline-block;
    height:10px;
    padding:1px 10px 4px 18px;
    background:no-repeat left top;
}

a.SmallAddButton:hover,
a.SmallApproveButton:hover,
a.SmallCalculateButton:hover,
a.SmallDownButton:hover,
a.SmallEditButton:hover,
a.SmallMailButton:hover,
a.SmallOkButton:hover,
a.SmallPreviewButton:hover,
a.SmallPrintButton:hover,
a.SmallSearchButton:hover,
a.SmallUpButton:hover,
a.SmallPasswordButton:hover,
a.SmallDeleteButton:hover,
a.SmallCancelButton:hover
{
	color:Black!important;
    background-image:url(../images/cwt/button.small.background.over.gif);
    cursor:pointer;
    text-decoration:none;
}

a.SmallAddButton span { background-image:url(../images/cwt/tool.add.gif); }
a.SmallApproveButton span { background-image:url(../images/cwt/tool.Approve.gif); }
a.SmallCalculateButton span { background-image:url(../images/cwt/tool.Calculate.gif); }
a.SmallDownButton span { background-image:url(../images/cwt/tool.Down.gif); }
a.SmallEditButton span { background-image:url(../images/cwt/tool.Edit.gif); }
a.SmallMailButton span { background-image:url(../images/cwt/tool.Mail.gif); }
a.SmallOkButton span { background-image:url(../images/cwt/tool.Ok.gif); }
a.SmallPreviewButton span { background-image:url(../images/cwt/tool.Preview.gif); }
a.SmallPrintButton span { background-image:url(../images/cwt/tool.Print.gif); }
a.SmallSearchButton span { background-image:url(../images/cwt/tool.Search.gif); }
a.SmallUpButton span { background-image:url(../images/cwt/tool.Up.gif); }
a.SmallPasswordButton span { background-image:url(../images/cwt/tool.Password.gif); }
a.SmallDeleteButton span { background-image:url(../images/cwt/tool.Delete.gif); }
a.SmallCancelButton span { background-image:url(../images/cwt/tool.Cancel.gif); }


/***************************************************************** SEARCH PANEL */

div.SearchPanel
{
	background-image:url(../images/cwt/glass.darkpurple.23.gif);
	background-repeat:repeat-x;
	background-color:[[c:AdminBlue-0]];
	border:none;
	border-bottom:1px solid black;
	margin:0;
	margin-top:-3px;
	padding:0px 5px;
	height:25px;
}

div.SearchPanel,
div.SearchPanel td
{
	color:white;
	font-size:10px;
	line-height:12px;
}

div.SearchPanel td
{
	vertical-align:middle;
	white-space:nowrap;
}

div.SearchPanel .FormField
{
	border:1px solid black;
	background-image:url(../images/cwt/glass.formfield.gif);
	background-repeat:repeat-x;
	height:auto;
	background-color:[[c:Black+.95]];
	margin-top:0px;
	margin-right:0;
}

div.SearchPanel a
{
	color:[[c:White-.1]];
}

div.SearchPanel a:hover
{
	color:White;
}

div.SearchPanel span.Label
{
    line-height:12px;
	display:inline-block;
	width:60px;
	white-space:nowrap;
}

div#Advanced
{
	background-image:url(../images/cwt/glass.darkpurple.100.gif);
	padding-bottom:5px;
}	

div.SearchPanel div
{
	padding:3px 0 2px 0;
}

div.SearchPanel span
{
    margin:0;
}

div.SearchPanel span.Separator
{
	width:0px;
	height:23px;
	display:inline-block;
	border-left:1px solid [[c:Black+.1]];
	border-right:1px solid [[c:Black+.5]];
	margin:0px 10px -5px 10px;
}
	
/***************************************************************** SEARCH BUTTONS */

a.SearchButton,
a.ClearButton
{
	display:inline-block;
	line-height:14px;
	height:17px;
	width:41px;
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:text-bottom;
	padding:4px 0 0 24px;
	font-size:9px;
	color:Black;
}

a.SearchButton:hover,
a.ClearButton:hover
{
	color:Black;
}

a.SearchButton { background-image:url(../images/cwt/button.search.gif); }
a.SearchButton:hover { background-image:url(../images/cwt/button.search.over.gif); }

a.ClearButton { background-image:url(../images/cwt/button.clear.gif); }
a.ClearButton:hover { background-image:url(../images/cwt/button.clear.over.gif); }
	
	
/***************************************************************** SEARCH RESULTS */

table.SearchResults
{
}

div.SearchResultsHeading,
div.SearchResults,
table.SearchResults td
{
	font-size:10px;
	color:Gray;
	padding-bottom:10px;
}


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

div#Toolbar
{
	height:25px;
	border:1px solid black;
	background-image:url(../images/cwt/glass.purple.25.gif);
}

div#Toolbar a
{
	display:inline-block;
	height:18px;
	padding:6px 5px 1px 5px;
	vertical-align:bottom;
	color:Black;
}

div#Toolbar a:hover
{
	background-image:url(../images/cwt/glass.orange.25.gif);
	background-repeat:repeat-x;
}

div#Toolbar a img
{
	margin-right:5px;
	margin-top:-2px;
}

div#Toolbar span.Separator
{
	width:0px;
	height:25px;
	display:inline-block;
	border-left:1px solid [[c:Black+.5]];
	border-right:1px solid [[c:Black+.9]];
}

/* Column chooser link */

div#Toolbar span.ColumnChooserLinkContainer
{
	float:right;
}

div#Toolbar span.ColumnChooserLinkContainer a
{
	text-align:left;
}

div#Toolbar span.ColumnChooserLinkContainer a img
{
	position:relative;
	top:0px;
	margin-right:0;
}

/* Insert item link */

div#Toolbar span.InsertLinkContainer
{
}

div#Toolbar span.InsertLinkContainer a,
div#Toolbar span.InsertLinkContainer a.Visible,
div#Toolbar span.InsertLinkContainer a.Hidden
{
    float:none;
	text-align:left;
	display:inline-block;
	height:18px;
	padding:6px 5px 1px 5px;
	color:Black;
}

div#Toolbar span.InsertLinkContainer a img
{
	position:relative;
	top:0px;
	margin-right:0;
}

div#Toolbar label
{
    color:[[c:AdminBlue-.7]];
    position:relative;
    top:-6px;
    margin-left:4px;
}

div#Toolbar select.FormField
{
    position:relative;
    top:-6px;
}

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

.ColumnChooser
{
    display:block;
	border:1px solid black;
	border-top:none;
	background-image:url(../images/cwt/glass.purple.53.gif);
	line-height:12px;
	font-size:9px;
	padding:0 3px;
}

.ColumnChooser label
{
	margin-right:5px;
	white-space:nowrap;
}



/***************************************************************** INSTRUCTIONS */

div.InstructionsContainer
{
    background-color:#eee;
}

div.InstructionsContainer div
{
    border-width:0 1px 1px 1px;
    border:solid black;
    padding:5px;
}

div.InstructionsContainer ul
{
    margin:0 0 0 20px;
    padding:0;
}

div.InstructionsContainer p,
div.InstructionsContainer li
{
    font-size:9px;
    margin-top:3px;
}

div.InstructionsContainer li
{
    margin-left:5px;
}

/***************************************************************** FORM FIELDS & BUTTONS */

.FormField, 
.FormFieldRequired,
.FormFieldPrivate,
.FormFieldInline
{
	font-size:11px;
	line-height:14px;
	font-family:[[f:Mono]];
	font-weight:normal;
	color:#222;
	height:13px;
}

.FormField, 
.FormFieldRequired,
.FormFieldPrivate,
.FormFieldInline,
.FormFieldH1,
.FormFieldH2,
.FormFieldH3,
.FormFieldH4
{
    margin:0 4px 0 0;
	background-color:White;
	border:1px solid #7F9DB9;
}

.FormFieldRequired
{
	border-right:3px solid red;
}

.FormFieldPrivate
{
    background-color:#ddd;
}

a.InlineEditLink,
.FormFieldInline
{
    line-height:12px;
    height:12px;
    padding:1px;
    font-family:[[f:Admin]];
    margin:0;
}

a.InlineEditLink
{
    display:block;
    color:Black;
}

.FormFieldInline
{
    margin-left:-1px;
}

select.FormField,
select.FormFieldRequired
{
	font-family:[[f:Admin]];
	font-size:11px;
	height:auto;
}

.Button
{
    font-size: 8pt;
    height:24px;
    font-family:[[f:Admin]];
}




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

div.AdminHeader
{
    background:black url(../images/relational/glass.black.24.gif) repeat-x;
    font-family: [[f:Admin]];
    height: 25px;
    font-weight: normal;
    white-space: nowrap;
    border-bottom:1px solid black;
}

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

div.AdminHeader div
{
    padding:6px 5px;
    height:13px;
    float:left;
}

div.AdminHeader a
{
    text-decoration: none;
    color: #ddd;
    display:block;
    float:left;
    padding: 6px 5px;
    font-weight: bold;
    height:13px;
    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:block;
    float:left;
    border-left: 1px solid [[c:Black+0]];
    border-right: 1px solid [[c:Black+.3]];
}

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


div#ModeSwitch
{
    float:right;
    padding:0;
}

div#CurrentModeLabel
{
}

div#ModeButtons
{
    float: left;
    display: block;
    padding: 0;
    border-left: 1px solid [[c:Black+0]];
}

div#ModeButtons a
{
    display:block;
    float:left;
    padding: 7px 6px 5px 6px;
    height: 13px;
    border-left: 1px solid [[c:Black+0.3]];
    border-right: 1px solid [[c:Black+0]];
}

div#ModeButtons a:hover
{
}

div#ModeButtons img
{
}

div#ModeButtons a.Selected
{
    border-left: 1px solid [[c:AdminOrange+.1]];
    border-right: 1px solid [[c:AdminOrange-.1]];
}

div.AdminHeader div#ModeButtons a:hover
{
    background-image: url(../images/relational/glass.khaki.24.gif);
    border-left: 1px solid [[c:Black+.5]];
    border-right: 1px solid [[c:Black+.2]];
}




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

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

div#AdminMenuContainer
{
        position:absolute;
        top:26px;
        left:0;
		border:none;
		background-color:[[c:CaudillBlue]];
		background-image:url(../images/cwt/menu.background.blue.gif);
		padding:0;
		width:auto;
}

ul#AdminMenu
/* Menu container (level 1) */
{
    margin:0;
    padding:0;
	white-space:nowrap;
	float:left;
	border-right:1px solid [[c:AdminMenu1L]];
}

ul#AdminMenu ul
/* Menu containers (level 2+) */
{
    position:absolute;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    padding:0;
    visibility:hidden;
	z-index:999;
    border:1px solid;
    border-color:[[c:AdminMenu3L]] [[c:AdminMenu3D]] [[c:AdminMenu3D]] [[c:AdminMenu3L]];
    width:auto;
    background-color:[[c:AdminMenu3]];
}

ul#AdminMenu li li ul
/* Menu containers (level 3+) */
{
    margin-top:-25px;
    margin-left: 172px; 
	z-index:999;
}

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

ul#AdminMenu li
/* List items (level 1+) */
{
    list-style:none;
    margin:0;
    padding:0;
	font-size:10px;
    float:left; 
}
    
ul#AdminMenu ul li
/* List items (level 2+) */
{
	width:182px;
    background-color:[[c:AdminMenu2]];
    float:none;
    clear:both;
}


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

ul#AdminMenu a
/* Links (level 1+) */
{
    color:White;
    background-color:Transparent;
    border:1px solid;
    border-color:transparent [[c:AdminMenu1D]] transparent [[c:AdminMenu1L]] ;
    border-top:none;
    border-bottom:none;
    font-family:[[f:Admin]];
    font-size:11px;
    display:block;
    text-decoration:none;
	font-weight:bold;
    padding:2px 10px 1px 10px;
	white-space:nowrap;
	margin:0 0 0 0;
	line-height:28px;

}

ul#AdminMenu a.Hover,
ul#AdminMenu a:hover
/* Links on hover (level 1+) */
{
	text-decoration:none;
	color:White;
	background-image:url(../images/cwt/menu.background.lightblue.gif);
    border-color:transparent [[c:AdminMenu3D]] transparent [[c:AdminMenu3L]];
}

ul#AdminMenu a.Selected,
ul#AdminMenu a.Selected:hover
/* Selected links (level 1+) */
{
	color:White;
	font-weight:bold;
	background-image:url(../images/cwt/menu.background.orange.gif);
    border-color:transparent [[c:AdminMenu2D]] transparent [[c:AdminMenu2L]];
}

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

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

ul#AdminMenu li li a
/* Links (level 2+) */
{
	display:block;
    width:160px; 
    padding:2px 10px 3px 10px;
    border:1px solid;
    background-color:[[c:AdminMenu3]];
    border-color:[[c:AdminMenu3]] [[c:AdminMenu3]] [[c:AdminMenu3+.1]] [[c:AdminMenu3]];
    font-weight:normal;
	line-height:20px;
}

ul#AdminMenu li li a.Hover,
ul#AdminMenu li li a:hover
/* Links on hover (level 2+) */
{
	background-image:url(../images/cwt/menu.background.orange.gif);
    border-color:[[c:AdminMenu2L]] [[c:AdminMenu2D]] [[c:AdminMenu2D]] [[c:AdminMenu2L]];
}

ul#AdminMenu li li a.Selected,
ul#AdminMenu li li a.Selected:hover
/* Selected links (level 2+) */
{
	background-image:url(../images/dingbats/arrow.selected.gif);
	background-image:url(../images/cwt/menu.background.blue.gif);
	background-repeat:repeat-x;
	background-color:[[c:AdminMenu1]];
	font-weight:normal;
    border-color:[[c:AdminMenu1L]] [[c:AdminMenu1D]] [[c:AdminMenu1D]] [[c:AdminMenu1L]];
}

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


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

.EditingTools
{
	position:absolute;
	display:block;
	padding:0;
	margin:-2px 0 0 -2px;
	z-index:999;
    clear:both;
}

.EditingTools a,
.EditingTools a.ApproveButton
{
	display:inline-block!important;
	font-size:9px!important;
	line-height:10px!important;
    font-weight:bold!important;
	color:Black!important;
    height:15px!important;
    width:15px!important;
    padding:0 3px 0 0!important;
    background-repeat:no-repeat!important;
    margin:0!important;
}

.EditingTools a:hover
{
    font-weight:bold;
	color:Black;
}

.EditingTools a.EditButton
{
    background-image:url(../images/cwt/tool.edit.gif);
}

.EditingTools a.EditButton:hover
{
    background-image:url(../images/cwt/tool.edit.over.gif);
}

.EditingTools a.ApproveButton
{
    background-image:url(../images/cwt/tool.approve.gif);
}

.EditingTools a.ApproveButton:hover
{
    background-image:url(../images/cwt/tool.approve.over.gif);
}

.EditingTools a.UpButton
{
    background-image:url(../images/cwt/tool.up.gif);
}

.EditingTools a.UpButton:hover
{
    background-image:url(../images/cwt/tool.up.over.gif);
}

.EditingTools a.DownButton
{
    background-image:url(../images/cwt/tool.down.gif);
}

.EditingTools a.DownButton:hover
{
    background-image:url(../images/cwt/tool.down.over.gif);
}


li.EditingTools
{
	top:3px;
}

.EditingTools a img
{
	padding:2px 3px 1px 3px;	
	vertical-align:middle;
}

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

div.EditableZone,
div.ChangedEditableZone,
div.NewEditableZone
{
    border:3px solid [[c:AdminBlue+.7]];
    display:block;
    clear:both;
    margin-bottom:2px;
}
    
div.ChangedEditableZone
{
    border-color:[[c:AdminRed]];
}

div.NewEditableZone
{
    border-color:[[c:AdminGreen]];
}    

/************** MISC */

.ScrollVertical
{
	background: White;
    height:280px;
    width:500px;
    overflow:auto;
    overflow-y:scroll;
    border:1px solid #bbb;    
    padding: 3px;
    margin-top:2px;
}

div.ContactInfo,
div.ScrollVertical p.ContactInfo,
p.ContactInfo
{
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../images/icons/new.contact.gif);
	background-position:5px 0px;
	background-color:transparent;
	padding:0 0 0 22px;
	margin:0;
}

div.ContactInfo
{
}

li.ContactInfo
{
	list-style-image:url(../images/icons/new.contact.gif);
}

div.ScheduledContent,
div.PageContent
{
	border:2px solid #eee;
	margin:4px 0;
	padding:2px;
}	

div.PageContent div.EditingTools
{
	margin-top:-4px;
	margin-left:-4px;
}

div.ScheduledContentHeader
{
	background:white;
	color:gray;
	font-size:9px;
	padding:0 0 0 5px;
	border:1px solid gray;
	margin-right:-2px;
	margin-top:-4px;
	float:right;
}

div.ScheduledContentHeader a
{
	color:White;
	background:silver;
	display:inline;
	border-left:1px solid gray;
	padding:1px 5px;
	margin-left:5px;
}

div.ScheduledContentHeader a:hover
{
	background:Red;
	color:white;
}

div.ErrorList
{
	border:2px dotted red;
	padding:5px;
	font-weight:bold;
	margin-bottom:10px;
}

div.ErrorList li, 
div.ErrorList p
{
	margin:0;
	color:Red;
	font-weight:normal;
}


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

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

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

.PhotoCell.PhotoCellRight
{
    float:right;
}

.PhotoCell img
{
    cursor:move;
}

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

.PhotoCell p input
{
	
}

.PhotoCell a
{
    font-size:9px;
    line-height:11px;
}

.PhotoCell .DetailsTable
{
    margin-bottom:3px;
}

.PhotoCell .DetailsTable td
{
    font-size:9px;
}

.PhotoCell .DetailsTable td.DetailsLabel
{
    font-size:9px;
}



.PhotoCell p.EditTools
{
	text-align:right;
	margin:-1px 0 0 0;
	padding-bottom:2px;
	white-space:nowrap;
}

a.PreviewLink,
a.EditPhotoLink,
a.FullPhotoLink
{
	text-decoration:none;
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:17px;
    color:Black;
    width:57px;
    line-height:14px;
    display:inline-block;
    font-size:9px;
    text-align:left;
    margin-top:1px;
    margin-bottom:1px;
}

a.PreviewLink:hover,
a.EditPhotoLink:hover,
a.FullPhotoLink:hover
{
	font-weight:normal;
    color:Black;
}

a.EditPhotoLink
{
	background-image:url(../images/cwt/button.edit.gif);
}

a.EditPhotoLink:hover
{
	background-image:url(../images/cwt/button.edit.over.gif);
}

a.PreviewLink,
a.FullPhotoLink
{
	background-image:url(../images/cwt/button.full.gif);
}

a.PreviewLink:hover,
a.FullPhotoLink:hover
{
	background-image:url(../images/cwt/button.full.over.gif);
}





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

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

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

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

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

.SelectedTreeNode 
{ 
  font-size: 10px; 
  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;
}



/******************************************************** ADMIN SIDEBAR & QUICK LINKS */

td#AdminSidebar
{
    background-color:[[c:AdminBlue+.95]];
    height:800px;
    padding:10px;
}

div#QuickLinks 
{
}

td#AdminSidebar div#Toolbar
{
}

div#Toolbar h4
{
    margin:0;
    padding:5px;
}

td#AdminSidebar div.SidebarContainer
{
    margin:0 0 15px 0;
    border:1px solid black;
    margin-top:-1px;
}

div#QuickLinks a
{
    width:225px;
    display:block;
    text-decoration:none;
	font-weight:normal;
	white-space:nowrap;
	margin:0 0 0 0;
    font-size:10px;
	background-color:[[c:AdminBlue-0]];
	background-image:url(../images/cwt/glass.darkpurple.19.gif);
	color:white;
    padding:1px 5px 2px 7px;
    line-height:16px;
    border:solid;
    border-width:1px 0 1px 0;
    border-color:[[c:AdminBlue+.2]] transparent [[c:AdminBlue-.4]] transparent;
}

div#QuickLinks a:hover
{
	background-image:url(../images/cwt/glass.orange.19.gif);
}

td#AdminSidebar ul
{
    margin-left:23px;
}


td#AdminSidebar ul ul
{
    list-style:none;
    margin-left:10px;
}




/****************************************************** COMPONENTART GRID*/


.Grid 
{ 
  background-color: White; 
  border: 1px solid [[c:AdminBlue]]; 
  font-size: 10px; 
  cursor: pointer;
}

.GridHeader
{
  background-image: url(../images/componentart/grid_headerBg.gif); 
  background-color: Gray; 
  height: 24px;
  padding-left: 3px;
  cursor: default;
}

.GridHeaderText
{
  color: White;  
  font-family: verdana; 
  font-size: 10px; 
}

.GroupByText
{
  color: White; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}

.HeadingRow 
{ 
  background-image: url(../images/componentart/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(../images/componentart/header_bg.gif);   
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(../images/componentart/header1stCell_bg.gif); 
}

.HeadingCellText
{
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.EditRow,
.SelectedRow,
.Row 
{ 
  background-color: White; 
  height:15px;
}

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: [[c:AdminOrange+.7]]; 
  border-top:none!important;
} 

.SelectedRow td.DataCell,
.Row td.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-top:1px solid white;
  border-bottom: 1px solid [[c:AdminBlue+.95]]; 
  font-family: verdana; 
  font-size: 10px; 
} 

.SortedDataCell 
{ 
  background-color: [[c:AdminBlue+.957]]; 
} 

.SelectedRow td.DataCell 
{ 
/*
  background-color: [[c:AdminOrange+.7]]; 
  border-bottom: 1px solid [[c:AdminBlue-.4]]; 
  border-top: 1px solid [[c:AdminBlue-.4]]; 
*/
}


.Grid input.FormField
{
  padding: 0px; 
  padding-left: 1px; 
  margin-left:1px;
  line-height:15px;
  height: 15px;
  width: 98%!important; 
  font-family:[[f:Admin]];
  font-size:10px;
}

.Grid select.FormField
{
    line-height:13px;
    height:13px;
}

/****************************************************** PROGRESS BAR */

div.ProgressBar
{
   width:203px;
   height:13px;
   background-image:url(../images/cwt/progress.bar.gif);
   background-repeat:no-repeat;
   padding:3px 2px;
   border:1px solid white;
}

div.ProgressIndicator
{
    height:7px;
   background-image:url(../images/cwt/progress.indicator.gif);
   background-repeat:repeat-x;
}


/********************************************* FIELDSETS */


div.FieldsetContainer
{
    position:relative;
    z-index:0;
    background-color: [[c:Background+.7]];
    border: 1px solid [[c:Background]];
    padding: 5px;
    width:98%;
}    

fieldset
{
    padding:10px;
    min-height:130px;
}

div.FieldsetContainer legend
{
	font-family:[[f:Sans]];
	font-style:normal;
	font-weight:normal;
	font-size:10px;
	line-height:13px;
	letter-spacing:2px;
	text-transform:uppercase;
    color:[[c:Red]];
}

div.FieldsetContainer input,
div.FieldsetContainer select,
div.FieldsetContainer textarea
{
    font-family:[[f:Text]];
    font-size:11px;
    line-height:13px;
    color:Black;
    font-weight:normal;
}

div.FieldsetContainer label
{
    font-size:10px;
    color:#555;
    font-weight:bold;
    display:block;
    margin-bottom:0;
}


div.FieldsetContainer span.RadioButtonList label,
div.FieldsetContainer span.Checkbox label,
div.FieldsetContainer span.CheckboxList label
{
    font-weight:normal;
    display:inline;
}

div.FieldsetContainer p
{
    font-size:10px;
}

div.FieldsetContainer .Error
{
    font-size:10px;
}

div.FieldsetContainer p.Instructions
{
    margin:0;
}

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;
    position:relative;
    z-index:2;
}

div.FormRow div.FieldContainer
{
    float: left;
    width: 480px;
    position:relative;
    z-index:2;
}



/********************************************* BLOGS */

div.BlogComment
{
    background:#<%=Light(Black,.99)%> url(../images/dingbats/dots.2.gif) repeat-x 0 23px;
    margin-top:12px;
    padding:2px 4px 8px 4px;
}

div.BlogComment.PostedByBlogAuthor
{
    background-color:#<%=Light(Black,.97)%>;
}

p.CommentDetails
{
    margin:3px 0;
}

p.CommentDetails span.Author
{
}

div.BlogComment.PostedByBlogAuthor p.CommentDetails span.Author
{
    color:#<%=Red%>;
}

p.CommentDetails span.Dateline
{
    color:Gray;
    font-weight:normal;
}

p.CommentContent
{
    color:#<%=Light(Black,.4)%>;
}

/*** Update Progress */

div.BlogComment.PostedByBlogAuthor p.CommentContent
{
    color:Black;
}

div.BlogCommentForm div.UpdateProgressWrapper
{
    border:1px solid #<%=Light(Black,.8)%>;
    background:#<%=Light(Black,.95)%>;
    position:absolute;
    width:auto;
    padding:20px;
    left:250px;
    top:100px;
    text-align:center;
    <%=Opacity(75)%>
}

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

div.BlogCommentForm div.UpdateProgressWrapper span
{
    display:block;
    padding:5px 0;
}
    
a.BlogPostLink p.CommentCount
{
    font-size:9px;
    color:#777;
}




/* Full page update progress */
div.FullPageUpdateProgressWrapper
{
    position:fixed;
    width:99%;
    height:99%;
    left:0;
    top:0;
    z-index:9999;
}

div.FullPageUpdateProgressWrapper div.UpdateProgress
{
    width: 150px;
    border: 1px solid [[c:Black+.8]];
    background: transparent url(../images/translucent/10.90.png);
    padding:50px 30px;
    text-align: center;
    margin:30% auto;
}


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 a
{
    color: [[c:Hover]];
    text-decoration:underline;
}

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

/********************************************* TOPIC FEATURE PHOTO */

div.TopicFeaturePhoto
{
}

div.TopicFeaturePhoto img
{
    border:1px solid black;
}

div.TopicFeaturePhoto p.Caption
{
    font-weight:normal;
}

/********************************************* TOOLKITS LISTING */
/* Index.aspx, Topic.aspx */

div.Toolkits
{
}   

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

/********************************************* "NEW" ICON */
/* Publication listings */

img.NewIcon
{
    float:right;
    position:relative;
    top:2px;
}

div#SiblingMenu img.NewIcon
{
    right:-10px;
}


/********************************************* SOCIAL LINKS */

div.SocialLinks {
    text-align:center;
}

div.SocialLinks a {
    display:block;
    padding:5px;
}

div.SocialLinks a:hover {
}

/********************************************* TABLE INSIDE BOXNOTE */
div.BoxNote table.StandardTable {
    margin-bottom:18px;
}

div.BoxNote table.StandardTable,
div.BoxNote table.StandardTable th,
div.BoxNote table.StandardTable td {
    border-color:[[c:Blue+.6]];
}

div.BoxNote table.StandardTable th {
    background:[[c:Blue]];
    border-color:[[c:Blue]];
    border-right-color:[[c:Blue+.2]];
    color:White;
    font-size:1.1em;
}

div.BoxNote table.StandardTable td {
    background:[[c:Khaki+.9]];
}

div.BoxNote table.StandardTable td strong {
    color:Black;
    font-weight:bold;
}

div.BoxNote table.StandardTable ul {
    margin-left:0;
}