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

/* Button */

a.button {
    border:2px outset #c0c0c0;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:2px;
    text-decoration:none;
    background-color:#cccccc;
    font-size:small;
    color:black;
    font-weight:normal;
}
a.button:hover {
    text-decoration:none;
    background-color:#eeeeee;
    color:black;
}
a.button:active {
    border:2px inset #c0c0c0;
    background-color:#0000cc;
    color:white;
}

/* Icon */

div.icon {
    float:left;
    width:110px;
    height:110px;
    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: 2px solid #FF3333;
    background-color:#FFFFFF;
    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:right;
    width:50px;
    font-size:xx-small;
}

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:400px;
     height:300px;
     margin: 100px 300px;
     background-color: #fff;
     border:2px solid #000;
     padding:25px;
     text-align:left;
}

div.help_popup {
    border: 2px solid #996600;
    background-color:#ffff99;
    color:black;
    padding:10px;
    position:relative;
    width:300px;
    display:none;
}
span.help_hotspot {
    border:1px solid #9999cc; 
    padding-left:2px; 
    padding-right:2px; 
    font-size:80%; 
    color:#9999cc; 
    position:relative; 
    top:-2px;
}

/* Boxes */

div.box {
    border:2px #666677 solid; 
    margin-bottom:10px;
    margin-right:10px;
}
div.boxhead {
    background-color: #666677;
    color:white;
    font-weight:bold;
    padding:4px;
    text-align:center;
}
div.boxhead a {
    color:yellow;
}
div.boxpane {
    background-color:white;
    padding:20px;
}
div.scrollpane {
    background-color:white;
    overflow:auto;
    height:400;
    padding:20px;
}
div.croppane {
    background-color:white;
    overflow:hidden;
    height:200;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:0px;
}

/* 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:1px solid black;
    background-color:white;
    padding:0px;
    margin-bottom:2px;
    margin-right:10px;
}
td.menubox_vmenu {
    padding:0px;
    background-color:#cccccc;
    border-right:1px solid black;
    width:150px;
}
td.menubox_vmenu a {
    display:block;
    width:100%;
    padding:8px;
    padding-right:20px;
    text-decoration:none;
}
td.menubox_vmenu a:hover {
    background-color:#999999;
}
td.menubox_vmenu a#thistab {
    background-color:#666666;
    color:#cccccc;
}

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

/* TabBox */

table.tabbox {
    border-collapse:collapse;
    width:100%;
    margin-bottom:2px;
    margin-right:10px;
}
table.tabbox td.tab {
    background-color:#dddddd;
    width:125px;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}
table.tabbox td.thistab {
    background-color:white;
    border-bottom:1px solid white;
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    width:125px;
}
table.tabbox td.notab {
    border-top:none;
    border-right:none;
    border-bottom:1px solid black;
    border-left:1px solid black;
}
table.tabbox td.tabgap {
    border-top:none;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    width:3px;
}
table.tabbox td.tabpane {
    background-color:white;
    border-top:1px solid white;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    padding:20px;
}

td.tab a {
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8pt;
    padding-right:8pt;
    text-decoration:none;
    font-weight:normal;
    font-size:9pt;
    color:#333333;
}
td.thistab a {
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8pt;
    padding-right:8pt;
    text-decoration:none;
    font-weight:normal;
    font-size:9pt;
    color:#333333;
}
td.thistab a:hover {
    background-color:white;
    color:#333333;
}
td.tab a:hover {
    background-color:#333333;
    color:#dddddd;
}
div.tablabel {
    display:block;
    width:109px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8pt;
    padding-right:8pt;
    text-decoration:none;
    font-size:9pt;
    color:#333333;
}
div.tablabel:hover {
    background-color:#333333;
    color:#dddddd;
}
td.tab div.tablabel:hover {
    cursor:pointer;
}
td.thistab div.tablabel:hover {
    background-color:white;
    color:#333333;
}
/* Firefox hack - FF doesn't set thistab's bottom border correctly */
td.thistab div.tablabel {
    padding-bottom:3px;
    position:relative;
    top:1px;
    border-bottom:1px solid white;
}
div.tabbox {
    margin-bottom:2px;
    margin-right:10px;
}

/* Accordion Box */

table.accordionbox { 
	border:2px #666677 solid; 
	border-collapse:collapse; 
	background-color:white;
	width:300;
    margin-bottom:2px;
    margin-right:10px;
}
table.accordionbox td { 
	border-top:1px #666677 dotted; 
	border-bottom:1px #666677 dotted; 
	border-left:1px #666677 solid; 
	border-right:1px #666677 solid; 
	padding:0px; 
}
table.accordionbox th { 
	border:1px #666677 solid; 
	padding:4px; 
	background-color:#ccccdd;
}
a.accordioncontrol 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;
}
*/