/*
 *  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.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/*  compression status: 1  (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */


body {
	background-image: url(BlueBarBlur.jpg);
	background-repeat: repeat-y;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
        
}

h1 {

	border: none;

	color: #003366;

	font: bold 18px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;

}

h2, h3, h4, h5 {

	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;

	font-weight: bold;

	border: none;

	background: transparent;

}

h2 {

	font-size: 16px

}

h3 {

	font-size: 14px

}

h4 {

	font-size: 13px

}

h5 {

	font-size: 12px

}


li {
        margin-bottom: 0em;
}

a {
        color: #0000EE;
}


/* Portal top logo */

#top-logo {
    background: url(banner21cif.jpg) no-repeat;
    border: 0;
    margin: 0em 0em 0em 0em;
    padding: 0;
}

#top-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top:85px;
    height: 0px !important;
    height /**/: 85px;
    width: 560px;
    cursor: pointer;
}


/* searchbox style and positioning */
#portal-searchbox {
float: right;
clear: right;
background-color: transparent;
margin: 4.5em 0 0 0; /* G_S default = 1.5em 0 0 0 */
padding: 0 2em 0 0;
text-align: right;
text-transform: lowercase;
white-space: nowrap;
z-index: 2;
}


#portal-globalnav {
/* Navigational Plone Tabs(tm). The power of CSS runs strong in these :) */
background-color: #ADD8E6;  /* G_S default=transparent */
padding: 0em 0em 0em 2em;
white-space: nowrap;
list-style: none;
margin: 0;
height: auto;
line-height: normal;
font-size: 120%;    /* G_S Added  size & weight for Main menu font */
font-weight: bold;
}

#portal-globalnav li {
display: inline;
}
#portal-globalnav li a {
/* The normal, unselected tabs. They are all links */
background-color: transparent;
border-color: #8cacbb;
border-width: 1px;
border-style: solid solid none solid;
color: #330000;  /* main portal tab font color  default=&dtml-globalFontColor*/
height: auto;
margin-right: 0.5em;
padding: 0em 1.5em;
text-decoration: none;
text-transform: none; /* default=lowercase */
}
#portal-globalnav li.selected a {
/* The selected tab. There's only one of this */
background-color: #E3CF57; /* default=#dee7ec; */
border: 1px solid #8cacbb;
border-bottom: #dee7ec 1px solid;
color: #436976;
}
#portal-globalnav li a:hover {
background-color: #E3CF57; /* default=#dee7ec; */
border-color: #8cacbb;
border-bottom-color: #dee7ec;
color: #436976;
}
#portal-personaltools {
/* Bar with personalized menu (user preferences, favorites etc) */
background-color: #F0FFFF; /* default=#dee7ec; */
/* G_S comment out 
border-top-color: #8cacbb;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: #8cacbb;
border-bottom-style: solid;
border-bottom-width: 1px;
line-height: 1.3em;
*/
color: #FF6103; /* G_S default= &dtml-fontColor */
padding: 0em 2em 0em 3em;   /* G_S def=0em 3em 0em 3em */
margin: 0;
text-align: right;
text-transform: none; /* default= lowercase; */
list-style: none;
}
#portal-personaltools .portalUser {
background: transparent url(user.gif) center left no-repeat;
padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
color: #636363;  /* G_S def=&dtml-fontColor */
padding: 0;
background: transparent;
background-image: none;
font-weight: none; /* G_S added */
} /* Used on all descriptions relevant to those not logged in */

#portal-personaltools li {
background: transparent url(linkOpaque.gif) center left no-repeat;
padding-left: 8px;
color: #636363;  /* G_S Def=&dtml-globalFontColor */
margin-left: 1em;
display: inline;
}
#portal-personaltools li a {
text-decoration: none;
color: color: #636363;  /* personalbar font color Def=&dtml-globalFontColor */ 
}

/* G_S added .portalLoggedIn */
#portal-personaltools .portalLoggedIn {
    color: #636363;                         
    padding: 0;
    background: transparent;
    background-image: none;
    font-weight: none;
} /* Used for 'You are logged in' */


.visualCaseSensitive {
text-transform: none;
}
#portal-breadcrumbs {
/* The path bar, including breadcrumbs and add to favorites */
border-bottom-color: #8cacbb;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-left: 2em;
padding-right: 2em;
text-transform: lowercase;
background-color: #FFEBCD; /* G_S Added  */
}

/* G_S added  */

#portal-breadcrumbs  a {
    text-decoration: none;
    color: #CD853F ;  /* breadcrumbs link color */
}


 

.portlet {
    border: none;
    margin-bottom: 1em;
    padding: 0;
}

/* Compensation when rendering portlets in the content area */
#region-content .portlet {
    font-size: 94%;
}

.portlet h4 {
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h5 { 
    background: #FF9900; /* New -Lorange, G_S Old color #dee7ec;  */
    border: 1px solid #003366;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: none;  /* G_S OLD=lowercase; */
    text-shadow: none;
    display: inline;
    font-size: 1em;
    height: 1em;
    font-weight: bold; /* G_S old=normal */
    white-space: nowrap;
}
.portlet h6 { 
    background:  #dee7ec; 
    border: 1px solid #8cacbb;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    text-shadow: none;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}


.portletBody {
    position: relative;
    top: -1px;
    background: #F0FFFF;  /* Off blue:#F0FFFF for Nav portlet */
    border: 1px solid #3D59AB; /* Cobalt:#3D59AB  */
}

.portletDetails {
    text-align: right;
}

.portletMore {
    display: block;
    text-align: right;
}

.portletContent {
    padding: 0.5em;
}
.portletClose {
    float: right;
    text-transform: none;
    border-left: 1px solid #8cacbb;
    padding: 0em 0.2em;
}
.portlet h1, 
.portlet h2, 
.portlet h3, 
.portlet h4 {
    margin: 0;
    padding: 0;
}
.portlet .even {
    background-color: #f7f9fa;
}
.portlet .odd {
    background-color: transparent;
}
.portlet input {
    font-size: 100%;
}

.portlet ul,
.portlet li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    line-height: 1em;
}

/* END Portlet */


/* Navigation tree styling */

/* G_S disable the nav icon root(Home) display */
.navIconRoot {
    position: relative;
    right: 0px; /* originally 20px */
    display: none;

}


/* G_S disable the nav icons display */
.navIcon, {
    position: relative;
    right: 0px; /* originally 20px */
    display: none;
}

.navItemText {
    margin-left: 0px; /* originally -20px */

}

/* G_S made navRootItem and navItem saperate and made RootItem Bold */

.navRootItem {
    margin: 0 0 0.2em 0;
    border: none;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 0 0 0 20px;
    font-weight: bold;
    background-color: ##F0FFFF; /* G_S  Added */

}

.navItem {
    margin: 0 0 0.1em 0;
    border: none;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0.1em 0em 0.2em 0em;
    margin: 0; /* originally -20px */

}



#portlet-navigation-tree a:hover {
    background-color:  	#fff0f5; /* G_S White Def=#dee7ec; */
    color:  #B22222;  /* G_S def=&dtml-globalFontColor */
    border: none;
    text-decoration: none;
   /* background-image: url(right_arrow.gif);  
    padding: 0.2em 0.25em 0.1em 28px; */ 
/* G_S Added for arroow icon bg */
}
 
.currentNavItem {
    background-color: #FFE4E1 !important; /*  old=#fff0f5; */
    color:  #B22222;   
    text-decoration: none;
    border-width: 0 0 0 0  !important; /* Needed this to have no border for current item */

}

/* G_S added */
#portlet-navigation-tree a:active {
    background-color: transparent; 
    color:  #B22222;  /* G_S def=&dtml-globalFontColor */

}

  

.navLevel1 {
    margin-left: 0em;
    font-weight: bold; /* G_S added to bold 1st level folder */

}

.navLevel2 {
    margin-left: 1em;
    background-color: #fdf5e6; /* G_S  Added Lpink=#fff0f5 */

}



.navLevel3 {
    margin-left: 2em;
    background-color: #fafad2; /* G_S  Added */
}

.navLevel4 {
    margin-left: 3em;
    

}

.navLevel5 {
    margin-left: 4em;
}

.navLevel6 {
    margin-left: 4.5em;
}

.navLevel7 {
    margin-left: 5em;
}

.navLevel8 {
    margin-left: 5.5em;
}

/* Add more levels if needed. Then again, if you have more than 3-4 level deep
   structures, you should definitely re-think your Information Architecture ;)*/


#portal-hotfeature_bar {
    /* Bar with hotfeature_bar */
    background-color: #fff0f5;
    line-height: 1.3em;
    color: #FF6103;
    padding: 0em 0em 0em 10em;
    text-align: right;
    text-transform: none; /* default= lowercase; */
    list-style: none;
}


  /*              
  **  Styles for portlets with curved border using CSS.
  */
  .portlet {
  position: relative;
  background: url("portlet_shadow.gif") top right repeat-y;
  padding-right: 8px; 
  }

  /* The Holly Hack. IE/Win needs it but IE/Mac does not \*/
  * html .portlet {height: 1%;}
  /* End hide from IE5-mac */

  .portlet h5 {
  /* The next line is in plone.css for Plone 2.05, so using this 
     version you need only z-index declaration */
  background: #3D59AB url("header_bg.gif") top left repeat;
  display: block;
  color: White;
  padding: 0.2em 0.5em 0.1em 1em;
  height: 1.4em !important;
  height: 1.7em;
  height/**/:/**/1.4em;
  position: relative; 
  z-index: 2;
  }

  /* The next style fixes some wired behavior of portlets when you see something
     like two lines at the bottom of some portlets */
  .portletBody {
  border-bottom: none;
  }
  .portlet span.topLeft {
  height: 4px;
  width: 4px;
  border: 0;
  position: absolute;
  top: -1px; /* if you're using Plone < 2.05 - use "top: 0;" */
  z-index: 3;
  left: 0;
  background: transparent url("portlet_tl.gif") top left no-repeat;
  }
  .portlet span.topRight {
  height: 9px;
  width: 12px;
  border: 0;
  position: absolute;
  top: -1px; /* if you're using Plone < 2.05 - use "top: 0;" */
  z-index: 3;
  right: -1px;
  background: transparent url("portlet_tr.gif") top right no-repeat;
  }



  .botRight {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  height: 12px;
  width: 100%;
  margin-right: 0;
  margin-bottom: -8px;
  background: transparent url("portlet_br.gif") bottom right no-repeat;
  }

  /* The same problem with IE/Win \*/
  * html span.botRight { margin-right: -1px; }
  /* End hide from IE5-mac */

  .botLeft {
  height: 12px;
  width: 9px;
  border: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
  background: transparent url("portlet_bl.gif") bottom left no-repeat;
  margin-bottom: -8px;
  }

  /* Calendar Portlet */
  .ploneCalendar {
  margin: 0;
  width: 100%; 
  /* This was set to force the calendar to be the same width as the rest of the portlets */
  }
  .ploneCalendar th {
  background: #dee7ec url("header_bg.gif") top left repeat;
  }


/* END of Rounded corners CSS */

.documentContent {
    width:650px;   /* Keep the main content area fixed width of 650px */
    margin-right:auto;
    margin-left:1px
    font-size: 110%;
    padding: 0em 1em 2em 1em !important;
    background: White;
}

/* CSS edit for difkit  */
/* disable the external-link icon  */
.link-external {
    background: none ; /* OLD- transparent url(http://1x22.imsa.edu/link_icon.gif) 0px 1px no-repeat;*/
    padding: 0px 0px 0px 0px; /* padding: 1px 0px 1px 16px;*/
}

p a  {
    text-decoration: none; /* plone default was "underline" */
}



/*  */

/* 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
   
   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.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   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
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */