/*
 Thierry Parmentelat -- INRIA
 */

/* space around various messages */
div.my-slice-renewal {
    margin: 30px;
}

/* toggles for the nodes sections */
div#toggle-container-my-slice-persons-current,
div#toggle-container-my-slice-nodes-current {
    background: #f0f0f0;
}

div#toggle-container-my-slice-persons-add,
div#toggle-container-my-slice-nodes-add {
    background: #f0e0e0;
}

/* the scheduler area */
div#toggle-container-my-slice-nodes-reserve {
    background: #def;
}

/* where the graphics go */
div#leases_area {
  padding: 10px 20px;
}

/* this class is used to store data that needs to get passed to javascript code */
/* these elements are not meant to be rendered */
.hidden {
    display: none;
}
.center {
    text-align: center;
}

/* the various controls for the scheduler */
/* bottom section with the buttons */
input.leases_input { width: 28px; text-align: right; }
.leases_label { padding-left: 12px; padding-right: 8px; }
#leases_settings { padding: 15px 30px 10px 30px; }
#leases_buttons { text-align: center; padding: 0px 10px 10px 10px; }
#leases_refresh,#leases_submit { padding-left: 20px; padding-right: 20px; margin-left: 10px; margin-right:10px; }

/* column configuation style */

div#toggle-container-my-slice-nodes-configuration {
    background: #f8f8f8;
}

OPTION.out{background-color:white; color:black}
OPTION.in{background-color:#CAE8EA; color:#4f6b72}

div.out{background-color:white; color:black}
div.in{background-color:#CAE8EA; color:#4f6b72}
div.selected{background-color:gray; color:black}
div.invisible{display:none}

div.note-div {
 	padding: 4px;
 	background-color: #cae8ea;
 	width: 700px;
}

div#scrolldiv {
	border : solid 2px grey; 
	padding:4px; 
	width:300px; 
	height:180px; 
	overflow:auto;
}

th,td.top {
	vertical-align: top;
	text-align: left;
	padding:10px;
}

td.smallright {
	text-align: right;
	width:20px;
}

table.center {
	margin-left:auto; 
	margin-right:auto;
}

table.columnlist {
	width:280px;
}

td.header {
	background-color: #CAE8EA;
	text-align: center;
	width:30px;
}

span.header {
	font-weight: bold;
	color: #3399CC;
}

a.source-url{
        font-weight: bold;
}

span.gray{
        color: #555555;
}

span.short {
	height:10px;
}

span.column-title {
        font-size: 15px;
        font-weight: bold;
}

span.column-detail {
        font-size: 11px; 
        font-style: italic;
}