/*this is the actual css file that is being used at this time for the new LL template. October 10, 2007. Maria*/

body {
    background: white;
    font-family: "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", Code2000,  Verdana, Arial, Helvetica, sans-serif;
    margin: 10px;
}

/* 
    added jan 23 2008, josh/martin 
    never use deeper than 3 levels of nesting!
*/
#content ul, #content ul ul, #content ul ul ul{
    list-style: disc inside;
    padding-left: 1.5em;
    
}

/* 
    added jan 23 2008, josh/martin 
    never use deeper than 3 levels of nesting!
*/
#content ol, #content ol ol, #content ol ol ol{
    list-style: decimal inside;
    padding-left: 1.em;
}

/*
 * The content div, as the name implies, is where the actual content goes.
 */

#content {
    font-family: "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", Code2000,  Verdana, Arial, Helvetica, sans-serif;
    font-size:   10pt;
    padding:     20px;
}

/*
 * Old pages (pre-advertisements, and before we let pages fill the browser width)
 * used a #body container. These rules make sure those pages still look sane.
 */

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

#body #content {
    margin-top:   0;
    margin-left:  185px;
    width:        700px;
}

/*
 * The content-container div is part of the new (2011) layout.
 * The large left and right margins leave room for the floated
 * sidebar divs.
 *
 * The reason for using the container is so that we can use constructs
 * such as "width: 100%" on items in the #container div and have them
 * correctly account for the margins. Otherwise such items get set to the
 * width of the entire window and end up pushed to the bottom to clear the
 * floating sidebars.
 */

#content-container {
    margin-left:    170px;
    margin-right:   185px;
}

#message {
    /*font-size: 1.5em;*/
    border: 1px solid red;
    margin: 10px;
    padding: 5px;
    /*text-align: center;*/
}

.ad-free {
    margin-right: 0 !important;
}

#content-container #content {
}

/*
 * If you know why this is here please add a comment explaining its purpose...
 */

#content2 {
    font-family: "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", Code2000,  Verdana, Arial, Helvetica, sans-serif;
    font-size:    10pt;    
    padding:     20px;
}

/*
 * The header contains the LL logo as a background, with the EMU text and the
 * stripe positioned over the background to give roughly the same effect as the
 * old multipiece graphics + table from the old site
 */

#header {
    background:     url(/images/LL-logo-sharp.png) no-repeat;
    border-bottom:     1px solid black;
    height:         105px;
    padding:         0;
    margin:         0;
    width:             100%;
}

#facebook-icon {
    font-size:    8pt;
    position:    absolute;
    right:        275px;
    text-align:    center;
    top:        8px;
    
}

/*
 * The Google icon uses code taken from Googles's developer site
 */
 
#google-icon {
    font-size:    8pt;
    position:    absolute;
    right:        235px;
    text-align:    center;
    top:        10px;
    
}

#twitter-icon {
    font-size:    8pt;
    position:    absolute;
    right:        195px;
    text-align:    center;
    top:        10px;
    
}    

#linkedin-icon {
    font-size:    8pt;
    position:    absolute;
    right:        155px;
    text-align:    center;
    top:        10px;
    
}

#tumblr-icon {
    font-size:    8pt;
    position:    absolute;
    right:        125px;
    text-align:    center;
    top:        10px;

}

/*
 * The Youtube icon uses code taken from Youtube's developer site
 */
 
#youtube-icon {
    font-size:    8pt;
    position:    absolute;
    right:        90px;
    text-align:    center;
    top:        10px;
    
}

#wordpress-icon {
    font-size:    8pt;
    position:    absolute;
    right:        50px;
    text-align:    center;
    top:        8px;

}

#feed-icon {
    font-size:     8pt;
    position:     absolute;
    right:         15px;
    text-align: center;
    top:         10px;
}

/*
 * The stripe is just a 100% width div with a constant height and a repeating
 * 1px background pattern to produce the stripe effect
 */

#stripe {
    background: url(/images/stripe-narrow.jpg) repeat-x;
    height:     10px;
    position:     relative;
    top:         62px;
}

/*
 * The top bar contains an unordered list of important links; we float the list
 * items left to make the list expand to the right instead of down
 */

#topbar {
    background: transparent;
    height:     20px;
    position:     relative;
    top:         62px;
    font-size:     12px;
    padding:     4px 10px 4px 10px;
}

#topbar ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#topbar li {
    display: block;
    padding: 0 10px 0 10px;
    
}

#topbar a {
    color:                 #000080;
    font-weight:         bold;
    text-decoration:     none;
}

#topbar a:hover {
    text-decoration: underline;
}

.top-left-menu {
    float: left;
    width: 49%;
}

.top-right-menu {
    float: right;
    width: 49%;
}

.top-left-menu li {
    float: left;
}

.top-right-menu li {
    float: right;
}

.top-right-menu input {
    font-size: 12px;
}

/*
 * The left bar contains the popout menus and publisher logos
 */
#leftbarjobs {
    background-image: url(/images/back-cream2.gif);
    border-bottom:     2px solid black;
    border-left:     2px solid black;
    border-right:     2px solid black;
    float:             left;
    position:         relative;
    height:         932px;
    width:          160px;
}

#leftbar {
    background-image: url(/images/back-cream2.gif);
    border-bottom:     2px solid black;
    border-left:     2px solid black;
    border-right:     2px solid black;
    float:             left;
    position:         relative;
    height:         932px;
    width:          160px;
}

/*
 * The right bar is paid advertising space
 */

#rightbar {
    border-bottom:  2px solid black;
    border-left:    2px solid black;
    border-right:   2px solid black;
    float:          right;
    height:         auto;
    margin-left:    10px;
    min-height:     640px;
    position:       relative;
    width:          175px;
}

.lladvertisement {
    font-size:  8pt;
    padding:    10px;
    text-align: left;
}

.lladvertisement h1 {
    color:       red;
    font-size:  8pt;
    font-weight: bold;
    margin:      5px;
    padding:     0;
    text-align:  center;
}

.lladvertisement h2 {
    color:       black;
    font-size:  8pt;
    font-weight: bold;
    margin:      5px;
    padding:     0;
    text-align:  center;
}

.lladvertisement img,
img.lladvertisement {
    display:    block;
    margin:     0 auto;
}

.lladvertisement p {
    color:       black;
    font-size:   inherit;
    margin:      5px;
    padding:     0;
    text-align:  center;
}

.adsense {
    padding: 7px;
    width: 160px;
}

/*added by Maria to generate more templates*/

#leftbar2 {
    background:     #CCCCFF; 
    border-bottom:     2px solid black;
    border-left:     2px solid black;
    border-right:     2px solid black;
    float:             left;
    position:         relative;
    height:         600px;
    width:             18ex;
}

/* added by martin aug 16 2007*/
#footer {
    padding-top:50px;
    clear:         both;
    font-size:    8pt;
    text-align:    center;
}

#breadcrumbs {
    border-bottom:     2px solid black;
    padding:         5px 5px 5px 10px;
}

.breadcrumbs {
    font-size: 8pt;
}

.form-controls {
    margin-top: 15px;
    margin-bottom: 15px;
}

ul.form-errors {
    margin-left: 15px;
}

.form-errors li {
    color: red;
    font-weight: bold;
    list-style-type: disc;
    list-style-position: outside;
}

.form-instructions {
    color: blue;
    font-size: 12px;
    font-weight: bold;
}

.back-link {
    color: black;
    display: block;
    font-size: 12pt;
    font-weight: bold;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}

.label {
    font-weight: bold;
}

.no-matches {
    font-size: 12pt;
    color: red;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

.required-marker {
    color: red;
    font-weight: bold;
}

.search-again {
    color: black;
    display: block;
    font-size: 12pt;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}

.unicode-instructions {
    border: 1px solid #000077;
    margin: 10px 0 10px 0;
    color: #000077;
    font-size: 8pt;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    text-decoration: none;
}

table.format2 {
    border: 2px solid black;
    width: 100%;
    margin-left:5.0cm;
    padding-left: 0.05cm;
    text-align: center;
}

/* table css for the homepage top image with project logos*/

table.format3 {
    border: 2px solid black;
    width: 100%;
    margin-left:5.0cm;
    padding-left: 0.05cm;
    text-align: left;
}
 
h1,h2,h3,h4,h5,h6 {
    color:                 #800000;
    font-weight:         bold;
    text-align:         center;
    text-decoration:     none;
    padding-bottom:     10px;
    padding-top:         5px;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    font-size: 10pt;
}

/* added by martin 07 aug 2007 */
a {
    text-decoration:     underline;
    cursor:             pointer;
}

/* added by Michael 07 May 2008 to give a navy colour for hyperlinks.  Requested by Anthony */
:link {
    color: #330099;
}

p {
    padding: 5px;
}

/*end of maria's add on*/

#partners {
    margin-top: 20px;
    text-align: center;
}

#partners img {
    padding-bottom: 5px;
    padding-top:     5px;
}

#pig {
    bottom:     10px;
    position:     absolute;
    text-align: center;
    width:         20ex;
}

/*
 * Everything in this section is the CSS for the vertical popout menus. You
 * shouldn't change anything here except for colors.
 */

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

.vmenu a, .vmenu h2 {
    font:             bold 11px/16px arial, helvetica, sans-serif;
    display:         block;
    border-width:     1px;
    border-style:     solid;
    border-color:     #CCC #888 #555 #BBB;
    margin:         0;
    padding:         2px 3px;
}

.vmenu h2 {
    color:             #FFF;
    background:     #000;
    text-transform: uppercase;
}

.vmenu a {
    color:                 #000;
    text-decoration:     none;
}

.vmenu a:hover {
    color:         black;
    background: #AAA;
}

.vmenu li {
    position: relative;
}


.vmenu ul ul ul {
    background: #CCC;
    position:     absolute;
    top:         0;
    left:         100%;
    z-index:    99;
}


/* First level width */
.vmenu ul ul {
  width: 100%;
}

/* Second level width */
.vmenu ul ul ul{
  width: 200px;
}

/* Third level width */
.vmenu ul ul ul ul{
  width: 160px;
}



div.vmenu ul ul ul, div.vmenu ul ul li:hover ul ul {
    display: none;
}

div.vmenu ul ul li:hover ul, div.vmenu ul ul ul li:hover ul {
    display: block;
}

#welcome {
    color:             red;
    font-size:         15px;
    font-weight:     bold;
    text-align:     center;
}

#new-features {
    border:      solid maroon;
    padding:     10px;
    width:         600px;
    margin:     0 auto;
    font-size:     12px;
}
#new-features img, #new-features ul {
    display:     block;
    margin:     auto;
}

#new-features ul {
    list-style: disc inside;
}

.new-features2 {
    border:      solid maroon;
    padding:     10px;
    width:         auto;
    margin:     0 auto;
    font-size:     12px;
} 
.new-features2 img, .new-features2 ul {
    display:     block;
    margin:     auto;
}

.new-features2 ul {
    list-style: disc inside;
}

.text-length-good {
    font-size: 12px;
    font-weight: bold;
    color: green;
}

.text-length-bad {
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.important {
    color:                 red;
    font-size:             13px;
    font-weight:         bold;
    text-decoration:     none;
}

.important4 {
    color:                 red;
    font-size:             18px;
    font-weight:         bold;
    text-decoration:     none;
}

.less-important {
    color:             red;
    font-size:         10px;
    font-weight:     bold;
}

.notice {
    text-align: center;
}

.green {
    font-family:        Helvetica;
    color:                 green;
    font-size:             12px;
    font-weight:         bold;
    text-decoration:     none;
}

.note {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

/* added by martin nov 30 2007. use for small help tips and stuff*/
.small-comment{
    font-size:     9px;
    color:         #007;
}

.white {
    color:white;
}

.main-header {
    color:             red;
    font-size:         15px;
    font-weight:     bold;
}

.product-box {
    width:            20%;
    font-size:        12px;
    vertical-align:    top;
    border:         2px solid #CCC;
    padding:         5px;
    text-align:        center;
}

/* for about.cfm */

.contact-info {
    font-size:    12pt;
    margin:     0 auto;
    width:         25em;
}

/* Josh and Lwin edited this to fix issues in Chrome and Safari */
.sunlink {
    background-image: url(/images/sun.gif);
    background-position: top left;
    background-repeat: no-repeat;
    color: #69698F;
    cursor: pointer;
    display: block;
    font-size: 9pt;
    font-weight: bold;
    height: 30px;
    padding-top: 10px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

/* added aug 17 2007, martin. */
.sunbox {
    text-align: left; 
    height: 3em;
    max-width:     16em;
    border-spacing:10px; 
    padding:5px; /* this could fix Chrome problem (Lwin) */ 
}

.sunbox img {
    height:        40px; 
    width:         40px;
    position:     relative; 
    top:         -10px; /* -10px was before */
    z-index:     -101;
}


.sunbox a {
    font-size:             9pt;
    color:                 #69698F;
    font-weight:        bold;
    text-decoration:     none;
    white-space:        nowrap;
    position:             relative; 
    top:                 -40px; /* before: 40 */
    z-index:             -100;
}

.contact-info dt {
    font-weight: bold;
}

.contact-info dd {
    margin: .5em 0 1em 2em;
}

.goal-list {
    list-style:     disc outside;
    margin-left:     4em;
    padding:         10px;
}

.goal-list li {
    padding-bottom: 5px;
    padding-top:     5px;
}

.small {
    font-size: x-small;
}

.bold {
    font-weight: bold;
}

.italics {
    font-style: italic;
}    

.timeline {
    list-style:     decimal outside;
    margin-left:     4em;
    padding:         10px;
}

.timeline li {
    padding-bottom: 5px;
    padding-top:     5px;
}

td, th{
    font-size:        10pt;
    vertical-align:    top;
    padding:         0px 2px 0px 2px;    
}

td.sun-option {
    vertical-align: middle;
}

th {
    font-weight:bold;
}

.ul {
     margin-left: 4em;
}


.blue-small {  font-family: Arial Unicode MS, Lucida Grande, Lucida Sans Unicode, Code2000, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF}

/*
 * Styles for the "Our Projects" box on the home page
 */

#our-projects {
    background-color: #CCC;
    border: 1px solid black;
    display: table;
    /*height: 70px;*/
    padding: 3px;
    text-align: center;
    margin: 20px auto 20px auto;
    width: 90%;
}

#our-projects > div {
    display: table-cell;
}

#our-projects img {
    border: 1px solid black;
    margin: 5px;
}

.homepage-blurb {
    border: 1px solid red;
    display: table;
    height: auto;
    margin: 0 auto;
    width: 90%;
}

.homepage-blurb > div {
    display: table-cell;
    margin-left: 20px;
    padding: 5px;
    text-align: left;
}

.homepage-blurb p {
    color: black;
    font-size: 12px;
    font-weight: normal;
}

#find-resources {
    margin: 25px;
    text-align: center;
}

#featured-links {
    margin: 0 auto;
    text-align: left;
    width: 60%;
    margin-left: 0px;
}

#featured-links h3 {
    margin: 10px;
}

.featured-links {
    float: left;
    width: 33%;
}

.featured-links h4 {
    color: black;
    padding: 10px 10px 10px 0;
    text-align: left;
    text-decoration: underline;
}

.featured-links ul {
    list-style-position: outside !important;
    list-style-type: none !important;
    padding: 0 10px 0 0 !important;
}

.featured-links li {
    margin: 5px 5px 5px 0;
}

.supporting-pubs {
    padding: 20px;
}

.supporting-pubs dt {
    font-weight: bold;
}

.supporting-pubs dd {
    padding: 5px 5px 10px 25px;
}

.blog {
    float:none;
    margin-left:66%;
    margin-top:30px;
    width:33%;
    position:static;
    left:auto;
    border: 1px solid red;
    margin-right:0px;
    text-align:justify;
    *margin-top:-45%;
}

#bottom-content {
    text-align: center;
    margin: 20px auto 20px auto;
    width: 90%;
}
/*
 * for resizing error on this page: http://dev.linguistlist.org/search/error-search.cfm
 * Caela 6-28-2012
 */
#error-content {
    font-family: "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", Code2000,  Verdana, Arial, Helvetica, sans-serif;
    font-size:   10pt;
    padding:     20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

/* 
 * For the following pages:
 *         /jobs/guidelines.cfm 
 *        /jobs/job-submit-new.cfm 
 *        /jobs/browse-jobs.cfm
 *        /jobs/browse-previous-jobs2.cfm
 *        /jobs/search-job1.cfm
 * Svetlana 18-Jul-2012
 */
.jobs-indented {
    margin-left: 30px;
}
.jobs-links-wrapper {
    margin-top:5%; 
    margin-left:25%
}
.jobs-return-link {
    width:200px; 
    float:left;
}
.jobs-clear-float {
    clear:both;
}
.jobs-spaced-list li {
    margin-top:0.5em;
    list-style-position:outside;
}
.jobs-content h3 {
    margin-top:2%;
}

.jobs-toc {
    margin-top:2%;
}
#jobs-count {
    border:1px solid black;
    position:relative;
    left:9%;
    width:160px;
    padding-left:3px;
    padding-right:3px;
    font-weight:bold;
}
.jobs-padding-bottom {
    padding-bottom:20px;

}
#jobs-archive-index {
    font-weight: bold;
    text-align: center;
}

#jobs-archive-index ul {
    padding: 20px;
}

.jobs-centered {
    margin-left:37%;
}