/*In a piece of spectacular patheticness
 *Firefox ignores this CSS file unless
 *it's name is in all lower-case characters
 *any upper-case characters screw up firefox completely
 *and it totally ignores the contents of the file
 *with no error message
 */

/* WR 28 December 2008 */


/*html {
  *background-color: #ff0505
  )*/

body {
    background-image: url(graphics/cluaran.png);
    background-color: #ffffff;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin: 10px;
}

CharacterButtons {
    color: purple;
    background-color: #d8da3d;
}

h1 {
    color: Black;
    background-color: Transparent;
    border-style: none;
    font-size: medium;
    font-weight: normal;
    border-width: 0;
    text-align: center;
}

h2 {
    color: Black;
    background-color: Transparent;
    border-style: none;
    font-size: medium;
    font-weight: normal;
    border-width: 0;
    float: none;
}

h3 {
    color: Black;
    background-color: Transparent;
    border-style: none;
    font-size: medium;
    font-weight: normal;
    border-width: 0;
}

input.daft {
    color: purple;
    background-color: #d8da3d;
}

input.CharacterButtons {
    color: Blue;
    text-decoration: Underline;
    background-color: Transparent;
    border-style: none;
    font-size: inherit;
    border-width: 0;
}

input.IPACharacterButtons {
    color: Blue;
    text-decoration: Underline;
    background-color: Transparent;
    border-style: none;
    font-size: inherit;
    border-width: 0;
    font-family: DejaVu Serif, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
}

table.MainLayoutTable {
    left: 0px;
    position: absolute;
    top: 0px;
    background-color: inherit;
    border-color: Background; /*width: 631px;*/
}

td.MainElement {
}

td.LeftElement {
    /*width: 100%;*/
}

td.RightElement {
    /*width: 100%;*/
}

td.TopElement {
    background-position: center;
    height: 110px;
    background-repeat: no-repeat;
}

td.LastElement {
    border-left-color: black;
    border-bottom-color: black; /*width: 731px; */
    border-top-style: none;
    border-top-color: black;
    background-repeat: no-repeat;
    border-right-style: none;
    border-left-style: none;
    border-right-color: black;
    border-bottom-style: none;
    vertical-align: top;
    text-align: center;
}

td.FooterElement {
    background-position: center; /*width: 731px; */
    background-repeat: no-repeat;
    vertical-align: top;
    text-align: center;
}

tr.Row {
    /*Warning: This style is present in both systemstyles.css and EntryStyles.css*/
    /*               This is so that it is accessible both to index.aspx the and the HTML editor in EditEntry.ASPX */
    /*               If one stylesheet is updated please update the other*/
    /*background-color: #EAFFFF;*/
    background-color: #E0E5FF;
    border-width: 0px;
    border-style: none;
}

tr.AlternatingRow {
    /*Warning: This style is present in both systemstyles.css and EntryStyles.css*/
    /*               This is so that it is accessible both to index.aspx the and the HTML editor in EditEntry.ASPX */
    /*               If one stylesheet is updated please update the other*/
    /*background-color: #EAEAFF;*/
    background-color: #D0FFD0;
    border-width: 0px;
    border-style: none;
}

div.OptionGroup {
    border-right: 2px solid white;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    background-color: #EFF3FB;
    border-left-color: white;
    border-left-width: 2px;
    position: relative; /*float: left; */ /*width: 90%;*/
    border-left-style: solid;
    vertical-align: middle;
    top: 0px;
    left: 0px;
}

div.OptionGroupSpacer {
    /*border-right: 3px solid transparent;*/ /*border-top: 2px solid transparent;*/ /*border-bottom: 2px solid transparrent;*/
    background-color: Transparent; /*border-left-color: transparent; */ /*border-left-width: 3px; */
    position: relative;
    float: left; /*border-left-style: solid; */
    vertical-align: middle;
    top: 0px;
    left: 0px;
    min-width: 5px;
    width: 5px;
    visibility: hidden; /*This combined with a character stuck within the div is a very dirty fix to get things ro work in both Firefox and IE6*/
}
/*without the above very dirty fix, Firefox makes the width of the dif zero regardless of what it's set to*/

div.FloatNone {
    clear: both;
}

div.Spacer2 {
    float: left;
    min-width: 2%;
    width: 2%;
}

div.Spacer4 {
    float: left;
    min-width: 4%;
    width: 4%;
}

div.FloatLeft1PercentPadding {
    float: left;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

div.FloatLeft2PercentPadding {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
}

div.CentreInlineBlock {
    text-align: center;
    width: 100%;
    display: inline-block;
}

div.InlineBlock2PercentPadding {
    margin: 1px;
    /*width:10%;*/
    text-align: left;
    display: inline-block;
    padding-left: 1%;
    padding-right: 1%;
}

div.Headword {
    /*font-weight: bold;*/
    float: left;
    color: Blue;
}

table.Entries {
    color: #333333;
    border-collapse: collapse;
    border-width: 0px;
    border-style: none;
    width: 100%;
}

td.headword {
    text-align: left;
    vertical-align: top;
}

td.editlinks {
    text-align: left;
    vertical-align: top;
}

td.IPA {
    /*font-family: Junicode, DejaVu Serif, DejaVu Sans, Lucida Sans Unicode, Arial Unicode;*/
    font-family: DejaVu Serif, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
}

input.IPA {
    /*font-family: Junicode, DejaVu Serif, DejaVu Sans, Lucida Sans Unicode, Arial Unicode;*/
    font-family: DejaVu Serif, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
}

span.IPA {
    /*font-family: Junicode, DejaVu Serif, DejaVu Sans, Lucida Sans Unicode, Arial Unicode;*/
    font-family: DejaVu Serif, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
}

/*Either of these work:*/
img.MP3LinkImage {
    border-style: none;
}

#MP3LinkImage {
    border-style: none;
}

img.EditLinkImage {
    border-style: none;
}

#EditLinkImage {
    border-style: none;
}

#dgdSearch {
}

a img {
    border: none;
}

html,
body,
#map {
  width: 100%;
  height: 100%;
}

html,
body,
#map2 {
  width: 100%;
  height: 100%;
}

/*
iframe.PopupIframe {
	opacity: 0;
	transition: opacity 1.5s linear;
}

a.linkForPopup:hover + iframe {
	opacity: 1;
	transition: opacity 1.5s linear;
}
*/