/*****************************************************************************/
/* Common Classes */
/*****************************************************************************/
body, td, th,
h1, h2, h3, h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body
{
	margin: 0px;
	font-size: 70%; 
	background: #8EAFD8; 
	color: #333333; 
}

table
{ 
	font-size: 100%;
}

/* Links */
a, a:active, a:link 
{
	color: #054A8C; 
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #800080;
}

a.external
{
	background: url(../images/external.gif)  right center no-repeat;
	padding: 0px 13px 0px 0px;
}

/*****************************************************************************/
/* Adjusting Font Size */
/*****************************************************************************/

.ext-el-mask-msg div{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-tab-strip span.x-tab-strip-text{font:normal 10px tahoma,arial,helvetica;}
.x-form-field{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-form-grow-sizer{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-form-item{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-form-invalid-msg{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-small-editor .x-form-field{font:normal 10px arial,tahoma,helvetica,sans-serif;}
.ext-safari .x-small-editor .x-form-field{font:normal 10px arial,tahoma,helvetica,sans-serif;}
.x-fieldset legend{font:bold 10px tahoma,arial,helvetica,sans-serif;}
.x-btn{font:normal 10px tahoma,verdana,helvetica;}
.x-btn button{font:normal 10px tahoma,verdana,helvetica;}
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td{font:normal 10px arial,tahoma,helvetica,sans-serif;}
.x-grid3-topbar,.x-grid3-bottombar{font:normal 10px arial,tahoma,helvetica,sans-serif;}
.x-grid-group-hd div{font:bold 10px tahoma,arial,helvetica,sans-serif;}
.x-grid-empty{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-dd-drag-ghost{font:normal 10px arial,helvetica,sans-serif;}
.x-tree-node{font:normal 10px arial,tahoma,helvetica,sans-serif;}
.x-grid3-cell-inner, .x-grid3-hd-inner {white-space: normal;}
.x-date-middle,.x-date-left,.x-date-right{font:bold 10px "sans serif",tahoma,verdana,helvetica;}
.x-date-inner th{font:normal 10px arial,helvetica,tahoma,sans-serif;}
.x-date-inner a{font:normal 11px arial,helvetica,tahoma,sans-serif;}
.x-date-mmenu .x-menu-item{font-size:9px;}
.x-date-mp td{font:normal 10px arial,helvetica,tahoma,sans-serif;}
.x-date-mp-btns button{font:normal 10px arial,helvetica,tahoma,sans-serif;}
.x-tip .x-tip-mc{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-tip .x-tip-header-text{font:bold 10px tahoma,arial,helvetica,sans-serif;}
.x-tip .x-tip-body{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-menu-list-item{font:normal 10px tahoma,arial,sans-serif;}
.x-box-mc{font-size:11px;}
.x-box-mc h3{font-size:13px;}
#x-debug-browser .x-tree .x-tree-node a span{font-size:10px;}
.x-combo-list-hd{font:bold 10px tahoma,arial,helvetica,sans-serif;}
.x-combo-list-item{font:normal 11px tahoma,arial,helvetica,sans-serif;}
.x-combo-list-small .x-combo-list-item{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-panel-header{font:bold 10px tahoma,arial,verdana,sans-serif;}
.x-panel-tl .x-panel-header{font:bold 10px tahoma,arial,verdana,sans-serif;}
.x-panel-mc{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-window-tl .x-window-header{font:bold 10px tahoma,arial,verdana,sans-serif;}
.x-window-mc{font:normal 10px tahoma,arial,helvetica,sans-serif;}
.x-progress-text{font-size:10px;}
.x-window-dlg .ext-mb-text,.x-window-dlg .x-window-header-text{font-size:11px;}
.x-window-dlg .ext-mb-textarea{font:normal 11px tahoma,arial,helvetica,sans-serif;}

.x-table-layout {width:100%;}

/*****************************************************************************/
/* Layout */
/*****************************************************************************/

.window-layout, .window-layout body {
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: auto;
    height: 100%;
}

/* Home Page */
.homepage
{ 
	padding: 2px 20px 3px 0px;
	margin: 0px 0px 3px 0px;
	color: #FFFFFF;
	text-align: right;
}

.homepage a,
.homepage a:active,
.homepage a:link,
.homepage a:visited
{
	color: #FFFFFF; 
}

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

.top-right
{
	float: right;
	padding: 0px;
	margin: 0px;
}

.bottom-left
{
	float: left;
	padding: 0px;
	margin: 0px;
}

.bottom-right
{
	float: right;
	padding: 0px;
	margin: 0px;
}

.topbg
{
	background: url(../images/topbarbg.gif) #FFFFFF right top no-repeat;
}

.leftshadow
{
	background: url(../images/shl.gif) right repeat-y;
}

.rightshadow
{
	background: url(../images/shr.gif) left repeat-y;
}

/* Logo */
.procurvelogo
{
	float: left;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.x-form-checkbox
{
  clear: both;
  float: none;
  position: relative;
}

.x-form-checkbox input {
  left: 10px;
  position: absolute;
  top: 1px;
}

#secondarylogo
{
	float: right;
	text-align:right;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	width: 207px;
}

.footerbg
{
	background-color: #DFDFDF;
	border-top: #999999 solid 5px; 	
}

#logoseal
{
	float: right;
	text-align:right;
	padding: 7px 20px 2px 0px;
	margin: 0px;
	width: 103px;
}

#footprivacy
{
	float: left;
	width: 220px;	
	padding: 7px 0px 0px 20px;
	margin: 0px;
}

#foottc
{
	float: left;
	width: 350px;	
	padding: 7px 0px 0px 0px;
	margin: 0px;
}

/*****************************************************************************/
/* Top Bar */
/*****************************************************************************/
#topbar
{
	background: url(../images/barbg.gif) top repeat-x #6B87BE;
	width: 100%;
	height: 30px;
}

#welcome
{
	float: left;
	width: 220px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	color: #FFFFFF;
}
#welcome a
{
	color: #FFFFFF;
}

#reboot
{
    float: right;
    color: #FFFFFF;
 /* position: relative;
    top: 35px;
    left: 300px; */
}

#reboot:hover
{
    text-decoration: underline;
    cursor: pointer;
}

/* Content bg */
.contentbg
{
	background-color: #F8F8F8;
}

/*****************************************************************************/
/* IE Flicker fix */
/*****************************************************************************/

/*****************************************************************************/
/* Content Area */
/*****************************************************************************/

/* Panel Header Tools */
.x-tool-change-link{
        background:transparent;
}

.x-tool-change-link-over{
        text-decoration: underline;        
}

/* for gray out of buttons & links */
.x-tool-change-link-disable{
        color:   #969696;            
        background:transparent;
        cursor:default;
}

.x-tool-save-link{
        background:transparent;
}

.x-tool-save-link-over{
        text-decoration: underline;        
}

.x-tool-cancel-link{
        background:transparent;
}

.x-tool-cancel-link-over{
        text-decoration: underline;        
}

.x-tool-add-link{
        background:transparent;
}

.x-tool-add-link-over{
        text-decoration: underline;        
}

.x-tool-delete-link{
        background:transparent;
}

.x-tool-delete-link-over{
        text-decoration: underline;        
}

.x-tool-clear-link{
        background:transparent;
}

.x-tool-clear-link-over{
        text-decoration: underline;        
}
.x-tool-link-disable{
        color:   #969696;           
        background:transparent;
        cursor:default;
}

/* Expander Panel */
 .expander-panel .x-panel-header 
{
    background:#FFFFFF
}

/* Transparent Panel */
.transparent-panel .x-panel-header 
{
    background: #FFFFFF;
    border: none;  
}


/* Form Panel */
.form-panel .x-form-item {
    	border: 1px solid #ededed;
        padding-left: 5px;
        background:#FFFFFF;
        margin-bottom: 0px;
}


/* Static Form Field */
.display-mode .x-form-text,.display-mode textarea.x-form-field{
    	background: transparent;
    	border: none;
    	color: inherit;
	width:100%;
	    -moz-opacity: 1;
	    opacity: 1;
	    filter: alpha(opacity=100);
}

.display-mode .x-form-trigger{
    	background: transparent;
    	border: none;
    	color: inherit;
}

.static-text-field{
    	background: transparent;
    	border: none;
    	color: inherit;
	    -moz-opacity: 1;
	    opacity: 1;
	    filter: alpha(opacity=100);
}

.static-combo .x-form-trigger{
    	background: none;
    	border: none;
    	color: inherit;
	    -moz-opacity: 1;
	    opacity: 1;
	    filter: alpha(opacity=100);
}
/* remove the red triangle dispalyed on it */
.x-grid3-dirty-cell {
    background-image:none;
}
/* Error Panel */
.status-success  .x-panel-header{
        background: #FFFFFF;
    	border: 1px solid #00FF00;
}

.status-error  .x-panel-header{
        background: #FFFFFF;
        border: 1px solid #FF0000;
}

.status-warning  .x-panel-header{
        background: #FFFFFF;
    	border: 1px solid #FFE100;
}

.status-info  .x-panel-header{
        background: #FFFFFF;
        border: 1px solid #0000FF;
}

.no-display{
        display:none;
}

.background-white{
        background-color:#FFFFFF;
}

/* Styles for the ports in the BoB view */

.portcell {
    vertical-align: middle;
    text-align:center;
}
.portcellgray {
    vertical-align: middle;
    text-align:center;
    background-color:#eeeeee;
}