/*
 * Copyright (c) 2009, 2010, Oracle and/or its affiliates. 
 *
 * All rights reserved.
 */

h1, h2, h3, h4, h5, h6, div, dl, dt, dd, li, fieldset {
        padding:0px;
        margin:0px;
        border:0px;
        position:relative;}
html {
        overflow:hidden;
        padding:0;
        width:100%;
        height:100%;
        margin:0;}
body {
        width:100%;
        height:100%;
	    font-family: segoe UI, lucida grande, lucida sans, bitstream vera sans, Trebuchet MS, sans-serif;
	    font-size: 13px;
	    padding: 0;
	    margin: 0;
	    background-color:#A2BDCB;
	    background-image:url('../images/whitefade.png');
    	background-repeat:repeat-x;
	    overflow:hidden;}
code {
        white-space:pre;
        font-family:consolas, DejaVu Sans Mono, courier new, Bitstream Vera Sans Mono,LucidaSansTypCyr, Monospace, Sans, Tahoma, Arial;}
dl {
        display:inline;
        text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;}
dt {
        font-size:10px;
        text-transform:uppercase;
        color:#222222;
        font-weight:normal;
        cursor:default;
        display:inline;}
dd {
        font-size:13px;
        margin-left:6px;
        color:#222222;
        color:rgba(0, 0, 0, 0.7);
        display:inline;}
dd + dt {
        margin-left:16px;}
dd + dd {
        margin-left:3px;}

.contentStyles {
            background-color:#666666;}

.headercontainer dl {
        text-shadow:rgba(0,0,0,0.15) 0px -1px 0px;}
.headercontainer dt {
        color:white;}
.headercontainer dd {
        color:white;}


div {
        overflow:hidden;}
a {
        *color:#222222;
        color:inherit;
        padding-right:11px;
        background-image:url('../images/link.png');
        background-repeat:no-repeat;
        background-position:right;
        text-decoration:none;}
a:hover {
        text-decoration:underline;}

/* IE7 ONLY HACK */
.headercontainer a {
        color:white;}

img {
        vertical-align:text-top;
        display:inline;}
table {
	    width:100%;
	    border-collapse:separate;
	    border-spacing:0px;}
td {
	    padding:0px;}

select {
        margin:0px;
        height:24px;
		font-size:13px;
		line-height:16px;
		vertical-align:top;}
input {
        padding:3px 4px 3px 4px;
        margin:0px;}
input[type="check"] {
        padding:0px; }
input[type="text"] {
        color:black;
        border:solid 1px #999999;
        height:16px;
        padding:3px 4px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;}
input[type="text"]:focus {
        outline:none;
	    border-color:#e76f00;}
        
.fillout {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;}
        
.fillout.withscroll {
        right:20px;
        overflow:auto;}
        
#information {
        overflow:auto;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;}
        
#aboutcontent {
        position:fixed;}

.scrolllinkcontainer {
        position:absolute;
        overflow:visible;
        top:0px;
        bottom:0px;
        right:0px;
        width:19px;
        background-color:#888888;
        border-left:solid 1px #555555;
        border-color:rgba(0,0,0,0.3);
}

.scrolllinks {
        position:absolute;
        overflow:visible;
        min-width:20px;
        top:16px;
        bottom:16px;
        right:0;}
.scrolllink {
        position:absolute;
        display:block;
        height:16px;
        overflow:visible;
        width:20px;
        right:0px;
        cursor:pointer;}
.scrolllink:hover div {
        display:block;}
.scrolllink div {
        display:none;}
.scrolllink img {
        position:absolute;
        right:2px;
        top:0px;
        width:16px;
        height:16px;}
        
.scrolllinkgroup {
        position:absolute;
        overflow:visible;
        left:0px;
        right:0px;}
        
.scrolllinkgroup:hover {
        background-color:#bbbbbb;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        -moz-border-radius-topright:7px;
        -moz-border-radius-bottomright:7px;
        -webkit-border-top-right-radius:7px;
        -webkit-border-bottom-right-radius:7px;
        border-top-right-radius:7px;
        border-bottom-right-radius:7px;
        z-index:2;}
        
.scrollgroupregion {
        position:absolute;
        left:0px;
        right:0px;
        z-index:1;
        opacity:0.9;
        background-color:#dddddd;}

.right {
        text-align:right;
        float:right;
        z-index:2;}
.rightoverlay {
        position:absolute;
        top:0px;
        right:0px;}
img.button {
        padding:3px 11px;
        background-color:#bbbbbb;
        cursor:pointer;
        border:solid 1px #777777;
        border-color:rgba(0,0,0,0.3);
        background-color:#999999;
        vertical-align:top;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;}
img.button:hover {
        background-color:#bbbbbb;}

img.button:active{
        background-color:#e76f00;}
img.button.selected {
        background-color:#e7bc12;
        border-color:#a1830d;
        border-color:rgba(0,0,0,0.3);
        cursor:default;}

img.button.leftend {
        padding-left:11px;
        -moz-border-radius-topright:0px;
        -moz-border-radius-bottomright:0px;
        -webkit-border-top-right-radius:0px;
        -webkit-border-bottom-right-radius:0px;
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;}
img.button.rightend {
        padding-right:11px;
        border-left:none;
        -moz-border-radius-topleft:0px;
        -moz-border-radius-bottomleft:0px;
        -webkit-border-top-left-radius:0px;
        -webkit-border-bottom-left-radius:0px;
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;}
img.button.inbetween {
        border-left:none;
        margin-left:0px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border-radius:0px;
        padding-left:8px;
        padding-right:8px;}

img.button + img.button {
        margin-left:3px;}
img.button.leftend + img.button.rightend, img.button.leftend + img.button.inbetween, img.button.inbetween + img.button.rightend, img.button.inbetween + img.button.inbetween {
        margin-left:0px;}

.controlbuttons {
        position:absolute;
        padding:5px;
        top:16px;
        right:15px;
        z-index:1;
        opacity:0.4;}
        
.listgroup:hover .controlbuttons,
.plotcontainer:hover .controlbuttons,
.filecontainer:hover > .controlbuttons,
.codebug:hover .controlbuttons {
        opacity:1.0;}

.link {
        cursor:pointer;}
.bullet {
        margin-right:5px;}
.endbullet {
        margin-left:3px;}
.messageblock {
        margin:20px 30px;}
.messageblock li {
        margin:2px 0px;}
.messagecontents a {
        color:#3c5566;}
.messagecontents {
        padding:5px 15px;
        border:solid 1px #555555;
        border-color:rgba(0,0,0,0.8);
        background-color:white;
        border-top:none;
        margin:0px;}
.title {
        white-space:nowrap;
        text-overflow:ellipsis;
        color:#222222;
        text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;
        overflow:hidden;
        font-weight:normal;
        font-size:15px;
        line-height:22px;}
.subtitle {
        font-weight:normal;
        color:#123E5C;
        font-size:14px;
        margin-top:30px;}    
.headercontainer {
        background-color:#9bb839;
        background-image:url('../images/whitefade2.png');
        background-repeat:repeat-x;
        
        overflow:hidden;
        
        border:solid 1px #3e4a17;
        border-color:#3e4a17 #3e4a17 #849d31 #3e4a17;
        border-color:rgba(0,0,0,0.6) rgba(0,0,0,0.6) rgba(0,0,0,0.15) rgba(0,0,0,0.6);
        
        -moz-border-radius-topleft:7px;
        -webkit-border-top-left-radius:7px;
        border-top-left-radius:7px;
        -moz-border-radius-topright:7px;
        -webkit-border-top-right-radius:7px;
        border-top-right-radius:7px;
        padding:13px 15px 13px 15px;}
.headercontainer.warning {
        background-color:#e76f00;}
.headercontainer.information {}

/* IE7 ONLY HACK */
*:first-child+html .headercontainer dd {
        color:white;}
        
        
.newplot {
        width:180px;
        margin:20px auto;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        background-color:#999999;
        border:solid 1px #444444;
        border-color:rgba(0,0,0,0.6);
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        padding:15px 15px 15px 15px;
        color:#222222;
        text-shadow:0 1px 0 rgba(255,255,255,0.3);
        cursor:pointer;
        text-align:center;
        display:none;}