/*
    Document   : style
    Created on : Feb 12, 2009, 10:45:58 AM
    Author     : jcorral
    Description:
        Purpose of the stylesheet follows.
/*
    Document   : style
    Created on : Feb 12, 2009, 10:45:58 AM
    Author     : jcorral
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size:.9em;
    background-color:#e0e0e0;
    color:#000000;
}

#header,#footer {
    height:100px;
    background-color:#c0c0c0;
    color:white;
}

#header {
    background-image:url('/syllabarium/images/syllabHeader2.png');
    background-position:center left;
    background-repeat:no-repeat;
}

#footer {
    background-image:url('/syllabarium/images/syllabFooter.png');
    background-position:top right;
    background-repeat:no-repeat;
}

/*
.rbtop {
    background:url(/syllables/images/tr.gif) no-repeat top right;
}
.rbtop div {
    background:url(/syllables/images/tl.gif) no-repeat top left;
}
*/

#footer{
    clear:both;
}
#container{
    width:51em;
    position:relative;
    background-color:#ffffff;
    color:#000000;
    padding:1em;
}

#content{
    padding:1em;
        color: #606060;
}

#content h1 {
font-weight:bold;
font-size:2em;
margin:.5em 0em;
}

#content h2 {
font-size:1.25em;
margin:1em 0em .25em 0em;
}
#content ul {
margin-top:.25em;
}
#content em {
    font-weight:bold;
    font-style:normal;
}

#mainMenu {
text-align:right;
padding-right:1em;
padding-top:1.5em;

}

#mainMenu li {
list-style-type:none;
}

#mainMenu a {
    background-color:#c0c0c0;
}
#mainMenu a:hover {
    background:#0000c0;
    color:#ffffff;
}


a{
    color:#0000c0;
    background:#ffffff;
    text-decoration:none;
    font-weight:bold;

}

a:hover{
    background:#0000c0;
    color:#ffffff;
}
form#syllableFrm {
    width:30em;
    text-align:right;
    background:#f0f0f0;
    padding:0.75em;
    margin:2em;
    border:1px solid #d0d0d0;
}

#syllableFrm p.even, #syllableFrm p.odd {
    padding:.25em;
}

#syllableFrm p.odd {
    background:#e0e0e0;
    margin-left:3em;
}
p.chooseLang {
    font-size: 1.2em;
    width:25em;
    text-align:right;
}

p.chooseSyllab {
    text-align:right;
    line-height: 2em;
    padding:.25em;
}

#syllableFrm input[type="text"] {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #d0d0d0;
    font-family: 'Courier New',Courier,monospace;
}

.button {
    background-color: #000000;
    border-style: solid;
    border-width: 3px;
    border-color: #c0c0c0;
    color: #c0c0c0;
    font-weight: bold;
    padding: .25em;
}

.button:hover {
    background-color:#c0c0c0;
    border-color:#000000;
    color:#000000;
}

#resultsPage {
    width:34em;
    position:relative;
    float:left;
color: #606060;
margin-bottom:1em;
height:auto;
min-height:20em;
}

#resultsPage p.bsqSyll {
    background:#f0f0f0;
    padding:0.25em;
    border:1px solid #d0d0d0;
}

#resultsPage p.spaSyll {
    background:#e0e0e0;
    padding:0.25em;
    border:1px solid #c0c0c0;
}

.stressWord {
    font-weight: bold;
color:#000000;
}

.syllDetails  {
    border:none;
}

.syllDetails caption {
  caption-side: top;
  font-size: 0.9em;
  text-align: left;
  padding-top: 1em;
  padding-left:.5em;
}


.syllDetails th {
    font-weight:bold;
    padding:.1em .3em;
    font-size:.8em;
    text-align:right;
    color: #808080;
}

.syllDetails td {
    text-align:right;
    padding-right:.4em;
    font-family: 'Courier New',Courier,monospace;
    font-weight: bold;
color:#000000;
}

#exportWords {
    width:12em;
    display:inline;
    float:right;
    margin-bottom:1em;
    background:#f0f0f0;
    border:1px solid #e0e0e0;
    padding:.75em;
    font-size:0.9em;
}

#exportWords .title{
font-weight:bold;

font-size:1.25em;
}

#exportWords .row{
    margin:.5em 0em;
}

#exportWords input[type="text"] {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #d0d0d0;
    font-family: 'Courier New',Courier,monospace;
    text-align:right;
}

#searchParameters {
    width:12em;
    display:inline;
    float:right;
    font-size:.9em;
    color:#404040;
}


#searchParameters a{
    margin-left:2em;
}

#searchParameters ul {
    list-style:circle;
    padding-left:2em;
    margin-left:0;
}
dl {
    padding-right:1em;
}
dl dt {
    margin:1.25em 0em .25em 0em;
}
dl dd {
    margin-left:2em;
}
ul.faqIndex  {
    list-style:circle;
padding-left:2em;
margin-left:0em;
}

ul.faqIndex li a, .mailLink {
    font-weight: normal;
}

ul.itemLinks {
list-style-type: none;
margin-left:0em;
padding-left:2em;
}
ul.itemLinks li{
display: inline;
padding-right: 1.5em;
}
ul.itemLinks li a {
    font-weight:normal;
    font-size:.9em;
}

dt {
    font-weight:bold;
    margin-top:.75em;
    padding-top:0em;
}

.imgFaq {
    margin-top:1em;
    /* margin-bottom:1em; */
}

.figList {
    margin-left:1em;
    margin-right:2em;
    margin-top:.5em;
    margin-bottom:1em;
}
.figList li {
    font-style:italic;
    font-size:.9em;
}