/*
    Document   : infoisland
    Created on : May 29, 2006, 6:38 PM
    Author     : anw
    Description:
        Purpose of the stylesheet follows.
*/

/*
   Overall display and page layout properties
*/

root
    {
    display: block;
    }

html {height:100%;}

body
    {
    /*background:url("/images/sand.jpg") repeat;*/
    /*background-color: white;*/
    background-color:#dedec0;
    color:#785520;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    margin-top:5px;
    height:100%;
    }

* html input.findhow  /* IE only- so-called "Holly hack" */
    {
    font-style:normal;
    }

img.logo
    {
    padding-top:10px;
    }

div.toppage
    {
    /* Logo is 380x143, WxH */
    background-color: transparent;
    height: 100px;
    width: 100%;
    padding-bottom:30px;
    border:0px solid black;
    }

#left
    {
    float:left;
    width:12%;
    background-color: transparent;
    border-top:1px solid black;
    }

#middle
    {
    margin-left: 15%;
    padding-top: 10px;
    width: 75%;
    min-height:100%;
    /* border: 1px solid #000000; */
    /* overflow:auto; */
    }

* html #footer  /* IE only- so-called "Holly hack" */
    {
    height:100%;
    }

#middle:after
    {
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    }

#right
    {
    float:right;
    width:10%;
    background-color: transparent;
    }

#footer
    {
    clear:both;
    width:100%;
    /* border: 1px solid #000000; */
    min-height:30px;
    padding:10px;
    }

* html #footer  /* IE only- so-called "Holly hack" */
    {
    height:30px;
    }

/* For alarm and information messages */

div.center
    {
    text-align:center;
    /* float:left; */
    margin:0 auto;
    }

p.center
    {
    text-align: center;
    font-size:12pt;
    }

p.em
    {
    text-align: center;
    font-size:12pt;
    font-style:italic;
    }

p.subdes
    {
    text-indent:20px;
    }

p.hmmsg
    {
    text-align: center;
    font-size:12pt;
    font-weight:bold;
    color:rgb(0,0,0);
    font-style: italic;
    }

p.help
    {
    padding:.1em;
    margin:0;
    }

p.help_em
    {
    padding:.1em;
    margin:0;
    font-style: italic;
    font-weight: bold;
    }

.inform
    {
    text-align: center;
    font-size:12pt;
    font-weight:bold;
    color:rgb(0,0,0);
    font-style: italic;
    /* border: 2px solid rgb(0,0,0); */
    }

.warn
    {
    text-align: center;
    font-size:14pt;
    font-weight:bold;
    color:rgb(255,255,0);
    border: 2px solid rgb(255,255,0);
    }

.error
    {
    text-align: center;
    font-size:14pt;
    font-weight:bold;
    color:rgb(255,0,0);
    font-style: italic;
    border: 2px solid rgb(255,0,0);
    }

em
    {
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    }

.exp
    {
    text-align: center;
    font-size:8pt;
    font-style:italic;
    }

p.label
    {
    font-size:12pt;
    }

/*    Form aesthetics
*/

.noshow {display:none;}

fieldset
    {
    /*background-color:#dee4ff;
    width:450px;
    border-color: #cfcfcf; */
    background-color:#ffffee;
    border-color: #9b9b86;
    width:80%;
    border-style: solid;
    border-width: 2px;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    }

fieldset .wide  /* For text (labels) that stretch across the fieldset */
    {
    display:block;
    width:400px;
    text-align:left;
    margin-bottom:5px;
    padding-bottom:5px;
    margin-left:25px;
    }

* html fieldset  /* IE only- so-called "Holly hack" */
    {
    padding-left:8px;
    padding-bottom:10px;
    padding-right:20px;
    }

fieldset input,label,legend,textarea,option,select,dd
    {
    background-color:#ffffee;
    /*
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    */
    }

fieldset dd
    {
    margin-left:-0px;
    margin-bottom:-10px;
    }

fieldset dt
    {
    font-size:10pt;
    font-weight: bold;
    /* padding-bottom:5px; */
    }

div.toolbox
    {
    width:100%;
    border:2px inset #cb944b;
    background: #ffffee;
    color:#785520;
    padding-bottom:.5em;
    display:none;
    }
/* frmtxt is work-around to exclude check- and radio boxes */
input.frmtxt
    {
    display:block;
    float:left;
    width: 200px;
    margin:5px;
    margin-bottom:5px;
    padding-bottom:5px;
    }

.twocol
    {
    width:40%;
    float:left;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:10px;
    border-left:2px inset #dee4ff;
    border-bottom:2px inset #dee4ff;
    }

.threecol
    {
    width:30%;
    height:100%;
    float:left;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:10px;
    border-left:2px inset #dee4ff;
    border-bottom:2px inset #dee4ff;
    }

.fourcol
    {
    width:25%;
    height:100%;
    float:left;
    padding-left:.8em;
    padding-right:.8em;
    padding-bottom:7px;
    border-left:2px inset #dee4ff;
    border-bottom:2px inset #dee4ff;
    }

.dlgpane
    {
    /* width:20%; */
    height:100%;
    float:left;
    padding-left:.8em;
    padding-right:.8em;
    padding-bottom:7px;
    border-left:2px inset #dee4ff;
    border-bottom:2px inset #dee4ff;
    }

label
    {
    width:200px;
    text-align:right;
    margin:5px;
    margin-bottom:5px;
    padding-bottom:5px;
    float:left;
    }

label.px200
    {
    width: 200px;
    }

label.radio
    {
    text-align:left;
    background-color:transparent;
    width:auto;
    }

div.vrtlabel
    {
    width:80%;
    clear:right;
    background-color:transparent;
    text-align:left;
    padding:0px;
    margin:0px;
    }

label.vrtlabel
    {
    width:80%;
    clear:right;
    text-align:left;
    padding-bottom:0px;
    }

div.vrtinp
    {
    width:100%;
    clear:left;
    text-align:left;
    margin-top:.5em;
    }

div.hrzlabel
    {
    position:relative;
    width:50%;
    text-align:right;
    float:left;
    /* border:1px solid blue; */
    min-height:1.5em;
    margin-top:.5em;
    }

* html div.hrzlabel  /* IE only- so-called "Holly hack" */
    {
    height:1.5em;
    }

div.hrzinp
    {
    position:relative;
    width:49%;
    text-align:left;
    float:right;
    margin-top:.5em;
    /* border:1px solid blue; */
    }

div.lblinp
    {
    width:100%;
    overflow:auto;
    }

div.radbut
    {
    float:left;
    }

div.radtxt
    {
    /* float:right; */
    text-align:left;
    /* clear:right; */
    }

/* File upload input */
input.uphidden
    {
    width:199px;
    position: relative;
    text-align: right;
    z-index: 2;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    }

div.fakefile
    {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    min-width:200px;
    }

* html div.fakefile  /* IE only- so-called "Holly hack" */
    {
    width:200px;
    }

div.fileinput
    {
    position:relative;
    min-width:200px;
    }

* html div.fileinput  /* IE only- so-called "Holly hack" */
    {
    width:200px;
    }

.upname
    {
    background: transparent url("/images/upname.png") no-repeat;
    width:135px;
    height:20px;
    border:0px;
    }

.upbutt
    {
    background: transparent url("/images/upbutt.png") no-repeat;
    border: solid 0px #dee4ff;
    width: 64px;
    height: 20px;
    text-align:center;
    /*
    padding-bottom:3px;
    margin-top:10px;
    margin-right:5px;
    font-weight: bold;
    */
    }

div.break
    {
    float:right;
    }

input.check
    {
    clear:left;
    }

fieldset label
    {
    text-align: right;
    }

fieldset input.frmtxt
    {
    text-align: left;
    border: solid 0px #000;
    padding-left:5px;
    padding-top:3px;
    background: transparent url("/images/textfield.png") no-repeat;
    }

fieldset legend
    {
    display:block;
    position:relative;
    margin-bottom: 8px;
    background: transparent url("/images/legend.png") no-repeat;
    /*background-color:#ffffee;*/
    border: solid 0px #dee4ff;
    width: 150px;
    height: 30px;
    padding-left:.5em;
    white-space:pre;
    }

fieldset textarea
    {
    display:block; /* redundant? */
    float:left;
    border: 2px inset #dee4ff;
    width:200px;
    height:55px;
    padding-left:7px;
    padding-top:7px;
    }

textarea.leftlabeled
    {
    text-align: left;
    border: 2px inset #dee4ff;
    /* width:200px; */
    width:100%;
    background: url("/images/SmsBox.jpg");
    }

label.blog
    {
    width:10%;
    }

input.subj
    {
    text-align: left;
    border: 2px inset #dee4ff;
    width:450px;
    clear:right;
    padding-left:7px;
    /* background: url("/images/SubjectBG.jpg") no-repeat; */
    background: url("/images/SmsBox.jpg");
    }

* html fieldset  input.subj  /* IE only- so-called "Holly hack" */
    {
    width:390px;
    }

fieldset textarea.subarea
    {
    margin-top:10px;
    }

fieldset select
    {
    background-color:#dedec0;
    margin:5px;
    }

fieldset option
    {
    background-color:#dee4ff;
    }

* html legend  /* IE only- so-called "Holly hack" */
    {
    top:-12px;
    }

textarea.blog
    {
    text-align: left;
    border: 2px inset #dee4ff;
    width:450px;
    height:250px;
    clear:right;
    /*background: transparent; */
    background: url("/images/TextEntryBG.jpg") no-repeat;
    }

label.findhow
    {
    float:left;
    text-align: left;
    font-size: 10pt;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -3px;
    padding:0px;
    border:0px;
    clear:right;
    }

input.findhow
    {
    float:left;
    margin:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    border:0px;
    }

.clear
    {
    height:1px;
    margin:-1px;
    clear: both;
    overflow:hidden;
    }

.subtit
    {
    margin-top:0px;
    display:block;
    font-size:10pt;
    text-decoration:underline;
    }

.subtxt
    {
    display:block;
    margin-top:-10px;
    font-weight:normal;
    font-size:10pt;
    }

.bgfmtxt
    {
    display:block;
    margin-top:0px;
    padding-left:5px;
    padding-top:0px;
    font-weight:normal;
    font-size:8pt;
    }

br.fieldalign
    {
    clear:left;
    }

.formbutton
    {
    background: transparent url("/images/submit.png") no-repeat;
    border: solid 0px #dee4ff;
    width: 82px;
    height: 22px;
    text-align:center;
    padding-bottom:3px;
    margin-top:10px;
    margin-right:5px;
    font-weight: bold;
    float:left;
    }

.reqact
    {
    /* background: transparent url("/images/submit.png") no-repeat;*/
    /* background-color: #dee4ff; */
    background-color:#dedec0;
    border: 2px outset #dee4ff;
    width: 60px;
    height: 20px;
    text-align:center;
    padding:0px;
    margin:0px;
    font-size: 8pt;
    font-weight: bold;
    float:left;

    }

.centeredbutton
    {
    background: transparent url("/images/submit.png") no-repeat;
    /* height:100px; */
    border:none;
    /* width: auto;
    height: auto; */
    width: 82px;
    height: 22px;
    text-align:center;
    padding-bottom:0px;
    margin-top:3px;
    margin-bottom:0px;
    font-weight: bold;
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

.big_formbutton
    {
    background: transparent url("/images/big_submit-inact.png") no-repeat;
    border: solid 0px #dee4ff;
    width: 132px;
    height: 22px;
    text-align:center;
    padding-bottom:3px;
    margin-top:3px;
    margin-right:5px;
    font-weight: bold;
    float:left;
    }

/*
        ************************
       * End of form elements;  *
       * begin heading elements *
        ************************
*/

table
    {
    border: solid 4px #dee4ff;
    }

img.inline
    {
    display:block;
    position:relative;
    margin-left:-20px;
    margin-right:10px;
    margin-top:5px;
    float:left;
    }

h1.title
    {
    text-align: center;
    text-decoration: underline;
    }

h1.subtitle
    {
    font-family: "Times New Roman", "Times Roman", serif;
    text-align: center;
    font-style: italic;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    }

h1.welcomeBanner
    {
    text-align: center;
    font-style: italic;
    }

h1, h2, h3
    {
	font-family: Helvetica,
                 Arial,
                 sans-serif;
    }

hr
    {
    margin-top:25px;
    /* size:3px; */
    }

/* Search lists (users & tribes)
   to support DHTML paradigm */

label.narrow
    {
    width:50px;
    }

.leftfloater
    {
    float:left;
    width:49%;
    clear:right;
    }

.footer
    {
    clear:both;
    }

.rightfloater
    {
    float:right;
    width:49%;
    }

.noshow
    {
    display:none;
    }

/*     Stuff to support image buttons     */

button.imgbtn  /* this is for the image button */
    {
    width:22px;
    height:22px;
    border-width:2px;
    border-style:outset;
    border-color:#dee4ff;
    margin:0px;
    padding:0px;
    }

img.imgbtn
    {
    width:15px;
    height:15px;
    border:0px;
    margin-left:-3px;
    margin-top:-1px;
    padding:0px;
    }

.divhdr
    {
    font-weight: bold;
    }

th.imgbtn, td.imgbtn /* These are the table columns which will hold the image button */
    {
    width:40px;
    height:15px;
    border-width:4px;
    border-style:inset;
    border-color:#dee4ff;
    margin:0px;
    padding:0px;
    }

* html th.imgbtn, td.imgbtn  /* IE only- so-called "Holly hack" */
    {
    width:50px;
    border-width:4px;
    border-style:inset;
    border-color:#dee4ff;
    margin:0px;
    padding:0px;
    }

td.chkbox  /* this is for a cell holding single checkbox, no text */
    {
    width:40px;
    height:15px;
    padding:0px;
    margin:0px;
    border-width:4px;
    border-style:inset;
    border-color:#dee4ff;
    }

input.chkbox  /* this is for a single checkbox, no text */
    {
    width:15px;
    margin-left:20px;
    height:15px;
    }
th.subhdr
    {
    }

.reset
    {
    /* background: transparent url("/images/submit.png") no-repeat;*/
    background-color: #dee4ff;
    /* border: 2px outset #dee4ff; */
    /*
    width: 60px;
    height: 20px;
    */
    width:auto;
    height:auto;
    text-align:center;
    padding:0px;
    margin:0px;
    font-size: 8pt;
    font-weight: bold;
    float:left;
    }

#tooltip
    {
    top:0px;
    left:0px;
    background-color:#ffffee;
    border: 1px solid black;
    font-size:10pt;
    color:black;
    z-index:10000;
    display:none;
    position:absolute;
    padding:.5em;
    }

.invisible
    {
    display:none;
    }

div.vidshadow
    {
    /* border: 1px solid black; */
    width:664px;
    height:452px;
    background:transparent url("/images/RoundedVideoShadow.png") no-repeat;
    /* background-color: #000000;  /* the background          */
    filter:alpha(opacity=40);   /* Internet Explorer       */
    /* -moz-opacity:0.2;           /* Mozilla 1.6 and below   */
    /* opacity: 0.2;               /* newer Mozilla and CSS-3 */
    z-index: 9990;
    position:absolute;
    top:40px;
    left:40px;
    }

div.vidcont
    {
    width:664px;
    height:452px;
    display: block;
    position: absolute;
    text-align: center;
    z-index: 10010;
    /* padding-bottom:.5em; */
    background: transparent url("/images/RoundedVideoBoundary.gif") no-repeat;
    /*
    background-color:transparent;
    border: 5px solid green;
    */
    }

div.playcont
    {
    width:640px;
    height:420px;
    display: block;
    position: absolute;
    top:12px;
    left:12px;
    text-align: center;
    z-index: 10000;
    padding-bottom:.5em;
    background-color:gray;
    }
div.video
    {
    /* position:absolute;
    top:0px;
    left:0px;
    */
    width:640px;
    height:400px; /* 360 plus some for controls, etc. */
    margin-bottom:.5em;
    }
/*
#mmplayer
    {
    position:absolute;
    z-index:10001;
    }
#player
    {
    position:absolute;
    z-index:9999;
    }
*/