﻿body 
{
    padding:0px;
    margin:0px;
    font-family:Garamond;
    font-size:11;
    background-color:#DDD;
}

.header
{
    position:fixed;
    top:10px;
    right:15px;
    height:50px;
    left:10px;
    
    border:1px solid Gray;
    background-color:Navy;
    color:White;
    
    padding:10px;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}
.title
{
    font-size:2em;
    padding:5px;
}
.pageHeader
{
    font-size:1.5em;
    font-weight:bold;
    padding:0px;
    margin:0px;
}
.actions
{
    font-size:.85em;
    padding:0px 10px 0px 10px;
    color:White;
    float:right;
}
.actions a
{
    color:White;
    padding:5px;
}
.actionPanel
{
    font-size:.85em;
    padding:5px 0px 5px 25px;
}






.contents
{
    /*
    position:fixed;
    top:90px;
    right:15px;
    bottom:15px;
    left:10px;
    overflow:auto;
    
    padding:5px;
    
    border:1px solid #AAA;
    background-color:#FFF;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
*/
}

.solocontents
{
    position:fixed;
    top:10px;
    right:15px;
    bottom:15px;
    left:10px;
    overflow:auto;
    
    padding:5px;
    
    border:1px solid #AAA;
    background-color:#FFF;
    
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}
.fullcontents
{
    /*
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    overflow:auto;
    */
    padding:5px;
    
    background-color:#FFF;
}

.leftcontents
{
    position:absolute;
    top:90px;
    width:47%;
    bottom:15px;
    left:10px;
    /*
    position:fixed;
    top:90px;
    width:46%;
    bottom:15px;
    left:10px;
    */
    overflow:auto;
    
    padding:5px;
    
    border:1px solid #AAA;
    background-color:#FFF;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}

.rightcontents
{
    position:absolute;
    top:90px;
    width:47%;
    bottom:15px;
    right:10px;
    /*
    position:fixed;
    top:90px;
    right:15px;
    bottom:15px;
    width:48%;
    max-width:48%;
    */
    overflow:auto;
    
    padding:5px;
    
    border:1px solid #AAA;
    background-color:#FFF;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}




.rounded
{
    -moz-border-radius: 15px;
    border-radius:15px;
}
.contained
{
    max-width:100%;
}



#TabScrollPanel
{
    position:fixed;
    top:90px;
    right:15px;
    bottom:40px;
    left:10px;
    overflow:auto;
    
    padding:5px;
    
    border:1px solid #AAA;
    border-radius:15px;
    background-color:#FFF;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}

.footer
{
    position:fixed;
    height: 1em;
    right:15px;
    bottom:0px;
    left:10px;
    text-align:center;
}




.modalWindowBackground
{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:White;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    
    
    z-index:100;
}
.modalWindow
{
    position:fixed;
    top:100px;
    left:50px;
    right:50px;
    bottom:50px;
    overflow:auto;
    border:8px inset Gray;
    padding:10px;
    background-color:White;
    padding:15px;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 15px 15px 15px #888888;
    z-index:200;
    min-height:230px;
}






.noBorder table,tbody,tr,th,td
{
    border:0px solid White;
}


.formBody
{
    background-color:#DDD;
    padding:15px;
}

#TabContentsPanel
{
    margin-bottom:50px;
}

.formEditorContents
{
    border:1px solid #AAA;
    border-radius:15px;
    background-color:#FFF;
    padding:5px;
    margin-right:5px;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}
.formContents
{
    border:1px solid #AAA;
    background-color:#FFF;
    padding:15px;
    margin-right:5px;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}


.nodeLabels
{
    font-size:.85em;
    text-align:center;
    border-left:1px solid Gray;
    margin-left: 5px;
}
.arrowBox
{
    margin-bottom:18px;
}
.upButton
{
    margin-bottom:3px;
}
.downButton
{
}
.roundedButton
{
    -moz-border-radius: 15px;
    border-radius:15px;
    height:30px;
}
.roundedButton:hover
{
    background-color: #AFA;
}

.roundedButton submit
{
    -moz-border-radius: 15px;
    border-radius:15px;
    height:30px;
}

.grid > tbody > tr
{
    border-bottom:1px solid #DDDDDD;
}
/*.grid > tbody > tr:last-child
{
    border-bottom:none;
}*/
.grid > tbody > tr > td
{
    border-right:1px solid #DDDDDD;
}
.grid > tbody > tr > td:last-child
{
    border-right:none;
}

.selectable
{
    border:1px solid transparent;
    padding:2px;
    white-space:nowrap;
}
.selectable:hover
{
    border:1px solid #0F0;
    background-color: #AFA;
    color:Black;
}
.selectableWrap
{
    border:1px solid transparent;
    padding:2px;
}
.selectableWrap:hover
{
    border:1px solid #0F0;
    background-color: #AFA;
    color:Black;
}

.altRow
{
    background-color:#F6F7FE;
}

.smallFont
{
    font-size:.8em;
}

.hidden
{
    display:none;
}
.error
{
    color:Red;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
}
.warning
{
    border:1px dashed Gray;
    background-color:Yellow;
    width:20px;
    height:20px;
    -moz-border-radius: 10px;
    border-radius:10px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
}

.nodeActions
{
    margin-right:10px;
    float:right;
}




.node
{
    padding:5px;
    margin:0px 5px 0px 0px;
    border:1px dashed #BBB;
    background-color:#FFF;
    -moz-border-radius: 15px;
    border-radius:15px;
}
.editednode
{
    padding:5px;
    margin:0px 5px 0px 0px;
    border:1px solid #FF0;
    background-color:#FFA;
    -moz-border-radius: 15px;
    border-radius:15px;
}

.selectablenode
{
    padding:5px;
    margin:0px 5px 0px 0px;
    border:1px dashed #BBB;
    background-color:#FFF;
    -moz-border-radius: 15px;
    border-radius:15px;
}
.selectablenode:hover
{
    border:1px solid #0F0;
    background-color: #AFA;
    color:Black;
}

.spacer
{
    height:10px;
}



.nodeEditor
{
    padding:5px;
    margin:20px;
    border:1px solid Green;
    background-color:#FFF;
    -moz-border-radius: 20px;
    border-radius:20px;
}



.FieldSetTitle
{
    padding-top:5px;
    margin:5px 0px 0px 10px;
    font-size:1.2em;
    font-weight:bold;
}
.FieldSetOpenLinkButton
{
    padding-top:5px;
    margin:5px 0px 0px 10px;
    white-space:nowrap;
}
.FieldSetPanel
{
}
.FieldSetPanel fieldset
{
    padding:5px;
    border:2px solid Gray;
    margin-bottom:10px;
    background-color:#EEE;
}
.FieldSetPanel legend
{
    font-weight:bold;
    font-size:1.2em;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    padding:4px 4px 0px 4px;
    border-top:2px solid Gray;
    border-right:2px solid Gray;
    border-left:2px solid Gray;
    background-color:#EEE;
}


.FieldSetInner
{
    background-color:#FFF;
    border:1px solid Gray;
    padding:5px;
}



.DividerPanel fieldset
{
    padding:5px;
    border-top:2px solid Gray;
    border-right-style:none;
    border-bottom-style:none;
    border-left-style:none;
    background-color:transparent;
}
.DividerPanel legend
{
    font-weight:bold;
    font-size:1.2em;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    padding:4px 4px 0px 4px;
    border-top-style:none;
    border-right:2px solid Gray;
    border-left:2px solid Gray;
    background-color:transparent;
}


.FormResluts
{
    border:1px solid Gray;
    margin-top:20px;
}
.FormResults td
{
    border:1px solid Gray;
    padding:5px;
}
.FormResults td:first-child
{
    text-align:right;
    font-weight:bold;
}





.labelcolumn
{
    font-weight:bold;
}
.valuecolumn
{
    padding-right:5px;
    padding-bottom:5px;
    padding-left:20px;
}
.rightpadded
{
    padding-right:5px;
}

.bottomPadded
{
    padding-bottom:5px;
}
.leftPadded
{
    padding-left:20px;
}

.filterPanel
{
    padding:0px;
}
.filterInnerPanel
{
    max-height:175px;
    overflow:auto;
}


.instructions
{
    margin:0px 30px 0px 30px;
    font-size:.85em;
}

.comments { margin:0px 10px 5px 10px; width:97%; }



.white
{
    background-color:#FFF;
}
.lightred
{
    background-color:#FAA;
}

.lightYellow
{
    background-color:#FFA;
}

.lightGreen
{
    background-color:#AFA;
}

.copiedNode
{
    color:Red;
    font-weight:bold;
    font-size:.8em;
    text-decoration:none;
}

.mapAddressPanel
{
    padding:10px;
}
.mapCanvasPanel
{
    width:402px;
    height:302px;
    border:1px solid Black;
    background-color:Gray;
    padding:5px;
    margin:5px;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}
.mapCanvas
{
    width:400px;
    height:300px;
    margin:0px;
    padding:0px;
    border:1px solid Black;
    -moz-border-radius: 10px;
    border-radius:10px;
}
.smallMapCanvasPanel
{
    width:252px;
    height:152px;
    border:1px solid Black;
    background-color:Gray;
    padding:5px;
    margin:5px;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
}
.smallMapCanvas
{
    width:250px;
    height:150px;
    margin:0px;
    padding:0px;
    border:1px solid Black;
    -moz-border-radius: 10px;
    border-radius:10px;
}

.DetailsPanel
{
    position:fixed;
    top:90px;
    right:15px;
    min-width:50%;
    max-width:80%;
    max-height:80%;
    overflow:auto;
    padding:7px;
    background:#CCDDFF;
    border:3px solid Navy;
    -moz-border-radius: 15px;
    border-radius:15px;
    box-shadow: 5px 5px 5px #888888;
    z-index:50;
}
.DetailsInnerPanel
{
    background:White;
    font-size:.85em;
    border:1px solid Gray;
    -moz-border-radius: 10px;
    border-radius:10px;
}
.CloseButton
{
    position:fixed;
    top:95px;
    right:20px;
    width:20px;
    height:20px;
    background-color:White;
    text-align:center;
    vertical-align:middle;
    border:3px solid Navy;
    -moz-border-radius: 12px;
    border-radius:12px;
}
.CloseButton a:hover
{
    background-color:#AFA;
}
.CloseButton a
{
    text-decoration:none;
}
.formButton
{
    position: relative;
}