/*
 * This is the default rule.
 */
 
 /*{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding-bottom: 0px;
}*/


.showhideBottom {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0px;
	height: 0px;
	margin-left: 5px;
	margin-top: 0px;
	padding: 1px 0 2px 0;
	border: 0px solid grey;
	text-align: top;
	color: #000;
	font-size: 11px;
	background-color: white;
	z-index: 1100;
}

body
{
	margin: 0px;
}
 
 
 
/*
 * This is the definitions for the table that displays the title.
 *
 *  titleImage - used for the main part of the title bar
 *  titleSpace - used for the spacing of the sides
 */
 
#footer{
	position: fixed;
	width: 100%;
	margin-top: -100px; /* negative value of footer height */
	/*height: 60px;*/
	clear:both;
	padding-top:10px;
	bottom: 0;
	background:#494949; 
	
	background: #00759A;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010', endColorstr='#606060');
    background-image: -moz-linear-gradient(right top,#101010 0%,#606060 100%);
	background-image: -webkit-gradient(linear,right top, left bottom,color-stop(0, #101010),color-stop(1, #606060));
	background: -webkit-linear-gradient(right top, #101010 0%, #606060 100%);
	background: -o-linear-gradient(right top, #101010 0%, #606060 100%);
	background: -ms-linear-gradient(right top, #101010 0%, #606060 100%);
	background: linear-gradient(right top, #101010 0%, #606060 100%);
	
	text-align:center;
}

#download_endpoint{
	float:left;
	padding-left:10px;
	padding-top:1%;
}

#disclaimer{
	display: inline-block;
    margin:0 auto;
	padding-top:1%;
	font-style: italic;
}

#ixia_cpy{
	padding-right:10px;
	float:right;
	text-align: right;
}

.textCopyright{
	height: 5px;
	text-align: right;
	font-size: 80%;
	color: #FFFFFF;
}

#download_endpoint a{
	color:#fff;
	font-size:15px;	
}

#download_endpoint a:hover{
	color:#00C6D7;
	text-decoration: underline;
}

#disclaimer span{
	color:#fff;
}


.progress {
	position:relative;
	background-color:transparent;
	text-align: center;
	font-family: "arial";
	font-size: 10px; /*text-transform: uppercase;*/
	padding: 15px 15px;
	float: left;
}



/* @flo start*/
/* This is the place where i style my login menu */
input.roundedLogin{
	padding: 8px 6px;
	height: 30px;
	width:230px;
}

input.roundedLogin {
	 border: 1px solid #ccc;
/* 
Safari 5, Chrome support border-radius without vendor prefix.
* FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
* No support in Safari 3/4, IE 6/7/8, Opera 10.0.
*/
    -moz-border-radius: 10px; /* Firefox */
	
	-o-border-radius: 10px; /* Opera */

    -webkit-border-radius: 10px; /* Safari and Chrome */

    border-radius: 10px; 
/*
Chrome, FF 4.0 support box-shadow without vendor prefix.
* Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
* No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
* change the offsets, blur and color to suit your design.
*/
    -moz-box-shadow: 2px 2px 3px #666;
	
	-o-box-shadow: 2px 2px 3px #666;

    -webkit-box-shadow: 2px 2px 3px #666;

    box-shadow: 2px 2px 3px #666;

    font-size: 16px;

    padding: 4px 7px;

    outline: 0;

    -webkit-appearance: none;
	
	opacity:0.8;
}
/* coloring the input boxex on focus */
input.roundedLogin:focus {
	
	/* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
	border-color: #B80000;

	-moz-box-shadow: 2px 2px 3px #800000;

	-o-box-shadow: 2px 2px 3px #800000;

	-webkit-box-shadow: 2px 2px 3px #800000;

	box-shadow: 2px 2px 3px #800000;
	
	text-indent: 0;
	
	z-index: 1;
	
	opacity:1;
 
}


input.roundedLoginSubmit{

  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  cursor: pointer;
  margin-top:10px; 
  margin-bottom:10px;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  padding: 5px 15px;
  background-color: #800000;
  display: inline-block;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

input.roundedLoginSubmit:hover{
	 background-color: #E80000;
}


input::-webkit-input-placeholder {
	color:#880000;
}
/* Mozilla : */
input:-moz-placeholder {
	color:#880000;
}
/* IE : */
input:-ms-input-placeholder{
	color:#880000;
}
input.roundedLoginSubmit{
	margin-left:0px;
}
/* @flo end */
/*
 * This is the definitions for the place where the logged in user is displayed.
 */
table#titleTable td#userTitle
{
	background: #FFFFFF;
	color: #930000;
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	padding: 0px 20px 2px 0px;
}

/*
 * This is the definitions for the main navigation menu.
 *
 * li - the information for the list items
 *    mainNavSel - the list item that is selected
 * a - the information for the anchors within the list items
 *    mainNavHelp - the list items that go to the right side of the menu
 *    last - the last list item on the right
 */
table#titleTable td#mainMenu
{
	border-bottom: 3px solid #737373;
}

ul#mainNav
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	font-weight: bold;
}

ul#mainNav li
{
	display: inline;
}

ul#mainNav li#mainNavSel
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #737373 url(topRightMenu.png) no-repeat top right scroll;
}

ul#mainNav a
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #A5A5A5;
	border-right: 1px solid #FFFFFF;
	background: #D6D6D6 url(bottomLeftSmall.png) no-repeat top right scroll;
}

ul#mainNav a:hover
{
	color: #003366;
	text-decoration: underline;
	background: #D6D6D6 url(topRightSmall.png) no-repeat top right scroll;
}

ul#mainNav a#last
{
	border-left: 1px solid #FFFFFF;
}


table#titleTable td#helpMenu
{
	border-bottom: 3px solid #737373;
}

ul#helpNav
{
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFFFFF;
	width: 100%;
	font-weight: bold;
}

ul#helpNav li
{
	display: inline;
}

ul#helpNav li#helpNavSel
{
	display: block;
	float: right;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #737373 url(topRightMenu.png) no-repeat top right scroll;
}

ul#helpNav a
{
	display: block;
	float: right;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #A5A5A5;
	border-right: 1px solid #FFFFFF;
	background: #D6D6D6 url(bottomLeftSmall.png) no-repeat top right scroll;
}

ul#helpNav a:hover
{
	color: #003366;
	text-decoration: underline;
	background: #D6D6D6 url(topRightSmall.png) no-repeat top right scroll;
}

ul#helpNav a#last
{
	border-left: 1px solid #FFFFFF;
}



/*
 * This is the definitions for the sub navigation menu.
 *
 * li - the information for the list items
 *    subNavSel - the list item that is selected
 *    subNavSelLast - the list item that is selected and last in line
 * a - the information for the anchors within the list items
 *    sel - the list item to the right of the selected item, but not the last one
 *    lastSel - the last item in the list and next to the selected one
 *    last - the last list item on the right, but not next to the selected one
 */
table#titleTable td#subMenu
{
	background-color: #FFFFFF;
	border-bottom: 3px solid #737373;
	border-top: 2px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
}

table#titleTable td#selectSystem
{
	background-color: #FFFFFF;
	border-bottom: 3px solid #737373;
	border-top: 2px solid #FFFFFF;
}

.systemSelector
{
	font-size: 90%;
	font-weight: bold;
	color: #000000;
}

.systemGo
{
	width: 2.5em;
	height: 1.70em;
	color: #25009E;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 90%;
	padding: 0px;
	vertical-align: middle;
}

.systemGoDisabled
{
	width: 2.5em;
	height: 1.70em;
	color: #A5A5A5;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 90%;
	padding: 0px;
	vertical-align: middle;
}

ul#subNav
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: #FFFFFF;
	float: left;
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 90%;
}

ul#subNav li
{
	display: inline;
	font-weight: bold;
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
}

ul#subNav li#subNavSel
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #737373 url(topLeftMenu.png) no-repeat top left scroll;
}

ul#subNav li#subNavSelLast
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #737373 url(topLeftMenu.png) no-repeat top left scroll;
}

ul#subNav a
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #A5A5A5;
	border-left: 1px solid #FFFFFF;
	background: #D6D6D6 url(bottomRightSmall.png) no-repeat top left scroll;
}

ul#subNav a:hover
{
	color: #003366;
	text-decoration: underline;
	background: #D6D6D6 url(topLeftSmall.png) no-repeat top left scroll;
}


ul#subNav a#sel
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #A5A5A5;
	border-left: 0px;
	border-right: 0px;
	background: #D6D6D6 url(bottomRightSmall.png) no-repeat top left scroll;
}

ul#subNav a:hover#sel
{
	color: #003366;
	text-decoration: underline;
	background: #D6D6D6 url(topLeftSmall.png) no-repeat top left scroll;
}

ul#subNav a#last
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #A5A5A5;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #D6D6D6 url(bottomRightSmall.png) no-repeat top left scroll;
}

ul#subNav a:hover#last
{
	color: #003366;
	text-decoration: underline;
	background: #D6D6D6 url(topLeftSmall.png) no-repeat top left scroll;
}

ul#subNav a#lastSel
{
	display: block;
	float: left;
	padding: .2em 1.1em;
	text-decoration: none;
	color: #FFFFFF;
	border-left: 0px;
	border-right: 1px solid #FFFFFF;
	background: #D6D6D6 url(bottomRightSmall.png) no-repeat top left scroll;
}

ul#subNav a:hover#lastSel
{
	color: #003366;
	text-decoration: underline;
	background: #D6D6D6 url(topLeftSmall.png) no-repeat top left scroll;
}

/*
 * This defines the table for the content. It is a table with four rows and six columns.
 */
table#contentTable
{
	margin: 10px 20px 0 20px;
	width: 93%;
}

/*
 * This defines the top row for the content. It uses all six columns.
 *
 * topCorner - a blank cell for spacing
 * contentTitleStart - the start of the title of the frame
 * contentTitleText - the text for the content frame
 * contentTitleEnd - the end of the title of the frame
 * <none> - a space filler
 * topCorner - a blank cell for spacing
 */
table#contentTable td.topCorner
{
	width: 40px;
	empty-cells: show;
}

table#contentTable td#contentTitleStart
{
	vertical-align: top;
	width: 12px;
	background: url(../images/topLeftTitle.gif) no-repeat top left scroll;
}

table#contentTable td#contentTitleText
{
	color: #FFFFFF;
	padding: 2px 10px 1px 8px;
	text-align: left;
	font-weight: bold;
	background: #424242;
	font-size: 110%;
}

table#contentTable td#contentTitleEnd
{
	vertical-align: top;
	text-align: right;
	width: 40px;
	background: url(../images/topRightTitle.gif) no-repeat top right scroll;
}

/*
 * The top part of the content frame. It is two cells, the first uses one column.
 *
 * contentTopLeft - the top left corner of the frame
 * contentTop - the rest of the top of the frame
 */
table#contentTable td#contentTopLeft
{
	height: 2px;
	width: 16px;
	font-family: monospace;
	background: url(../images/topLeftContent.gif) no-repeat top left scroll;
}

table#contentTable td#contentTop
{
	height: 2px;
	font-family: monospace;
	border-top: #424242 solid 4px;
	border-right: #424242 solid 4px;
}

/*
 * The top part of the content frame. It is two cells, the first uses one column, the
 * last uses one column and the content uses the rest.
 *
 * contentLeft - the left edge of the frame
 * content - the content of the page
 * contentRight - the right edge of the frame
 */
table#contentTable td#contentLeft
{
	width: 16px;
	font-family: monospace;
	border-left: #424242 solid 4px;
}

table#contentTable td#content
{
	text-align: center;
}

table#contentTable td#contentRight
{
	width: 16px;
	font-family: monospace;
	border-right: #424242 solid 4px;
}

/*
 * The bottom part of the content frame. It is two cells, the first uses five columns.
 *
 * contentBottom - the main part of the bottom of the frame
 * contentBottomRight - the bottom right corner of the frame
 */
table#contentTable td#contentBottom
{
	/* background: #FFFFFF; */
	height: 16px;
	font-family: monospace;
	border-left: #424242 solid 4px;
	border-bottom: #424242 solid 4px;
}

table#contentTable td#contentBottomRight
{
	font-family: monospace;
	height: 16px;
	width: 16px;
	border: 0;
	background: url(../images/bottomRightContent.gif) no-repeat bottom right scroll;
}

/*
 * The copyright part of the main page.
 */
table#contentTable td#copyright
{
	text-align: center;
	font-size: 80%;
	color: #003063;
}

/*
 * This defines a separator.
 *
 * separatorTitleStart - the start of the title of the separator
 * separatorTitleText - the text for the content separator
 * separatorTitleEnd - the end of the title of the separator
 */

table.separatorTable
{
	width: 100%;
	margin: 0 0 10px 0;
}

table.separatorTable td.spacing
{
	empty-cells: show;
	border-bottom: #424242 solid 2px;
}

table.separatorTable td.separatorStart
{
	vertical-align: top;
	width: 12px;
	background: url(../images/topLeftSep.gif) no-repeat top left scroll;
	border-bottom: #424242 solid 2px;
}

table.separatorTable td.separatorText
{
	color: #FFFFFF;
	padding: 0px 5px 0px 4px;
	text-align: left;
	font-weight: bold;
	background: #737373;
	font-size: 110%;
	border-bottom: #424242 solid 2px;
}

table.separatorTable td.separatorEnd
{
	vertical-align: top;
	text-align: right;
	width: 40px;
	background: url(../images/topRightSep.gif) no-repeat top right scroll;
	border-bottom: #424242 solid 2px;
}

table.separatorTitle
{
	padding: 0px;
	margin: 0px;
	display: inline;
}

table.separatorTitle td.sepTitleText
{
	color: #FFFFFF;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	background: #737373;
	font-size: 110%;
	border: 0px;
}

/*
 * This defines a pager.
 *
 * topPagerTable - the pager at the top of a table
 * bottomPagerTable - the pager at the bottom of a table
 *
 * pagerResult - the results string
 * pagerStart - the icons to the left
 * pagerEnd - the icons to the right
 * pagerText - the page numbers we can display
 * pagerIcon - an icon button that is displayed
 */

table.topPagerTable
{
	width: 100%;
	margin-bottom: 5px;
}

table.bottomPagerTable
{
	width: 100%;
	margin-top: 5px;
}

td.topPagerResult
{
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 2px;
}

td.bottomPagerResult
{
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	padding-top: 2px;
}

td.pagerStart
{
	text-align: left;
	/*width: 75px;*/
}

td.pagerEnd
{
	text-align: right;
	/*width: 175px;*/
}

td.pagerText
{
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}

a.pagerIcon
{
	display: inline;
}

a.pagerIcon img
{
	display: inline;
	background-color: #CECFCE;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 2px solid #737373;
	border-bottom: 2px solid #737373;
}

a:hover.pagerIcon img
{
	display: inline;
	background-color: #A5A5A5;
	border-bottom: 2px solid #D6D6D6;
	border-right: 2px solid #D6D6D6;
	border-left: 1px solid #737373;
	border-top: 1px solid #737373;
}

td.pagerText a.pager
{
	width: 5.5em;
	height: 1.65em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 2px solid #737373;
	border-bottom: 2px solid #737373;
	padding: 0 6px 0 6px;
}

td.pagerText a:hover.pager
{
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #A5A5A5;
}

td.pagerText .pagerSel
{
	width: 5.5em;
	height: 1.65em;
	color: #FFFFFF;
	background-color: #737373;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 2px solid #737373;
	border-bottom: 2px solid #737373;
	padding: 0 6px 0 6px;
}

/*
 * These define the basic look of the form controls.
 *
 * normal - the normal text areas
 * label - the labels for the forms
 * txtbox - the text editor boxes
 * selector - the selector controls
 * list - the list controls
 * checkbox - the check boxes
 * radiobox - the radio boxes
 * button - the buttons
 * fbutton - the buttons in a form
 * buttonPanel - the buttons for a panel
 */
.normal
{
	color: #003366;
	font-weight: bold;
}

.inverse
{
	color: #FFFFFF;
	background-color: #003366;
	font-weight: bold;
}

.popupTitle
{
	font-size: 120%;
	font-weight: bold;
	background-color: #959595;
	color: #FFFFFF;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 2px;
	padding-top: 0px;
	padding-bottom: 1px;
}

.label
{
	color: #003366;
	font-weight: bold;
}

.labelDisabled
{
	color: #003366;
}

.error
{
	color: #CC0000;
	font-weight: bold;
	font-size: 120%;
	padding: 2px;
}

.bigLabel
{
	font-size: 120%;
	font-weight: bold;
}

.bigger
{
	font-size: 140%;
	font-weight: bold;
}

.large
{
	font-size: 180%;
	font-weight: bold;
}

.ok
{
	color: #006600;
	font-weight: bold;
	font-size: 120%;
	padding: 2px;
}

.txtbox
{
	color: #003366;
	border-top: 2px solid #737373;
	border-left: 2px solid #737373;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	padding: 1px 4px 1px 4px;
}

.selector
{
	color: #003366;
	border-top: 2px solid #737373;
	border-left: 2px solid #737373;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
}

.selectorNormal
{
	color: #003366;
	border-top: 2px solid #737373;
	border-left: 2px solid #737373;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
}



.list
{
	color: #003366;
	border-top: 2px solid #737373;
	border-left: 2px solid #737373;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
}

.detailList
{
	width: 25em;
	color: #003366;
	border-top: 2px solid #737373;
	border-left: 2px solid #737373;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
}

.itemList
{
	width: 20em;
	color: #003366;
	border-top: 2px solid #737373;
	border-left: 2px solid #737373;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	margin-bottom: 2px;
}

.checkbox
{
	color: #003366;
}

.radiobox
{
	color: #003366;
}

.button
{
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0px;
}

.fbutton
{
	width: 6em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	line-height: 1.1em;
	vertical-align: middle;
	padding: 0px;
}

.fbutton_large
{
	width: 12em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	line-height: 1.1em;
	vertical-align: middle;
	padding: 0px;
}

.fbuttonDisabled
{
	width: 6em;
	color: #6D8CAC;
	background-color: #CECFCE;
	font-weight: bold;
	line-height: 1.1em;
	vertical-align: middle;
	padding: 0px;
}
.tbutton
{
	width: 5.5em;
	height: 1.70em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 90%;
	padding: 0px;
	vertical-align: middle;
}

.tbuttonSpace
{
	width: 5.5em;
	height: 1.70em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 90%;
	padding: 0px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.smalltbutton
{
	width: 5.5em;
	height: 1.70em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 75%;
	padding: 0px;
	vertical-align: middle;
}

.imageButton
{
	background-color: #CECFCE;
	border-top: 1px solid #4444FF;
	border-left: 1px solid #4444FF;
	border-right: 2px solid #003063;
	border-bottom: 2px solid #003063;
	padding: 0px;
	margin-bottom: 2px;
	vertical-align: middle;
}

.formSep
{
	line-height: 2px;
	border-bottom: 1px solid #424242;
}

.buttonPanel
{
	line-height: 4px;
	padding: 0 0 0 10px;
}

H1
{
	font-size: 280%;
	font-weight: bold;
}

H2
{
	font-size: 160%;
	font-weight: bold;
}

H3
{
	font-size: 120%;
	font-weight: bold;
}

.sectionFrame
{
	border: 0px;
	padding: 2px 4px;
}

/*

/*
 * These define the popup calendar styles.
 *
 */
 
#calendarFrame
{
	background-color: #D6D6D6;
	border: 2px solid #424242;
	position: absolute;
	z-index: 32767;
	border-collapse: collapse;
}

.calendar
{
	background-color: #FFFFFF;
}

.calendarHead
{
	height: 1.6em;
	background-color: #424242;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.calendarClose
{
	background-color: #424242;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 4px 2px 2px 2px;
}

.calendarClose .tbutton
{
	width: 5.5em;
	height: 1.70em;
	color: #003366;
	background-color: #CECFCE;
	font-weight: bold;
	font-size: 90%;
	padding: 0px;
	vertical-align: middle;
}

.calendarSubhead
{
	width: 1.6em;
	/* height: 1.6em; */
	background-color: #A5A5A5;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarDay
{
	width: 1.8em;
	height: 1.8em;
	background-color: #D6D6D6;
	color: #003366;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarDayHilight
{
	background-color: #A5A5A5;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarSelect
{
	background-color: #737373;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarSelectHilight
{
	background-color: #737373;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarCurrent
{
	background-color: #424242;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarCurrentHilight
{
	background-color: #424242;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
}

.calendarTime
{
	background-color: #A5A5A5;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 0px 2px 4px 2px;
	border-top: #424242 solid 2px;
}


.StyleMAP {
	font-size: 14px;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



a.ovalbutton{
background: transparent url('../images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
cursor: hand;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
cursor: hand;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.green{
background: transparent url('../images/oval-green-left.gif') no-repeat top left
}

a.green span{
background: transparent url('../images/oval-green-right.gif') no-repeat top right;
}

a.orange{
background: transparent url('../images/oval-orange-left.gif') no-repeat top left
}

a.orange span{
background: transparent url('../images/oval-orange-right.gif') no-repeat top right;
}

a.blue{
background: transparent url('../images/oval-blue-left.gif') no-repeat top left
}

a.blue span{
background: transparent url('../images/oval-blue-right.gif') no-repeat top right;
}

a.red{
background: transparent url('../images/oval-red-left.gif') no-repeat top left;
}

a.red span{
background: transparent url('../images/oval-red-right.gif') no-repeat top right;
}

.jqifade{
	position: absolute; 
	background-color: #aaaaaa; 
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	/*border: solid 1px #eeeeee; 
	background-color: #f4f4f4;*/
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

/* @flo  Map Configuration Style*/
/*
#map-canvas { 
	height: 100%; 
	width:100%;
}
*/
#ajax_message{
	position:relative;
	text-align:center;
	padding-top:10px;
	color:red;
	float:left;
	clear:both;
	padding-left:20px;
}

#map-canvas,
.create_map{
	float:left;
}

.create_map{
	margin:20px;
}

.map_creation_inputs{
	padding-top:0px;
	padding-left:10px;
	width:150px;
	float:left;
}

#add_probe_to_map{
	position:relative;
	
	float:left;
	padding-left:20px;
}

#select_map_probes1,
#select_map_probes2{
	width:150px;
	height:150px;
}

.add_probe_to_select{
	float:left;
	padding:10px;
	text-align:center;
}

#map_probe_coordinates{
	position:relative;
    display: none;
}

.map_probe_mesh{
	/*position:relative;*/
	float:left;
	padding-top:5px;
	/*padding-left:20px;*/
}

.map_creation_input{
	float:left;
	padding-top:0px;
	padding-left:10px;
}

.map_creation_input span input[type="button"]{
	width:auto;
	height:30px;
	font-size:14px;
	cursor:pointer;
}	

/* Florin`s css for tabs starts here */
.container
{
	float: left;
	width: auto;
	border: 1px solid #000000;
}
.navcontainer ul
{
	background-color: #5F707A;
	border-bottom:1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
	float:left;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	margin:0pt;
	padding:0pt;
	width:100%;
}
.navcontainer ul li
{
	display: inline-block;
	text-align: center;
}
.navcontainer ul li a:hover
{
	background-color:#CCCCCC;
	color:#FFFFFF;
}
.navcontainer ul li a
{
	border-right:1px solid #DFDFDF;
	background-color: #BBBBBB;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
	padding:10px;
	text-decoration:none;
	width: 50px;
}
.navcontainer ul li a.current
{
	border-right:1px solid #f00;
	background-color: #f00;
	font-weight: bold;
	color:#fff;
	float:left;
	padding:10px;
	text-decoration:none;
	width: 50px;
}
#content
{
	min-height: auto;
	padding-top: 80px;
	padding-left: 10px;
}
#preloader
{
	position: absolute;
	top: 150px;
	left: 100px;
	z-index: 100;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}


/* Florin`s css for tabs ends here */

/* Logged in user */
.logged_user {
	color: #FFFFFF;
	float:right;
	padding: 10px 25px;
}

.logged_user span {
	font-weight: bold;
}

/* Download page */
.download_btn {
	width: 60px;
	height: 45px;
}

.open_btn {
	width: 50px;
	height: 45px;
}

#dl_table {
	border-collapse:collapse;
	width: 40%;
}

#dl_table, #dl_table th, #dl_table td {
	border: 1px solid #002D2D;
	text-align: center;
	padding: 3px 10px;
}

#download_wrapper {

	overflow: auto;
}

/* Licensing page */
#licenses_table {
	border-collapse:collapse;
	width: 40%;
}

#licenses_table, #licenses_table th, #licenses_table td {
	border: 1px solid #002D2D;
	text-align: center;
	padding: 3px 10px;
}

#licensing_wrapper {

	overflow: auto;
}

/* Server/Client time */
 #timestamps {
                                color: white;
                                float: right;
                                padding: 5px;
                                padding-top: 1.5%;
}

/* Tutorials 
 #tutorials {
	color: white;
    float: right;
    padding: 25px;
    padding-top: 1.5%;
}*/

.gradient_btn {
	background: #606060;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010', endColorstr='#606060');
    background-image: -moz-linear-gradient(top,#606060 0%,#101010 100%);
	background-image: -webkit-gradient(linear,top,bottom,color-stop(0, #606060),color-stop(1, #101010));
	background: -webkit-linear-gradient(top, #606060 0%, #101010 100%);
	background: -o-linear-gradient(top, #606060 0%, #101010 100%);
	background: -ms-linear-gradient(top, #606060 0%, #101010 100%);
	background: linear-gradient(top, #606060 0%, #101010 100%);

	/*line-height: 20px;*/
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	white-space:nowrap;
	min-width: 80px;
	max-width: 140px;
	font-weight:bold;
	
	/*border: 1px solid #ccc;*/
    -moz-border-radius: 7px; /* Firefox */
	-o-border-radius: 7px; /* Opera */
    -webkit-border-radius: 7px; /* Safari and Chrome */
    border-radius: 7px; 
    -moz-box-shadow: 2px 2px 3px #666;	
	-o-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    border-style: outset;
	border-width: 2px;
	border-color: #606060;
	
    padding: 4px;
    outline: 0;
    -webkit-appearance: none;
	z-index:5;
	cursor: pointer;
}

.gradient_btn:hover,
.gradient_btn:active{
	background: #606060;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010', endColorstr='#606060');
    background-image: -moz-linear-gradient(top,#101010 0%,#606060 100%);
	background-image: -webkit-gradient(linear,top, left bottom,color-stop(0, #101010),color-stop(1, #606060));
	background: -webkit-linear-gradient(top, #101010 0%, #606060 100%);
	background: -o-linear-gradient(top, #101010 0%, #606060 100%);
	background: -ms-linear-gradient(top, #101010 0%, #606060 100%);
	background: linear-gradient(top, #101010 0%, #606060 100%);
}

.gradient_btn:active {
	border-style: inset;
	border-width: 2px;
	border-color: #101010;
}

/* NMS */
.nms_buttons{
	display:inline-block;
	list-style-type: none;
}

.nms_buttons ul {
	padding:5px;
	display:inline-block;
	list-style-type: none;
}

.nms_buttons ul li{
	padding:5px;
	float:left;
}

.export_header
{
	text-align:left;
	width:1000px;
	height:80px;
	background: #00759A;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002D2D', endColorstr='#00759A'); /* for IE */
	background-image: -moz-linear-gradient(right top,#00759A 0%,#002D2D 100%);
	background-image: -webkit-gradient(linear,right top, left bottom,color-stop(0, #00759A),color-stop(1, #002D2D));
	background: -webkit-linear-gradient(right top, #00759A 0%, #002D2D 100%);
	background: -o-linear-gradient(right top, #00759A 0%, #002D2D 100%);
	background: -ms-linear-gradient(right top, #00759A 0%, #002D2D 100%);
	background: linear-gradient(right top, #00759A 0%, #002D2D 100%);
	border:none; 
}
/* Diana's tabs for config GUI */

#tabs-content
{
   font-size: 12px;
   /*background-color: #f2f2f2;*/
   /*padding: 20px 10px;*/
   /*padding-top: 25px;*/
   /*overflow: auto;*/
   /*width: 1200px;*/
   /*margin: 0 auto;*/
}


#tab-container
{
   float: left;
   /*margin: 50px 0 0 0;*/
   width: 200px;
}
#tab-container ul
{
   list-style: none;
   text-align: center;
}

#tab-container ul li
{
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	text-align: center;
	font-size: 11px;
	white-space:nowrap;
	font-weight:bold;
	/*margin: 5px 0;*/
	text-transform: capitalize;
    background-color: #ededed;
}

#tab-container ul li a,
#tab-container ul li a:visited
{
   text-decoration: none;
   /*color: #ffffff;*/
   color: #000;
   display: block;
   padding: 12px 5px;
}

#tab-container ul li:hover
{
	border-left: 3px solid transparent;
	border-left-color: #000;
}

#tab-container ul li a:hover
{
   color: #000;
}
#tab-container ul li.selected
{
   border-right: none;
   background: #ffffff;
   color: #000000;
   border-left: 4px solid transparent;
   border-left-color: #000;
}
#tab-container ul li.selected a{
	color: #000000;
}
.tabs
{
   min-height: 400px;
   max-height: 800px;
   overflow-y: auto;
   margin: 0 0 0 -1px;
   padding: 15px;
   background-color: #fff;
   /*border: 1px solid #888;*/
   display: none;
}

.preferences-form
{
   min-height: 400px;
   height: 500px;
   overflow-y: auto;
   /*padding: 20px;*/
}

.preference-btn
{
   margin-top: 5px;
}

.current_desc, .display_name {
	width: 200px;
}

.param_desc {
	width: 600px;
}

.param_value {
	width: 140px;
}

.section_tables {
	width: 100%;
	border-collapse:collapse;
}

.section_tables, .section_tables th, .section_tables td {
	border: 1px solid #002D2D;
	text-align: center;
	padding: 5px 10px;
}

.config_buttons_table {
	margin-top: 20px;
}

.section_tables_ch {
	width: 60%;
}

.button_edit_delete{
	cursor:pointer;
}

expandtable {
	text-align: right;
	font-size: 10px;
	color:blue;
}

expandtable:hover {
	cursor:pointer;
	color:#FF0000;

}

expandtableselected {
	text-align: right;
	font-size: 10px;
	color:#274255;
}


.warning {
color: #9F6000;
background-color: #FEEFB3;
text-align: center;
font-size: 15px; 
vertical-align: middle;
}

.loginBackground {
    -webkit-transition: opacity 1.0s ease;
    -moz-transition: opacity 1.0s ease;
    -o-transition: opacity 1.0s ease;
    -ms-transition: opacity 1.0s ease;
    transition: opacity 1.0s ease;
    opacity: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: auto;
    /* transition time must be smaller then intervalTime (js); */
    transition: background linear 1s;
    -moz-transition: background linear 1s;
    -webkit-transition: background linear 1s;
}

.loginBackground.loginBackgroundActive {
    opacity: 1;
}
 
.login-box,
.login-logo {
	background-color: #34424D;
}

.login-logo .logo-lg img {
	margin-left: 5px;
	margin-top: 14px;
}

.login-logo .logo-lg2 img {
	margin-left: 5px;
	margin-top: 20px;
}

.toggle-group .toggle-on {
	background-color: #40b5e8;
}

.templatecategory .btn-primary, 
.templatecategory .btn-info,
.templateScheduleType .btn-primary,
.templateScheduleType .btn-info,
.testExecuteType .btn-primary,
.testExecuteType .btn-info,
.ve1sSettingsRadioType .btn-primary,
.ve1sSettingsRadioType .btn-info {
	color: #444;
    background-color: #fff;
    border-color: #122b40;
}

.templatecategory .btn-primary.active,
.templatecategory .btn-info.active,
.templateScheduleType .btn-primary.active,
.templateScheduleType .btn-info.active,
.testExecuteType .btn-primary.active,
.testExecuteType .btn-info.active,
.ve1sSettingsRadioType .btn-primary.active,
.ve1sSettingsRadioType .btn-info.active {
    color: #fff;
    background-color: #1793E5;
    border-color: #204d74;
}

.testExecTypeIconN2N {
	text-shadow: none; 
	font-size: 20px; 
	color: rgb(255, 255, 255); 
	height: 40px; width: 40px; 
	line-height: 40px; 
	border-radius: 50%; 
	text-align: center;
	background-color: rgb(0, 200, 83);
}

.testExecTypeIconMesh {
	text-shadow: none; 
	font-size: 20px; 
	color: rgb(255, 255, 255); 
	height: 40px; width: 40px; 
	line-height: 40px; 
	border-radius: 50%; 
	text-align: center;
	background-color: rgb(0, 191, 165);
}

.testExecTypeIconRealService {
	text-shadow: none; 
	font-size: 20px; 
	color: rgb(255, 255, 255); 
	height: 40px; width: 40px; 
	line-height: 40px; 
	border-radius: 50%; 
	text-align: center;
	background-color: rgb(68, 167, 235);
}

.testExecTypeIconContinousService {
	text-shadow: none;
	font-size: 20px;
	color: rgb(255, 255, 255);
	height: 40px; width: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	background-color: green;
}

/* input page classes */
.input-page-full-width {
  padding-left: 20px;
  padding-top: 10px;
  min-width:600px;
}

.input-page {
  padding-left: 20px;
  padding-top: 10px;
  min-width:600px;
  max-width:900px
}

.input-section{
  padding-top: 10px;
}
.input-row {
  padding-bottom: 2px;
  padding-top: 2px;
}
.input-row:before,
.input-row:after {
  display: table;
  content: " ";
}
.input-row:after{
  clear: both;
}
.input-title {
  padding-right: 4px;
  padding-top: 9px;
}
.input-input {
  padding-left: 4px;
}
.input-checkbox {
  padding-right: 4px;
  padding-top: 9px;
  padding-left: 4px;
}
.input-page-divider {
  border-top: 1px solid #f4f4f4;
}
.input-subsection {
  color: #ddd;
}

.info-section {
  margin: 10px 2px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fbfbfb;
}

.info-title {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #6a6c6f;
}

.info-field {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  color: #6a6c6f;
}

.info-field-value {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #6a6c6f;
}

.align-top {
  vertical-align: top;
}

.no-pad-bottom {
  padding-bottom: 0px;
}

.status-pass {
  font-size: 16px;
  color:#28d637
}

.status-fail {
  font-size: 16px;
  color:#db4602
}

.status-error {
  font-size: 16px;
  color:#777
}

.status-warning {
  font-size: 16px;
  color:#f8d581
}

div.vis-tooltip {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #404040;
  background-color: #f5f4ed;
  padding: 0px;
  border: 0px;
}

div.vis-network div.vis-navigation div.vis-button {
    color: #919191;
    width: 24px;
    height: 24px;
    line-height: normal;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: absolute;
    display: inline-block;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.vis-network div.vis-navigation div.vis-button:before {
  font-family: FontAwesome;
  font-size: 24px;
}

div.vis-network div.vis-navigation div.vis-button:hover {
    box-shadow: none;
    color: #81ab5d;
}

div.vis-network div.vis-navigation div.vis-button:active {
    box-shadow: none;
    color: #81ab5d;
}

div.vis-network div.vis-navigation div.vis-button.vis-up {
    background-image: none;
    bottom: 40px;
    left: 45px
}
div.vis-network div.vis-navigation div.vis-button.vis-up:before {
    content: '\f0aa';
}

div.vis-network div.vis-navigation div.vis-button.vis-down {
    background-image: none;
    bottom: 10px;
    left: 45px
}
div.vis-network div.vis-navigation div.vis-button.vis-down:before {
    content: '\f0ab';
}

div.vis-network div.vis-navigation div.vis-button.vis-left {
    background-image: none;
    bottom: 10px;
    left: 15px
}
div.vis-network div.vis-navigation div.vis-button.vis-left:before {
    content: '\f0a8';
}

div.vis-network div.vis-navigation div.vis-button.vis-right {
    background-image: none;
    bottom: 10px;
    left: 75px
}
div.vis-network div.vis-navigation div.vis-button.vis-right:before {
    content: '\f0a9';
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
    background-image: none;
    bottom: 10px;
    right: 15px
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn:before {
    content: '\f00e';
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
    background-image: none;
    bottom: 10px;
    right: 45px
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut:before {
    content: '\f010';
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
    background-image: none;
    bottom: 40px;
    right: 15px
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends:before {
    content: '\f0b2';
}
#outlier-dashboard .table-hover tbody tr:hover, 
#outlier-dashboard .table-hover tbody tr:hover th {
  background-color: #d8e4fc;
}

.tableCellInfo {
    color: #003366;
    font-weight: normal;
    cursor: pointer;
}
.tableCellInfo:hover{
    color: #006699;

}

.info-field.pair-field, .info-field-value.pair-field {
	overflow: auto;
}
.info-field.pair-field::-webkit-scrollbar, .info-field-value.pair-field::-webkit-scrollbar {
	width: 0px;
	height: 2px;
}

.info-field.pair-field::-webkit-scrollbar-thumb, .info-field-value.pair-field::-webkit-scrollbar-thumb {
	background-color: #555555;
	border: 1px solid #f4f4f4;
}

.login-logo .logo-lg3 img,.login-logo .logo-lg3 .hawkeye-logo-text {
	margin-top: 15px;
}

.login-logo {
	margin-bottom: 12px;
}

.login-logo .logo-lg3 img.keysight-logo {
	margin-bottom: 11px;
}
.login-logo .logo-lg3 .hawkeye-logo-text {
	color: #34b2ca;
	font-size: 22px;
	font-family: Arial;
	vertical-align: bottom;
}

.notification-available-time {
    font-size: 11px;
}
.overlay-template {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.7);
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: none;
}
.overlay-template-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
}
.param-error-container .service-param-error, .execution-limit-container .service-param-error {
	color: red;
}
.param-error-container .service-param-info, .execution-limit-container .service-param-info {
	color: green;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
	display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
	display: none;
}

.tooltip-inner {
	max-width: 350px;
}