/*
** Plone stylesheet specific to IMSA 21CIF  project.
*/

/*
**  Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
**
** <dtml-let last_modified="_.DateTime()-14" expires="_.DateTime()+1" >
**   <dtml-call "REQUEST.RESPONSE.setHeader( 'Content-Type', 'text/css' )">
**   <dtml-call "REQUEST.RESPONSE.setHeader( 'Last-Modified', last_modified.toZone('GMT').rfc822() )">
**   <dtml-call "REQUEST.RESPONSE.setHeader( 'Cache-Control', 'max-age=36000, must-revalidate' )">
**   <dtml-call "REQUEST.RESPONSE.setHeader( 'Expires', expires.toZone('GMT').rfc822() )" >
** </dtml-let>
*/

/* G_S ==================  Deleteed most of the old CSS stuff =========  */

/*
 * Lesson Plan pages
 */

.search td.label {
  font-weight: bold;
  text-align: right;	
  width: 30%;
}

/*
 * Google Adv Search headers 
 */
.SearchTextHeader {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000000; 
	font-style: italic; 
	font-weight: bold; 
	/* clip:  rect(   ); */
  	position: relative;
  	margin: 0px 0px 0px 10px;
}

.GoogleResult {
padding: 0em 0em 0em 1em;
margin: 0 0 0 1em;
}

/* General formatting for some tools main text  */
.ToolContent {
     	position: relative;
	margin: 0px 5px 0px 10px;
   	text-align: left;
}

/* ------------  START of NEW CSS ---------------   */

.BlackTextBold {
        color: #000000;
        font-weight: bold;
        font-style: normal;
}

.BlackTextItalic {
        color: #000000;
        font-weight: normal;
        font-style: italic
}

.BlackTextBoldItalic {
        color: #000000;
        font-weight: bold;
        font-style: italic
}


.RedTextBold {
        color: #FF0000;
        font-weight: bold;
        font-style: normal;
}

.RedTextItalic {
        color: #FF0000;
        font-weight: normal;
        font-style: italic
}

.CiteUtilBox {
        background-color: #e6e6fa;
}

/* Use this style to display any link with a background and diff font color */
.linkBG {
background-color: #e0eee0;
border: 1px;
font-weight: bold;
margin: 1em 0em 0em 0em;
padding: 0.5em 1em 0.5em 3em;
text-align: right;
vertical-align: middle;
background-image: none;

}
.linkBG a {
color: #CD2626;
text-decoration: underline;
border-style: solid;
border-width: 2px;
border-color: #FF6103;
}

.toolBG {
background-color: #E0EEE0 !important;
border: none;
padding: 0.5em 1em 0.5em 1em;
}

.searchBG {
background-color: #E0EEE0;
border: none;
padding: 0em 0.2em 0.2em 0.2em;
margin: 0.2em 0 0 0;
}


.finalQuery {
background-color: #E0EEE0;
border: none;
}

.finalQuery fieldset {
border-style: solid;
border-width: 2px;
border-color: #FF6103;
/* border-color: #FF6103; */
border-color: #116103;
}

.finalQueryr {
background-color: #FFFFFF;
border: none;
}

.finalQueryr fieldset {
border-style: solid;
border-width: 2px;
border-color: #FF0033;
}


#searchboxContactus {
float: right;
clear: right;
background-color: transparent;
margin:  0.2em 0 0 0;
padding: 0em 2em 0 0;
text-align: right;
text-transform: none;
white-space: nowrap;
z-index: 1;
}

#searchboxContactus a {
color: #636363;
}


/* Rollyo Search */
.searchrBG {
background-color: #FFE4E1;
border: none;
padding: 0em 0.2em 0.2em 0.2em;
margin: 0.2em 0 0 0;
}


.imsaLogo {
color: #636363;
float: left;
background-color: transparent;
margin:  0 0 0 0;
padding: 0.2em 2em 0 0;
text-align: right;
text-transform: none;
white-space: nowrap;
}


#imsaHeaderFooter {
float: right;
clear: right;
background-color: transparent;
margin: 0.1em 0 0 0;
padding: 0.1em 1em 0 5em;
text-align: left;
white-space: nowrap;
color: #636363;
}



.citeView {
border-style: solid;
border-width: 2px;
border-color: #FF6103; 
background-color: transparent;    /* LBrown #FFEFD5 */
}
.citeView code {
text-align: left;
color: #000099;
background-color: transparent;    /* LBrown #FFEFD5 */
}

.submitButton {
background-color: #54FF9F;
}
.resetButton {
background-color: #FFFF00;
}

/* G_S Added for Evaluation tool  */

.evalSteps li {
display: inline;
background: #FFEC8B;
}
.evalSteps a:hover{
background: #E8F1D4;
}


.evalButtons td {
border-style: solid;
border-width: 1px;
border-color: #007FFF;
padding: 0.2em 0.2em 0.2em 0.2em;
text-align: center;
background-color: #54FF9F;    /* LBrown #FFEFD5 */
}
.evalButtons a:hover {
background: #C1FFC1;
}

.evalButtons td.selected {
background: #FFB6C1;
}


.summaryView {
border-style: solid;
border-width: 2px;
border-color: #FF6103;
padding: 0.5em 1em 0.5em 1em;
background-color: #E0EEE0;    /* LBrown #FFEFD5 */
}

.tableHeader table, .tableHeader td {
    border-style: solid;
    border-width: 1px;
    border-color: #8CACBB;
    border-collapse: collapse;
    margin: 0em 0em 0em 0em;
    padding: 0em 0.2em 0em 0.2em;
}

.tableHeader   table th {
    background-color: #DEE7EC;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #8CACBB;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #8CACBB;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #8CACBB;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #8CACBB;
    font-weight: normal;
    padding-top: 0em;
    padding-right: 1em;
    padding-bottom: 0em;
    padding-left: 1em;
/*
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
*/
    text-transform: none;
}

.hotFeature {
background-color: transparent;
margin: 0 0 0 0;
white-space: nowrap;
list-style: none;
height: auto;
line-height: normal;
}
.hotFeature li, .hotFeature ul a {
display: inline;
text-decoration: none;
padding: 0.5em 1em 0.5em 2em; /* featured item images spaced out */
}


.launchMsg {
background-image: url(launch_msg3.gif);
background-repeat: no-repeat;
padding: 0.5em 2em 1em 2em;
margin: 0 0 0 0; 
}
.topBanner {
background-image: url(banner21cif.jpg);
background-repeat: no-repeat;
padding: 0em 0em 0em 0em;
margin: 0 0 0 0;
}

/* Workshop Materials  */
.buildMenuBar {
background-image: url(menu_bar.gif);
background-repeat: no-repeat;
padding: 0.5em 0.2em 0em 0.6em;
margin: 0 0 0 0; 
font-size: 80%;
}

.buildNav {
padding: 0em 8em 0em 40em;
margin: 0 0 0 0;
font-size: 80%;
}

.mmHeader {
background: #6495ED;
border: 1px solid #3D59AB;
margin: 0 0 0 0;
padding: 0 1em 0.2em 1em;
color: #E0FFFF;
text-align: left;
color: #000000;
font-weight: bold;
font-style: italic;
}

.mmHeaderdif {
background:  transparent;
margin: -2em 0 0 0;
padding: 0 1em 0.2em 0em;
color: #636363;
float:left;
}


.mmBody {
width: 650px;
margin: 1em 1em 1em 0em;
padding: 0 0 0 1em;
}


.mmHome {
background: transparent;
padding: 0.2em 0em 0.2em 0em;
float:left;
margin: 0 0em 0;
text-align: left;
}

.pgNavBar {
background: #6495ED;  /* off blue- #F0FFFF */
border-style: solid;
border-width: 1px;
border: 1px solid #3D59AB;
padding: 0.2em 0.2em 0.2em 0.2em;
color: #e0ffff;
text-align: center;
}

.prevPg {
background:  transparent; /* #FFEC8B */
padding: 0.2em 0.2em 0.2em 0.2em;
margin: 0 0 0 0;
text-align: center;
}

.nextPg {
background:  transparent; /* #54FF9F; */
padding: 0.2em 0.2em 0.2em 0.2em;
margin: 0 0 0 0;
text-align: center;
}

.quizBox {
background:#F0FFFF;  /* off blue- #F0FFFF */
border-style: solid;
border-width: 2px;
border: 1px solid #3D59AB;
padding: 0.2em 0.2em 0.2em 0.2em;
text-align: center;
}

.insideOut {
background: #F8F8FF;
padding: 1em 1em 0 5em;
margin: 0 0 0 5em;
text-align: center;
}