/* General styles */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
                        /* The min-width property does not work in old versions of Internet Explorer */
    font-family: sans-serif;
    margin: 0px;
}

a {
    color:#369;
}
a:hover {
    color:#fff;
    background:#369;
    text-decoration:none;
}
h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
img {
    margin:10px 0 5px;
}
/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
}
/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu .colright {
    float:left;
    width:200%;
    position:relative;
    left:200px;
    background:#fff;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:185px;
    border-right: 1px solid gray;
}

.menu a {
    display: block;
    padding: 0.5em;
}

.center {
    display: none;
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
}
#footer p {
    padding:10px;
    margin:0;
}
input#word, input#go {
    font-size: larger
}

input#word {
    width: 400px;

}

#header {
    font-size: large
}

#logo {
    float: left;
    margin-right: 1em;       
    vertical-align: text-bottom;
}

td {
    text-align: left;
}

.wordpanel, .longwordpanel, .portmanteaupanel, .moreButton {
    margin: 0px;
    float: left;
    padding: 0.5em 0.5em 0.5em 0em;
    width: 10em;
    color: #265d9f;
}

.pronounce-only {
    display: none;
}

.moreButton {
    border-radius: 6px;
}

.portmanteaupanel {
    width: 15em;
    font-weight: bold;
}

.portmanteausource {
    color: gray;
    font-size: smaller;       
    font-weight: normal;
}

.portmanteauresults {
}

div#results h4 {
    clear: both;
    padding-top: 1em;
    margin-bottom: 0;
    border-bottom: 2px dotted #7ABD3E;
    color: 8f9496;
}

div#results table {
    width: 20em;
    border: 2px dashed #0066CC;
    margin: 1em;
    padding: 1em;
    float: left;
}

div#loader {
    display:none;
}

div#info {
    clear:both;
}

div#infobox {
    color: white;
    font-size: small;
    padding: 0.5em;
    background: #225e9d;
    margin: 1em 1em 1em 0em;
    -moz-box-shadow: 5px 5px 10px #888;
    -webkit-box-shadow: 5px 5px 10px #888;            
    box-shadow: 5px 5px 10px #888;            
    border-radius: 6px;
}

div#info {
    font-size: small;

}

.relatedDiv {
    padding: 3px;
    font-size: smaller;
    color: gray;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid gray;
}

.relatedDiv a, .relatedDiv a:visited {
    color: #7abd3d;
}

.moreButton {
    border: 3px solid #225e9d;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    width: 5em;
    padding: 0.2em 0.2em 0.2em 0em;
    background: #225e9d;
    color: white;                
}

.moreButton:hover {
    background: white;
    color: #225e9d;
}

div.externalLinks {
    background: #ccc;
    font-size: small;
    padding: 0.5em;
}

.en-only, .menu a.en-only {
    display: <? if ( $LANGUAGE=='en') echo 'block'; else echo 'none'; ?>;
}

#pronounce-input, #pronounce-output {
    font-family: "Times New Roman", "Serif";
    font-size: x-large;
}

/*
@media only screen and (max-width: 480px) {

    h1.head {
        background: #a3b3c3;

    }

    .handheldOnly { display: inline; }
    .nohandheld { display: none; }
    div.handheldOnly { display: block; }

    input#word {
        width: 90%;
    }

    .textbox {
        background: #72b331;
        padding: 5px;        
    }

    .wordpanel, .longwordpanel {
        color: #1f589b;
        padding: 0px 0.5em;
        border-top: 2px solid #efefef;
        width: 100%;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    div.message { 
        display: none;
    }

    div#results {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    div#results h4 {
        clear: both;
        padding-top: 0;
        margin-bottom: 0;
        border-bottom: 2px solid orange;
    }

    div#options {
        background: #f8f8b8;
        margin-left: 0em;
    }

    div#options p {
        margin-top: 0em;
    }
}

*/