@media screen {
    .hitlisttopband {
        z-index: 1;      /* when scroll, hitlist content will be under hitlist breadcrumb */
        text-align:left;
        top:62px;
        left:0px;
        position:fixed;
        width:100%;
        padding-left:15px;
        padding-bottom:8px;
        font-size:16px;
        background-color:#ECECEC;
        color:rgb(126,24,24);
        min-width:720px;
        /*background-color:rgb(126,24,24);
        color: white;

        background-color:rgba(126,24,24,0.90);
        color: rgba(255,255,255,1.0);*/
    }
}

@media print {
    .hitlisttopband {
        z-index: 1;      /* when scroll, hitlist content will be under hitlist breadcrumb */
        text-align:left;
        top:62px;
        left:0px;
        position:absolute;
        width:100%;
        padding-left:15px;
        padding-bottom:8px;
        font-size:16px;
        background-color:#ECECEC;
        color:rgb(126,24,24);
        min-width:720px;
        /*background-color:rgb(126,24,24);
        color: white;

        background-color:rgba(126,24,24,0.90);
        color: rgba(255,255,255,1.0);*/
    }
}

.tile_secondary {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: none;
    opacity:0.8;
    background-color: #EDEDED;
}
div.tile_toggle_switch {
    position: absolute;
    top: 40%;
    right: 10px;
    width: 15px;
    height: 15px;
}
img.tile_toggle_switch {
    margin: 1px;
    padding: 0;
    position:absolute;
    top:0px;
    border: 0;
}


.tile_label {
    line-height:100%;
    font-family: 'Cinzel', serif;
    font-variant:small-caps;
    /*font-size:20pt;*/
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    position:absolute;
    height:42px;
    width:146px;
    vertical-align:middle;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:10px;

    /* Older RGB for pre-rgba browsers. Won't be semi-transparent */
    border:1px solid rgb(126,24,24);
    background-color:rgb(126,24,24);
    color: white;

    /* RGBA is from CSS3, supported by IE9+, FF3+, WebKit, Opera 10+ */
    border:1px solid rgba(126,24,24,0.90);
    background-color:rgba(126,24,24,0.90);
    /* Using RGBA makes it so just the background transparent and not
    the text which is what we want. */
    color: rgba(255,255,255,1.0);

    z-index:950;
}

.tile_label_arrow_div {
    display:inline-block;
    height:100%;
    width:15px;
    margin:0;
    padding:0;
    padding-top:13px;
    text-align:left;
    vertical-align:middle;
}

.tile_shade {
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    left:0;
    font-family: 'Cinzel', serif;
    font-size:10pt;
    position:absolute;
    /* Older RGB for pre-rgba browsers. Won't be semi-transparent */
    background-color:rgb(126,24,24);
    color: white;

    /* RGBA is from CSS3, supported by IE9+, FF3+, WebKit, Opera 10+ */
    background-color:rgba(126,24,24,0.90);
    /* Using RGBA makes it so just the background transparent and not
    the text which is what we want. */
    color: rgba(255,255,255,1.0);

    z-index:900;
}

.tile_shade_aux {
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    font-family: 'Cinzel', serif;
    font-size:10pt;
    position:absolute;
    /* Older RGB for pre-rgba browsers. Won't be semi-transparent */
    background-color:rgb(126,24,24);
    color: white;

    /* RGBA is from CSS3, supported by IE9+, FF3+, WebKit, Opera 10+ */
    background-color:rgba(126,24,24,0.90);
    /* Using RGBA makes it so just the background transparent and not
    the text which is what we want. */
    color: rgba(255,255,255,1.0);


    z-index:899;
}

.sorel_message {
    position:absolute;
    text-align:left;
    font-size:13px;
    line-height:105%;
    padding:5px 20px 4px 20px;
    margin-left:0px;
    margin-top:-8px;
    
    /* Older RGB for pre-rgba browsers. Won't be semi-transparent */
    /* background-color:rgb(126,24,24);
    color:white; */
    
    /* RGBA is from CSS3, supported by IE9+, FF3+, WebKit, Opera 10+ */
    /* background-color:rgba(126,24,24,0.90);
    color: rgba(255,255,255,1.0); */
    
    background-color:white;
    color:rgb(126,24,24);
    border:1px solid rgb(126,24,24);
    border:1px solid rgba(126,24,24,0.90);
}

.bread_crumb_div {
    position:absolute;
    text-align:left;
    font-size:14px;
    line-height:105%;
    color:rgb(126,24,24);
}

.bread_crumb {
    color:rgb(126,24,24);
    font-size:20px;
	font-family:Arial, Helvetica, 'Sans-serif';
    margin-bottom:10px;
}

.tiles_bread_crumb_link:link {
    color:rgb(126,24,24);
    text-decoration:none;
    font-weight:bold;
}

.tiles_bread_crumb_link:hover {
    color:rgb(126,24,24);
    text-decoration:underline;
    font-weight:bold;
}
.tile_content {
    left:0;
    font-family: 'Cinzel', serif;
    font-size:10pt;
    position:absolute;
    color:rgb(99,1,0);
}

.linktile_href:link {
    font-family: Arial, Helvetica, 'Sans-serif';
    font-size:9pt;
    text-decoration:none;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.linktile_href:hover {
    font-family: Arial, Helvetica, 'Sans-serif';
    font-size:9pt;
    text-decoration:underline;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.textfieldtile_link:link {
    text-decoration:underline;
    font-size:9pt;
    color: rgb(255,255,255);
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    white-space:nowrap;
}

.textfieldtile_link:visited {
    text-decoration:underline;
    font-size:9pt;
    color: rgb(255,255,255);
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    white-space:nowrap;
}

.textfieldtile_link:hover {
    text-decoration:underline;
    font-size:9pt;
    color:rgb(250,219,70);
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    white-space:nowrap;
}

.textfieldtile_link:active {
    text-decoration:underline;
    font-size:9pt;
    color:rgb(250,219,70);
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    white-space:nowrap;
}

.lightbox_message {
    display:none;
    background-color:rgb(255, 255, 255);
    /* background-color:rgba(255, 255, 255, 0.95); */
    color:black;
    border:4px solid rgb(126,24,24);
    /* border:4px solid rgba(126,24,24,0.95); */
    border-radius:16px;
    padding:50px;
    overflow-y: auto;
}

.lightbox_close {
    position:absolute;
    top:2px;
    right:2px;
    width:35px;
    height:35px;
}

.twitter_ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.twitter_li {
    padding: 2px;
    border-bottom:1px solid rgb(126,24,24);
    border-bottom:1px solid rgba(126,24,24,0.90);
}

.twitter_author {

}

.twitter_tweet {
    font-weight:normal;
}

.twitter_date {
    display:block;
    text-align:right;
    font-size:10px;
    color:gray;
}

.twitter_tweet_link {
    text-decoration:none;
}

.twitter_link:link {
    color:rgb(126, 24, 24);
    text-decoration:none;
}

.twitter_link:visited {
    color:rgb(126, 24, 24);
    text-decoration:none;
}

.twitter_link:hover {
    color:rgb(126, 24, 24);
    text-decoration:underline;
}

.twitter_link:active {
    color:rgb(126, 24, 24);
    text-decoration:underline;
    border:1px dotted rgb(126, 24, 24);
}

/* Placeholder text in input fields */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #515151;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    /* Mozilla seems to lighten the color, so to get appropriately dark color, I made this value
    lower than in other web browsers */
    color:    #333333;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #515151;
}

.tooltiplabel:link {
    text-decoration:none;
    color:rgb(126,24,24);
}

.tooltiplabel:visited {
    text-decoration:none;
    color:rgb(126,24,24);
}

.tooltiplabel:hover {
    text-decoration:none;
    color:rgb(126,24,24);
}

.tooltiplabel:active {
    text-decoration:none;
    color:rgb(126,24,24);
}

.merlotlabel:link {
    text-decoration:none;
    color:rgb(126,24,24);
}

.merlotlabel:visited {
    text-decoration:none;
    color:rgb(126,24,24);
}

.merlotlabel:hover {
    text-decoration:none;
    color:rgb(126,24,24);
}

.merlotlabel:active {
    text-decoration:none;
    color:rgb(126,24,24);
}

.translateholder {
    display:none;
}

.whiteLink:link {
    text-decoration:none;
    color:white;
}

.whiteLink:visited {
    text-decoration:none;
    color:white;
}

.whiteLink:hover {
    text-decoration:none;
    color:rgb(250,219,70);
}

.whiteLink:active {
    text-decoration:none;
    color:rgb(250,219,70);
}

.lightboxtext {
    font-family: Arial, Helvetica, 'Sans-serif';
    font-size:24px;
    font-weight:bold;
    text-align:center;
}

.lightboxsocialtext {
    font-family: Arial, Helvetica, 'Sans-serif';
    font-size:14px;
    font-weight:bold;
}

.discussionheader {
    font-size:13px;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
}
.discussioninstructions {
    font-size:11px;
    font-style:italic;
    padding-left:10px;
    padding-right:10px;
}

.discussioncomment {
    padding:5px;
    display:block;
}

.discussioncommenttext {
    display:block;
}

.discussioncommenter {
    font-weight: bold;
    padding-top:0;
    margin-top:0;
    margin-bottom:0;
    padding-bottom:0;
    padding-left:10px;
}

.discussioncommentertype {
    font-style: italic;
}

.discussioncommentbottom {
    display:block;
    margin-top:10px;
    text-align:left;
    vertical-align:bottom;
    margin-left:10px;
    margin-right:10px;
}

.discussioncommentreport {
    float:right;
    font-weight:bold;
    font-size:x-small;
}

.discussioncommentoptions {
    color:black;
    font-weight:bold;
    font-size:x-small;
}

.discussioncommentoptions a:link {
	text-decoration:none;
}

.discussioncommentoptions a:visited {
	text-decoration:none;
}

.discussioncommentoptions a:hover {
	text-decoration:none;
}

.discussioncommentoptions a:active {
	text-decoration:none;
}

.discussionbubblearrow {
    background-image:url('/merlot/images/speech_bubble_triangle.png');
    background-repeat:no-repeat;
    background-position:100% 60%;
    float:left;
    width:12px;
    height:75px;
    margin-left:5px;
    margin-right:0;
    padding-right:0;
}

.discussionbubble {
	background-color:#ECECEC;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    border-radius: 14px;
	padding:10px;
}

.discussionavatar {
	float:left;
	width:50px;
	max-height:75px;
	display:inline;
	vertical-align:top;
	padding-top:24px;
    border-style:none;
}

.discussionmain {
	display:block;
	margin-left:67px;
	vertical-align:top;
}

.discussioncommenttime {
    color:#444444;
    font-size:x-small;
    float:right;
    vertical-align:middle;
    padding-right:10px;
    padding-bottom:0;
    margin-bottom:0;
}

/* This is in here to make the paragraphs added by TinyMCE editor
   not cause big gaps in the comment display */
.discussioncomment p {
    margin-bottom:0;
    margin-top:0;
    padding-bottom:0;
    padding-top:0;
}

.hitlistmaterial_tableless {
    position: relative;     /* so about this material box can be absolute based on this div */
    padding:10px;
    /* Top/bottom and left/right */
    margin:6px 0px;
    min-width:500px;
    max-width:900px;
    min-height:170px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.hitlistmember_tableless {
    position: relative;
    padding:10px;
    /* Top/bottom and left/right */
    margin:6px 0px;
    min-width:500px;
    max-width:900px;
    min-height:120px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.hitlistcomment_tableless {
    position: relative;
	padding:10px;
    /* Top/bottom and left/right */
	margin:6px 0px;
	min-width:500px;
	max-width:900px;
	min-height:107px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.hitlistportfolio_tableless {
    position: relative;
	padding:10px;
    /* Top/bottom and left/right */
	margin:6px 0px;
	min-width:500px;
	max-width:900px;
	min-height:77px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.hitlistreview_tableless {
    position: relative;
	padding:10px;
    /* Top/bottom and left/right */
	margin:6px 0px;
	min-width:500px;
	max-width:900px;
	min-height:77px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.hitlistassignment_tableless {
    position: relative;
	padding:10px;
    /* Top/bottom and left/right */
	margin:6px 0px;
	min-width:500px;
	max-width:900px;
	min-height:90px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.current_search {
    padding-top:5px;
}

.hitlistbcheader {
    display:inline-block;
    padding-bottom:0;
    margin-bottom:0;
    font-family:Arial,Helvetica,'Sans-Serif';
    font-size:16px;
}

.topbandborder {
    clear:both;
    margin-left:0;
    margin-right:20px;
    left:0;
    position:absolute;
    float:left;
	color: rgb(126,24,24);
    background-color:rgb(126,24,24);
	width: 100%;
    max-width:1064px;
    min-width:500px;
    height:2px;
}

.topsearchbandborder {
    clear:both;
    margin-left:0;
    margin-right:0px;
    left:0;
    position:absolute;
    float:left;
	color: rgb(126,24,24);
    background-color:rgb(126,24,24);
	width: 100%;
    height:2px;
}

.invisi {
	border:0;
}

.break {
	clear:both;
}

.externalchildlink {
    background-image:url('/merlot/images/extlink.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:13px;
}

.nounderlinelink {
    text-decoration:none;
}

/* Survey stuff */

.survey_tab {
    z-index:30001;
    cursor:pointer;
    color:white;
    background-color:rgb(126, 24, 24);
    display:block;
    position:fixed;
    text-align:center;
    font-size:1.5em;
    font-family:Cinzel,Serif;
    font-weight:bold;
    right:-1.5em;
    top:45%;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-top:0.25em;
    padding-bottom:0.25em;
    border:1px solid rgb(126,24,24);
    border-top-right-radius:0.5em;
    border-top-left-radius:0.5em;
    margin:0;
    /* Safari */
    -webkit-transform: rotate(270deg);

    /* Firefox */
    -moz-transform: rotate(270deg);

    /* Opera */
    -o-transform: rotate(270deg);
}

.survey_win {
    z-index:30000;
    text-align:center;
    width:20em;
	background-color:white;
	color:black;
    border:0.5em solid rgb(126,24,24);
    border-radius:1em;
    display:block;
    position:fixed;
    left:100%;
    top:35%;
    padding-bottom:2em;
}

#survey_link:link {
    text-decoration:none;
    color:white;
}

#survey_link:visited {
    text-decoration:none;
    color:white;
}

#survey_link:hover {
    text-decoration:none;
    color:white;
}

#survey_link:active {
    text-decoration:none;
    color:white;
}

#uglylinkdiv {
    text-align:center;
    font-size:xx-small;
    margin-top:3px;
    margin-left:1.75em;
}

#uglylink:link {
    text-decoration:none;
    color:rgb(126,24,24);
}

#uglylink:visited {
    text-decoration:none;
    color:rgb(126,24,24);
}

#uglylink:hover {
    text-decoration:underline;
    color:rgb(126,24,24);
}

#uglylink:active {
    text-decoration:underline;
    color:rgb(126,24,24);
}