/* CSS for HTML structures generated by ExSite::HTML */

/* Buttons in ExSite.css */

/* Icon */

div.icon {
    float:left;
    width:110px;
    height:115px;
    text-align:center;
    overflow:hidden;
}
div.icon img {
    padding:10px;
    border-width:0px;
}
div.icon a { 
    font-size:9pt;
    text-decoration:none;
    color:#333;
    font-weight:normal;
}

/* Popups */

div.popup {
    border-left: 2px solid #e6e4c1;
    border-top: 2px solid #e6e4c1;
    border-right: 2px solid #8c863e;
    border-bottom: 2px solid #8c863e;
    background-color:#ffffcc;
    color:black;
    padding:10px;
    display:none;
    z-index:10;
    width:300px;
    position:absolute;
    left:30px;
    top:-20px;
}
span.popup_p { 
    position:relative;
}
a.popup_close {
    display:block;
    float:right;
    text-align:center;
    border:1px solid #8c863e;
    padding:2px;
    width:40px;
    font-size:xx-small;
}
a.popup_close:hover {
    background-color:#e6e4c1;
    text-decoration:none;
}

div.overlay {
     display:none;
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     background-image:url(overlay.png);
     z-index: 1000;
}
div.overlay div {
     width:300px;
     height:300px;
     margin: 100px auto;
     background-color: #fff;
     border:2px solid #000;
    -webkit-border-radius:20px;    
    -moz-border-radius:20px;    
     padding:25px;
     text-align:left;
}

div.help_popup {
    border-left: 2px solid #e6e4c1;
    border-top: 2px solid #e6e4c1;
    border-right: 2px solid #8c863e;
    border-bottom: 2px solid #8c863e;
    background-color:#ffffcc;
    color:black;
    padding:10px;
    position:relative;
    width:300px;
    z-index:10;
    display:none;
}
span.help_hotspot {
    border:1px solid #8c863e; 
    padding-left:2px; 
    padding-right:2px; 
    font-size:80%; 
    color:#8c863e; 
    background-color:#e6e4c1
    position:relative; 
    top:-2px;
}

span.help_hotspot,span.tooltip_hotspot {
    border:1px solid #8c863e; 
    padding-left:2px; 
    padding-right:2px; 
    font-size:80%; 
    color:#565438; 
    position:relative; 
    top:-2px;
}

/* Boxes */

div.box {
    margin-bottom:10px;
    margin-right:10px;
}
div.boxhead {
    background-color:#403c06;
    color:#e6e198;
    font-weight:bold;
    padding:5px;
    text-align:center;
    -webkit-border-top-left-radius:10px;    
    -webkit-border-top-right-radius:10px;    
    -moz-border-radius-topleft:10px;    
    -moz-border-radius-topright:10px;    
    position:relative;
    top:2px;
}
div.boxhead a {
    color:yellow;
}
div.boxpane {
    background-color:white;
    padding:20px;
    border:2px #403c06 solid; 
    -webkit-border-bottom-right-radius:5px;    
    -webkit-border-bottom-left-radius:5px;    
    -moz-border-radius-bottomright:5px;    
    -moz-border-radius-bottomleft:5px;    
}

div.errorbox div.boxhead {
    background-color: #cc0000;
}
div.errorbox div.boxpane {
    border:2px #cc0000 solid; 
}

div.scrollpane {
    background-color:white;
    overflow:auto;
    height:400px;
    padding:20px;
    border:2px #403c06 solid; 
    border-right:1px #403c06 solid; 
}
div.croppane {
    background-color:white;
    overflow:hidden;
    height:200px;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:0px;
    border:2px #403c06 solid; 
}

/* Framed Boxes */

div.framebox {
    margin-bottom:2px;
    margin-right:10px;
}
div.framehead {
    position:relative;
    left:10px;
    z-index:1;
}
span.framehead {
    padding-left:8px;
    padding-right:8px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight:bold;
    font-size:12px;
    background-color:#dde;
}
div.framepane {
    position:relative;
    top:-8px;
    z-index:0;
    padding:14px;
    border:1px solid #999;
}

/* Menu Boxes */

div.menubox {
    border:2px #403c06 solid; 
    background-color:white;
    padding:0px;
    margin-bottom:10px;
    margin-right:10px;
    -webkit-border-top-left-radius:5px;    
    -webkit-border-top-right-radius:5px;    
    -webkit-border-bottom-right-radius:5px;    
    -webkit-border-bottom-left-radius:5px;    
    -moz-border-radius-topleft:5px;    
    -moz-border-radius-topright:5px;    
    -moz-border-radius-bottomright:5px;    
    -moz-border-radius-bottomleft:5px;    
}
td.menubox_vmenu {
    padding:0px;
    background-color:#8c863e;
    border-right:1px solid #403c06;
    width:150px;
}
td.menubox_vmenu a {
    display:block;
    width:122px;
    padding:8px;
    padding-right:20px;
    text-decoration:none;
    color:#e6e4c1;
}
td.menubox_vmenu a:hover {
    background-color:#565438;
    color:white;
}
td.menubox_vmenu a#thistab {
    background-color:#8c863e;
    color:white;
}
div.menuboxpane {
    background-color:white;
    padding:20px;
}

a.boxcontrol img {
	height:18;
	width:18;
	background-color:white;
	border:0px solid white;
}

/* TabBox */

.tabpane { 
    background-color:white; 
    padding: 20px;
    border:2px #403c06 solid; 
    -webkit-border-top-right-radius:5px;    
    -webkit-border-bottom-right-radius:5px;    
    -webkit-border-bottom-left-radius:5px;    
    -moz-border-radius-topright:5px;    
    -moz-border-radius-bottomright:5px;    
    -moz-border-radius-bottomleft:5px;    
    margin-bottom:10px;
    margin-right:10px;
}

.tabbar {
    display: inline-block;
    position:relative;
    top:2px;
}
.tabbar:after {
    content: ".";
    display: block;
    height: 0;	
    font-size:0;
    clear: both;
    visibility:hidden; 
}

.tab {
    float:left;
    width:125px;
    padding:4px;
    padding-left:10px;
    -webkit-border-top-left-radius:10px;    
    -webkit-border-top-right-radius:10px;    
    -moz-border-radius-topleft:10px;    
    -moz-border-radius-topright:10px;    
    margin-right:5px;
    background-color:#565438;
    color:#e6e4c1;
    cursor:pointer;
    border:2px #403c06 solid; 
}
.tab:hover {
    background-color:#8c863e;
    color:white;
}
.thistab {
    background-color:white;
    color:black;
    cursor:default;
    border:2px #403c06 solid; 
    border-bottom:2px solid white;
}
.thistab:hover {
    background-color:white;
    color:black;
}
div.tabbox {
    margin-bottom:10px;
    margin-right:10px;
}
.tabnopane { 
    padding: 0px;
    border-top:2px #403c06 solid; 
    margin-bottom:10px;
    margin-right:10px;
}

/* Accordion Box */

table.accordionbox { 
	border:2px #403c06 solid; 
	border-collapse:collapse; 
	background-color:white;
	width:100%;
    margin-bottom:2px;
    margin-right:10px;
}
table.accordionbox td { 
	border:1px #403c06 solid; 
	padding:0px; 
}
table.accordionbox th.accordioncontrol { 
	border:1px #403c06 solid; 
	padding:4px; 
	background-color:#e6e198;
	cursor:pointer;
}
table.accordionbox th.accordioncontrol:hover { 
	background-color:#8c863e;
}
.accordioncontrolicon img {
	background-color:white;
	border:0px solid white;
}
div.accordionpane {
	padding:8px;
}

/* Dynamic Lists */

div.list { 
    margin-left: 9px; 
}
div.listitem a {
    text-decoration:none;
}
div.listitem a:hover {
    text-decoration:underline;
}
div.listitem div.list {
    margin-left:20px;
}
a.listcontrol {
    text-decoration:none;
}
a.listcontrol img {
    border: 0px solid white;
}
/* for using [+] and [-] graphics, not arrows
a.listcontrol:hover {
    background-color:#ffff66;
}
*/