/* Style for the Body tag in each page except the popup dialogs */
    body {
        margin: 0em;
        padding: 0em;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 70%;
        height:100%;
        background: #CED7E7 url(../operations/body-bg.gif) repeat-y left top;
    }
    
/* Styles for the section heading. For example in generateLicenses page License Model Attributes heading and the line next to that*/
.HeaderDivide{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-right: 2px;
}
.HeaderDivideLine {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	background-image:   url("../operations/space.BDC7D6.gif");
	background-repeat: repeat-x;
	background-position: center;
}

/* Styles for any link in the data tables rows. For example in Manage Entitlements landing page, the link for the Activation Id column in each row of the table */
.editlink {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
.editlink a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
.editlink a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
.editlink a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
    
/* Styles for the side Login With menu section (The menu With User Id, With Entitlement Id, With Activation Id and New User? menu items)in all the login pages. */
    #portalmenuSection {
        clear: both;
        width: 16em;
        background: transparent url(../operations/menu-section-border.gif) repeat-y left top;
        margin-bottom: 16px;
        font-size: 70%;
        text-align: left;
    }
    #portalmenuBottom {
        background: transparent url(../operations/menu-section-bottom.gif) no-repeat left bottom;
        font-size: 23px;
    }
    #portalmenuSection h1 {
        margin: 0em;
        padding: .5em .5em .5em 20px;
        background: transparent url(../operations/menu-section-top.gif) no-repeat left top;
        font-size: 100%;
        font-weight: bold;
        color: black;
    }
    #portalmenuSection ul, #portalmenuSection dl {
        margin: 0em;
        padding: 0em 0em 0em 5px;
        color: black;
    }
    #portalmenuSection ul a, #portalmenuSection dl a {
        color: black;
    }
    #portalmenuSection ul {
    }
    #portalmenuSection ul.links {
        list-style: none;
    }
    #portalmenuSection ul.helpLinks {
        list-style: none url(../operations/i_nav_left_arrow_mbl_5.gif) outside;
    }
    #portalmenuSection ul.links li {
        clear: both;
        margin: 0em;
        padding: .2em .5em .2em 25px;
        background: white url(../operations/menu-item-bg.gif) repeat-x left bottom;
    }
    #portalmenuSection ul.links li img {
        float: left;
        border-width: 0px;
        margin: -2px 0em 0em -15px;
    }
    #portalmenuSection ul.links li a {
        display: block;
        margin: 0em;
    }
	.LoginContentTable {
		border-top: 0px none #A7AFBD;
		border-right: 3px solid #A7AFBD;
		border-bottom: 3px solid #A7AFBD;
		border-left: 3px solid #A7AFBD;
	}

/* Style for the banner which has the logo, Logged in User info and the help, Logout links. Used in portalLayout.jsp */
    #portalbanner {
        position: relative;
        width: 100%;
        min-height: 61px;
        background: url(newbanner-gradient.gif) repeat-x left bottom;
        border: 1px solid white;
        border-width: 0px 0px 1px 0px;
    }
    
/* Style for the logo image. Used in portalLayout.jsp  */
    #portallogo {
        float: left;
        padding: 0px 0em 0em 0px;
    }
    
/* Style for the logo image. Used in portalLayout.jsp  */
    #portalutilityMenu {
        color: white;
        text-align: right;
        margin: 0em 0em 3px 0em;
        padding: 14px 6px 0em 0em;
        vertical-align: top;
        white-space: nowrap;
    }
    
/* Styles for Profile, Help and Logout labels in the header. Used in portalLayout.jsp  */
    .portalutilityText {
        position: relative;
        top: 0px;
        padding: 0em .5em 0em .2em;
    }
    #portalutilityMenu a {
        color: black;
        text-decoration: none;
    }
    #portalutilityMenu a:hover {
        text-decoration: underline;
    }
/* Styles for Logged In information in the header. Used in portalLayout.jsp  */
    #portalloggedInAs {
        position: absolute;
        left: 190px;
        top: 35px;
        color: rgb(0%,0%,0%);
    }
    #portalloggedInAs .userName {
        font-weight: bold;
    }
    
/* Styles for menu bar(Start Page, Manage Entitlements and Manage Licenses buttons) section. Used in portalLayout.jsp  */
    #menuBar {
    }
    #menuBar ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        padding: 6px 0px 7px 12px;
        background: white url(../operations/menu-bar-bg.gif) repeat-x left bottom;
        height: 31px;
    }
    #menuBar li {
        display: block;
        float: left;
    }
    #menuBar li a {
        display: block;
        height: 27px;
        padding: 2px 0em 2px 40px;
        width: 65px;
        color: #505050;
        font-size: 8pt;
    }
    #menuBar li#startPageButton a {
        background: transparent url(../operations/start-page-button.gif) no-repeat left top;
    }
    #menuBar li#startPageButton.selected a {
        background: transparent url(../operations/start-page-button.gif) no-repeat 0px -62px;
    }
    #menuBar li#startPageButton a:hover {
        background: transparent url(../operations/start-page-button.gif) no-repeat 0px -31px;
    }
    #menuBar li#activateDeliverButton a {
        background: transparent url(../operations/activate-deliver-button.gif) no-repeat left top;
    }
    #menuBar li#activateDeliverButton.selected a {
        background: transparent url(../operations/activate-deliver-button.gif) no-repeat 0px -62px;
    }
    #menuBar li#activateDeliverButton a:hover {
        background: transparent url(../operations/activate-deliver-button.gif) no-repeat 0px -31px;
    }
    #menuBar li#supportLicensesButton a {
        background: transparent url(../operations/support-licenses-button.gif) no-repeat left top;
    }
    #menuBar li#supportLicensesButton.selected a {
        background: transparent url(../operations/support-licenses-button.gif) no-repeat 0px -62px;
    }
    #menuBar li#supportLicensesButton a:hover {
        background: transparent url(../operations/support-licenses-button.gif) no-repeat 0px -31px;
    }
     #menuBar li#administerButton a {
        background: transparent url(../operations/administer-button.gif) no-repeat left top;
    }
    #menuBar li#administerButton.selected a {
        background: transparent url(../operations/administer-button.gif) no-repeat 0px -62px;
    }
    #menuBar li#administerButton a:hover {
        background: transparent url(../operations/administer-button.gif) no-repeat 0px -31px;
    }  
     #menuBar li#devicesButton a {
        background: transparent url(../operations/devices-button.gif) no-repeat left top;
    }
    #menuBar li#devicesButton.selected a {
        background: transparent url(../operations/devices-button.gif) no-repeat 0px -62px;
    }
    #menuBar li#devicesButton a:hover {
        background: transparent url(../operations/devices-button.gif) no-repeat 0px -31px;
    }    
      #menuBar li#manageHostsButton a {
        background: transparent url(../operations/manageHosts-button.gif) no-repeat left top;
    }
    #menuBar li#manageHostsButton.selected a {
        background: transparent url(../operations/manageHosts-button.gif) no-repeat 0px -62px;
    }
    #menuBar li#manageHostsButton a:hover {
        background: transparent url(../operations/manageHosts-button.gif) no-repeat 0px -31px;
    }
    
/* Styles for footer (Copy right message) section. Used in portalLayout.jsp  */
    #footer {
        clear: both;
        text-align: right;
        color: black;
        background: transparent;
    }
    #footerContent {
        background: #CED7E7 url(../operations/body-bg.gif) repeat-y left top;
    }
    #footerRight {
        margin: 0em 0em 0em 18em;
        padding: .4em 1em .6em 1em;
        text-align: right;
        white-space: nowrap;
        background: #A7AFBD;
    }
    
/* Style for body content which includes both the left hand navigation area and the right hand content area. Used in portalLayout.jsp  */
    #body {
        background: transparent url(../operations/content-left-bg.gif) repeat-y 18em 0em;
    }

/* Styles for the Menu area. The left hand Navigation menus in each page. Used in portalLayout.jsp  */
    #menu {
        clear: both;
        float: left;
        width: 18em;
        background: #CED7E7 url(../operations/body-bg.gif) repeat-y left top;
    }
    #menuContent {
        padding: 58px 0px 0px 29px;
        background: transparent url(../operations/menu-bg.gif) no-repeat left top;
    }
    #menu .menuSection {
        clear: both;
        background: transparent url(../operations/menu-section-border.gif) repeat-y left top;
        margin-bottom: 16px;
    }
    #menu .menuBottom {
        background: transparent url(../operations/menu-section-bottom.gif) no-repeat left bottom;
        font-size: 23px;
    }
    #menu h1 {
        margin: 0em;
        padding: .5em .5em .5em 20px;
        background: transparent url(../operations/menu-section-top.gif) no-repeat left top;
        font-size: 100%;
        font-weight: bold;
        color: black;
    }
    #menu ul, #menu dl {
        margin: 0em;
        padding: 0em 0em 0em 5px;
        color: black;
    }
    #menu ul a, #menu dl a {
        color: black;
    }
    #menu ul {
    }
    #menu ul.links {
        list-style: none;
    }
    #menu ul.helpLinks {
        list-style: none url(../operations/i_nav_left_arrow_mbl_5.gif) outside;
    }
    #menu ul.links li {
        clear: both;
        margin: 0em;
        padding: .2em .5em .2em 25px;
        background: white url(../operations/menu-item-bg.gif) repeat-x left bottom;
    }
    #menu ul.links li img {
        float: left;
        border-width: 0px;
        margin: -2px 0em 0em -15px;
    }
    #menu ul.links li a {
        display: block;
        margin: 0em;
    }
    #menu dl {
        margin: .5em .5em 1em 1.5em;
    }
    #menu dt {
        margin: 0em;
        padding: 0em;
    }
    #menu dd {
        margin: 0em;
        padding: 0em 0em .2em 0em;
    }
	#menu dl.menu {
	    margin-top: 1em;
	}
	#menu dl.menu dt {
	    float: left;
	    clear: both;
	    width: 40px;
	    position: relative;
	    top: -5px;
	}
	#menu dl.menu dd {
	    margin-left: 40px;
	}
	#menu dl.menu dt.selected, #menu dl.menu dd.selected {
	    background: white;
	}
	#menu dl.menu dd.selected {
	    margin-right: -.5em;
	    padding-top: .5em;
	    padding-bottom: .5em;
	    font-weight: bold;
	}
	#menu dl.menu dd.selected a {
		color: black;
    }

/* Styles for body content in each page (For example in the landing pages the Search and the Results area is the content section. In all the pages the right hand side is the actual content section). Used in portalLayout.jsp  */
    #wrapper {
        float: right;
        position: relative;
        margin: 0em -18em 0em 0em;
        width: 100%;
        height:100%;
        background: white url(../operations/content-top-bg.gif) repeat-x left top;
    }
    #wrapnoleftnav {
        float: right;
        position: relative;
        margin: 0em 0em 0em 0em;
        width: 100%;
        height:100%;
        background: white url(../operations/content-top-bg.gif) repeat-x left top;
    }    
    #content {
        position: relative;
        margin: 0em 18em 0em 0em;
        padding: 0px;
        background: white url(../operations/content-left-bg.gif) repeat-y left top;
    }
    #contentnoleftnav {
        position: relative;
        margin: 0em 0em 0em 0em;
        padding: 0px;
        background: white url(../operations/content-left-bg.gif) repeat-y left top;
    }
    #content h1 {
        margin: 6px 0px 0px 0px;
        padding: 7px 0em 6px 32px;
        font-size: 24pt;
        font-weight: normal;
        color: #EEF0F3;
        background: transparent url(../operations/page-title-bg.gif) no-repeat left top;
    }
    #contentnoleftnav h1 {
        margin: 6px 0px 0px 0px;
        padding: 7px 0em 6px 32px;
        font-size: 24pt;
        font-weight: normal;
        color: #EEF0F3;
        background: transparent url(../operations/page-title-bg.gif) no-repeat left top;
    }

    #contentBody {
        padding: 32px 1em 1em 32px;
    }
    .clear {
        clear: both;
        height: 1px;
        font-size: 1px;
    }
    
/* Styles for the table which display the Start Page content (For example the big links for Manage Entitlements and Manage Licenses in the start page content area). Used in portalStartPage.jsp  */
    table#startMenu {
        table-layout: fixed;
        width: 100%;
        margin-top: 2em;
    }
    #startMenu td {
        padding-top: 1em;
        padding-left: 10px;
    }
    #startMenu a {
        color: black;
    }
    #startMenu a:hover {
        color: #5975BF;
    }
    #startMenu div span {
        font-size: 120%;
        font-weight: bold;
    }
    #startMenu img.icon {
        float: left;
        margin-right: 5px;
    }
    #startMenu ul {
        margin: 0em 0em 0em 60px;
        padding: 0em;
        list-style: disk outside;
    }
    #startMenu ul li {
        margin: 0px;
        padding: 0px;
    }
    
/* Styles for the wrapper table for the content in all the pages. Used in portalLayout.jsp  */
table.contentBox {
	height: 100%;
}

table.contentBox td.margin {
    width: 20px;
}

table.contentBox td.submenuMargin2 {
    width: 5px;
	background-color: #A5BACE;
}

table.contentBox td.submenu {
	background-color: #A5BACE;
}

/* Styles for the Big Buttons. For example in generate Licenses page the bottom right hand corner big buttons Verify, Generate.*/
.BigButtonsFillL {
	background-image: url(../operations/butt1L.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px;
}
.BigButtonsFillR {
	background-image: url(../operations/butt1R.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 3px;
}
.BigButtonsFillCntr {
	background-image: url(../operations/butt1bk.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding: 5px;
}
.bigButLabel { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 ; text-decoration: none; font-weight: bold ; padding: .5em .5em .5em .5em;}

/* Styles for info and error message that are displayed in all pages in case of any error or Sucess of any operation. Used in portalLayout.jsp*/
.infoMessages {
	font-size: 120%;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #6183B7;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

ul.messages {
	margin: 1em 0px 0px 0px;
	padding: 0;
	list-style: none;
}
ul.messages li {
	font-size: 120%;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #6183B7;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
ul.messages li.error {
	color: #FF1410;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-position: center center;
}

/* Styles popup dialogs. Used in all popup dialogs.*/
    #popupcontent {
        position: relative;
        padding: 0px;
        width: 100%;
        background: white url(../operations/content-left-bg.gif) repeat-y left top;
    }
    #popupcontent h1 {
        padding: 7px 0em 6px 32px;
        font-size: 24pt;
        font-weight: normal;
        color: #EEF0F3;
        background: transparent url(../operations/page-title-bg1.gif) no-repeat left top;
    }
    #popupfooter {
        padding: .4em 1em .6em 1em;
        text-align: right;
        white-space: nowrap;
        background: #A7AFBD;
    }
    
/* Styles used in Change password page, Forgot password page and profile page.*/
table.inputLines td.hSpace {
	width: 30px;
}

table.inputLines td.vSpace {
	height: 15;
}
    
.leftButtons, .leftButtons .xbutton, .leftButtons .narrowButton {
    float: left;
}
.rightButtons, .rightButtons .narrowButton {
    float: right;
}
.rightButtons .xbutton {
    float: left;
}
    
.hidden {
	display: none;
}
.notHidden {
}
.requiredSymbol {
     font-size: 140%;
     padding-left: 4px;
     color: red;
}
    
.buttonBar
{
	font-size: 70%;
	text-align: left;
}
form { 
 	display:inline; 
}
    
/* Style for the text message for the getting started guide in portalStartPage.jsp*/    
.text { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }

/* Style for the heading in some pages. For example in generateLicenses page the heading Generate Licenses for Line Item */    
.heading1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.heading2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #A7AFBD}

/* Style for all input fields in all pages */    
.form { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }

/* Styles for the help text links for the input fields in most of the pages. */    
.helplink {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: none;
}
.helplink a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: none;
}
.helplink a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: none;
}
.helplink a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: underline;
}

/* Styles for the getting startedGuide link in portalLayout.jsp. */    
.bluelink {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: none;
}
.bluelink a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: none;
}
.bluelink a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: none;
}
.bluelink a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2162C8;
	text-decoration: underline;
}

/* Style for the area where we put button in the Results table. For example in Manage Entitlement Landing page the blue bar behind the Activate And Print buttons. */    
.tableTop {  background-image: url(../operations/bkgrd1.gif)}

/* Styles for the Results table. For example in all the landing pages. */    
.tdBlue {  background-color: #6183B7 }
.titleWhiteReg { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF }
.titleWhiteReg a:link{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
.titleWhiteReg a:hover{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
.titleWhiteReg a:visited{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
.tdWhite { background-color: #FFFFFF; height: 22px}
.TRTableBorder {
	border-top: 1px solid #6183B7;
	border-right: 1px solid #6183B7;
	border-left: 1px solid #6183B7;
}
.TRTableBorderBottom {
	background-image: url(../operations/space.blu.6183B7.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.TableBorderBottom {
	border-top: 0px none;
	border-right: 0px solid;
	border-bottom: 0px solid #6183B7;
	border-left: 0px solid;
	background-image: url(../operations/space.blu.6183B7.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.TDLeftOnlyWhiteBorder {
	border-top: 1px none #e7ebf7;
	border-right: 1px none #e7ebf7;
	border-bottom: 1px none #e7ebf7;
	border-left: 1px solid #e7ebf7;
}
.TDShaded {
	background-color: #e7ebf7;
	background-image: url(../operations/space.blu.6183B7.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Styles for the labels for all the input fields in all the pages. */    
.formLabel {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: right;
} 
.formLabelMedium{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
} 

.formLabelLarge {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

}

/* Styles for small buttons in the table button bar in all the landing page Results tables. For example in Manage Entitlement Landing page Activate And Print buttons.*/    
.butLabelWedge { text-decoration: none; background-image: url(../operations/button_bkgrd1.gif); height: 16px ; width: 5px}
.button_bkgrd1 {  background-image: url(../operations/button_bkgrd1.gif); height: 16px}
.butLabelLeft { text-decoration: none; background-image: url(../operations/button_left.gif); height: 16px ; width: 2px}
.butLabelRight { text-decoration: none; background-image: url(../operations/button_right.gif); height: 16px ; width: 2px }
.butLabel { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 ; text-decoration: none; font-weight: normal}
.butLabelSelected { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 ; text-decoration: none; font-weight: bold}

/* Styles for small buttons which look like big buttons. Most ly these*/    
.button_bkgrd1NEW {  background-image:  url(../operations/button_bkgrd1.New.gif); height: 16px}
.butLabelLeftNEW { text-decoration: none; background-image:  url(../operations/button_left.New.gif); height: 16px ; width: 5px}
.butLabelRightNEW { text-decoration: none; background-image:  url(../operations/button_right.New.gif); height: 16px ; width: 5px }
.butLabelWedgeNEW { text-decoration: none; background-image:  url(../operations/button_bkgrd1.New.gif); height: 16px ; width: 5px}
.butLabelNEW { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 ; text-decoration: none; font-weight: normal}

/* Styles used in all print dialogs.*/    
.printContent {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
}
.PrintLabel {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-right: 10px;
}
.PrintColumnLabel {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-left: 10px;
}

/* Styles used for the table right hand side table where we list all the mapped Activation Ids in redeem entitlements page*/    
.TableWithShadedBackground {
	background: #EFF0F4;
}
.GroupBox {
	border-top: 1px solid #BDC7D6;
	border-right: 1px solid #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 1px solid #BDC7D6;
}
.verysmallDim { font-family: Tahoma, Georgia, "Times New Roman", Times, serif; font-size: 9px ; color: #808080 }
.navButtonLable { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; 
}
.GroupBoxBottom {
	border-top: 0px none #BDC7D6;
	border-right: 0px none #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 0px none #BDC7D6;
}

.GroupBoxLeftTab {
	background-image: url(../operations/groupboxtableft.gif);
	background-repeat: no-repeat;
	border: 0px none #BDC7D6;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	height: 27px;
	background-position: left center;
}
.GroupBoxTopBottom {
	border-top: 1px solid #BDC7D6;
	border-right: 0px none #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 0px none #BDC7D6;
}
.GroupBoxRightTab {
	border-top: 1px solid #BDC7D6;
	border-right: 1px solid #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 1px none #BDC7D6;
}
.GroupBoxLeftNoTab {
	border-top: 1px solid #BDC7D6;
	border-right: 0px none #BDC7D6;
	border-bottom: 0px solid #BDC7D6;
	border-left: 0px none #BDC7D6;
}
.GroupBoxBotLeft {
	border-top: 1px none #BDC7D6;
	border-right: 1px none #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 1px solid #BDC7D6;
}
.GroupBoxTopOnly {
	border-top: 1px solid #BDC7D6;
	border-right: 1px none #BDC7D6;
	border-bottom: 1px none #BDC7D6;
	border-left: 1px none #BDC7D6;
}
.GroupBoxLftBtm {
	border-top: 1px none #BDC7D6;
	border-right: 1px solid #BDC7D6;
	border-bottom: 1px none #BDC7D6;
	border-left: 1px none #BDC7D6;
}
.GroupBoxRgtOnly {
	border-top: 1px none #BDC7D6;
	border-right: 1px solid #BDC7D6;
	border-bottom: 1px none #BDC7D6;
	border-left: 1px none #BDC7D6;
}
.GroupBoxTopRight {
	border-top: 0px solid #BDC7D6;
	border-right: 0px solid #BDC7D6;
	border-bottom: 0px none #BDC7D6;
	border-left: 0px none #BDC7D6;
	background-color: white;
	background-image: url(../operations/groupboxborder.gif);
	background-repeat: repeat-x;
	height: 27px;
	background-position: top;
}
.GroupBoxBotRight {
	border-top: 1px none #BDC7D6;
	border-right: 1px solid #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 1px none #BDC7D6;
}
.GroupBoxBotLeft {
	border-top: 1px none #BDC7D6;
	border-right: 1px none #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 1px solid #BDC7D6;
}
.GroupBoxLeftTabALT {
	background-image: url(../operations/groupboxtableftalt.gif);
	background-repeat: no-repeat;
	border: 0px none #BDC7D6;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	background-position: left top;
	height: 27px;
}

.GroupBoxTopRightALT {
	border-top: 0px none #BDC7D6;
	border-right: 0px none #BDC7D6;
	border-bottom: 0px none #BDC7D6;
	border-left: 0px none #BDC7D6;
	background-color: #E6E9F6;
	background-image: url(../operations/groupboxborderalt.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 27px;
}
.GroupBoxBottomALT {
	border-top: 0px none #BDC7D6;
	border-right: 0px none #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 0px none #BDC7D6;
	background-color: #E6E9F6;
}
.GroupBoxBotLeftALT {
	border-top: 1px none #BDC7D6;
	border-right: 1px none #BDC7D6;
	border-bottom: 1px solid #BDC7D6;
	border-left: 1px solid #BDC7D6;
	background-color: #E6E9F6;
}
.colHead {
    width: auto;
    font-size: 130%;
    padding-top: 1em;
    padding-bottom: .3em;
}

.showPointer {
      cursor: pointer;
      cursor: hand;
}
.prod-info {
	font-size: 11px;
	color: #A7AFBD;
}
.bluelink3underline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2162C8;
	text-decoration: underline;
}
.bluelink3underline a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2162C8;
	text-decoration: underline;
}
.bluelink3underline a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2162C8;
	text-decoration: underline;
}
.bluelink3underline a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2162C8;
	text-decoration: underline;
}
/* 
	INLINE HELP 
	------------------------------ */
	.ih_wrapper {
		position: relative;
		display: inline;
	}
	.input-help {
		position: absolute;
		top: -16px;
		left: -3px;
		border: solid 1px #CCCC00;
		z-index: 10;
		min-width: 300px;
		padding: 5px 3px 5px 5px;
		background: #FFFF99;
		color: #444;
		background-position: 3px 3px;
		font-family: arial,geneva,helvetica,sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.has-help {
		cursor: pointer;
	}


.textred {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
}
.editlinkred {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	text-decoration: underline;
}
.editlinkred a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	text-decoration: underline;
}
.editlinkred a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	text-decoration: underline;
}
.editlinkred a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	text-decoration: underline;
}
#busy_indicator {
	background: #A7AFBD repeat-y scroll left top;
	border-style: solid;
    border-width: 0.2em;
    color: black;
    display: none;
    font-size: 1em;
    font-weight: bold;
    height: 150px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 1000;
}

.fneBinary {
    margin: 0px;
    padding-left: 3px;
    border: 2px inset #e8e5de; 
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    background-color: #e8e5de; 
    overflow: auto; 
    width: 100%; 
    height: 13em;
}