/*_______________________________________________________________________________________________

  Title: Planet-Source-Code
  _______________________________________________________________________________________________*/

/*
Notes:
font size 1 = 10px  .FontSize1
font size 2 = 13px  .FontSize2
font size 3 = 16px  .FontSize3
font size 4 = 19px  .FontSize4  (added 6/13/2012: not sure if size is best or not yet)

Other:
# is id selector
. is class selector

*/


/* LEGEND

  1.  BASE
  1.1  Reset
  1.2  Default styles
  1.3  Basic styles
  1.4  Layout

  2.  HEADER
  2.1  Logo
  2.2  Motto
  2.3  Adverts
  2.4  Primary Navigation
  2.5  HeadInfo
  
  3.  CONTENT
  3.1  Generic elements
  3.2  Adverts
  3.3  Tutorials List
  3.4  Announcements
  3.5  SubCategories
  3.6  CodePage
  
  4.  SIDEBAR
  4.1  Sidebar generic box
  4.2  Box-Search
  4.3  Box-ChooseLanguage
  4.4  Box-LatestPostings
  4.5  Box-DailyEmail
  4.6  Box-ContestWinners
  4.7  Adverts
  
  5.  FOOTER
  5.1  Footer wrappers
  5.2  Secondary-navigation
  5.3  Copyright
  5.4  Note

*/

/* 1. BASE
_______________________________________________________________________________________________
_______________________________________________________________________________________________*/  

/* 1.1  Reset
_______________________________________________________________________________________________*/  

  html, body, 
  dl, dt, dd {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
  
  .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header ul, .header li, .header ol, .header fieldset,
  .footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer ul, .footer li, .footer ol, .footer fieldset
  .sidebar p, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar ul, .sidebar li, .sidebar ol, .sidebar fieldset {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;}
  :focus {outline:0;}

/* 1.2  Default styles
_______________________________________________________________________________________________*/  

  body {font-size:10pt;line-height:1.33em; font-family:Verdana;text-align:center;
        color:#3F3F3F;}
  hr {display:none;}
  .content hr {display:block;}
  strong {font-weight:bold;}
  em {font-style:italic;}
  abbr, acronym {border-bottom:1px dotted #999;cursor:help;}
  input, textarea, select {font:12px Arial, Helvetica, sans-serif;}
  
  a {color:#670066;text-decoration:underline;}
  img.help {background-color:transparent; border-color:transparent;}
  a:hover, a:active {  text-decoration:none;}  
  
  .footer a {text-decoration:none;}
  .footer a:hover {text-decoration:underline;}
  
  .header a {text-decoration:none;}
  .header a:hover {text-decoration:underline;}
  
  center table {text-align:left;}
  

/* 1.3  Basic styles
_______________________________________________________________________________________________*/  

  .hide {display:none;}  
  .clear {clear:both;}
  br.clear {font-size:0;line-height:0;height:0;overflow:hidden;}
  .fleft {float:left;}
  .fright {float:right;}
  p.center {text-align:center;}
  p.right {text-align:right;}
  p.left {text-align:left;}
  
  .clearfix:after, 
  .wrapper3:after,
  .footer .footersplit:after,
  .footer .footersplit .left-col:after,
  .footer .footersplit .right-col:after,
  .footer .site-map:after,
  .content ul.announcements li:after,
  .content .subcategories ul:after,
  .content .codemeta:after,
  .content ul.comments div.meta:after
  {content:".";display:block;height:0;clear:both;visibility:hidden;}

  
/* 1.4. Layout
_______________________________________________________________________________________________*/  
  
  
  .page {min-width:940px;}

  .header {position:relative;z-index:2;}
  .container {position:relative;z-index:1;padding:0 20px;text-align:left;clear:both;}
    
  
  
  .content {float:left;width:100%;overflow:hidden;}
  .sidebar {float:left;width:227px;margin-right:-236px;position:relative;padding:16px 9px 18px 0;}
  
  .footer {clear:both;}
  
  /* Backgrounds */
  
  body {background:#cbdde5;} /*original=#ad9bbb; grey=#D5D5DD greyish purple: #d9cfd8 blue=#66c2e9*/
  .header {background:url(../images/bg_headerx.jpg) top left no-repeat;}
  .wrapper1 {background:#fff url(../images/bg_wrapper-bot-left.gif) bottom left no-repeat;}
  
  
  
  
  .sidebar {background:url(../images/bg_sidebar-top.gif) top left no-repeat;font-size:8pt;}
  /* background:#e0dee0 url(../images/bg_footer-left.png) top left no-repeat; */
  .footer {}
  /* background:url(../images/bg_footer-right.png) top right no-repeat;*/
  .footer-in {}
  
  
  
/* 2.  HEADER
_______________________________________________________________________________________________
_______________________________________________________________________________________________*/  


/* 2.1  Logo
_______________________________________________________________________________________________*/  

  .header .logo {float:left;width:320px;height:99px;background:url(../images/logo.gif) 0 9px no-repeat;}  
  
/* 2.2  Motto
_______________________________________________________________________________________________*/  

  .header .motto {margin:0 20px 0 340px;padding:35px 0 0 0;text-align:center;font-size: 13px;line-height:1.38em;color:#4d4d4d;font-family:Tahoma,Verdana,Geneva,Kalimati,sans-serif;text-align:center;}
  .header .motto strong {font-weight:normal;color:#670166;}
  
/* 2.3  Adverts
_______________________________________________________________________________________________*/  

  .header .advert {clear:both;padding-top:6px;text-align:center;font-size:10px;}
  .header .advert-leaderboard 
  {
        margin:0 auto 30px;} /* removed 3/11/2011 for netshelter banner width:732px;*/
  
/* 2.4  Primary Navigation
_______________________________________________________________________________________________*/  
  
 .primary-navigation {position:relative;z-index:2;clear:both;padding-top:6px;height:25px;}
  
  .primary-navigation ul {}
  .primary-navigation ul li {float:left;background:#373a3d url(/vb/2010Redesign/images/nav1-left.png) top left no-repeat;}
  /* set to first item*/
  .primary-navigation ul li.nav_net {background-image:url(/vb/2010Redesign/images/nav1-first-left.png);}
  .primary-navigation ul a {float:left;line-height:25px;font-size:10px;color:#fff;padding:0 19px;
                            background:url(/vb/2010Redesign/images/nav1-right.png) top right no-repeat;}
  /* set to last item*/
  .primary-navigation ul li.nav_cf a {background-image:url(/vb/2010Redesign/images/nav1-last-right.png);
                                        padding-right:30px;}
  .primary-navigation ul a:hover {text-decoration:underline;}
  
  .category-navigation {position:relative;background:#e0dee0 url(/vb/2010Redesign/images/bg_category-navigation-top-right.png) top right no-repeat;}
  .category-navigation .mask {position:absolute;right:0;top:42px;width:5px;height:5px;background:#fff;}
  .category-navigation ul {height:42px;background:url(/vb/2010Redesign/images/bg_category-navigation.gif) bottom left repeat-x;}
  .category-navigation ul li {float:left;background:none;position:relative;}
  .category-navigation ul a {float:left;line-height:42px;padding:0 21px 0 13px;color:#373a3d;
                             font-size:13px;background-image:url(/vb/2010Redesign/images/dropdown-tick.gif);background-position:100% 0;background-repeat:no-repeat;}
  .category-navigation ul a:hover {color:#000;text-decoration:none;background-position:100% -42px;}
  
  .category-navigation ul ul {left:-999em;}
  .category-navigation ul li.hover ul,
  .category-navigation ul li:hover ul {left:0;}
  .category-navigation ul li.hover a,
  .category-navigation ul li:hover a {color:#000;background-position:100% -42px;text-decoration:underline;}
  
  .category-navigation ul ul {position:absolute;top:42px;width:170px;background:url(/vb/2010Redesign/images/bg_dropdown.gif) bottom center no-repeat;height:auto;padding-bottom:7px;}
  .category-navigation ul ul li {position:static;width:100%;}
  .category-navigation ul ul li:first-child,
  .category-navigation ul ul li.first-child {background:url(/vb/2010Redesign/images/bg_dropdown_first.gif) top right no-repeat;padding-top:7px;}
  .header .category-navigation ul ul a {display:block;float:none;line-height:14px;padding:2px 8px 2px 12px;font-size:11px;color:#373a3d;background:none;text-decoration:none;}
  .header .category-navigation ul ul a:hover {color:#000;background-color:#b6b5b6;}
  

  /* Active State */
  /*a) positions items (1st item is positioned a little differently)--and sets all to same .gif*/
  body.cat-java .primary-navigation .nav_java,
  body.cat-javascript .primary-navigation .nav_javascript,
  body.cat-c .primary-navigation .nav_c,
  body.cat-asp .primary-navigation .nav_asp,
  body.cat-sql .primary-navigation .nav_sql,
  body.cat-perl .primary-navigation .nav_perl,
  body.cat-delphi .primary-navigation .nav_delphi,
  body.cat-php .primary-navigation .nav_php,
  body.cat-cf .primary-navigation .nav_cf,
  body.cat-vb .primary-navigation .nav_vb
  {margin-left:-7px;display:inline;background-image:url(/vb/2010Redesign/images/nav1-left-active.png);}
  /*set to 1st item*/
  body.cat-net .primary-navigation .nav_net 
  {background-image:url(/vb/2010Redesign/images/nav1-left-active.png);}
  
  /*b)*/
  body.cat-vb .primary-navigation .nav_vb a,
  body.cat-net .primary-navigation .nav_net a,
  body.cat-java .primary-navigation .nav_java a,
  body.cat-javascript .primary-navigation .nav_javascript a,
  body.cat-c .primary-navigation .nav_c a,
  body.cat-asp .primary-navigation .nav_asp a,
  body.cat-sql .primary-navigation .nav_sql a,
  body.cat-perl .primary-navigation .nav_perl a,
  body.cat-delphi .primary-navigation .nav_delphi a,
  body.cat-php .primary-navigation .nav_php a,
  body.cat-vb .primary-navigation .nav_vb a
  {background-image:url(/vb/2010Redesign/images/nav1-right-active.png);padding-left:22px;padding-right:23px;color:#000;text-decoration:none;cursor:default;}
  /*1st item*/
  body.cat-net .primary-navigation .nav_net a {padding-left:19px;padding-right:19px;}
  /*last item*/
  body.cat-cf .primary-navigation .nav_cf a {background-image:url(/vb/2010Redesign/images/nav1-last-right-active.png);
                                             padding-left:22px;color:#000;text-decoration:none;cursor:default;}
  
  /*c) Tail of active state: note links item to the item to the right,
  and omit rightmost item from list */
  body.cat-net .primary-navigation .nav_php,
  body.cat-php .primary-navigation .nav_javascript,
  body.cat-javascript .primary-navigation .nav_java,
  body.cat-java .primary-navigation .nav_c,
  body.cat-c .primary-navigation .nav_sql,

  body.cat-sql .primary-navigation .nav_perl,
  body.cat-perl .primary-navigation .nav_asp,
  body.cat-asp .primary-navigation .nav_vb,
  body.cat-vb .primary-navigation .nav_delphi,
  body.cat-delphi .primary-navigation .nav_cf
  {background-image:url(/vb/2010Redesign/images/nav1-left-to-the-right-of-active.png);}
  


  
/* 2.5  HeadInfo
_______________________________________________________________________________________________*/ 
  
  .headinfo {float:none;padding:17px 20px 0 0;margin-left:340px;}
  .headinfo p {font-size: 13px;margin:0;}
  .headinfo ul {float:right;font-size: 13px;}
  .headinfo ul li {display:block;white-space:nowrap;text-align:right;}
  .headinfo p.legend {float:right;white-space:no-wrap;padding-right:18px;}
  .headinfo p.support {float:right;clear:right;padding-top:18px;text-align:right;}
  * html .headinfo p.support {padding-top:0px;}
  *+html .headinfo p.support {padding-top:0px;}
  
  
  



/* 3.   CONTENT
_______________________________________________________________________________________________
_______________________________________________________________________________________________*/  


/* 3.1  Generic elements
_______________________________________________________________________________________________*/  

  
  .content h1 {font-size: 18px;line-height:1.22em;padding:7px 0;
                font-weight:bold;margin:0 0 12px 0;}
  .content h2 {font-size: 18px;line-height:1.125em;font-weight:normal;margin:12px 0 12px 0;}
  .content h2 span.extra {font-size:12px;}
  .content h3 {font-size: 14px;line-height:1.28em;font-weight:normal;margin:0 0 12px 0;}
  .content h4 {font-size: 13px;line-height:1.38em;font-weight:normal;margin:0 0 12px 0;}
  .content h5 {font-size: 12px;line-height:1.5em;font-weight:bold;margin:0 0 12px 0;}
  .content p {font-size: 12px;line-height: 1.25em; margin:0 0 1.25em 0;}  
  .content img {max-width:100%;}

  
  
  /* Reseting styles lists */
  ul.announcements,
  ul.tutorials,
  ul.comments,
  fieldset ol,
  .subcategories ul {margin:0;padding:0;}
  ul.announcements li,
  ul.tutorials li,
  ul.comments li,
  fieldset ol li,
  .subcategories ul li {list-style-type:none;}
  
  .content div.sep {background:#b9c9d0;margin:18px 0;
                        height:5px;font-size:0;line-height:0;overflow:hidden;}
  .content .block-wrapper div.sep {margin-left:-18px;margin-right:-18px;}
  
  .content .advert-728 {margin:0 -18px;}

/* 3.2  Adverts
_______________________________________________________________________________________________*/  

  .content .advert {margin:12px auto;text-align:center;}
  .content .advert-large-rectangle {width:336px;}
  .content .advert p.calltoaction {font-size: 11px;line-height:15px;margin:0;font-family:Verdana,Geneva,Kalimati,Tahoma,sans-serif;}
  
/* 3.3  Tutorials List
_______________________________________________________________________________________________*/  

  .content ul.tutorials {}
  .content ul.tutorials li {padding:20px 0 1px 0;background:url(../images/sep.gif) top center no-repeat;}
  .content ul.tutorials li:first-child,
  .content ul.tutorials li.first-child {background:none;padding-top:0;}
  .content ul.tutorials li.advert {text-align:center;padding-top:8px;}
  .content ul.tutorials h3 {margin:0 0 12px 0;}
  .content ul.tutorials h3 a {display:block;padding:4px 0 4px 30px;background-position:0 0;background-repeat:no-repeat;}
  .content ul.tutorials h3 a.ico-vb     {background-image:url(../images/ico/vb.gif);}
  .content ul.tutorials h3 a.ico-java   {background-image:url(../images/ico/java.gif);}
  .content ul.tutorials h3 a.ico-c      {background-image:url(../images/ico/c.gif);}
  .content ul.tutorials h3 a.ico-asp    {background-image:url(../images/ico/asp.gif);}
  .content ul.tutorials h3 a.ico-sql    {background-image:url(../images/ico/sql.gif);}
  .content ul.tutorials h3 a.ico-perl   {background-image:url(../images/ico/perl.gif);}
  .content ul.tutorials h3 a.ico-delphi {background-image:url(../images/ico/delphi.gif);}
  .content ul.tutorials h3 a.ico-php    {background-image:url(../images/ico/php.gif);}
  .content ul.tutorials h3 a.ico-cf     {background-image:url(../images/ico/cf.gif);}
  .content ul.tutorials h3 a.ico-net    {background-image:url(../images/ico/net.gif);}
  .content ul.tutorials p {}
  .content ul.tutorials p.meta {line-height:1.5em;}

/* 3.4  Announcements
_______________________________________________________________________________________________*/  
  
  .content ul.announcements {margin:18px 0;}
  .content ul.announcements li {padding:30px 0 20px 0;margin:0 0 0 0;background:url(../images/sep.gif) top center no-repeat;}
  .content ul.announcements li:first-child,
  .content ul.announcements li.first-child {padding-top:0;background:none;}
  .content ul.announcements div.image {float:left;text-align:center;width:140px;overflow:hidden;}
  .content ul.announcements div.image img {margin:0 auto;}
  .content ul.announcements div.contents {margin-left:160px;}
  
/* 3.5  SubCategories
_______________________________________________________________________________________________*/  
  
  .content .world-categories {}
  .content .compatibility-filter {}
  .content .compatibility-filter p.legend {float:left;white-space:no-wrap;line-height:22px;padding-right:20px;}
  .content .compatibility-filter fieldset {border:none;padding:0;}
  .content .compatibility-filter fieldset.filters {float:left;width:260px;}
  .content .compatibility-filter fieldset.filters ol {}
  .content .compatibility-filter fieldset.filters ol li {float:left;clear:left;padding:3px 0;}
  * html .content .compatibility-filter fieldset.filters ol li {padding:1px 0;}
  * html .content .compatibility-filter fieldset.filters ol li span {padding-top:3px;}
  .content .compatibility-filter fieldset.filters ol label {}
  .content .compatibility-filter fieldset.filters ol input {float:left;margin:0;}
  .content .compatibility-filter fieldset.filters ol span {float:left;padding:0 0 0 5px;}
  .content .compatibility-filter fieldset.filters .submit {clear:both;padding:5px 0 0 0;}
  .content .compatibility-filter p.note {clear:both;padding-top:18px;}

  .content .subcategories {}
  .content .subcategories ul {}
  .content .subcategories ul li {float:left;width:48%;margin-right:1.5%;}
  .content .subcategories ul a {display:block;line-height:1.4em;padding:0.3em 0;color:#000;text-decoration:none;}
  .content .subcategories ul a:hover {text-decoration:none;}
  * html .content .subcategories ul a:hover {text-decoration:none;}
  .content .subcategories ul a strong {font-weight:normal;color:#670066;padding-right:10px; text-decoration:underline;}
  .content .subcategories ul a:hover strong {text-decoration:none;}
  .content .subcategories p.browse {clear:both;padding-top:10px;text-align:right;font-size: 13px;}
  
/* 3.6  CodePage
_______________________________________________________________________________________________*/

  .content .codemeta {margin:0 0 18px 0;}
  .content .codemeta .author-image {float:left;width:64px;text-align:center;overflow:hidden;}
  .content .codemeta .author-image img {margin:0 auto;}
  .content .codemeta .accessed {float:right;}
  .content .codemeta .accessed p {white-space:nowrap;background:url(../images/ico/accessed.gif) left center no-repeat;padding:2px 0 2px 25px;margin:0;}
  .content .codemeta .contents {margin:0 0 0 74px;color:#636363;}
  .content .codemeta .contents p {margin:0 0 2px 0;}

  .content .screenshot {margin:18px 0;text-align:center;}
  .content .screenshot img {display:block;margin:0 auto;}
  
  .content a.download-link {display:block;font-size: 14px;padding:8px 0 8px 40px;margin:18px 0 18px 8px;background:url(../images/ico/download-big.gif) left center no-repeat;}

  .content .notes {background:#f9f9f9;padding:10px 8px 10px 8px;margin:18px 0;}
  .content .notes p {margin-bottom:5px;}
  .content .notes p.note span.warning {float:left;height:26px;margin-top:-14px;width:38px;background:url(../images/ico/warning.gif) top left no-repeat;}  
  .content .notes .caution {font-weight:bold;}
  
  .content .terms {margin:18px 8px;}
  .content .terms h5 {background:url(../images/ico/info.gif) left center no-repeat;padding:2px 0 2px 28px;margin:0 0 5px 0;}
  .content .terms p {margin:0 0 5px 0;}
  
  .content ul.comments {}
  .content ul.comments li {padding:12px 12px 4px;}
  .content ul.comments p {margin:0 0 8px 0;}
  .content ul.comments div.meta {background:#f9f9f9;padding:5px 12px;margin-left:-12px;margin-right:-12px;margin-bottom:10px;}
  .content ul.comments div.meta p {margin:0;}
  .content ul.comments div.meta p.posted {float:left;white-space:nowrap;color:#666;}
  .content ul.comments div.meta p.report {float:right;white-space:nowrap;}
  
  .content div.reportbad {padding:0 0 0 30px;background:url(../images/ico/report.gif) top left no-repeat;}
  .content div.reportbad fieldset {border:none;padding:0;}
  .content div.reportbad p {margin:0 0 5px 0;}
  .content div.reportbad input.text {float:left;margin:0 4px 0 0;padding:3px 2px 3px 4px;width:256px;border:1px solid #7f9db9;}
  
  .content div.your-vote {padding:0 0 0 30px;background:url(../images/ico/checkmark.gif) top left no-repeat;}
  .content div.your-vote p {margin:0 0 5px 0;}
  .content div.your-vote fieldset.rating {border:none;padding:0;}
  .content div.your-vote fieldset.rating ol {}
  .content div.your-vote fieldset.rating ol li {float:left;padding:4px 0;}
  .content div.your-vote fieldset.rating label {float:left;margin:0 10px 0 0;}
  .content div.your-vote fieldset.rating input {float:left;margin:0;}
  .content div.your-vote fieldset.rating span  {float:left;padding:0 0 0 5px;}
  .content div.your-vote fieldset.rating .submit {float:left;}
  .content div.your-vote fieldset.rating .submit input {float:left;margin:0 10px 0 0;}
  .content div.your-vote fieldset.rating .submit a.log {float:left;line-height:26px;}

/* 4.   SIDEBAR
_______________________________________________________________________________________________
_______________________________________________________________________________________________*/  


/* 4.1  Sidebar generic box
_______________________________________________________________________________________________*/  
  
  .sidebar .box {background:url(../images/bg_sidebar-box.gif);background-position:top left;background-repeat:no-repeat;padding:18px 0 0 1px;margin:0 0 10px;width:226px;}
  .sidebar .box .box-wrap {margin:0 18px;width:190px;}
  .sidebar .box-first {background-image:url(../images/bg_sidebar-box-first.gif);}
  .sidebar .box h3 {padding-left:18px;font-size: 8pt;line-height:1.2em;font-weight:bold;margin:0 0 12px 0;}
  
/* 4.2  Box-Search
_______________________________________________________________________________________________*/
  
  .sidebar .box-search {}
  .sidebar .box-search form {}
  .sidebar .box-search form fieldset {border:none;padding:0;}
  body.js .sidebar .box-search form label {position:absolute;left:-9999px;}
  body.nojs .sidebar .box-search form label {float:left;clear:both;font-size:12px;line-height:18px;}
  .sidebar .box-search form input.text {float:left;clear:left;border-top:1px solid #a1b0b9;border-right:1px solid #a1b0b9;border-bottom:1px solid #fff;
                                        border-left:1px solid #a1b0b9;background:#b6b5b6;width:179px;padding:6px 3px 5px 8px;color:#fff;margin:0 0 10px 0;font-size:10px;}
  .sidebar .box-search form select {float:left;clear:left;margin:0 0 10px 0;width:192px;background:#b6b6b6;color:#fff;
                                    border-top:1px solid #a1b0b9;border-right:1px solid #a1b0b9;border-bottom:1px solid #fff;
                                    border-left:1px solid #a1b0b9;padding-top:5px;padding-bottom:5px;font-size:10px;}
  .sidebar .box-search form input.buttonimg {float:left;clear:left;}
  .sidebar .box-search button {float:left;clear:left;border-top:1px solid #a1b0b9;border-right:1px solid #a1b0b9;border-bottom:1px solid #fff;
                                border-left:1px solid #a1b0b9;background:#b6b6b6;color:#fff;text-align:center;padding:4px 12px 4px 12px;
                                font-family:Tahoma,Verdana,Geneva,Kalimati,sans-serif;font-size:12px;cursor:pointer;background:#b6b6b6 url(../images/bg_button.gif) top center no-repeat;}
  
/* 4.3  Box-ChooseLanguage
_______________________________________________________________________________________________*/
  
  .sidebar .box-chooselanguage {}
  .sidebar .box-chooselanguage ul {}
  .sidebar .box-chooselanguage ul a {display:block;line-height:14px;padding:3px 18px;}
  .sidebar .box-chooselanguage ul a:hover {background:#ebe9eb;text-decoration:none;}
  .sidebar .box-chooselanguage ul a strong {display:block;padding:2px 0;font-weight:normal;}
  .sidebar .box-chooselanguage ul a span {display:block;padding:2px 0;color:#373a3d;}
  
/* 4.4  Box-LatestPostings
_______________________________________________________________________________________________*/

  .sidebar .box-latestpostings {}
  .sidebar .box-latestpostings .marquee-postings {margin:0 0 12px;}
  
  .marquee-wrapper {position:relative;}
  .marquee-wrapper .marquee-topmask {position:absolute;top:0;left:0;width:100%;height:10px;z-index:15;background:url(../images/bg_marquee-topmask.png) top left repeat-x;}
  .marquee-wrapper .marquee-botmask {position:absolute;bottom:0;left:0;width:100%;height:10px;z-index:15;background:url(../images/bg_marquee-botmask.png) bottom left repeat-x;}
  .marquee-wrapper .newsticker {white-space:normal;}
  .marquee-wrapper marquee {overflow:hidden;}
  .marquee-wrapper .newsticker ul li {width:156px;}  
  .marquee-postings {background:#f0eff0;}
  body.nojs .marquee-postings {overflow-y:scroll;overflow-x:hidden;height:262px;}
  .marquee-postings {padding:0 5px 1px 5px;}
  
  .marquee-postings ul {}
  .marquee-postings ul li {color:#46627e;}
  .marquee-postings ul .icons {float:left;width:25px;padding-top:9px;}
  .marquee-postings ul .icons a,
  .marquee-postings ul .icons span {float:left;clear:both;width:20px;height:20px;background-position:center center;background-repeat:no-repeat;margin-bottom:5px;}
  .marquee-postings ul .icons .screenshot {background-image:url(../images/ico/screenshot.gif);}
  .marquee-postings ul .icons .refresh    {background-image:url(../images/ico/refresh.gif);}
  .marquee-postings ul .icons .add        {background-image:url(../images/ico/add.gif);}
  .marquee-postings ul .contents {margin-left:25px;padding-bottom:9px;padding-top:9px;}
  .marquee-postings ul .contents h5 {font-size: 14px;line-height:1.28em;font-weight:normal;margin:0 0 6px 0;}
  .marquee-postings ul .contents h5 a {}
  .marquee-postings ul .contents h5 a:hover {}
  .marquee-postings ul .contents p {line-height:1.25em;margin:0;}
  .marquee-postings ul .contents p.meta {}
  .marquee-postings ul .contents p.screenshot {text-align:right;}
  
  .sidebar .call-to-action {margin:10px 0 10px;text-align:right;}
  .sidebar .call-to-action p {line-height:1.25em;}
  
  .sidebar .add-to-active-desktop {margin:0;text-align:right;}
  .sidebar .add-to-active-desktop a.button {display:block;height:21px;outline:none;text-indent:-9999px;background:url(../images/button/add-to-active-desktop.png) top right no-repeat;text-align:left;}
  .sidebar .add-to-active-desktop p {line-height:1.5em;}
  
/* 4.5  box-DailyEmail
_______________________________________________________________________________________________*/

  .sidebar .box-dailyemail {}
  .sidebar .box-dailyemail p {margin:0 12px 0 12px;padding:0 0 0 86px;
        }
        
  * html .sidebar .box-dailyemail p {height:74px;}
  
/* 4.6  box-ContestWinners
_______________________________________________________________________________________________*/

  .sidebar .box-contestwinners {}
  .sidebar .box-contestwinners h3 {}
  .sidebar .box-contestwinners p {margin:0 0 8px 0;}
  .sidebar .box-contestwinners p.winner-symbol {padding:4px 0 0 80px;background:url(../images/bg_winner-symbol.jpg) top left no-repeat;font-weight:bold;}

/* 4.7  Adverts
_______________________________________________________________________________________________*/

  .sidebar .advert {text-align:center;margin:0 0 10px 0;padding:18px 18px 18px 18px;background:url(../images/bg_sidebar-advert.gif) top left no-repeat;}
  .sidebar .advert-wide-skyscraper {padding-top:33px;}
  .sidebar .advert img {margin:0 auto;}



/* 5.   FOOTER
_______________________________________________________________________________________________
_______________________________________________________________________________________________*/  


/* 5.1  Footer wrappers
_______________________________________________________________________________________________*/  

/*background:#E0DEE0 url(../images/bg_footer-box-bl.png) bottom left no-repeat;*/
  .footer .box-wrapper {margin-bottom:5px;
                        font-size:10px;}
    /*background:url(../images/bg_footer-box-br.png) bottom right no-repeat;*/
  .footer .box {position:relative;padding-bottom:5px;}
  .footer .footersplit {padding:0 3%;}
  .footer .footersplit .left-col,
  /*background:#E0DEE0;*/
  .footer .footersplit .right-col {width:48%;min-height:297px;}
  .footer .footersplit .left-col {float:left;}
  .footer .footersplit .right-col {float:right;}
  .footer .footersplit .advert {margin:0 auto;}
  .footer .footersplit .advert-large-rectangle {width:336px;height:280px;padding-top:8px;}
  .footer .footersplit .promo {margin:0 auto;width:390px;height:280px;}
  
  /*background:#E0DEE0;*/
  .footer .footersplit .site-map {}
  /*background:#E0DEE0;*/
  .footer .site-map .site-map-1,
  .footer .site-map .site-map-2 {width:48%;padding:18px 0 0 0;height:297px;overflow:hidden;}
  .footer .site-map .site-map-1 {float:left;}
  .footer .site-map .site-map-2 {float:right;}
  .footer .site-map h4 {margin:0 18px;font-size: 13px;line-height:1.15em;color:#3F3F3F;}
  .footer .site-map ul {margin:0 0 18px 0;}
  .footer .site-map ul a {display:block;padding:0.1em 18px;line-height:1.05em;color:#3F3F3F;}

/* 5.2  Secondary-navigation
_______________________________________________________________________________________________*/  

/*background:url(../images/bg_footer-box-tl.png) top left no-repeat;*/
  .secondary-navigation {line-height:18px;}
  
  /*background:url(../images/bg_footer-box-tr.png) top right no-repeat;*/
  .secondary-navigation ul {display:block;padding:20px 30px 15px 30px;text-align:center;
                            }
  .secondary-navigation ul li {display:inline;}
  .secondary-navigation ul a {color:#3F3F3F;padding:0 4px 0 8px;
                              background:url(../images/sep-white.gif) left center no-repeat;}
  .secondary-navigation ul li:first-child a,
  .secondary-navigation ul li.first-child a {background:none;}

/* 5.3  Copyright
_______________________________________________________________________________________________*/  

  .footer .copyright {position:absolute;bottom:1px;left:0;height:50px;width:100%;}
  .footer .copyright p {background:url(../images/bg_copyright.png) top 
                        left no-repeat;text-align:center;width:600px;margin:0 auto;
                        line-height:40px;padding:0 15px 13px 15px;}
  * html .footer .copyright p {background:url(../images/bg_copyright.gif) top left no-repeat;}
  .footer .copyright a {color:#000;}

/* 5.4  Note
_______________________________________________________________________________________________*/  

  .footernote {text-align:center;padding-bottom:5px;font-size:10px;}
  .footernote p {color:#46627e;line-height:1.5em;}
  .footernote a {color:black;} /*#46627e;*/
  .footernote a:hover {}




/* my custom classes to undo the css when it was not working properly.  Can remove
(although should cleanup source first by removing references in html to these)*/
.undoreset .FontSize14pt {font-size:14pt;} 
.undoreset .FontSize8pt {font-size:8pt;}
.undoreset .FontSize10pt {font-size:8pt;}
.undoreset .Border1 {border-collapse: collapse;
	border: 1px solid #000000;}

.undoreset .valignTop {vertical-align:top;}
.undoreset .valignBottom {vertical-align:bottom;}

.undoreset .alignRight {text-align: right;}
.undoreset .alignLeft {text-align:left;}
.undoreset .alignCenter {text-align:center;}

.undoreset .BgcolorWhite {background-color:White}
.undoreset .BgcolorBlack {background-color:Black}

.FontSize1{font-size:10px; font-family:verdana;}
.FontSize1 ul {margin-top:0;margin-bottom:0;} 




/**************************/
/* Table border color */
/**************************/
.TableBorder {border-collapse: collapse;border:solid 1px #a5c6d7;} /*default for tables*/
.ImageBorder {border-collapse: collapse;border:solid 1px #a5c6d7;} /*default for images*/
.TableBorderLight {border-collapse: collapse;border:solid 1px #E0E0F8;} /*default for tables*/
.PopupBorder {border-collapse: collapse;border:solid 3px #a5c6d7;} /*default for popups*/


/*awesome button section
 see http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba*/


.awesome, .awesome:visited {
	background: #222 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; 
	                                         		  line-height: 1; 
	                                         		  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #389C28; }
	.green.awesome:hover						{ background-color: #2C7E18; }
	
	
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	
                

/**************************
  Login
***************************/
/*z-index:2 worked for IE (made login link "function") 
but not Firefox, so increased to 10*/
#idHomePageLoginLogout {position:absolute;bottom:30px;z-index:10}

.loginlogout {text-align:right;
              font-size:10px; 
              position:absolute;}
.loginlogout a {text-decoration:underline;}
.loginlogout a:hover {text-decoration:underline;}