/*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;
    font-family: 'Times New Roman', Times, serif;
    font-size: 110%;
}

input.IPACharacterButtons {
  color: Blue;
  text-decoration: Underline;
  background-color: Transparent;
  border-style: none;
  font-size: inherit;
  border-width: 0;
  font-family: 'Times New Roman', DejaVu Serif, Times New Roman, 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 {
    padding-top: 0.4pc;
    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-right: 0px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding-bottom: 0px; /*1px*/
  background-color: #EFF3FB;
  border-left-color: white;
  /*border-left-width: 2px;*/
  border-left-width: 0px;
  position: relative; /*float: left; */ /*width: 90%;*/
  border-left-style: solid;
  vertical-align: middle;
  top: 0px;
  left: 0px;
}

div.OptionGroupSameLine {
  /*border-right: 2px solid white;*/
  border-right: 0px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding-bottom: 0px; /*1px*/
  background-color: #EFF3FB;
  border-left-color: white;
  /*border-left-width: 2px;*/
  border-left-width: 0px;
  display: inline-block; /*position: float: left; */ /* relative;*/ /*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 to 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.BlankLine {
  /*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;
  height: 1px;
  background-color: white;
}

/*div.CategoriesOuterDiv based on div.OptionGroup above.*/
div.CategoriesOuterDiv {
  border-right: 2px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding-bottom: 0px ; /*1px*/
  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.FloatNone {
    clear: both;
}

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

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

div.FloatLeft025PercentPadding {
  float: left;
  padding-left: 0.125%;
  padding-right: 0.125%;
}

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

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

div.FloatLeftSearchEntry {
  float: left;
  padding-left: 1%;
  padding-right: 1%;
  width: 20%;
  min-width: 80px;
}

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

div.LeftInlineBlock {
  text-align: left;
  width: 100%;
  display: inline-block;
}

div.InlineBlock0PercentPadding {
  margin: 0px;
  text-align: left;
  display: inline-block;
  padding-left: 0%;
  padding-right: 0%;
}

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

div.InlineBlockSearchEntry {
  margin: 0.1%;
  width: 20%;
  min-width: 75px;
  text-align: left;
  display: inline-block;
  padding-left: 0.5%;
  padding-right: 0.5%;
}

div.InlineBlockGo {
  margin: 0.1%;
  width: 10%;
  height: 100%;
  min-width: 50px;
  text-align: left;
  display: inline-block;
  padding-left: 1%;
  padding-right: 0.1%;
  padding-top: 0.01%;
  padding-bottom: 0.01%;
}

input.Go {
  margin: 0.1%;
  width: 99%;
  height: 100%;
  text-align: center;
  padding-left: 0.1%;
  padding-right: 0.1%;
  padding-top: 0.1%;
  padding-bottom: 0.1%;
}

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: 'Times New Roman', DejaVu Serif, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
  /*font-size: larger;*/
  font-size: 110%;
}

input.IPA {
  /*font-family: Junicode, DejaVu Serif, DejaVu Sans, Lucida Sans Unicode, Arial Unicode;*/
  font-family: 'Times New Roman', DejaVu Serif, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
  font-size: 110%;
}

span.IPA {
  /*font-family: Junicode, DejaVu Serif, DejaVu Sans, Lucida Sans Unicode, Arial Unicode;*/
  font-family: 'Times New Roman', DejaVu Serif, Times New Roman, DejaVu Sans, Junicode, Lucida Sans Unicode, Arial Unicode;
  /*font-size: larger;*/
  font-size: 110%;
}

/*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%;
}

/*Styles for categories also in EntryStyles.css*/
div.CategoryHorizontalLayoutRow {
  display: block;
}

div.CategoryHorizontalLayout {
  display: inline-block;
  width: 33%;
}

div.CategoryVerticalLayout {
  margin: 2px;
}

div.CategoryVerticalLayoutColumn {
  /*width: 33%;*/
  float: left;
}

div.CategoryVerticalLayoutColumn25pc {
  width: 25%;
  float: left;
  min-width:80px;
}

div.CategoryVerticalLayoutColumn33pc {
  width: 33%;
  float: left;
}

div.CategoryVerticalLayoutOuterDiv:after {
  content: "";
  display: table;
  clear: both;
}

h1 {
  margin-top: 0.3pc;
  margin-bottom: 0.8pc;
}


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

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

input.SearchEntryBox {
  background-color: ivory;
  color: midnightblue;
  text-decoration-color: midnightblue;
  width: 98%;
  height: 23px;
  padding: 1px;
  padding-left: 3px;
}