/*
 * Copyright Bill Covert 2013
 * Add a license to the program.
 */
body 
{
	background-color:#fdf6e3;
	/*background-color:#FFF;*/
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
	margin-bottom:10px;
	margin-top:0px;
	padding:0px;
    overflow: hidden;
    height: 100%;
}


div.main
{
	float: center;
	padding:0px;
}


#svg_elem 
{
	background-color:#FFF;
    border: 1px solid black;
}

#svg_canvas 
{
    margin-left:325px;
    margin-top:40px;
}

div.info_box
{
	background-color:#FFF;
    border: 1px solid black;
    padding: 5px;
    margin-top: 5px;

}

div.links
{
	text-align:left;
	float:center;
	margin-right:5px;
	margin-left:0px;
	background-color:lightgreen;
	padding:5px;
	border-style:solid;
	border-width:3px;
	border-color:#551100;
}

div.navselect
{
	text-align:left;
	float:center;
	margin-top:15px;
	margin-bottom:0px;
	margin-right:1px;
	margin-left:0px;
	background-color: darkgreen;
	padding:5px;
}

div#view_plane_list
{
	text-align:left;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: auto;
    background-color: rgba( 253, 246, 227, 0.7);
    border-bottom: 2px solid black;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:0px;
    height: auto;
    width: 100%;
    overflow-x: auto;
    z-index:2;
}

.mynav{
	text-decoration:none;
    display:inline-block;
	color:#000;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 7px;
    padding-right: 7px;
    margin: 0px;
}

span.mynav:hover,
.mynav:hover 
{
	text-decoration: underline;
	color:#FFF; 
	background-color:#000000;
	cursor:pointer;
}

.tabselect{
    display:inline-block;
	color:#FFF;
	background-color:#000000;
	cursor:pointer;
	text-decoration:none;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 7px;
    padding-right: 7px;
}


div#action_menus
{
	text-align:left;
    position: fixed;
    background-color: rgba( 253, 246, 227, 0.7);
    bottom: 0px;
    left: 0px;
    z-index:3;
}

div#file_name
{
	text-align:left;
    position: fixed;
    background-color: rgba( 253, 246, 227, 0.7);
    padding: 5px;
    margin-right:15px;
    bottom: 0px;
    right: 0px;
    z-index:4;
}
.ui-menu { width: 100px; }

.left
{
    position: fixed;
    top: 30px;
    left: 0px;
    z-index:1;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 20px;
    height: calc(100% - 60px);
    width: 300px;
    overflow-y: auto;
    background-color: rgba( 253, 246, 227, 0.7);
}

.right
{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index:0;
    overflow: auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /*
    //margin-right: 10px;
    //margin-left: 320px;
    //margin-right: 10px;
    //margin-top: 50px;
    */
}




/*These are for the hide and show in the plots*/
.plot_toggle{
	text-decoration:none;
	color:black;
    padding: 5px;
	margin-top:5px;
	margin-right:0px;
	margin-left:0px;
    border-bottom: 2px solid black;
    width:250px;
}
.plot_sh{
	text-decoration:none;
	color:black;
	background-color:#EFEFEF;
    padding: 5px;
	margin-top:5px;
	margin-bottom:15px;
	margin-right:0px;
	margin-left:0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

span.plot_sh:hover,
.plot_sh:hover 
{
	text-decoration: underline;
	color:#ffffff; 
	background-color:#000000;
	cursor:pointer;
}

.plot_calls,
.plot_settings
{
    margin-top: 5px;
}

.radio_switch
{
    margin-bottom: 5px;
}
/*End hide and show */


/*-----------------*/

.selectme
{	
    width: 220px;
    height: 14pt;
    text-overflow:    ellipsis;
    display:inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
	color:#000;
	text-align:left;
	margin-left:3px;
}

.selectme:hover
{
	background-color:#999;
	cursor:pointer;
}

.selected
{
    width: 150px;
    height: 14pt;
    text-overflow:    ellipsis;
    display:inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
	color:#B4825A;
	text-align:center;
	margin:1px;
	padding:3px;
	background-color:#F0F0F0;
}

.edit
{	
	color:blue;
	text-align:center;
	margin:1px;
	padding:3px;
}

.edit:hover
{
	color:red;
	background-color:#000;
	cursor:pointer;
}

.del
{	
	text-decoration: underline;
	color:red;
	text-align:center;
	padding:3px;
}

.del:hover
{
	background-color:#F0F0F0;
	cursor:pointer;
}

.add
{	
	text-decoration: underline;
	color:green;
	text-align:center;
	padding:3px;
}

.add:hover
{
	background-color:#F0F0F0;
	cursor:pointer;
}


/*---Tables------*/
th
{
    font-size: 90%;
}

table.reference
{
	border-collapse:collapse;
}

table.reference th
{
	background-color:#EE8833;
	border-bottom:2px solid #000000;
	padding:3px;
}

table.reference td 
{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #555555;
	background-color:#ffffff;
	padding:5px;
}

table.side_ref
{
	border-collapse:collapse;
}

table.side_ref th
{
	background-color:#EE8833;
	border-right:2px solid #000000;
	border-bottom:1px solid #555555;
	padding:3px;
}


table.side_ref td 
{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #555555;
	background-color:#ffffff;
	padding:5px;
}

.call_table 
{
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    background-color: #FFF
}
.call_table li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 0.5em; height: 18px; }
.POBcall_table {list-style-type: none; margin: 0; padding: 0; background-color: #FFF}
.POBcall_table li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 0.5em; height: 18px; }

/*Forms*/

form
{
    padding-top: 10px;
}

table.form
{
	border-collapse:collapse;
}

table.form th
{
	background-color:#EE8833;
	border-right:2px solid #000000;
	border-bottom:1px solid #555555;
	padding:3px;
}


table.form td 
{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #555555;
	background-color:#ffffff;
	padding:5px;
}

table#label_table
{
	border-collapse:collapse;
}

table#label_table th
{
	background-color:#EE8833;
	border-bottom:2px solid #000;
	padding:3px;
}


table#label_table td 
{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #555555;
	background-color:#ffffff;
	padding:5px;
}


table#path_table
{
	border-collapse:collapse;
}

table#path_table th
{
	background-color:#EE8833;
	border-bottom:2px solid #000;
	padding:3px;
}


table#path_table td 
{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #555555;
	background-color:#ffffff;
	padding:5px;
}
                  

text
{
    cursor: default;
}

.draggable{
    cursor: move;
}

/*For message box*/
#message{
    width: 240px;
    word-wrap:break-word;
}

.plot_toggle
{
    list-style: none;
    display: block;
}

.hotkey-list{
    float: right;
    color: #777;
}

.file_upload {
  position: absolute;
  opacity: 0;
  display: hidden;
}