@import url('gwt-datepicker.css');
@import url('ical-cal-style.css');


/* Styles for gwt-Elements */
.gwt-Button {
    padding:		2px;
    font-size:		1.1em;
    background-color:	#FFF;  
    background-image:	url(http://www.umic-mesh.net//images/page/submitbg.png);  
    background-repeat:	repeat-x;
    background-position:bottom;
    border:		1px solid #b2b2b2;
    overflow:		hidden;
}
.gwt-Button:hover, gwt-Button:focus {
    border:		1px solid #666;  
    background-color:	#FFF;
}
.gwt-ToggleButton {
    padding:		2px;
    font-size:		1.1em;
    background-color:	#FFF;  
    background-image:	url(http://www.umic-mesh.net//images/page/submitbg.png);  
    background-repeat:	repeat-x;
    background-position:bottom;
    border:		1px solid #b2b2b2;
    overflow:		hidden;
}
.gwt-ToggleButton-up {}
.gwt-ToggleButton-up-hovering {
    border:		1px solid #666;  
    background-color:	#FFF;
}
.gwt-ToggleButton-down {}
.gwt-ToggleButton-down-hovering {
    border:		1px solid #666;  
    background-color:	#FFF;
}

.gwt-ScrollPanel { padding:0pt; }

.gwt-TextBox-readonly  
{
   background-color: #D1D1D1;
}

.gwt-ListBox {
	background: #FFF none repeat scroll 0 0;
	min-width: 100px;
}
/* Works on Firefox only */
.gwt-ListBox option:hover {
	background-color: #F2F2F2;
	color: #000000;
}

/* Styles for all */
.noPadding { padding:0pt; }
.rightPadding { padding: 0em 0.7em 0em 0em; }
.noMargin { margin: 0em; }
.marginBottom { margin-bottom: 0em; }
.centered { text-align:center; }
.leftAlign { text-align:left; }
.rightAlign { text-align:right; }
.middleAlign { vertical-align: middle; }
.fullWidth { width:100%; }
.fullWidthRightAlign { text-align: right; width: 100%; }
.headerLine { margin-bottom:15px; }
.paddingBottom { padding-bottom:5px; }
.paddingTop { padding-top: 5px; }
.marginRight { margin-right:0.5em; }
.marginLeft { margin-left:0.5em; }
.floatRight { float: right; }
.floatLeft { float: left; }


/* Styles for RunningProfiles in tables */
.PROFILE_NOT_APPLIED { color:#FFA305; }
.PROFILE_OK	{ color:#00EE00; }
.PROFILE_ERROR { color:#EE0000; }

/* Styles for RunningProfiles in tables */
.NODE_BOOTING { color:#FFA305; }
.NODE_OK	{ color:#00EE00; }
.NODE_OFFLINE { color:#EE0000; }

/* Styles for tables in general */
.umFlexTableRow0 {
	background-color: #F2F2F2;
	color: inherit;
}
.umFlexTableRow0.Red {
	background-color: #F2F2F2;
	color: #EE0000;
}
.umFlexTableRow1 {
	background-color: #F8F8F8;
	color: inherit;
}
.umFlexTableRow1.Red {
	background-color: #F8F8F8;
	color: #EE0000;
}
.umFlexTable,
.table { background-color:#EEEEEE; table-layout:fixed; width:100%; }
.umFlexTable,
.table td { text-align:left; overflow:hidden; padding:0pt; padding-left:0.5em;}
/* table header */
.umFlexTableHeader,
.umFlexTableHeader tr,
.umFlexTableHeader td,
.tableHead,
.tableHead tr,
.tableHead td {
	color:#FFFFFF;
	font-weight: bold; 
	background-color:#AAAABB;
	/* padding: top right bottom left */
	padding: 0.3em 0.3em 0.3em 0.7em;
}



/* Styles for SimpleStatusView */
.leftTable{ float: left; margin-right: 1em; width:48%; }
.rightTable{ width:48%; }



/* Styles for PopupPanel */
.popupPadding { padding:10px; }
.popupButton { width:30px; margin-bottom:5px; }
.popupButtonPanel { width:30px; }
.popupMinifactsheet { width:400px; background-color:#fff; border:1px solid #000; }
.informationPopup { background-color:#fff; border:1px solid #000; }
.popupWindow { 
	background-color: #fff; 
	border: 3px solid #000;
}

/* UmGlassPanel styles */
.umGlassPanel { 
	width:100%; 
	height:100%; 
	background-color:#000;
    filter: alpha(opacity=60);
    opacity: .60;
    -moz-opacity: 0.60;
}


/* Styles Testbed Profile Selector */
.tpsDescriptionLabel { background-color:#EEEEEE; font-size:0.9em; padding:2px; height:3em; }


/* Styles for Testbed Profile Editor */
.tpeTable {	background-color:#EEEEEE; width:100%; padding:0pt;}
.tpeTable td { padding:2px; text-align:left; }
.tpeNodeColumn { width:120px; }
.tpeNodeProfileColumn { 
	width:240px;
	background: #FFF none repeat scroll 0 0;
}

/* Styles for Node Profile Editor */
.npeTable {	background-color:#EEEEEE; width:100%; padding:0pt;}
.npeTable td { padding:2px; text-align:left; }
.npeNodeColumn { width:70px; }
.npeNodeProfileColumn { 
	width:240px;
	background: #FFF transparent none repeat scroll 0 0; 
}


/* Styles for Service Profile Editor (draggable Box) */
.grayBack {background-color:#DDDDDD;}


/* Styles for Columns in several tables */
.NodeNameColumn { width:5em; padding-left:0.5em; }
.ProfileColumn { width:7em; }
.StatusColumn { width:8em; }
.UptimeColumn { width:7em; }
.BootTextColumn { width:15em; }
.RebootColumn { width:2em; }
.DescriptionColumn { width:30em; }
.CheckBoxColumn { width:6em; }

/* Styles Side Factsheet */
.shiftToRight{ margin-left:20px; }
.factsheetPaddingTop { padding-top: 1em; }

/* Geographical */
.geographical-node { 
	/* Allows vertically centered text on sufficiently advanced browsers*/
	display:		table;
	/* 'pointer' is the cursor that links usually have (the hand with the outstretched index finger) */  
	cursor:			pointer;
	color:			white;
	font-size:		12px;
	width:			22px;
	height:			22px;
}
.geographical-node span { 
	/* Allows vertically centered text on sufficiently advanced browsers*/
	display:		table-cell;
	/* Center vertically and horizontally */
	vertical-align:	middle;
	text-align:		center;
}
.node-status-ok span {
	background:		url("img/node-status-ok.png")
}
.node-status-booting span {
	background:		url("img/node-status-booting.png")
}
.node-status-offline span {
	background:		url("img/node-status-offline.png")
}
.node-status-other span {
	background:		url("img/node-status-other.png")
}
.node-status-null span {
	background:		url("img/node-status-null.png")
}

.widePanel{
	width:			60%;
}

/* Cursor */
.defaultCursor {
	cursor: 		default;
}

/* Topological Map */
.TopologyNodeLabel {
	/* Allows vertically centered text on sufficiently advanced browsers*/
	display:		table;
	/* 'pointer' is the cursor that links usually have (the hand with the outstretched index finger) */  
	cursor:			pointer;
	color:			white;
	font-size:		12px;
}
.TopologyNodeLabel span {
	/* Allows vertically centered text on sufficiently advanced browsers*/
	display:		table-cell;
	/* Center vertically and horizontally */
	vertical-align:	middle;
	text-align:		center;
}

.meshconf_welcomeMessage {
	font-size: 1.4em;
	font-weight: bold;
}

/**
 * AboutPanel
 */
.gwt-AboutPanelRowHeader {
	font-weight: bold;
}

/**
 * MeshConf Navigation
 * See YAML class .hlist.
 */
#meshconf_nav {
	background: #DCDCDC none 0 0;
}
#meshconf_nav ul {
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	background: #DCDCDC none 0 0;
}
#meshconf_nav li {
	font-weight: normal;
	font-style: normal;
	border-left: none;
	border-right: none;
}
#meshconf_nav li a {
	color: #000000;
	font-size: 1em;
	font-weight: normal;
}	
#meshconf_nav li a:hover {	
	color:#000000;		
}
#meshconf_nav li.active,
#meshconf_nav li.active a {	
	color: #000000;
	font-weight: bold;
	font-size: 1em;
	background: transparent url(img/meshconf_nav_bg.png) no-repeat bottom center;
}

/* MeshConfHistoryPanel */
.testbedConfHistoryPanelGroupHeading {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1.2em 0em 0.2em 0em;
}

/* MeshConf Sub-Navigation (Currently only "Nodetype-Filter-Listbox") */
#meshconf_nav_sub {
	width: 100%;
	float: left;
	margin: 1em 0em 0em 0em;
}
#meshconf_nav_sub table {
	display: inline;
	float: right;
	width: auto;
}
#meshconf_nav_sub table td {
	padding: 0;
}

/* Factsheet: Node Info Section */
.nodeInfoSection td {
	padding-right: 0em;
}

textarea {
	resize: none;
}


/* GWT DialogBox styles */
.gwt-DialogBox .Caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background: #272727 url(images/shiny_buttons/background_active.png) repeat-x scroll right center;*/
background: #E3E8F3 url(img/hborder.png) repeat-x scroll 0 -2003px;
border-bottom:1px solid #888888;
border-top:5px solid #888888;
cursor:default;
padding:4px 4px 4px 8px;
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
padding:3px;
border: 0px;
}
.gwt-DialogBox .dialogBottomCenter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/hborder.png) repeat-x scroll 0 -4px;
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogMiddleLeft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/vborder.png) repeat-y scroll 0 0;
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogMiddleRight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/vborder.png) repeat-y scroll -4px 0;
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogTopLeftInner {
width:5px;
border: 0px;
}
.gwt-DialogBox .dialogTopRightInner {
width:8px;
border: 0px;
}
.gwt-DialogBox .dialogBottomLeftInner {
height:8px;
width:5px;
border: 0px;
}
.gwt-DialogBox .dialogBottomRightInner {
height:8px;
width:5px;
border: 0px;
}
.gwt-DialogBox .dialogTopLeft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/corner.png) no-repeat scroll -13px 0;
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogTopCenter {
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogTopRight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/corner.png) no-repeat scroll -18px 0;
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogBottomLeft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/corner.png) no-repeat scroll 0 -15px;
padding: 0px;
border: 0px;
}
.gwt-DialogBox .dialogBottomRight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/corner.png) no-repeat scroll -5px -15px;
padding: 0px;
border: 0px;
}
* html .gwt-DialogBox .dialogTopLeftInner {
overflow:hidden;
width:5px;
border: 0px;
}
* html .gwt-DialogBox .dialogTopRightInner {
overflow:hidden;
width:8px;
border: 0px;
}
* html .gwt-DialogBox .dialogBottomLeftInner {
height:8px;
overflow:hidden;
width:5px;
border: 0px;
}
* html .gwt-DialogBox .dialogBottomRightInner {
height:8px;
overflow:hidden;
width:8px;
border: 0px;
}