/* ========== Global styles */
    
  object:focus              { outline:none; } 
  a:focus, a:focus div, a:focus img, a:focus span  
                            { outline:thin dotted #a9a9a9; }
                            
  a, a:link, a:visited      { text-decoration:none; cursor:pointer; color:#e64097; }
  a:hover                   { text-decoration:underline; }
  
  strong                    { font-weight:bold; font-style:inherit; } 
  em                        { font-style:italic; font-weight:inherit; }
  
  table, tr, td, th         { vertical-align:top; }

  h1                        { font-size:24px; }
  h2                        { font-size:14px; }
  h1, h2                    { font-weight:bold; font-style:italic; margin-bottom:0.5em; color:#000; }
  
  p                         { line-height:1.4em; margin-bottom:1em; }

  ol                        { margin: 0px 0px 1.4em 32px; }
  ul                        { margin: 0px 0px 1.4em 16px; }
  ol li, ul li              { margin:.13em 0px .12em 0px; }
  ul li                     { list-style:disc none outside; }
  
  ul.doublespace            { margin:.8em 0px .8em 8px; padding:0px 0px 0px 8px; }
  ul.doublespace         li { margin:.8em 0px .8em 0px; }

  sup                       { bottom:0.35em; font-size:0.75em; font-style:normal; position:relative; vertical-align:baseline; left:0.1em; }
  sub                       { bottom:-0.35em; font-size:0.75em; font-style:normal; position:relative; vertical-align:baseline; }

  input                     { color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
  input[type="text"]        { border:1px solid #CCCCCC; }
  input.inputImage          { border-style:none; width:auto !important; }
  select                    { border:1px solid #CCCCCC; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
  textarea                  { border:1px solid #CCCCCC; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px; }  

  .itemnote, .hideshift     { position:absolute!important; top:-9998px; }

  .clearfix                 { display:inline-block; }
  .clearfix:after           { clear:both; content:"."; display:block; height:0; visibility:hidden; }
  * html          .clearfix { height:1%; }
  .clearfix                 { display:block; }
  .clearBoth                { clear:both; }
  .clearBoth                { clear:left; }
  .clearRight               { clear:right; }

  div.floatLeft             { float: left; }
  div.floatRight            { float: right; }
  .alignLeft                { text-align: left;}
  .alignCenter              { text-align: center;}
  .alignRight               { text-align: right;}
  .top                      { vertical-align: top;}
  .middle                   { vertical-align: middle;}
  .bottom                   { vertical-align: bottom;}
  .pink                     { color: #e64097;}
  .silver                   { color: #E5E6E8;}
  .brightBlue               { color: #00A3DD;}
  .nowrap                   { white-space: nowrap;}
  .displayNone              { display: none;}
  .displayBlock             { display: block;}
  .displayInline            { display: inline;}
  .blankLine                { display: block; height: 0px; line-height: 0px; margin: 0; padding: 0;}

  
/* ========== Page */

  html                      { height:100%; background:url("../images/default/bg_page.png") repeat-x scroll 0 0 #F7F7F7; }
  body, body.v4master       { height:100%; overflow:visible; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#333333; background:url("../images/default/bg_pagetop.jpg") no-repeat 50% 0; }
  #pagecontainer            { background:#F1F1F1; margin:0 auto; position:relative; height:auto; width:950px; border-width:0 7px; border-style:solid; border-color:#fff; }
  body #s4-ribbonrow, body #cstm-workspace, body #s4-workspace
                            { width:950px!important; margin:0 auto; }
  body #s4-bodyContainer    { width:950px!important; max-width:950px; min-width:0; position:relative; }


/* ========== Ribbon */
  #s4-ribbonrow             { display:none; } /* show only if user is authenticated */

/* ========== Workspace */
  body #cstm-workspace      { overflow:visible; height:auto;  }
  
  
/* ========== Masthead */
  #masthead                 { position:relative; height:69px; background:url("../images/default/bg_masthead.jpg") no-repeat 0 0; border-bottom:2px solid #fff; }
  
  #branding                 { position:absolute; top:20px; left:20px; width:200px; }
  #globallinks              { position:absolute; top:33px; left:540px; width:215px; }
  #globallinks       select { position:absolute; top:0; width:185px; padding:1px 2px; font:normal 11px arial; color:#999; border:1px inset #F0F0F0!important; margin:0; }
  
  #searchcontainer          { position:absolute; top:33px; left:768px; width:170px; }
  #searchcontainer input.ms-sbplain 
                            { position:absolute; top:0; font:normal 11px arial; height:auto; color:#999; border:1px inset #F0F0F0!important; width:132px!important; padding:3px 3px 1px; background:#fff; }
  #searchcontainer     .top { border:none!important; }
  #searchcontainer td.ms-sbgo img { display:none; }
  
  #globallinks a, #searchcontainer a
                            { position:absolute; top:0; right:0; display:inline-block; height:20px; width:28px; background:url("../images/default/btn_search.gif") no-repeat 0 0; }
  #globallinks a:hover, #searchcontainer a:hover
                            { background-position:-28px 0; }
  
  /* hide text of image buttons */
  #globallinks a em, #searchcontainer a em
                            { position:absolute!important; top:-9998px; }
                            
  #utilitynav               { position:absolute; top:8px; right:55px; text-align:right; width:450px; }
  #utilitynav            ul { margin:0; }
  #utilitynav            li { display:inline; margin:0 0 0 9px; list-style:none; }
  #utilitynav             a { color:#333; font-size:10px; font-weight:bold; text-transform:uppercase; margin-right:12px; }
  
  /* Social links */
  #masthead .sociallinks    { position:absolute; top:6px; right:12px; width:44px; height:20px; }
  #masthead .sociallinks a  { height:20px; width:20px; background-image:url("../images/backend/social/btn_social_masthead.gif"); background-repeat:no-repeat; }
  #masthead .sociallinks .lnkfacebook       { right:24px; background-position:0 0; }
  #masthead .sociallinks .lnkfacebook:hover { background-position:0 -20px; }
  #masthead .sociallinks .lnktwitter        { right:0; background-position:-20px 0; }
  #masthead .sociallinks .lnktwitter:hover  { background-position:-20px -20px; }
  .sociallinks            a { position:absolute; top:0; display:block; }
  .sociallinks      a:focus { outline:none; }
  .sociallinks         a em { position:absolute; top:-9998px; } /* hide link text */
  
  
/* ========== Social Popup */
  #socialpopup              { display:none; color:#666666; font-family:arial; font-size:11px; position:absolute; z-index:5; top:70px; left:635px; width:274px; padding:0 32px; background:url(../images/backend/social/bg_social_popup.png) repeat-y 0 0; }
  #socialpopup           h2 { margin:0 0 2px; font:normal 24px arial; color:#333; text-shadow:1px -1px 1px #bbb; text-align:center; }
  #socialpopup           h3 { font-size:16px; font-weight:normal; margin:0 0 8px 0; }
  #socialpopup           h4 { font:bold 11px arial; margin-bottom:2px; color:#333; }
  #socialpopup            p { line-height:10px; font-size:9px; }
  #socialpopup    .accounts { overflow:hidden; margin:0; }
  #socialpopup .accounts li { list-style:none; float:left; width:137px; text-align:center; margin:0; }
  #socialpopup .accounts li.narrow { width:126px; margin-right:9px; }
  #socialpopup       .links { overflow:hidden; width:74px; margin:0 auto; padding-left:3px; }
  #socialpopup     .links a { display:block; float:left; margin-right:3px; width:34px; height:50px; background:url(../images/backend/social/icon_social_reflected.gif) no-repeat; }
  #socialpopup  .links a.fb { background-position:0 0; }
  #socialpopup  .links a.tw { background-position:-34px 0; }
  #socialpopup  .links a.fb:hover { background-position:-68px 0; }
  #socialpopup  .links a.tw:hover { background-position:-102px 0; }
  
  #socialpopup  .links a em { position:absolute!important; top:-9998px; }

  #socialpopup         .top { position:absolute; height:31px; width:338px; top:-31px; left:0; background:url(../images/backend/social/bg_social_popup_top.png) no-repeat 0 0; }
  #socialpopup         .btm { position:absolute; height:25px; width:338px; bottom:-25px; left:0; background:url(../images/backend/social/bg_social_popup_btm.png) no-repeat 0 -2px; }
  #socialpopup       .ptrup { display:block; position:absolute; top:-46px; left:248px; }
  #socialpopup   .ptrup div { height:33px; width:66px; background:url(../images/backend/social/bg_social_popup_ptr_up.png) no-repeat 0 0; }
  #socialpopup         .ptr { display:none; position:absolute; top:10px; left:321px; }
  #socialpopup     .ptr div { height:66px; width:33px; background:url(../images/backend/social/bg_social_popup_ptr.png) no-repeat 0 0; }

  
/* ========== Main Navigation */
  body #s4-topheader2       { height:38px; background:url("../images/default/bg_mainnav.png") repeat-x 0 0; border-top:0; }
  #s4-topheader2         ul { margin:0; }
  #s4-topheader2         li { float:left; list-style:none; margin:0; }
  #s4-topheader2 a:focus span 
                            { outline:none; }
  #s4-topheader2 ul.root > li.static > a 
                            { display:none; } /* for some reason, the "Home" link appears regardless of aspmenu settings so hide it here */
  #s4-topheader2 li.static a 
                            { display:block; padding:12px 35px; margin:0; text-transform:uppercase; font-size:12px; font-weight:bold; color:#222; border:0; }
  #s4-topheader2 li.static a.first
                            { padding-left:20px; }
  #s4-topheader2 li.static a:hover 
                            { text-decoration:none; background:url("../images/default/bg_mainnav_r.png") repeat-x 0 0; border:0; }
  #s4-topheader2 li a.selected 
                            { background:url("../images/default/bg_mainnav_r.png") repeat-x 0 0; border:0; }
  .menu-horizontal          { width:auto; margin-left:0px; }
  
  #s4-topheader2 ul.dynamic { background:url("../images/backend/common/flyout-background-bottom.gif") repeat-x 0 bottom #fefefe; border:1px solid #d0d0d0; border-top:0; margin-left:1px; }
  #s4-topheader2 ul.dynamic li
                            { float:none; }
  #s4-topheader2 li.dynamic .menu-item-text 
                            { white-space:normal; }
  #s4-topheader2 li.dynamic a 
                            { display:block; color:#666666; font-size:12px; font-weight:bold; font-style:italic; text-transform:none; text-shadow:none; padding:6px 15px 6px 16px; border-top:1px dotted #d0d0d0; }
  #s4-topheader2 li.dynamic:first-child a
                            { background:url("../images/backend/common/flyout-background-top.gif") repeat-x 0 -10px; }
  #s4-topheader2 li.dynamic:first-child a,  #s4-topheader2 li.dynamic:first-child a:hover
                            { border-top:0; }
  .menu span.dynamic, .menu a.dynamic
                            { width:168px; min-width:0; }
  #s4-topheader2 li.dynamic a:hover 
                            { text-decoration:none; background:#e64097; color:#fff; border-top:1px dotted #d0d0d0; }                
  .menu-horizontal a.dynamic-children span.additional-background, .menu-horizontal span.dynamic-children span.additional-background
                            { padding-right:0; background:transparent; }

/* ========== Main Content */
/* hide page title and description for now */
  #cstm_pageContentTitle, #cstm_pageContentTitleDescription 
                            { display:none; }
  #cstm-contentbody         { position:relative; z-index:1; }
  
/* ========== Footer */
  #cstm-footer              { padding-bottom:10px; background:#fff; position:relative; z-index:0; }
  #footerlinks              { height:86px; padding:10px 0; position:relative; }
  #footerlinks            a { color:#666666; font-size:9px; font-weight:bold; text-transform:uppercase; margin-right:9px; }
  #footerlinks           ul { display:block; width:685px; padding:0 0 6px 0; margin:0; border-bottom:2px solid #e64097; position:relative; top:48px; }
  #footerlinks           li { display:inline; margin:0 0 0 6px; }
  #footerlinks          img { position:absolute; right:10px; top:10px; }
  #seo                      { color:#ccc; font-size:10px; line-height:10px; margin:5px 20px 20px 20px; text-align:center; }
  #copyright                { color:#999; font-size:10px; text-align:center; }
  
  .updated                  { position:relative; }
  .updated .icon            { display:block; position:absolute; bottom:1em; left:1.5em; height:19px; width:55px; background:url(../images/backend/common/icon_updated.gif) no-repeat 0 0; }