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

.clickable {
        cursor:pointer !important;
        }
.clickable:hover {
        background-image:url('../images/whitefade.png') !important;
        background-repeat:repeat-x !important;}

#tabs {
	    position:fixed;
	    left:20px;
	    top:13px;
	    height:40px;
	    font-size:13px;
	    line-height:16px;
	    text-transform:none;
	    font-weight:normal;
	    padding:0px 11px 0 0;}
.content {
	    position:absolute;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    top:65px;
	    visibility:hidden;
        overflow:visible;
        border-top:solid 1px #31647e;
        background-color:#dddddd;
        background-image:url("../images/whitefade.png");
        background-repeat:repeat-x;}
.contentarea {
        position:absolute;
        background-image:url("../images/whitefade.png");
        background-repeat:repeat-x;
        left:177px;
        top:0;
        bottom:0;
        right:0;
        overflow:auto;}

#investigatemain {
        background-color:#666666;
        background-image:url("../images/whitefade.png");
        background-repeat:repeat-x;}
.sidepanel {
	    padding:10px 0px 10px 20px;
	    position:absolute;
	    border-right:solid 1px #aabecb;
	    color:#123e5c;
	    left:0;
	    top:0;
    	bottom:0;
    	width:156px;
    	overflow-y:auto;
    	overflow-x:hidden;}

/* Tab Styles */

#tabs img.bullet {
        vertical-align:text-top;
}



.tab, .tabselected, .smalltab, .smalltabselected {
        background-color:#999999;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        border:solid 1px #666666;
        border-color:rgba(0,0,0,0.3);
        border-left-style:none;
	    cursor:pointer;
	    float:left;
	    width:112px;
	    height:28px;
	    text-align:center;
	    padding-top:10px;
	    color:#222222;
	    text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;}
	    
.tab:first-child, .tabselected:first-child {
        -moz-border-radius-topleft:11px;
        -webkit-border-top-left-radius:11px;
        border-top-left-radius:11px;
        -moz-border-radius-bottomleft:11px;
        -webkit-border-bottom-left-radius:11px;
        border-bottom-left-radius:11px;
        border-left-style:solid;}
        
.tab:hover, .smalltab:hover {
	    background-color:#bbbbbb;
	    background-image:url("../images/whitefade.png");
        background-repeat:repeat-x;}
.tabselected, .smalltabselected {
        background-color:#e7bc12;
        border-color:#a1830d;
        border-color:rgba(0,0,0,0.3);
        cursor:default;}
.tab:active, .smalltab:active {
        background-color:#e76f00;}
        
.smalltab, .smalltabselected {
	    width:41px;
        -moz-border-radius-topright:11px;
        -webkit-border-top-right-radius:11px;
        border-top-right-radius:11px;
        -moz-border-radius-bottomright:11px;
        -webkit-border-bottom-right-radius:11px;
        border-bottom-right-radius:11px;}
	    
	    
/* Side Menu Styles */
.sidecontent {
        z-index:2;}
.sidewatermark {
        z-index:1;
        position:absolute;
        bottom:0px;
        right:0px;
        left:0px;
        height:211px;
        background-image:url('../images/logofinal.png');
        background-repeat:no-repeat;
        background-position:bottom right;}
.sidetitle {
        font-size:15px;
        line-height:17px;
        border-bottom:solid 1px #a9bdca;
        text-transform:uppercase;
        font-weight:bold;
        margin:0px 0px 10px 0px;
        padding:10px 0px 10px 0px;}
.sidelist {
        list-style-type: none;
        padding:0px 20px 0px 0px;
        margin:0px;
        margin-bottom:10px;}
.sidelist .sidelist {
        margin:2px 0px 5px 18px;
        padding-right:0px; }
.sideitem {
        padding-left:3px;
        margin:3px 0px;
        cursor:pointer;
        white-space:nowrap;
        text-overflow:ellipsis;}
.sideitem input {
        margin-right:1px;}
.sideitem .itemtext {
        opacity:1.0;
        cursor:inherit;}
.sideitem:hover .itemtext {
        opacity:1.0;}
.sideitem.nolink {
        cursor:default;}
.sideitem.nolink:hover .itemtext {
        opacity:1.0;}
.sidelist+.sidetitle {
        margin-top:20px;}


/* Dialog Overlay Styles */

.screenfiller {
        position:absolute;
        top:0;
        left:0;bottom:0;
        right:0;
        padding:40px;
        visibility:hidden;}
.dialogue.tooltip {
        position:absolute;
        z-index:32;
        right:50px;
        top:-3px;
        margin:0px;
        white-space:nowrap;
        width:auto;
        padding:5px 10px;}
.dialogue {
        overflow:visible;
        color:#222222;
        text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;
        position:relative;
        background-color:#E7BC12;
        background-image:url('../images/whitefade.png');
        border:solid 1px #666666;
        border-color:rgba(0,0,0,0.3);
        background-repeat:repeat-x;
        padding-bottom:20px;
        padding-left:20px;
        padding-right:20px;
        padding-top:15px;
        width:610px;
        margin:auto;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);}
.dialogue.warning {
        width:450px;}
.dialogue.loading {
        width:200px;
        margin:auto;}
.dialogueHeading {
        font-weight:normal;
        font-size:17px;
        line-height:17px;
        margin:0px 0px 15px 0px;
        padding-bottom:10px;
        border-bottom:dotted 1px #666666;
        border-color:rgba(0,0,0,0.3);}
.dialogueSubHeading {
        clear:both;
        margin:0px;
        font-weight:normal;
        padding-top:0px;
        font-size:14px;
        padding-bottom:0px;}
.dialogueActions {
        margin-top:10px;
        height:29px;
        line-height:27px;
        text-align:right;}
.dialogueLink img {
        vertical-align:top;
        padding-top:6px;
        }
.dialogueLink + .dialogueLink {
        margin-right:3px;}
.dialogueLink {
        cursor:pointer;
        padding:0px 8px;
        min-width:50px;
        color:#222222;
        text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;
        border:solid 1px #666666;
        border-color:rgba(0,0,0,0.3);
        float:right;
        text-align:center;
        background-color:#999999;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;}
.dialogueLink:hover {
        background-color:#bbbbbb;}
.dialogueLink:active {
        background-color:#e76f00;}

#filterblocksheader {
        color:#222222;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;
        height:27px;
        line-height:19px;
        margin-top:4px;
        border:solid 1px #888888;
        border-bottom:solid 1px #BBBBBB;
        background-color:#CCCCCC;}
#filterblocks {
        color:#222222;
        height:130px;
        background-color:#FFFFFF;
        border:solid 1px #888888;
        border-bottom:none;
        border-top:none;
        overflow-y:auto;}
#filterblockadd {
        background-image:url("../images/whitefade.png");
        height:35px;
        line-height:29px;
        padding-bottom:5px;
        padding-top:5px;
        border:solid 1px #888888;
        border-top:none;
        background-color:#CCCCCC;}
.filterblock {
        height:30px;
        line-height:22px;
        border-bottom:dotted 1px #BBBBBB;}
.filterfield {
        padding:4px;
        padding-left:8px;
        float:left;
        width:110px;}
#filterAddTerm {
        margin-top:4px;
        width:60px;
        height:20px;
        background-color:#EEEEEE;
        border:solid 1px #888888;
        color:black;
        text-align:center;
        line-height:20px;
        cursor:pointer;}
#filterAddTerm:hover {
        background-color:#F4F4F4;}
.filtervalue {
        padding:4px;}
.filterexact {
        padding:4px 6px;
        float:right;
        text-align:center;
        width:40px;}


/* Flagging Overlay Styles */

#chooseFlagOverlay {
        position:absolute;
        height:30px;
        width:120px;
        top:0px;
        left:0px;
        z-index:100;}
.flaglabel {
        height:20px;
        position:absolute;
        z-index:3;
        bottom:8px;
        left:8px;
        right:8px;
        line-height:20px;
        padding-top:3px;
        border-top:dotted 1px #aaaaaa;
        border-color:rgba(0,0,0,0.3);
        text-align:center;}
.flagpicker {
        height:20px;
        position:absolute;
        overflow:visible;
        top:8px;
        left:8px;;
        right:8px;
        z-index:2;}
.flagpicker img {
        cursor:pointer;
        margin:0px;
        padding:0px;}
#toolInfoTag {
        position:absolute;
        top:15px;
        line-height:16px;
        right:20px;
        color:white;
        width:500px;
        font-size:14px;
        text-align:right;}
#toolInfoTag dl {}
#toolInfoTag dt {
        opacity:0.9;
        color:#31647e;}
#toolInfoTag dd {
        color:#31647e;}
#toolInfoTag .title {
        font-weight:normal;
        color:#0b3850;
        margin-bottom:-5px;}

#flagdrop {
        z-index:20;
        text-shadow:rgba(255,255,255,0.3) 0px 1px 0px;
        overflow:visible;
        cursor:pointer;
        position:absolute;
        top:13px;
        right:20px;
        line-height:36px;
        width:222px;
        min-height:38px;
        color:#222222;
	    background-image:url('../images/whitefade.png');
	    background-repeat:repeat-x;
        background-color:#999999;
        border:solid 1px #666666;
        border-color:rgba(0,0,0,0.3);
        -moz-border-radius:11px;
        -webkit-border-radius:11px;
        border-radius:11px;}
#flagdrop:hover {
        background-color:#bbbbbb;}
#flagdrop:active {
        background-color:#e76f00;}
#flagdrop.selected {
        background-color:#E7BC12;
        border-color:#a1830d;
        border-color:rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4);}
#flagdroplabel {
        position:absolute;
        width:100px;
        left:-105px;
        height:35px;
        text-align:right;}
#flagdropselected {
        position:absolute;
        top:0px;
        left:0px;
        right:21px;
        height:38px;
        width:191px;
        padding-left:10px;
        overflow:hidden;
        text-overflow:elipsis;
        white-space:nowrap;}
#flagdropbutton {
        position:absolute;
        right:5px;
        top:9px;}
#flagdropcontents {
        cursor:default;
        position:relative;
        line-height:17px;
        border-top:dotted 1px #888888;
        width:auto;
        padding:10px;
        margin-top:38px;
        display:none;}
#flagdropcontents .sidelist {
        padding-right:0px;}
#flagdropcontents .sideitem {
        padding-left:0px;
        cursor:default;}
#flagdropcontents .itemtext {
        cursor:pointer;}