/*
 * MyST CSS
 * Copyright (C) 2005-2007 MyST Technology Partners, Inc.  All rights reserved.
 * $Id: base.css,v 1.6, 2008-06-20 00:00:30Z, Bill French$
 */
@import "../../apps/blog-site/base.css";
@import "../../apps/blog-site/sd-widgets.css";
@import "../../apps/blog-site/legacy-captyx-components.css";
@import "../../apps/nagomatic/core.css";

.Alert { color: #CC3300; }
H1     { color: #006699; }

/* ---- Hyperlinks ---- */
A:link,  
A:visited { color: #069; text-decoration: none;      }
A:hover   { color: #c30; text-decoration: underline; }
A:active  { color: #c30; text-decoration: none;      }
/* - - - - - - - - - - - - */
H1 A:link,  
H1 A:visited { color: #069; text-decoration: none;      }
H1 A:hover   { color: #c30; text-decoration: underline; }
H1 A:active  { color: #c30; text-decoration: none;      }
/* - - - - - - - - - - - - */
H1.Embargoed A:link,  
H1.Embargoed A:visited { color: #999; text-decoration: none;      }
H1.Embargoed A:hover   { color: #333; text-decoration: underline; }
H1.Embargoed A:active  { color: #333; text-decoration: none;      }

/* ---- Fixed Width Layout ---- */
a
{
	outline: none;
}

.Content-Body
{
	background: #ccc;
	color:      #333;
	font-family: Arial, sans-serif;
	margin:  0;
	padding: 0;
	text-align: center;
}

.Main
{
	background-image:    url("images/bg-main.png");
	background-position: 0 0;
	background-repeat:   repeat-y;
	margin:     0 auto;
	padding:    0 8px;
	text-align: left;
	width:      1024px;
}

.ContentTable
{
	background-color: #fff;
	border-collapse:  collapse;
	border:           0;          
	margin:           0;
	padding:          0;
	table-layout:     fixed;
	width:            1008px;      
}

div.Bitem
{
	overflow: auto; 
	width:    543px; /* cxMainMin - 2*16 */
}

.Analytics-Detail .input-text
{
	width: auto;
}

.Item-Links
{
	margin-right: 0;
}

.Item-Footer
{
	padding-top: 6px;
	text-align: left;
}

.EIF-Label
{
	/* font-family: "Arial Narrow", Arial, sans-serif; */
	font-size: 9pt;
	font-weight: normal;
}

.EIF-Field
{
	font-size: 9pt;
	padding-left: 4px;
}

/* ---- Control Row ---- */
.Ctrl-Row
{
	background: #000;
	height:     1px; 
}

.Ctrl-Row-Left-Nav
{
	border: 0;    
	width:  200px;
}

.Ctrl-Row-Main-Content
{
	width: 575px;
}

.Ctrl-Row-Right-Nav
{
	border: 0;    
	width:  233px;
}

/* ---- Row 0: Header ---- */
.Header TD
{
	background:          #000;                        
	background-image:    url("images/bg-top.png");
	background-position: 0 0;
	background-repeat:   repeat-x;                   
	border:              0;                           
	color:               #fff;                        
	height:              64px;
	padding:             0;                           
	vertical-align:      top;
}

.CustomHeader
{
	width: 1008px;
}

.CustomHeader .left
{
	width: 408px;
}

.CustomHeader .left .logo
{
	height: 64px;
	overflow: hidden;
}

.CustomHeader .right
{
	width: 600px;
}

.CustomHeader .right .top
{
	background: transparent;
	background-image:    url("images/bg-top-tab.png");
	background-position: right bottom;
	background-repeat:   no-repeat;

	font-size:   8pt;
	font-weight: bold;
	color:       #fff;

	padding: 3pt 8px 3pt 64px;
	text-align:  right;
}

.CustomHeader .right .top A
{
	padding-left: 16px;
}

.CustomHeader A:link,  
.CustomHeader A:visited { color: #fff; text-decoration: none;      }
.CustomHeader A:hover   { color: #c30; text-decoration: underline; }
.CustomHeader A:active  { color: #c30; text-decoration: none;      }

.CustomHeader .highlight A:link,  
.CustomHeader .highlight A:visited { color: #fc0; text-decoration: none;      }
.CustomHeader .highlight A:hover   { color: #c30; text-decoration: underline; }
.CustomHeader .highlight A:active  { color: #c30; text-decoration: none;      }

.Search
{
	background-image:    url("images/bg-search.png");
	background-position: right top;
	background-repeat:   no-repeat;

	height: 19px;
	width: 175px;

	margin: 11px 8px 0 0;
	padding: 0;
	float: right;
}

.Search .in input
{
	border: 0;
	width: 132;
	margin-left: 30px;
	padding: 3px 0 1px 0;
}

/* ---- Row 2: Menu Bar ---- */
.Main-Menu
{
	background:          #ccc;                        
	background-image:    url("images/bg-menu.png");
	background-position: 0 0;
	background-repeat:   repeat-x;                   
	border:              0;                           
	color:               #333;                        
	padding:             6pt 8px 4pt 8px;
	font-size:           9pt;
	font-weight:         normal;
	letter-spacing:      0;
	text-align:          left;
	vertical-align:      middle;
}

A.MenuLink,       
A.MenuLink:link,  
A.MenuLink:visited { color: #333; text-decoration: none;      font-size: 9pt; font-weight: normal; }
A.MenuLink:hover   { color: #c30; text-decoration: underline; font-size: 9pt; font-weight: normal; }
A.MenuLink:active  { color: #c30; text-decoration: none;      font-size: 9pt; font-weight: normal; }

/* ---- Row 3: Content Area ---- */
.Left-Content
{
	background:     transparent;
	border:         0;          
	padding:        16px 0 0 8px;
	width:          200px;
	vertical-align: top;
}

.Main-Content
{
	background:     transparent;
	padding:        16px 0 0 0;
	vertical-align: top;
}

.Main-Content.left-content-model  div.Bitem { width: 755px; } /* add cxLeftNav+csLeftVert */
.Main-Content.right-content-model div.Bitem { width: 788px; } /* add cxRightNav+csRightVert */
.Main-Content.wide-content-model  div.Bitem { width: 988px; } /* add both */

.Blog-Area
{
	padding-top: 0;
}

.Right-Content
{
	background:     transparent;
	border:         0;          
	padding:        16px 8px 0 0;
	width:          233px;
	vertical-align: top;        
}

.Left-Content,
.Main-Content,
.Right-Content
{
	background:          #fff;                        
	background-image:    url("images/bg-top-molding.png");
	background-position: 0 0;
	background-repeat:   repeat-x;
	color:               #333;
}

.Chicklets, .Chicklets2-menu
{
	padding: 0 16px 0 0;
	text-align: right;
}

/* ---- Left and Right Nav Links ---- */
/*      Note: Item index is treated as a variation */
.NavTable
{
	border: 0;
	margin: 0;
}

.Left-Content .NavTable
{
	width: 192px;
}

.Right-Content .NavTable
{
	width: 225px;
}

.NavItem, .IndexHeading
{
	border:      0;
	font-size:   10pt;
	font-weight: bold;
	margin:      0;
	padding:     24px 26px 6px 15px;

	background:          transparent;                        
	background-image:    url("images/bg-navitem-black.png");
	background-position: right 18px;
	background-repeat:   no-repeat;
	color:               #fff;
}

.Left-Content .NavItem
{
	background-image:    url("images/bg-navitem-blue.png");
}

.NavItem.first
{
	padding-top: 6px;
	background-position: right top;
}

.NavSubItem, .IndexItem
{
	background:          #fff;                        
	background-image:    url("images/bg-navsubitem-black.png");
	background-position: bottom right;
	background-repeat:   no-repeat;
	color:               #333;
}

.Left-Content .NavSubItem
{
	background-image:    url("images/bg-navsubitem-blue.png");
}

.NavSubItem-Title, .IndexItem-Title
{
	font-size:   9pt;
	font-weight: normal;
	margin:      0;
	padding:     6px 8px 6px 0;
}

.Nav-bullet
{
	background: red;
	background:          transparent;
	background-image:    url("images/nav-bullet.png");
	background-position: 0 0;
	background-repeat:   no-repeat;
	width:   15px;
	height:  7px;
	margin:  3px 0 0 0;
	padding: 0;
	border:  0;
	float:   left;
}

.Left-Content .Nav-title
{
	width:   169px;
	margin:  0;    
	padding: 0;    
	border:  0;    
	float:   left; 
}

.Right-Content .Nav-title
{
	width:   202px;
	margin:  0;    
	padding: 0;    
	border:  0;    
	float:   left; 
}

/* - - - - - - - - - - - - */
TD.NavItem A:link,    TD.IndexHeading A:link,  
TD.NavItem A:visited, TD.IndexHeading A:visited { color: #fff; text-decoration: none;      }
TD.NavItem A:hover,   TD.IndexHeading A:hover   { color: #c30; text-decoration: underline; }
TD.NavItem A:active,  TD.IndexHeading A:active  { color: #c30; text-decoration: none;      }
/* - - - - - - - - - - - - */
TD.NavSubItem-Title A:link,    TD.IndexItem-Title A:link,  
TD.NavSubItem-Title A:visited, TD.IndexItem-Title A:visited { color: #333; text-decoration: none;      }
TD.NavSubItem-Title A:hover,   TD.IndexItem-Title A:hover   { color: #c30; text-decoration: underline; }
TD.NavSubItem-Title A:active,  TD.IndexItem-Title A:active  { color: #c30; text-decoration: none;      }

/* ---- Item Properties ---- */
.Item-Date
{
	background: transparent;
	color:      #666;
	margin:     0;
	padding:    0 0 6pt 0;
}

.Bitem h1,
.CommentItem-Table h1
{
	font-size:   14pt;
	font-weight: bold;
	margin:      0;   
	padding:     0;   
}

.intro-item h1
{
	font-size:   16pt;
	font-weight: bold;
	margin:      0;   
	padding:     0;   
}

.Item-Summary,
.CommentItem-Summary
{
	font-size:   12pt;  
	font-style:  normal;
	font-weight: normal;
	line-height: 1.2;
	margin:      0;     
	padding:     0 0 6pt 0;     
}

.intro-item .Item-Summary
{
	background:  transparent;
	color:       #666;
	font-weight: bold;
	margin:      0;   
	padding:     3pt 0 0 0;   
}

.Item-Description,
.CommentItem-Description
{
	line-height: 1.3;
	padding-top: 6pt;
	text-align: left;
}

.Item-Description sup,
.CommentItem-Description sup
{
	font-size: 7pt;
}

.Bitem H1 A:link,
.Bitem H1 A:visited { color: #000; }
.Bitem H1 A:hover, 
.Bitem H1 A:active  { color: #c30; }

.CommentItem-Table H1 A:link,
.CommentItem-Table H1 A:visited { color: #000; }
.CommentItem-Table H1 A:hover, 
.CommentItem-Table H1 A:active  { color: #c30; }

.Item-Footer,
.Item-Footer-Splash,
.Item-Footer-Intro
{
	font-size:      9pt;
	font-weight:    normal;
	font-style:     normal;
	padding:        6px 0 0 0;
	text-align:     right; 
	vertical-align: middle;
}

.Item-Footer-Splash
{
	font-weight:  bold;  
	font-style:   italic;
	padding-left: 8px;
	width:        auto;
}

.Item-Footer-Table A:link,    
.Item-Footer-Table A:visited { color: #333; text-decoration: none;      }
.Item-Footer-Table A:hover   { color: #c30; text-decoration: underline; }
.Item-Footer-Table A:active  { color: #c30; text-decoration: none;      }

/* ---- Row 4: Bottom Border ---- */
.BottomBorder
{
	border:              0;
	background:          #fff;                        
	background-image:    url("images/bg-bottom-molding.png");
	background-position: 0 0;
	background-repeat:   repeat-x;
	color:               #333;
	margin:              0;   
	padding:             0;   
	height:              16px;
}

/* ---- Row 5: Footer ---- */
.FooterArea
{
	border:              0;
	background:          #fff;                        
	background-image:    url("images/bg-footer.png");
	background-position: 0 0;
	background-repeat:   repeat-x;
	color:               #ccc;
	margin:              0;   
	padding:             8px 6px;   
}
/* - - - - - - - - - - - - */
.FooterArea A:link,    
.FooterArea A:visited { color: #ccc; text-decoration: none;      }
.FooterArea A:hover   { color: #c30; text-decoration: underline; }
.FooterArea A:active  { color: #c30; text-decoration: none;      }

div.HR
{
	height: 8px;
	background-image:    url("images/bg-hsep.png");
	background-position: 0 50%;
	background-repeat:   no-repeat;

}

/* ---- Topic Cloud ---- */
.TC { margin: 0 16px; }

/* ---- Capture Form ---- */
.CaptureForm {font-size: 11pt;}
.CaptureForm .section  { font-weight: bold; padding: 4px 8px; background: #ccc;}
.CaptureForm .label    { padding: 0 8px 0 16px; }
.CaptureForm .general  { padding: 4px 8px 16px 16px; }
.CaptureForm .required { color: #c30; font-weight: bold; }

/* ---- End ---- */