/*
 *  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 :) */


/*  middle content style  start  */



     #contener{
     /* width:445px; */
      font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Swiss, Futura, sans-serif;
      color: #000000;  
      text-align: left;
     }

    #contener #box{
      border-bottom:1px solid #009999;
      font-weight: bold;
      font-family: Tahoma;
      font-size: 13pt;
    }

    #box a{
      padding : 2px 8px 2px 0px;
      text-decoration:none;
      color: #009999;
      font-weight: bold;
     }

    #box a:hover{
      color: #009999;
      text-decoration: none;
     }


     #title a,#title a:hover
     {
       font-family: Arial,'Trebuchet MS', Verdana, Arial, Helvetica, Swiss, Futura, sans-serif;
       color: #000000;
       font-size: 11pt; 
       font-weight: bold;
       margin-top: 10px;
       text-decoration:none;
       border-bottom: 1px solid #000000;
     }

     #title a:hover
     {
      border-bottom: none;
      text-decoration:none;
     }


    #MaxHeight{ height:150px; }



    #RightImageContaner{
      float:right;
      margin: 0;
    }

    .documentByLine{
       display:none;  
     }
   .more
    {
     line-height: 14pt;
     text-align: right;
     padding-right: 15px;
     font-size: xx-small;
     voice-family: "\"}\""; /* hide rest from IE 5.x */
     voice-family:inherit;
     font-size: x-small;
     font-weight: bold;
    }

  .more a
   {
    color: #009999;
   }

   .more a:hover
   {
     color: #009999;
     text-decoration:none;
   }

  .summarytext{
    voice-family: "\"}\"";   /* hide rest from IE 5.x */
    voice-family: inherit;
    font-size: 10pt; 
   }

  .published{
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Swiss, Futura, sans-serif;
    color: #666666;
    font-style: italic;
    font-size: xx-small;
    voice-family: "\"}\""; /* hide rest from IE 5.x */
    voice-family:inherit;
    font-size: x-small;
   }



/* middle content end here */

  input#submitbuttom[type="submit"]{
    background:#009999;
    color:#FFFFFF;
    width:25px;
    height:20px;
  }


/*
  input{
    width: 250px;
    height: 18px;
    padding: 0;
    font-size: 7pt;
    border: 1px solid #000000;
    background-color:#009999;
   -moz-box-sizing: content-box;
  }

  #searchGadget
  {
   width: 180px;
   font-size: x-small;
   voice-family: "\"}\""; /* hide rest from IE 5.x */
   voice-family:inherit;
   font-size: small;
  }

*/



  body{
    margin:0px;
    padding:0px;
  }

 #whatdoyouthink{
   width:100%;
  display: inline;
  padding:2px;
  height: auto;
  width: auto;
}

 #whatdoyouthink #whatdoyouthinkleft{
   float: left;
   width:63%;
   padding:3px;
   color:#7D7B7B;
   font-face:arial;
   font-size:10pt;
   font-weight:bold;
}

 #whatdoyouthink #whatdoyouthinkright{
    float: right;
    background-color:#EBEBEB;
    width:35%;
    padding:3px;
    font-face:arial;
    font-size:10pt;
}


#righttopMenu{
    font-family:Tahoma ,'Trebuchet MS', Verdana, Arial, Helvetica, Swiss, Futura, sans-serif;
    float:right;
    padding:1px 15px 1px 10px;
    font-size:85%;
    word-spacing: 2px;
    text-transform: capitalize;
    position:relative;
    bottom:-5px
}

#righttopMenu a{
    text-decoration:none;
    color: #007978;
}

#righttopMenu a:hover 
{
	color: #FFFFFF;
}

#footerMenu{
    /* float:right; */
    padding:1px 5px 80px 5px;
    font-size:9pt;
    font-family:Tahoma,'Trebuchet MS', Verdana, Arial, Helvetica, Swiss, Futura, sans-serif;
    
}

#footerMenu a{
    text-decoration:none;
    color: #009999;
}
/*  menu horigental start */

.horizontalmenu
{
    text-valign:top;
    vertical-align: center;
    margin:auto;
    padding:0px 70px;
    /*float: right;*/
    /*padding-right:150px;*/

}

.horizontalmenu ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/*Top level list items*/
.horizontalmenu ul li{
    position: relative;
    display: inline;
    float: left;
   /* padding: 3px 10px; */
}

/*Top level menu link items style*/
.horizontalmenu ul li a{
    display: block;
    text-decoration: none;
    color: #FFFEFE;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
    padding: 3px 20px 3px 10px;
}
	
/*Sub level menu*/
.horizontalmenu ul li ul{
   left: 0;
   top: 0;
   position: absolute;
   display: block;
   visibility: hidden;
   z-index:1;
    /* z-index: 100; */
}

/*Sub level menu list items*/
.horizontalmenu ul li ul li{
   text-align:left;
   display: inline;
   float: none;
}


/* Sub level menu links style */
.horizontalmenu ul li ul li a{
   width: 150px;   /* width: 160px; width of sub menu levels*/
   font-weight: normal;
   padding: 2px 10px; /*  padding: 2px 4px; */
   background: #009999;
}

.horizontalmenu ul li a:hover{
   /* background: url('/portal_skins/custom/menubgover.gif') repeat-x center; */
   background-color:#007373;
}

.horizontalmenu ul li ul li a:hover{
   background-color:#007373;
}

.horizontalmenu .arrowdiv{
   position: absolute;
   right: 0;
   background: url('images/menuarrow.jpg') no-repeat center left;
}





/*  */

/* 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)
          
 */