﻿/* Stylesheet for LSF - Latino Student Fund */

/* Use of DIV as 'Generic Block Container' */
/* Use of SPAN as 'Generic Inline Container' */

/* Use IDs (#) as single-use per page display/layout elements */
/* Use IDs for positioning */

/* Use Classes (.) as repeating formats */
/* Do -not- use Classes for positioning, but -do- use classes for sizing if necessary */

/* HTML tags are defined up front */

a, a:hover, a:visited
{
   color: blue;
   text-decoration: none;
}

a img
{
   border: none;
}
a.payonline
{
   background-color: Green;
   border: 1px solid Black;
   padding: 2px 2px 2px 2px;
   font-size: 1.25em;
   font-weight: bold;
   color: White;
}
html, form, body
{
   font-size: 100%;
   width: 100%;
   white-space: normal;
}

body
{
   /*background-color: Green;*/
   overflow: auto;
}

img
{
   padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4
{
   font-weight: bold;
   font-family: Trebuchet MS , Arial, Verdana, Sans-Serif;
   text-transform: none;
   padding-bottom: 0;
   margin-bottom: 0;
}
h2, h3, h4
{
   text-align: left;
}
h1
{
   font-size: 1.5em;
   text-align: right;
}
h2
{
   font-size: 1.35em;
}
h3
{
   font-size: 1.2em;
}
h4
{
   font-size: 1em;
}

p
{
   padding-top: 0;
   margin-top: 0;
}
table.layout
{
   border: none 0;
   width: 100%;
   vertical-align: top;
   border-collapse: collapse;
}
table.layout td
{
   font-weight: normal;
   text-align: left;
   vertical-align: top;
   border: none;
}
td
{
   text-align: left;
}
#area_container
{
   margin-left: auto;
   margin-right: auto; /* if use green back   background-image: url('images/bg_topBorder.gif') ;    background-repeat: no-repeat;    padding-top: 10px; */
   width: 1000px;
   z-index: 1;
   text-align: left;
   font-family: "Calibri" , Arial, "Sans Serif";
   padding-bottom: 0px;
   border-collapse: collapse;
}

#area_banner, #area_navmain, #area_content, #area_postcontent
{
   background-color: #FFFFFF;
}

#area_banner, #area_navmain, #area_postcontent
{
   left: 0px;
   width: 1000px;
   position: relative;
   z-index: 1;
   float: left;
   clear: none;
}

#area_banner
{
   top: 0px;
   height: 116px;
   border-collapse: collapse;
   margin-bottom: 0px;
   padding-bottom: 0;
}

/* BEGIN: within areabanner */

#area_logomain
{
   left: 0px;
   top: 0px;
   width: 735px;
}

.banner
{
   /* format banner logo here */
}

#area_supplemental
{
   right: 2px;
   position: absolute;
   z-index: 1;
   top: 0px;
   height: 116px;
   width: 245px;
   float: right;
   clear: none;
   border-top: none;
   padding-left: 10px;
   padding-bottom: 5px;
   line-height: 1em;
}

.supplemental, a.linktoplevel, a:visited.linktoplevel
{
   font-family: "arial narrow";
   color: #000099;
}
.supplemental
{
   font-size: 0.7em;
   line-height: 1em;
   text-align: right;
}

.boxinput
{
   font-size: .9em;
}
.boxshort
{
   width: 75px;
}
.boxmedium
{
   width: 125px;
}
.boxmedwide
{
   width: 250px;
}
.boxwide
{
   width: 400px;
}
.boxfull
{
   width: 98%;
}
.boxuser, .boxpass
{
   width: 125px;
   color: #000099;
}
.boxsearch
{
   width: 125px;
   color: #666666;
}
.boxrightnav
{
   width: 150px;
}


.error
{
   color: Red;
   font-style: italic;
}
td.marginpadright
{
   padding-right: 5px;
}
.btn
{
   color: #FFFFFF;
   background-color: #000066;
   text-align: center;
}

.btngo
{
   width: 10px;
   height: 10px;
}

#btnlanguage
{
   top: 80px;
   width: 98px;
   height: 1.2em;
   padding: .25em 0 3px 0;
   vertical-align: middle;
   font-family: arial;
   float: right;
}

a.btn, a:visited.btn, a.nav
{
   text-decoration: none;
}

a.btn, a:visited.btn
{
   color: #FFFFFF;
}

/* END: within areabanner */

/* BEGIN: within areanavmain */
/* bg_navsub : set in inline-code in master pages */
#area_navmain
{
   top: 0px;
   padding-bottom: 0;
   margin-top: 0;
   border-bottom: solid 4px #000066;
   
   
}

/* END: within areanavmain */

/* -------------------------------- */
/* BEGIN: position content elements */
/* -------------------------------- */

#area_content_all_outer
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   width: 1000px;
   background-color: #FFFFFF;
}

#area_content_all_inner
{
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
}

/* ------------------------------------------- */
/* BEGIN: position individual content elements */
/* ------------------------------------------- */

/*home page*/
#area_content_home
{
   /*text-align: center;*/
   margin-bottom: 0;
   padding-bottom: 0;
   padding-right: 10px;
   border-right: double 3px #000066;
   width: 680px;
   float: left;
}
#area_content_hometext
{
   position: relative;
   width: 680px;
   left: 0;
   bottom: 91px;
   z-index: 5;
   padding: 14px 3px 1px 3px;
   vertical-align: middle;
   color: #000033;
   font-size: 0.75em;
   text-align: center;
   margin-bottom: -60px;
}
#area_navsub, #area_news, #area_content_home
{
   margin: 0;
   padding: 0;
}

#area_navsub, #area_news
{
   width: 160px;
}


#area_navsub
{
   font-size: 100%;
   float: left;
}
/* format style for area_navsub_items is defined in the menu stylesheet 	*/
#area_navsub_items
{
   padding: 5px 10px 5px 5px;
   margin: 0 5px 0 0;
   width: 145px;
   white-space: normal;
}


#area_content
{
   float: left;
   margin: 5px 5px 5px 5px;
   padding: 5px 5px 5px 5px;
   text-align: left;
   width: 640px;
}

#area_content_2col
{
   float: left;
   padding: 5px 5px 5px 5px;
   margin: 5px 5px 5px 5px;
   width: 800px;
   min-height: 400px;
   text-align: left;
}


#area_news
{
   float: right;
   padding: 5px 5px 5px 10px;
}

/* ------------------------ */
/* END content positioning  */
/* ------------------------ */


#area_postcontent
{
   margin-top: 0px;
   padding-top: 0;
}

#area_border, #area_footer
{
   width: 1000px;
   position: relative;
   background-color: #FFFFFF;
   margin-left: 0px;
   left: 0px;
   border: none;
}

#area_border
{
   font-size: 2pt;
}

#area_footer
{
   left: 0;
   float: left;
   text-align: center;
}
#area_footer div.rhwidget
{
   position: absolute;
   left: 830px;
   top: 3px;

   z-index: 100;
   text-align: right;
}

#area_footer img.followbutton
{
   float: right;
   border: none;
   padding: 2px 0px 0px 5px;
}
#area_footer span.followbutton
{
   float: right;
   border: none;
   margin-left: 5px;  
}
.contentnormal
{
   font-family: "Calibri" , "Arial" , "Sans Serif";
   font-size: 0.9em;
}

.contentimage
{
   float: right;
   margin: 10px;
}

.contentsubtle
{
   font-size: 0.7em;
   color: #666666;
}

.searchcontainer
{
   margin-top: 15px;
   border-collapse: collapse;
   text-align: right;
}
.button_header
{
   right: 0;
   text-align: right;
   padding-bottom: 5px;
   margin-top: 5px;
   margin-bottom: 20px;
   color: #FFFFFF;
}
.header_sidebar
{
   text-align: center;
   width: 100%;
   color: #FFFFFF;
   vertical-align: middle;
   background-image: url(images/tab_newsbar.gif);
   background-repeat: no-repeat;
   background-position: center;   
   height: 33px;

}
.header_sidebar div.section_newshead
{
   width: 100%;
    color: #FFFFFF;
    text-transform: uppercase;
	font-size: 90%;
	cursor: hand;
	font-family: "Calibri" , Arial, "Sans Serif";
	font-weight: bold;
}
div.vspacesideheader
{
   height: 8px;
   width: 100%;
   border-collapse: collapse;
}

.header_sidebar_search
{
   margin-bottom: 0;
}

.item_list_topic
{
   line-height: 1em;
   margin-bottom: 8px;
}

.item_list_date
{
}

.item_list_date, a.item_list_date, .item_list_summary, a.item_list_summary
{
   color: #006699;
   font-size: 0.75em;
   margin-bottom: 10px;
}
.item_list_search
{
   color: #666666;
   font-size: 0.65em;
}
#newsItems, #eventItems
{
   right: 0;
   text-align: right;
   margin-top: 10px;
   padding-bottom: 0px;
   color: #FFFFFF;
}



.content_news_event
{
   font-size: 0.9em;
   clear: both;
}

.content_eventname
{
   font-weight: bold;
   font-size: 1.1em;
}
div.content_news_event
{
   margin-top: 10px;
}
.content_news_event, .content_news_event a, .content_news_event a:visited, .content_eventname, a.content_eventname, a:visited.content_eventname
{
   color: #000099;
}

.section_a
{
   background-color: #581EAE;
}
.section_b
{
   background-color: #43A12A;
}
.section_c
{
   background-color: #FF6633;
}
.section_d
{
   background-color: #CC002D;
}


/* ------------------------ */
/* BEGIN calendar styles    */
/* ------------------------ */

.cal_settings
{
   /*	Set in the control */
}

/* ------------------------ */
/* END calendar styles    */
/* ------------------------ */




/* ---------------------------- */
/* BEGIN wizard breadcrumb styles */
/* ---------------------------- */
.crumb_table
{
   border: solid 1px #006699;
}
.crumb_normal
{
   color: #006699;
}

.crumb_selected
{
   font-weight: bold;
   font-size: 1.1em;
}
.crumb_hover
{
}

/* ---------------------------- */
/* END wizard breadcrumb styles */
/* ---------------------------- */



/*
#boxsearch
*/

/* TEST AREA */

.spacer
{
   font-size: 100px;
}

.search_result
{
   border: solid 1px #003366;
}
.search_header
{
   background-color: #B2CEFF;
   color: #003366;
   text-align: right;
}
.search_border
{
   background-color: #003366;
   color: #FFFFFF;
   text-align: right;
}
a:visited.search_pager, a.search_pager
{
   font-size: 30pt;
}
.search_text
{
   color: #006699;
   font-size: 0.85em;
}

a.search_link, a:visited.search_link
{
   color: #003399;
   font-weight: bold;
}
a:hover.search_link
{
   text-decoration: underline;
}
.search_row_edit
{
   color: #999999;
}
.search_row_normal
{
   background-color: #F7F6F3;
}
.search_row_alternate
{
   background-color: #FFFFFF;
}
.search_row_alternate
{
   background-color: #E2DED6;
}

div.simpleLogin
{
   margin: 5px 5px 5px 10px;
   width: 200px;
}

.small
{
   font-size: 90%;
}

td.listingleftcol
{
   text-align: left;
   vertical-align: text-top;
   padding-right: 70px;
}
 td.listingleftcol address
 {
  font-style: normal;
}
td.listingrightcol
{
   text-align: left;
   vertical-align: text-top;

}
.listingtitle
{
   text-transform: uppercase;
   padding-top: 10px;
   border-bottom: solid 1px;
}


div.dummy
{
 float: left;
   background-color: Yellow;
   height: 100px;
   width: 100px;
}
/* ---------------------------- */
/* BEGIN data entry form styles */
/* ---------------------------- */

table.survey
{
   width: 100%;
   border: none;
   padding: 5px 0px 5px 0px;
}
table.survey tr
{
  vertical-align: top;
}
table.survey td
{
   border: none;
}
table.survey tr td:first-child {
width: 175px;
   font-weight: bold;
   text-decoration: none;
}

.formLabel
{
   text-decoration: none;
   font-weight: bold;
}

.antispam
{
   font-size: 1.25em;
   font-weight: bold;
   color: Black;
   
}
/* ---------------------------- */
/* END form styles */
/* ---------------------------- */
/* My LSF Settings */
.mylsfAccountMenu
{
   background-color: #EFF3FF;
   border: 2px solid #C6D4FF;
   width: 200px;
   padding: 10px 10px 10px 10px;
   margin-bottom: 10px;
  float: left;
}
.mylsfAccountContent
{
   background-color: white;
   border: 2px solid #C6D4FF;
   width: 725px;
   padding: 10px 10px 10px 10px;
   margin-bottom: 10px;
   text-align: left;
   float: right;
}
a.mylsfButton
{
   background-color: #EFF3FF;
   border: 1px solid #C6D4FF;
    padding: 1px 1px 1px 1px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}
table.mylsflayout
{
   width: 100%;
   border: none;

}
table.mylsflayoutwborder
{
   width: 100%;
   border: 2px solid black;
   border-collapse:collapse;
}

table.mylsflayout tr
{ 
   vertical-align: top;
}
tr.mylsfcolheader th
{ 
   text-align: left;
   font-size: 1.15em;
   font-weight: bold;
   background-color: Silver;
}
td.mylsfrowheader
{
   font-weight: bold;
   width: 20%;
}
table.mylsflayoutwborder td
{
   padding: 3px;
   border: 1px solid black;
}

table.profilepref td:first-child
{
   width: 250px;
   font-weight:bolder;
   vertical-align: text-top;
   
}
table.nestedlayout
{
   border: none 0;
   width: 100%;
   vertical-align: top;
   border-collapse: collapse;
}
table.nestedlayout td
{
   font-weight: normal;
   vertical-align: text-top;
   border: none;
}
table.nestedlayout td:first-child
{
   font-weight: normal;
   vertical-align: text-top;
   border: none;
}
