/* file: /css/ea/default.css
 *
 * Any style needed for the E-Anthology specifically
 */


/* Generic classes
 ***********************************************************/

/* Hide CS's record locked message */
div.recordLocked {
    display: none;
}

div.notice {
    padding: 2px 5px;
    margin-left: 40px;
    margin-right: 40px;
    border-right: 2px solid #24741b;
    border-left: 2px solid #24741b;
    background-color: #cfe8c8;
    text-align: center;
}

div.generic_section {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
div.strong {
    border-color: #aaa;
}

/* IE */
/*.clearfix { zoom: 1; } I comment it out due to err in ff*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/*hides from IE-mac\*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.highlighted { background-color: #fffdbb; }

option { padding-right: 5px; background-color: white; }

/* Header Elements
 ***********************************************************/
/* the height of this needs to be 100px instead of the default 70 */
div#hdr {
    height: 100px !important;
    background: #225aa8 url(/img/eanthology/headers/banner_text.jpg) no-repeat top right;
}
a#hdr_link {
    position: absolute;
    height: 100px;
    width: 430px;
    text-decoration: none;
    border: none;
    line-height: 1px;
}
a#hdr_link:hover {
    text-decoration: none;
    border: none;
}

/* We are probably not going to use this anymore, but in case we do... */
div#global_search_link {
    float: right;
    margin: 5px 10px 0 0;
}
div#global_search_link a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid #aaa;
}
div#global_search_link a:hover {
    border-color: white;
}
/* Overwrite the general hdr from nwp_s, and make it smaller and lower for ea
#topnav {
    position: absolute;
    left: 700px;
    top: 30px
}
#topnav form {
    position: absolute;
    top: 20px;
    width: 160px;
    left: 0;
}
#topnav form input {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    font-size: 1.1em;
    height: 16px;
}
#topnav form input.btn {
    position: absolute;
    left: 160px;
    width: auto;
    top: -1px;
    height: auto;
}
*/

/*
Typically, the two-col layout gets a larger font.
In most cases, we want the smaller font within the E-Anth.
*/
.twocol #content {
    font-size: 1em !important;
    padding: 10px 15px 10px 15px !important;
}



/* Navigation
 ***********************************************************/

div#ea_nav { margin-bottom: 30px; }

/* Dyad put this as #subnav, but we need more than one */
#left ul.sidenav {
    margin-bottom: 10px;
}
ul.sidenav li {
    padding: 0 15px;
}
ul.sidenav a {
    color: #b71f27;
    display: block;
    padding: 1px 0;
}
ul.sidenav li.cur { font-weight: bold; }

/* color the top link red in the nav */
#ea_nav h2 a {
    /* color: #b71f27 !important; */
/*     text-decoration: underline; */
}



/* List Elements
 *
 * Dyad's default styles don't really allow for nested lists
 * so we must include this here. This is at least necessary
 * for the representation of revisions.
 ***********************************************************/
ul ul li {
    padding-left: 2em;
    background:transparent url(/img/bg-li.gif) no-repeat scroll 1em 0.5em;
}

ul ul ul li {
    padding-left: 3em;
    background:transparent url(/img/bg-li.gif) no-repeat scroll 2em 0.5em;
}

ul ul ul ul li {
    padding-left: 4em;
    background:transparent url(/img/bg-li.gif) no-repeat scroll 3em 0.5em;
}

ul ul ul ul ul li {
    padding-left: 5em;
    background:transparent url(/img/bg-li.gif) no-repeat scroll 4em 0.5em;
}

ul ul ul ul ul ul li {
    padding-left: 6em;
    background:transparent url(/img/bg-li.gif) no-repeat scroll 5em 0.5em;
}



/* Header Elements
 *
 * NOTE: In previous layouts, h2 was the "main" header.
 * h1 tags were rarely used. Thus, to make this simpler,
 * we're just making h2 tags look like our normal site's
 * h1 tags, and h3 tags look more like appropriate subheads
 * from our normal site (h4?).
 * Alternatively, you could rewrite all the tags throughout
 * all templates and nwp_docs, and remove these styles here.
 *********************************************************/
h1 {
    margin-bottom: .5em;
}

#eanthology #bot #content h2 {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.7em !important;
    margin-top: 0;
    margin-bottom: .3em;
    font-weight: normal;
}

#eanthology #bot #content h3 {
    font-size: 1.2em;
    text-transform: none;
    font-variant: normal;
}


img.icon { vertical-align: middle; }


/* Offer a class for ul tags to get the link underlining
 * and bottom margins of normal p tags.
 *********************************************************/
ul.p_list {
    margin-bottom: 0.8em;
}
ul.p_list li a {
    border-bottom: 1px solid #CED2CE;
}
ul.p_list li a:hover {
    text-decoration: none;
    border-color: #B61706;
}



/* Home Page stuff
 *********************************************************/
div.home_img {
    position: relative;
    float: left;
    width: 137px;
    margin: 10px 20px 0px 0px;
}

div.home_page_section h4 {
    padding-top: 5px;
}

div.home_page_section img {
    border: 1px solid black;
}
.eahome #content {
    padding: 15px;
}

h4#home_welcome {
    color: #008000;
    margin-bottom: 5px;
    padding-top: 5px;
}
div.right {
    float: right;
    margin-right: 20px;
    margin-top: -25px;
    text-align: center;
}
div.top {
   margin-top: -13px;
}



/* Leave in the youarehere stuff. Can hide later if necessary.
 *********************************************************/
div.youarehere { display: none; }


/* Filter options on the forums
 *********************************************************/
div#filter_options {
    /*float: right;
    width: 200px;*/
    border: 0px solid gray;
    background-color: #ffffff;
    /* background-color: #f4fdff; */
    /* background-color: #e2ecf5; */
    /* background-color: #efefef;*/
   /* padding: 3px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: 8px;*/
}
div#filter_options option, div#filter_options select {
    font-size: 10px !important;
    padding: 0px !important;
}
div#filter_options select {
    border: 1px solid gray;
}
div#filter_options option {
    padding-right: 2px !important;
}
div.advanced_search_link {
    float: right;
    width: 130px;
    padding: 5px;
    text-align: right;
}

div.filter_label {
    font-weight: bold;
    /* float: left;
    width: 47px;*/
}
div.filter_option {
/*    margin: 2px 0px 2px 52px;*/
    margin-bottom: 2px;
}
div.filter_buttons {
    border-top: 1px dotted gray;
    margin-top: 4px;
    padding-top: 3px;
}

option { background-color: white; }

/* Sort options on the forums
 *********************************************************/
div.sort_options {
    text-align: center;
    /* border: 1px solid gray; */
    background-color: #f4f4f4;
    padding: 3px;
    margin-bottom: 1em;
}
div.sort_options div { display: inline; padding-right: 3px; }
div.sort_options div.sort_label { font-weight: bold; }
div.sort_options div.sort_option { padding-right: 15px; }
div.sort_options option { padding-right: 5px !important; }
div.sort_options select { border: 1px solid gray; }

/* Forum Home Page browsing/filtering
 *********************************************************/
div.ea_goto_form_container {
    float: right;
    white-space: nowrap;
    font-weight: bold;
    text-align: right;
    margin-top: -3px;
    padding-right: 5px;
}

div.pagelinks_container {
    padding: 8px 5px;
    background: #ebf5fc;
    border: 1px solid #cbd5dc;
}

div.pagelinks { text-align: center; font-weight: bold;  margin-bottom: 5px;}
div.pagelinks a, span.curpage {
    margin-left: 5px;
    margin-right: 5px;
}
span.leftarrows {
    padding-right: 15px;
}
span.rightarrows {
    padding-left: 15px;
}

div.pagelinks a {
    border-bottom: 1px solid #CED2CE;
}
div.pagelinks a:hover {
    text-decoration: none;
    border-color: #B61706;
}

div.post_link {
    margin: 0.5em 0 1.5em 1.5em;
    font-weight: bold;
}

/* Post Summaries
 *********************************************************/
div.summary span.title a, div.summary div.summarybody a {
    border-bottom: 1px solid #CED2CE;
}
div.summary span.title a:hover, div.summary div.summarybody a:hover {
    text-decoration: none;
    border-color: #B61706;
}

div.summary {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
}

div.summary span.title { font-size: 1.12em; font-weight: bold; }

div.summarymeta {
}

/* Sort Chunking
 *********************************************************/
div.sortchunk {
    text-align: center;
    font-size: 1.1em;
    font-variant: small-caps;
    font-weight: bold;
    margin: 1em;
}

/* remove bottom line from left nav bottom sections
 *********************************************************/
.sn-btn {
    margin-bottom: 0px !important;
}


/* Individual Post View
 *********************************************************/
/* Get the blue sidebox to look right */ 
.twocol #right {
    width: 18em !important;
    margin-right: 0 !important;
   
}
div.post_option {
    margin-bottom: 4px;
}
div.post_option a { color: black; }
div.privileged a {
    color: blue;
    border-bottom: 1px solid #CED2CE;
}
div.privileged a:hover {
    text-decoration: none;
    border-color: blue;
}

h3#post_title {
    margin-bottom: 2px;
}

iframe#post_frame {
    border: none;
    height: 250px;
    width:  628px;
    border-top:  1px solid #eee;
    margin: 0;
    padding: 0;
    margin-top:  10px;
    padding-top: 10px;
}

div.dtfooter {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;

    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

p.respond_link {
    font-weight: bold;
    margin: 10px;
}


/* Revisions
 *********************************************************/
div.revisions {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
}
div.revisions ul.p_list {
   margin-bottom: 5px;
}
div.revisions .currevision { font-weight: bold; }

/* Response thread views
 *********************************************************/

/* The normal images are not long enough */
.comment p {
    background-image: url(/img/bubblearrow_grey_800.gif) !important;
}
.comment_odd p {
    background-image: url(/img/bubblearrow_tan_800.gif) !important;
}

.comment_tools {
    padding: 1px 12px 3px 12px;
    font-size: .9em;
}

.comment_tools a {
    margin-right: 10px;
    color: black;
    border-bottom: 1px solid #dedede;
}
.comment_tools a:hover {
    text-decoration: none;
    color: #444;
    border-bottom: 1px solid #444;
}
.comment_tools a.privileged {
    color: blue;
}

/* slightly darker variant of the normal background */
.comment .comment_tools {
    background-color: #b1c2cf;
}
.comment_odd .comment_tools {
    background-color: #c4c4bf;
}


/* Posting Forms
 *********************************************************/
#post_form table.post_table td {
    padding: 3px;
}
#post_form table.post_table td.label {
    text-align: right;
    padding-right: 15px;
    font-weight: bold;
    width: 175px;
    padding-top: 4px;
}

#post_form h3 {
    margin-bottom: 8px;
}

.post_section {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    
}
/* Added to leave margin for right box on individual dt view */
.post_section_short {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    margin-right: 19em;
}

/* the WYSIWYG editor */
.webeditor_contenteditable {
    border-left: 1px solid #d4d0c8 !important;
    border-right: 1px solid #d4d0c8 !important;
}

textarea {
   border: 1px solid  #d4d0c8;
   padding: 2px;
   font: 11px/1.3em Verdana,Arial,Helvetica,Geneva,sans-serif !important;
}

#summary_chars {
    font-style: italic;
}
#summary_chars_left {
}

/* Search Form
 *********************************************************/
table.search_table {
    border: none;
}
table.search_table td {
    padding: 2px 0;
    border: none;
}
table.search_table td.input {
    padding-left: 5px;
}
table.search_table td.label {
    font-weight: bold;
    text-align: right;
    width: 180px;
    padding-right: 5px;
}
td.label span.sidenote {
    font-weight: normal;
}
div.search_section {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* Search Results
 *********************************************************/
div#info {
    margin: 5px 20px 15px 20px;
    /*background: #e1f5f5;
    border: 1px solid #b0e3ff;*/
    background: #ffffeb;
    border: 1px solid #d0d0a9;
}

div#info div.inner {
    padding: 5px;
}

div#closer {
    float: right;
}

/* Profile Pages 
 *********************************************************/
div.profile_section {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
}

div.profile_section h3 {
    margin-top: -4px;
    margin-bottom: 5px;
}

div.profile_section div.summary {
    border-bottom: none;
    padding-bottom: 0;
}

div.profile_section_tool {
    float: right;
    width: 150px;
    background-color: #e2ecf5;
    border: 1px solid #ced2ce;
    padding: 3px 10px 3px 0;
    text-align: center;
    margin-top: -7px;
}
div.profile_section_tool a {
    color: black;
    border-bottom: 1px solid #CED2CE;
}
div.profile_section_tool a:hover {
    text-decoration: none;
    border-color: blue;
}

/* Institute Profiles
 *********************************************************/
div.activity_report {
    border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; margin: 10px; padding: 0px 10px;
}
#right .sidebox h3 {
    margin-top: -8px;
    margin-bottom: 5px;
}

/* Reports
 *********************************************************/
td.responses { background-color: #ffffeb; }
td.total, td.totalresponses { background-color: #ebffff; font-weight: bold; }
td.total2, td.totalresponses2 { background-color: #d7ffff; font-weight: bold; }

table.thickborder { border-collapse: collapse; }
table.thickborder td { border: 2px solid #888; padding: 2px; }
table.thickborder td.header { background-color: #e1f5f5; }

/* N-Responses
 *********************************************************/
select#numresponses option, select#responsefrom option {
    padding-right: 8px;
}


/* Participant Signup
 *********************************************************/
div#curmembers {
    float: right;
    border-left: 1px solid #aaa;
    margin-left: 10px;
    margin-top: 12px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
div#curmembers div.inner {
    padding: 5px 7px 5px 7px;
    background-color: white;
}
div#curmembers div.header {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    padding: 0px 7px;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    background: #eee; }
.nonselect {
    color: #444;
    background: #eee;
}
table.efacil_search_nwpi { border-collapse: collapse; width: 620px; }
table.efacil_search_nwpi td { border-top: 1px solid #cbd5dc; padding: 3px 5px; }
table.efacil_search_nwpi tr.nonselect td { background-color: #eee; color: #444; }
table.efacil_search_nwpi tr.odd td { background-color: #ebf5fc; }
table.efacil_search_nwpi tr.header td { border-top: none; font-weight: bold; }


/* Tagging
 *********************************************************/
#tag_form {
    position: absolute;
    padding: 10px;
    border: 2px solid #aaa;
    background-color: white;
    width: 600px;
    display: none;
}

#tag_form_container {

}

.tag_container {
    white-space: nowrap;
    float: left;
    width: 205px;
}

.tag_cloud_tag {
    white-space: normal;
   
   /*zoom:1; use this can make nowrap partially work*/
}

div.closer {
    float: right;
    margin: 0 0 5px 5px;
}
div.closer a {
    color: blue;
    text-decoration: underline;
}

div#tag_count {
    font-style: italic;
}


/* Add for related links in classroom */

div.sidebar {
    float: right;
    margin: 0 0 10px 20px;
    width: 190px;
    border-bottom: 3px double #ced2ce;
    padding: 10px 0;
    font-size: .9em;
}

/* Tabbed Divs -- borrowed from intranet.css, used in portfolio page, 
 ************************************************************/
div.tabbed {
}

div.tabbed a:link      { color: #084B8A; }
div.tabbed a:visited   { color: #084B8A; }
div.tabbed a:hover     { text-decoration: none; }

div.tabbed ul {
    margin: 0;
    padding: 0;
    padding-top: 1px;
}

div.tabbed ul li {
    margin: 0;
    padding: 4px 5px 3px 5px;
    width: 100px;
    display: block;
    float: left;
    margin-right: -1px;
    text-align: center;
    border: 1px solid #b7bfc8;
    border-top: 1px solid #b7bfc8;
    background: url(/img/intranet/fade_up_blue.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

div.tabbed ul li.tab_current {
    border-bottom: 1px solid white;
    border-top: 2px solid #aaa;
    margin-bottom: -3px;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    background: url(/img/intranet/fade_down_blue.png);
    background-repeat: repeat-x;
    z-index: 99;
}

div.tabbed ul li:hover {
    border-top: 2px solid #aaa;
    padding: 3px 5px 3px 5px;
    background: url(/img/intranet/fade_down_blue.png);
    background-repeat: repeat-x;
    z-index: 99;
}

div.tabbed ul li a {
    display: block;
    text-decoration: none;
}

div.tab_inner {
    padding: 10px;
    margin-top: 25px;
    border: 1px solid #b7bfc8;   
  /*  min-width: 400px;
    width: auto !important;
    min-height: 520px;
    height: auto !important;
  
    margin-right:-15px;
    margin-bottom: -15px; this can be used to wipe out partially bottomand right border
    padding-bottom: 32767px; /*make div extended 
    margin-bottom: -32767px;*/
    
}
/* overwrite the one in nwp.s, make the gap of post button and posts smaller*/
.discussionNav
{
    width: 46px;
    height: 22px;
    margin: 0 0;
}


/* remove bottom line and right line for portfolio 
 *********************************************************
div.no_right_bot {
   /* margin-right: 0px !important;
    margin-bottom: 0px !important;
   width: 600px;
   background-color: #ffffff;
}*/