/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */


  table
  {
  border-collapse: collapse;
  border-color: #111111;
  border-width: 0;
  margin: 0;
  padding: 0px;
  }


 a{text-decoration:none;}


 td.latestnews{
  text-align:left;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 10px;
  vertical-align:middle;
  font-weight: bold;
  padding-left:12px;
  width:513px;
  height:25px;
  background-image:url('images/yellowstrep.jpg');
 }
 a.latestnews_anchor{
  text-decoration:none;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 14px;
 }

 td.newstitle{
  text-align:left;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 10px;
  vertical-align:middle;
  font-weight: bold;
  padding-left:5px;  
 }
 a.newstitle_anchor{
  text-decoration:none;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 12px;
 }
 td.newsdes{
  text-align:left;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 12px;
  vertical-align:middle;
  padding-left:5px;  
 }
 
 .full_story{
  text-align:right;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FF0000;
  padding-right:5px;  
 }
 .full_story_anchor{
  color:#FF0000;
  font-size: 10px;
 }


 td.voices{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:265px;
  background-image:url('images/leftstrep.jpg');
 }
 a.voices_anchor{
  color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration:none;
 }

 td.thematic{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:304px;
  height:24px;
  background-image:url('images/middlestrep.jpg');
 }
 a.thematic_anchor{
  color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration:none;
 }

td.search{
  background-color:#000000;
  color:#FFFFFF;
  width:203;
  text-align:center;
  vertical-align:middle;
  font-size: 11px;
  font-weight: bold;
 }


 td.voicestitle{
  text-align:left;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 11px;
  vertical-align:middle;
  font-weight: normal;
  padding-left:3px; 
  padding-right:2px;   
 }
 a.voicestitle_anchor{
  text-decoration:none;
  font-weight: bold;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#000000;
  font-size: 11px;
 }

 ul.ul_images
 {
  list-style-image: url('images/bullet.jpg');
 }


 td.main_theme{
  text-decoration:none;
  font-weight: bold;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FF0000;
  font-size: 12px;
  vertical-align:top;
  text-align:left;
  width:505px;
 }


 td.wwr{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:241px;
  height:36px;
  background-image:url('images/leftimage.jpg');
  background-repeat:no-repeat;
 }
 a.wwr_anchor{
  color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration:none;
  font-style: italic
 }


 td.wwd{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:253px;
  height:36px;
  background-image:url('images/middleimage.jpg');
  background-repeat:no-repeat;
 }
 a.wwd_anchor{
  color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration:none;
  font-style: italic
 }


 td.photo_gallery{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:241px;
  height:36px;
  background-image:url('images/rightimage.jpg');
  background-repeat:no-repeat;
 }
 a.photo_gallery_anchor{
  color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration:none;
  font-style: italic
 }
 a.read_more{
  color:#FFFFFF;
  font-family: Verdana,arial, "lucida console", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;      
 }

 span.arrow{
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FFFF00;
  font-size: 7px;
  font-weight: bold;
  font-style: italic;
 }

 td.redstrep{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  vertical-align:middle;
  width:575px;
  height:27px;
  background-image:url('images/redstrep.jpg');
  background-repeat:repeat-x;
 }

 td.thanks_you{
  font-family: Verdana,arial, "lucida console", sans-serif;
  padding-left:5pt;
  font-size: 8px;
  font-weight: bold;
  width:78px;
  text-align:left;
  vertical-align:top;
  }


 td.sap{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:180px;
  height:27px;
  background-image:url('images/rightleftimage.jpg');
  background-repeat:no-repeat;
 }

 a.sap_anchor{
  color:#FFFFFF;
  font-size: 8px;
  font-weight: bold;
  text-decoration:none;
  font-style: italic
 }
 td.devopt{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:180px;
  height:27px;
  background-image:url('images/rightmiddleimage.jpg');
  background-repeat:no-repeat;
 }

 a.devopt_anchor{
  color:#FFFFFF;
  font-size: 9px;
  font-weight: bold;
  text-decoration:none;
  font-style: italic
 }

 td.leftphoto{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#ffffff;
  vertical-align:middle;
  width:180px;
  height:27px;
  background-image:url('images/rightrightimage.jpg');
  background-repeat:no-repeat;
 }
 a.leftphoto_anchor{
  color:#FFFFFF;
  font-size: 9px;
  font-weight: bold;
  text-decoration:none;
  font-style: italic
 }

 td.rightlatestnews{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FFFFFF;
  font-size: 10px;
  vertical-align:middle;
  font-weight: bold;
  width:180px;
  height:24px;
  background-image:url('images/deepyellowstrep.jpg');
  background-repeat:repeat-x;
 }
 a.rightlatestnews_anchor{
  text-decoration:none;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FFFFFF;
  font-weight: bold;
  font-size: 14px;
  font-style: italic
 }

 td.invoppor{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FFFFFF;
  font-size: 10px;
  vertical-align:middle;
  font-weight: bold;
  width:180px;
  height:27px;
  background-image:url('images/redstrep.jpg');
  background-repeat:repeat-x;
  padding-left:2px;  
 }
 a.invoppor_anchor{
  text-decoration:none;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FFFFFF;
  font-weight: bold;
  font-size: 11px;
  font-style: italic
 }
 td.marketplace{
  text-align:center;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FF0000;
  font-size: 10px;
  vertical-align:middle;
  font-weight: bold;
  width:180px;
  height:28px;
  background-image:url('images/rightyellowstrep.jpg');
  background-repeat:repeat-x;
  padding-left:2px;  
 }
 a.marketplace_anchor{
  text-decoration:none;
  font-family: Verdana,arial, "lucida console", sans-serif;
  color:#FF0000;
  font-weight: bold;
  font-size: 14px;
  font-style: italic
 }

/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */