@charset "utf-8";
/* CSS Document - main.css */

/* Begin reset from http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	vertical-align: baseline;
	background: transparent;
}
/* End reset */	

body{margin:1px;padding:0;background:#fff url(../img/background_body_1x380.gif) repeat-x left top}
html, body, table, div, form, input, select, textarea{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:#000}
form, select, input{float:none;margin:0;padding:0}
a, a:link{text-decoration:none;color:#0000ff}
a:visited{text-decoration:none;color:#840084}
a:hover, a:active{text-decoration:underline;color:#0000ff}

.pageBoxMain{width:100%;margin:0 auto;background:#fff}/*removed padding:3px to account for box model issues*/

.pageBrandBar{overflow:hidden;height:140px;margin:2px;background:#9fa1a4 url(../img/header-bg.jpg) repeat-x left top}
.pageBrandBarLeft{float:left;width:550px;height:80px;}
.pageBrandBarLeft h1{margin:59px 0 0 30px;font-size:11px;font-weight:normal;color:#fff;}
.pageBrandBarRight{float:right;width:160px;height:80px;text-align:right;}



.pageTitleBar{height:30px;margin:1px;border:1px solid #dbe3e7;background:#fff}
.pageTitleBar h1{padding:5px 0 0 0;font-size:11px;font-weight:bold;color:#21465c}
.pageTitleBarLeft{float:left;padding:0 0 0 10px}
.pageTitleBarRight{float:right;padding:0 10px 0 0}
.pageTitleBarRight p{margin:0;padding:7px 0 0 0;color:#999}
.pageTitleBarRight a, .pageTitleBarRight a:link, .pageTitleBarRight a:visited{text-decoration:underline;color:#999}
.pageTitleBarRight a:hover{text-decoration:none;color:#c74a5d}



.pageToolBar{margin:0 1px;padding: 3px 5px 5px 5px;border:1px solid #efefef;background:#f6f6f6 url(../img/background_toolbar_1x30.gif) repeat-x left top}
.pageToolBarLeft{float:left;  min-width:500px;}
.pageToolBarRight{float:right;}
.pageToolBar img{padding:0 1px;border:0;vertical-align:middle}/*vertical-align:text-top -- use text-top for IE position bug with non-background images*/ 
.pageToolBar span{float:left;display:block;padding:2px 5px;color:#656565}
.pageToolBar a, .pageToolBar a:link, .pageToolBar a:visited{display:block;float:left;margin:0;padding:2px 5px;text-decoration:none;color:#656565}
.pageToolBar a:hover{text-decoration:none;color:#000}
.pageToolBar a.buttonDown, .pageToolBar a.buttonDown:link, .pageToolBar a.buttonDown:visited{border-color:#cdcdcd #fff #fff #cdcdcd;background:#e1e1e1;color:#000;background-repeat:no-repeat}
.pageToolBar .title{font-weight:bold;color:#000}
.pageToolBarRight span{float:right;display:block;padding:4px 3px;color:#656565;}
.pageToolBarRight h1{float:right;margin-right:10px;margin-top:3px;font-size:11px;font-weight:normal;color:#656565;}
.pageToolBarRight a.iconSprite24, .pageToolBarRight a.iconSprite24:link, .pageToolBarRight a.iconSprite24:visited, .pageToolBarLeft a.iconSprite24, .pageToolBarLeft a.iconSprite24:link, .pageToolBarLeft a.iconSprite24:visited{padding-left:24px;padding-bottom:4px;background-position:2px 0;background-repeat:no-repeat}
.pageToolBarRight a.iconSprite24:hover, .pageToolBarLeft a.iconSprite24:hover{background-position:2px -32px}
.pageToolBarRight a.iconSprite, .pageToolBarRight a.iconSprite:link, .pageToolBarRight a.iconSprite:visited, .pageToolBarLeft a.iconSprite, .pageToolBarLeft a.iconSprite:link, .pageToolBarLeft a.iconSprite:visited{width:20px;height:20px;padding:0 4px;background-position:4px 0;background-repeat:no-repeat}
.pageToolBarRight a.iconSprite:hover, .pageToolBarLeft a.iconSprite:hover{background-position:4px -32px}
.pageToolBar a.iconSpriteDown, .pageToolBar a.iconSpriteDown:link, .pageToolBar a.iconSpriteDown:visited{width:20px;height:20px;padding:0 4px;border-color:#b6ad89 #fff #fff #b6ad89;background:#dde2e8;background-position:4px 0;background-repeat:no-repeat;color:#535a63}
.pageToolBar a.menuButtonDown, .pageToolBar a.menuButtonDown:link, .pageToolBar a.menuButtonDown:visited{padding-left:24px;padding-bottom:4px;border-color:#b6ad89 #fff #fff #b6ad89;background:#dde2e8;background-position:2px 0;background-repeat:no-repeat;color:#535a63}

.pageBoxNavLeft{float:left;width:140px}
* html .pageBoxNavLeft{width:138px}/*IE6 needs a few less pixels for integer rounding bug*/
.navListContainer{padding:3px 2px 10px 0}
.navListContainer ul{list-style-type:none}
.navListContainer li{}
.navListContainer li a, .navListContainer li a:link, .navListContainer li a:visited{font-size:11px;display:block;padding:6px 3px 6px 16px;border-width:0 0 1px 0;border-style:dotted;border-color:#ededed;text-decoration:none;color:#6a6b6d}
.navListContainer li a:hover{font-size:11px;text-decoration:none;color:#000;background:#f3f3f3 url(../img/icon_arrow_9x15.gif) 0 50% no-repeat}
.navListContainer li a.navListContainerSelectedNav{font-size:11px;font-weight:normal;background:#fff url(../img/icon_arrow_9x15.gif) 0 50% no-repeat;color:#000}
.navListContainer h1{ font-size:11px;background-color:#f1f4f6; padding:6px 3px 6px 10px;border-width:0 0 1px 0;border-style:solid;border-color:#ededed;text-decoration:none;color:#6a6b6d}

.pageBoxContentContainer{float:left;width:100%;margin:0px 0 0 0}
.pageBoxContentContainerHidden{visibility:hidden;float:left;width:100%;margin:0px 0 0 0}
.pageBoxContentLeft{float:left;width:263px;margin:0 0px 0 0}
.pageBoxContentCenter{float:left;width:263px;margin:0 0px 0 0}
.pageBoxContentRight{float:left;width:263px;margin:0 0px 0 0}
/*content width: 140(nav) + 263 + 263 + 263 + 3(right margins) = 932 // 932 = pageBoxMain width*/
.pocketLeft{}
.pocketCenter{}
.pocketRight{}

.pocketToolBar{overflow-y:hidden;margin:0;padding:3px 1px;border:1px solid #dbe3e7;background:#f1f4f6}
.pocketToolBarLeft{float:left}
.searchTitleInput{width:180px;padding:0 5px}
.pocketToolBarRight{float:right}
.pocketToolBar img{padding:0 1px;border:0;vertical-align:middle}/*vertical-align:text-top -- use text-top for IE position bug with non-background images*/ 
.pocketToolBarLeft span{float:left;display:block;margin:0;padding:2px 5px;border:1px solid #f1f4f6;color:#7c8892}
.pocketToolBar a, .pocketToolBar a:link, .pocketToolBar a:visited{float:left;display:block;margin:0;padding:2px 5px;border:1px solid #f1f4f6;text-decoration:none;color:#7c8892}
.pocketToolBar a:hover{border-width:1px;border-style:solid;border-color:#fff #cdcdcd #cdcdcd #fff;text-decoration:none;color:#000}
.pocketToolBar a.buttonDown, .pocketToolBar a.buttonDown:link, .pocketToolBar a.buttonDown:visited{border-color:#cdcdcd #fff #fff #cdcdcd;background:#d7d7d7;color:#000}
.pocketToolBar span.title{border:0;font-weight:bold;color:#000}/*BUG - Display: IE renders the title outside of the title bar if the characters force a wrap...
...a fixed width will solve the issue but a fixed width will need to be updated on CSS switch. Not a good solution. The bug is caused by the display block declaration...
...in .pocketToolBar span above. Removing the display:block solves the problem but does not allow for vertical alignment.*/

.pocketToolBar a, .pocketTabBar a, .pocketFooterBar a{height:16px}/*a fixed height keeps the anchor borders aligned but does not restrict text scaling*/
.pocketToolBarRight a.iconSprite20, .pocketToolBarRight a.iconSprite20:link, .pocketToolBarRight a.iconSprite20:visited{padding-left:20px;background-position:2px 2px;background-repeat:no-repeat}
.pocketToolBarRight a.iconSprite20:hover{background-position:2px -34px}
.pocketToolBarRight a.iconSprite, .pocketToolBarRight a.iconSprite:link, .pocketToolBarRight a.iconSprite:visited{width:16px;height:16px;background-position:5px 2px;background-repeat:no-repeat}
.pocketToolBarRight a.iconSprite:hover{background-position:5px -34px}

.pocketTabBar{position:relative;padding:0 5px;border-bottom:1px solid #dbe3e7;background:#f1f4f6}/*pos relative fixes IE6/7 peekaboo bug*/ /*#e0eaf3*/
.pocketTabBarLeft{position:relative;float:left;background:#f1f4f6}/*pos relative fixes IE6/7 peekaboo bug - IE:the background color fills in when the tabs wrap*/
.pocketTabBarRight{position:relative;float:right;background:#f1f4f6}/*pos relative fixes IE6/7 peekaboo bug - IE:the background color fills in when the tabs wrap*/
.pocketTabBar img{padding:0 1px;border:0;vertical-align:middle}
.pocketTabBar span{float:left;display:block;padding:3px 5px;font-size:11px;color:#7c8892}/*use span for text only - no button effects*/
.pocketTabBar ul{margin:0;padding:0;list-style-type:none}
.pocketTabBar li{display:inline}
.pocketTabBar li a, .pocketTabBar li a:link, .pocketTabBar li a:visited{display:block;position:relative;float:left;top:1px;margin:0;padding:3px 5px;border-width:1px 1px 0 1px;border-style:solid;border-color:#f1f4f6;text-decoration:none;color:#7c8892}
.pocketTabBar li a:hover{border-color:#dbe3e7;text-decoration:none;background:#fbfbfb;color:#000}
.pocketTabBar li a.pocketTabBarTabSelected, .pocketTabBar li a.pocketTabBarTabSelected:link, .pocketTabBar li a.pocketTabBarTabSelected:visited{padding-top:4px;border-color:#dbe3e7;background:#fff;font-weight:normal;color:#000}

.pocketBody{border:1px solid #dbe3e7;border-top:0;background:#f1f4f6}/*IE:the background color fills in when the tabs on the tab bar wrap. Without this there are white gaps at either end of the tab bar.*/
.pocketBody150, .pocketBody250, .pocketBody350{position:relative;overflow:auto;border-top:1px solid #fff;border-right:1px solid #fff;background:#fff;word-wrap:break-word}/*IE7 needs pos realtive for overflow bug*/
.pocketBody150{height:auto;min-height:150px}
.pocketBody250{height:auto;min-height:250px}
.pocketBody350{height:auto;}/*min-height:350px*/

.pocketFooterBar{margin:0 1px;padding:0 0 3px 0;border-top:1px solid #fff;background:#f6f6f6 url(../img/background_footer.gif) repeat-x;color:#8d8d8d}
.pocketFooterBarLeft{float:left}
.pocketFooterBarRight{float:right}
.pocketFooterBar img{padding:0 1px;border:0;vertical-align:text-top}/*text-top bumps arrow icons up one pixel for IE7*/
.pocketFooterBar span{float:left;display:block;margin:0;padding:1px 5px;color:#7c8892}
.pocketFooterBar a, .pocketFooterBar a:link, .pocketFooterBar a:visited{display:block;float:left;margin:0;padding:1px 5px;border-width:0 1px 1px 1px;border-style:solid;border-color:#f2f2f2 #f2f2f2 #f5f5f5 #f2f2f2;text-decoration:none;color:#999}
.pocketFooterBar a:hover, .pocketFooterBar a:active, .pocketFooterBar a:focus{border-color:#dadada;text-decoration:none;background:#f1f4f6;color:#000}
.pocketFooterBar a.pocketFooterTabSelected, .pocketFooterBar a.pocketFooterTabSelected:link, .pocketFooterBar a.pocketFooterTabSelected:visited{border-color:#dadada;background:#fff;font-weight:normal;color:#000}

.pocketShadow{height:10px;background:url(../img/background_pocket_shadow_1x10.png) repeat-x}

.pageLoaderContainer{padding: 14px 0 20px 0}
.loadingContainer{margin:20px 0 0 0;text-align:center}
.loadingBox{width:150px;margin:auto;padding:6px;border:1px solid #dbe3e7;text-align:center;background:#f1f4f6}/*Firefox needs margin auto to center loader*/
.loading{display:block;padding:10px 10px;border:1px solid #dbe3e7;color:#c74a5d;background:#fff}
.loading img{vertical-align:middle}

.pageBoxContentFooter{position:relative;clear:both;color:#ccc}/*need top 1px because ff/opera display top margin behind floated divs above - 1px bottom margin removed for rounded corners*/
.pageBoxContentFooterLeft{float:left;padding:4px 6px;color:#ccc}
.pageBoxContentFooterRight{float:right;padding:4px 6px;color:#ccc}
.pageFooter{width:950px;margin:0 auto;padding:6px 0}
.pageFooter img{border:0;vertical-align:text-bottom}
.pageFooterLeft{float:left;margin:0;padding:0 0 0 12px;color:#999}
.pageFooterLeft a, .pageFooterLeft a:link, .pageFooterLeft a:visited{text-decoration:none;color:#999}
.pageFooterLeft a:hover{text-decoration:none;color:#d73c46}
.pageFooterRight{float:right;margin:0;padding:0 12px 0 0;font-size:11px;color:#b3b3b3}
.pageFooterRight a, .pageFooterRight a:link, .pageFooterRight a:visited{font-size:11px;text-decoration:none;color:#b3b3b3}
.pageFooterRight a:hover{font-size:11px;text-decoration:none;color:#c74a5d}


.pageDescription{margin:5px 0px 1px 1px; height:145px;border:1px solid #fff;border-width:1px;border-style:solid;border-color:#cdcdcd #999 #999 #cdcdcd; }
.pageDescriptionLeft{float:left; width:70%; margin:5px 0px 1px 1px; }
.pageDescriptionLeft h1{font-weight:bold;font-size:11px;}
.pageDescriptionLeft h2{font-weight:bold;font-size:11px;}
.pageDescriptionLeft h3{font-weight:normal;font-size:11px;}
.pageDescriptionLeft strong{font-weight:bold;font-size:11px;}
.pageDescriptionLeft u{font-weight:normal; text-decoration:underline;font-size:11px;}
.pageDescriptionRight{float:right;margin:5px 10px 1px 0px; }
.pageDescriptionShort{margin:5px 0px 1px 1px; height:25px;}




div.menu{position:absolute;z-index:1000;padding:1px;border-width:1px;border-style:solid;border-color:#cdcdcd #999 #999 #cdcdcd;background:#f3f3f3}
div.menu ul{padding:0;margin:0 0 10px 0;list-style:none}
div.menu li{display:block}
div.menu li a.menuItemStandard, div.menu li a.menuItemStandard:link, div.menu li a.menuItemStandard:visited{display:block;padding:3px 10px;border:1px solid #f3f3f3;text-decoration:none;background:#f3f3f3;color:#7c8892;white-space:nowrap}
div.menu li a.menuItemStandard:hover, div.menu li a.menuItemStandard:active{border:1px solid #e0e0e2;color:#000;background:#fff}
div.menu li img{border:0;vertical-align:middle}
div.menu li.menuSeparator{font-size:6px;background:url(../img/menu_separator_1x2.gif) 0 50% repeat-x}
.menuOptionBox{display:block;padding:5px 10px;white-space:nowrap}
.menuRadio{float:none;width:13px;height:13px;margin:4px 4px 3px 0;padding:0;vertical-align:middle}
.menuButtonBox{display:block;padding:10px;text-align:center;white-space:nowrap}
.menuButtonBoxButton{margin:0 10px;padding:0 8px;cursor:pointer}
.menuButtonBoxButtonCancel{margin:0 10px;padding:0 4px;cursor:pointer}

p.noResults{padding-top:20px;text-align:center;color:#999}

.articleDevBox{position:relative}
.articleDevBoxToolBox{float:left;width:20px;padding:8px 0 0 0}
.articleDev{position:relative;margin:0;padding:8px}/*pos relative is needed for the absolute positioned detail view feature*/
.articleDevNoSummary{position:relative;margin:0 0 0 3px;padding:8px}
a.articleDevTitle:link{padding:0 0 0px 0;text-decoration:none;font-size:11px;font-weight:normal;color:#7f0606;line-height:15px}
a.articleDevTitle:hover{text-decoration:underline;color:#7f0606;line-height:15px}
a.articleDevTitle:visited{color:#7f0606; font-size:11px;line-height:15px}
.articleDevDate{font-size:11px;font-weight:normal;color:#000000}
.articleDevTime{padding:0 0 0 6px;font-size:11px;font-weight:normal;color:#000000}
.articleDevSource{padding:0 0 0 15px;font-size:11px;color:#000000}
.articleDevSummary{display:block;padding:2px 0 0 0;font-size:11px;color:#000}
.articleDevSummaryBox{display:block;padding:6px 0 0 0}
.articleDevSummaryBoxHidden{display:none;padding:6px 0 0 0}
.summaryPreviewLink, .summaryPreviewLink:link, .summaryPreviewLink:visited{display:block;width:16px;height:16px;margin:0 1px;border:1px solid #fff;color:#0000ff;background:#fff url(../img/icon_summarypreview_22x52.gif) -3px 1px no-repeat}
.summaryPreviewLink:hover, .summaryPreviewLink:active{border:1px solid #b9c7d2;color:#0000ff;background-position:-3px -32px}
.summaryPreviewLinkHidden{display:none}
.emailArticleLink, .emailArticleLink:link, .emailArticleLink:visited{display:block;width:16px;height:10px;margin:0 1px 1px 1px;border:1px solid #fff;color:#0000ff;background:#fff url(../img/icon_email_22x52.gif) 50% 0 no-repeat}
.emailArticleLink:hover, .emailArticleLink:active{border:1px solid #b9c7d2;color:#0000ff;background-position:50% 100%}


p.caView{margin:0 0 0 3px;padding:4px 5px}
p.caView a.headline{display:block;margin:0 0 1px 0;padding:4px;text-decoration:none;color:#666666;background:#fff url(../img/background_headline_1x39.gif) bottom left repeat-x}
p.caView a.headline:hover{text-decoration:none;background-image:url(../img/background_headline_on_1x39.gif);color:#666666}
p.caView a.headline:visited{color:#666666}
p.caView .title{padding:0 0 2px 0;font-size:11px;font-weight:normal}
p.caView .date{display:none;font-size:11px;font-weight:normal;color:#000000}
p.caView .count{padding:0 0 0 5px;font-weight:bold;color:#000}
p.caView .label{font-size:11px;color:#000000}

.summaryPreview{position:absolute;z-index:10;top:0;left:0;width:300px}
*+html .summaryPreview{position:absolute;z-index:10;top:0;left:0;width:300px;margin-left:-20px}/*IE7 needs positioning hack to fix bug 1*/
.summaryPreviewInner{margin:1px 0 0 0;padding:12px;border:1px solid #bdbdbd;background:#fff}
.summaryPreviewStorage{display:none}
p.summaryPreviewHeaderInfo{margin:0;padding:0}
p.summaryPreviewHeaderInfo a.title{display:block;margin-right:25px;padding:0 0 1px 0;text-decoration:none;font-size:11px;font-weight:normal;color:#000}/*margin right is needed for the absolute positioned detail view feature*/
p.summaryPreviewHeaderInfo a.title:hover{text-decoration:underline;color:#0000ff}
p.summaryPreviewHeaderInfo a.title:visited{color:#652a3e}
p.summaryPreviewHeaderInfo .date{font-size:11px;font-weight:normal;color:#87888b}
p.summaryPreviewHeaderInfo .time{padding:0 0 0 6px;font-size:11px;font-weight:normal;color:#87888b}
p.summaryPreviewHeaderInfo .source{padding:0 0 0 15px;font-size:11px;color:#a6913d}
.summaryPreviewCalloutImage{position:absolute;top:10px;left:0;z-index:100}
.summaryPreviewCloseImageContainer{position:absolute;top:6px;right:6px;z-index:100;width:16px;height:16px}
.summaryPreviewCloseImageLink{display:block;width:16px;height:16px;border:0;background:url(../img/icon_summarypreview_close_16x52.gif) 0 0 no-repeat}
.summaryPreviewCloseImageLink:hover{background:url(../img/icon_summarypreview_close_16x52.gif) 0 -36px no-repeat}

.displayNone{display:none}
.clear{clear:both}