/*-----------------------------------------------------------------------------------------------------
	general definitions
-----------------------------------------------------------------------------------------------------*/

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;
}
A {
	font-size: 11px;
	text-decoration: none;
	color: #0000cc;
}
A:visited {
	color: #0000cc;
}
INPUT {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
.input_checkbox, .input_radio, .width_auto {
	width: auto;
}
.input_doublewidth, .input_file {
	width: 280px;
}
.nowidth_textarea {
	font-style: normal;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
}
SELECT {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}
.body_topnav {
	background-color: #0076cc;
	margin-top: 1px;
}
.body_main {
	background-image: url(images/sidebar.gif);
	background-repeat: repeat-y;
}
.button {
	background-color: #ffffff;
	border: #0076cc 1px outset;
	text-transform: capitalize;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #0076cc;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
}
#confMsg {
	padding-bottom: 16px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #0076cc;
}
#hiddenform {
	width: 1px;
	height: 1px;
	display: none;
	visibility: hidden;
}


/*-----------------------------------------------------------------------------------------------------
	iframe
-----------------------------------------------------------------------------------------------------*/

#topnav {
	width: 100%;
	height: 40px;
}
#container {
	width: 100%;
}


/*-----------------------------------------------------------------------------------------------------
	topnav
-----------------------------------------------------------------------------------------------------*/


#raritan_logo {
	position: absolute;
	left: 0px;
}

#topbar_container {
	background-color: #0076cc;
	margin-left: 176px;
	height: 40px;
}

#applet_container {
	margin-right: 0;
	position: absolute;
	right: 0px;
	width: 80px;
	height: 40px;
}

#nav_tabs_container {
	margin-right: 80px;
	height: 40px;
	position: relative;
	overflow: hidden;
}

#nav_tabs {
	position: absolute;
	bottom: 0px;
	min-width: 99%;
}

.nav_tab {
	float: left;
}

.nav_tab_first {
	background-image: url(images/top_tab_first.gif);
	width: 2px;
	height: 20px;
}
.nav_tab_start {
	background-image: url(images/top_tab_start_i.gif);
	width: 5px;
	height: 20px;
}
.nav_tab_middle {
	background-image: url(images/top_tab_middle_i.gif);
	height: 20px;
}
.nav_tab_end {
	background-image: url(images/top_tab_end_i.gif);
	width: 5px;
	height: 20px;
}
.nav_tab_start_ul {
	background-image: url(images/top_tab_start.gif);
	width: 5px;
	height: 20px;
}
.nav_tab_middle_ul {
	background-image: url(images/top_tab_middle.gif);
	height: 20px;
}
.nav_tab_end_ul {
	background-image: url(images/top_tab_end.gif);
	width: 5px;
	height: 20px;
}
.nav_tab_link, .nav_tab_link A, .nav_tab_link A:visited, .nav_tab_link_ul, .nav_tab_link_ul A, .nav_tab_link_ul A:visited {
	position: relative;
	top: 1px;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	cursor: default;
}
.nav_tab_bottom {
	background-color: #0076cc;
	height: 1px;
}

#hiddensxapplets {
	font-size: 1px;
	height: 1px;
	position: absolute;
	left: 0px;
}
.sxapplet {
	width: 1px;
	height: 1px;
	float: left;
}


/*-----------------------------------------------------------------------------------------------------
	submenu
-----------------------------------------------------------------------------------------------------*/

.submenu {
	position: absolute;
	top: 0px;
	display: none;
}
.submenu_item, .submenu_item_sel {
	padding: 0px;
	border-color: #0076cc;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.submenu_content {
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

.submenufr {
	position: absolute;
	top: 0px;
	display: none;
        z-index: 99;
}

.submenu_body {
	background-color: transparent;
}

.submenu_item A, .submenu_item_sel A {
	color: #0076cc;
}

.submenu_item {
	background-color: #ffffff;
}

.submenu_item_sel {
	background-color: #ebf4fb;
}


/*-----------------------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------------------*/

#secondheader {
	background-color: #ffffff;
	height: 40px;
}

#device_logo {
	background-color: #0076cc;
	position: absolute;
	left: 0px;
	height: 40px;
}

#second_logo {
	margin-left: 178px;
	background-image: url(images/top_logo.gif);
	background-repeat: no-repeat;
	height: 40px;
}

#breadcrumbs_navigation {
	font-size: 10px;
	color: #000000;
	margin-top: 24px;
	padding-left: 6px;
	float: left;
}

#breadcrumbs_navigation A {
	font-size: 10px;
}

#breadcrumbs_printable A {
	font-size: 10px;
	white-space: nowrap;
	margin-top: 24px;
	margin-right: 2px;
	position: absolute;
	right: 120px;
	overflow: hidden;
	float: right;
}

#breadcrumbs_logout A {
	font-size: 10px;
	white-space: nowrap;
	margin-top: 24px;
	margin-right: 6px;
	overflow: hidden;
	float: right;
}



/*-----------------------------------------------------------------------------------------------------
	left sidebar
-----------------------------------------------------------------------------------------------------*/

.sidebar {
	background-color: #f7f8fe;
	vertical-align: top;
	width: 178px;
}
.sidebar TABLE {
	width: 178px;
}
.sidebar_row_spacer {
	height: 10px;
}
.sidebar_row_content {
	width: 170px;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	white-space: wrap;
        overflow: hidden;
}
.sidebar_row_content_header {
	font-weight: bold;
}
.sidebar_row_divider_left {
	background-image: url(images/lnav_horz_div_l.gif);
	width: 18px;
	height: 27px;
}
.sidebar_row_divider_middle {
	background-image: url(images/lnav_horz_div_m.gif);
	width: 142px;
	height: 27px;
}
.sidebar_row_divider_right {
	background-image: url(images/lnav_horz_div_r.gif);
	width: 18px;
	height: 27px;
}
.sidebar_session_enc {
	font-size: 11px;
	color: green;
}
.sidebar_session_notenc {
	font-size: 11px;
	color: red;
}
.sidebar_portlinks {
	font-size: 11px;
	margin-top: 1px;
	margin-right: 5px;
	width: 79px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar_spacer_printable {
	width: 20px;
}

.sidebar_table_replace {
	width: 170px;
}

.sidebar_table_replace_left {
        float:left;
        margin-left: 0px;
	width: 115px;
}

.sidebar_table_replace_right {
        float:left;
	width: 55px;
        margin-right: 0px;
}

.sidebar_spacer_printable {
	width: 20px;
}

.dividerbar {
	background-color: #0076cc;
	width: 1px;
}
.dividerbar_topcorner {
	background-image: url(images/lnav_vert_crown.gif);
	vertical-align: top;
	width: 23px;
	height: 25px;
}


/*-----------------------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------------------*/

.footer_printable {
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.footer_normal {
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 198px;
}


/*-----------------------------------------------------------------------------------------------------
	body
-----------------------------------------------------------------------------------------------------*/

.bodycell {
	vertical-align: top;
	width: 99%;
}


/*-----------------------------------------------------------------------------------------------------
	different pages
-----------------------------------------------------------------------------------------------------*/

.login_page {
	width: 30%;
	position: absolute;
	top: 25%;
	left: 35%;
}

.portal_page {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.index_page {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.index_page A {
	line-height: 23px;
}
.index_page_menu {
	width: 350px;
	padding-right: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}
.index_page_menu H1 {
	width: 100%;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #0076cc;
	color: #ffffff;
}
.index_page_help {
	padding-right: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	font-size: 11px;
	color: #000000;
}

.general_page {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	clear: both;
}
.general_page H1 {
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #0076cc;
}

.settings_page {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.settings_page A {
	line-height: 23px;
}
.settings_page H1 {
	width: 100%;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #0076cc;
	color: #ffffff;
}
.settings_page_menu {
	width: 50%;
	padding-right: 20px;
	padding-bottom: 20px;
}
.settings_page_help {
	width: 50%;
	padding-right: 20px;
	padding-bottom: 20px;
        text-align:left;
	vertical-align: top;
	font-size: 11px;
	color: #000000;
}
.settings {
	width: 344px;
}
.settings_fieldname, .elem_l, .settings_fieldname_innertable {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	white-space: nowrap;
}
.settings_fieldname_cs {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	white-space: nowrap;
}
.settings_field, .elem_r .settings_field_innertable {
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}
.settings_field_textarea {
	font-style: normal;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
}
.settings_portaccess {
	margin-top: 1px;
	margin-right: 5px;
	width: 116px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}
.settings_spacer {
	height: 20px;
}

.settings_padder {
        padding-left: 24px;
}

/*-----------------------------------------------------------------------------------------------------
	widget box
-----------------------------------------------------------------------------------------------------*/
.wdgt {
	font-style: normal;
}
.wdgt_hdr_left {
	background-image: url(images/wdgt_hdr_l.gif);
	width: 16px;
	height: 20px;
}
.wdgt_hdr_right {
	background-image: url(images/wdgt_hdr_r.gif);
	width: 16px;
	height: 20px;
}
.wdgt_vert_left {
	background-image: url(images/wdgt_vert_l.gif);
	width: 16px;
}
.wdgt_vert_right {
	background-image: url(images/wdgt_vert_r.gif);
	width: 16px;
}
.wdgt_dvdr_left {
	background-image: url(images/wdgt_horz_div_l.gif);
	width: 16px;
	height: 30px;
}
.wdgt_dvdr_middle {
	background-image: url(images/wdgt_horz_div_m.gif);
	height: 30px;
}
.wdgt_dvdr_right {
	background-image: url(images/wdgt_horz_div_r.gif);
	width: 16px;
	height: 30px;
}
.wdgt_ftr_left {
	background-image: url(images/wdgt_ftr_l.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.wdgt_ftr_middle {
	background-image: url(images/wdgt_ftr_m.gif);
	height: 16px;
}
.wdgt_ftr_right {
	background-image: url(images/wdgt_ftr_r.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.wdgt_header {
	background-color: #0076cc;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	margin: 0px;
}
.wdgt_spacer {
	height: 10px;
}
.wdgt_content {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.wdgt_fields {
	width: 100%;
}
.wdgt_fields_login {
	width: 300px;
}
.wdgt_fieldname {
	color: #0076cc;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.wdgt_field {
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*-----------------------------------------------------------------------------------------------------
	data table
-----------------------------------------------------------------------------------------------------*/
.dtbl {
	width: 100%;
}
.dtbl_hdr_left {
	background-image: url(images/wdgt_hdr_l.gif);
	width: 16px;
	height: 20px;
}
.dtbl_hdr_right {
	background-image: url(images/wdgt_hdr_r.gif);
	width: 16px;
	height: 20px;
}
/*.dtbl_sbhdr_left {
	background-image: url(images/wdgt_horz_crv_subhdr_l.gif);
	width: 16px;
	height: 1px;
}
.dtbl_sbhdr_right {
	background-image: url(images/wdgt_horz_crv_subhdr_r.gif);
	width: 16px;
	height: 1px;
}*/
.dtbl_vert_left {
	background-image: url(images/wdgt_vert_l.gif);
	width: 16px;
}
.dtbl_vert_right {
	background-image: url(images/wdgt_vert_r.gif);
	width: 16px;
}
.dtbl_dvdr_gry_left {
	background-color: #0076cc;
	width: 16px;
	height: 1px;
}
.dtbl_dvdr_gry_middle {
	background-color: #0076cc;
	height: 1px;
}
.dtbl_dvdr_gry_right {
	background-color: #0076cc;
	width: 16px;
	height: 1px;
}
.dtbl_dvdr_wht_left {
	background-color: #0076cc;
	width: 16px;
	height: 1px;
}
.dtbl_dvdr_wht_middle {
	background-color: #0076cc;
	height: 1px;
}
.dtbl_dvdr_wht_right {
	background-color: #0076cc;
	width: 16px;
	height: 1px;
}
.dtbl_ftr_gry_left {
	background-image: url(images/wdgt_ftr_gry_l.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 13px;
}
.dtbl_ftr_gry_middle {
	background-image: url(images/wdgt_ftr_gry_m.gif);
	height: 13px;
}
.dtbl_ftr_gry_right {
	background-image: url(images/wdgt_ftr_gry_r.gif);
	width: 16px;
	height: 13px;
}
.dtbl_ftr_wht_left {
	background-image: url(images/wdgt_ftr_wht_l.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 13px;
}
.dtbl_ftr_wht_middle {
	background-image: url(images/wdgt_ftr_wht_m.gif);
	height: 13px;
}
.dtbl_ftr_wht_right {
	background-image: url(images/wdgt_ftr_wht_r.gif);
	width: 16px;
	height: 13px;
}
.dtbl_header {
	background-color: #0076cc;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding-right: 7px;
}
.dtbl_header A, .dtbl_header A:visited {
	background-color: #0076cc;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding-right: 7px;
}
.dtbl_header_asc {
	background-color: #0076cc;
	padding-right: 7px;
}
.dtbl_header_asc A, .dtbl_header_asc A:visited {
	background-image: url(images/arrowup_purple.gif);
	background-repeat: no-repeat;
	background-color: #0076cc;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding-left: 11px;
	padding-right: 7px;
}
.dtbl_header_desc {
	background-color: #0076cc;
	padding-right: 7px;
}
.dtbl_header_desc A, .dtbl_header_desc A:visited {
	background-image: url(images/arrowdown_purple.gif);
	background-repeat: no-repeat;
	background-color: #0076cc;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding-left: 11px;
	padding-right: 7px;
}
.dtbl_spacer {
	height: 10px;
}
.dtbl_record {
	font-size: 11px;
	padding: 3px;
}
.dtbl_record_evenrow {
	background-color: #ffffff;
}
.dtbl_record_oddrow {
	background-color: #ebebeb;
}
.dtbl_pagination {
	font-size: 10px;
	margin-bottom: 7px;
}
.dtbl_pagination A {
	font-size: 10px;
	margin-bottom: 7px;
}

/*-----------------------------------------------------------------------------------------------------
	diagnostic result
-----------------------------------------------------------------------------------------------------*/
.dgnResultHead_hidden {
	visibility: hidden;
	width: 1px;
	height: 1px;
	clear: both;
}
.dgnResultHead_visible_wait {
	visibility: visible;
	padding-bottom: 2px;
	font-size: 13px;
	font-weight: bold;
	color: red;
	clear: both;
}
.dgnResultHead_visible_done {
	visibility: visible;
	padding-bottom: 2px;
	font-size: 13px;
	font-weight: bold;
	color: #0076cc;
	clear: both;
}
.dgnResult_hidden {
	visibility: hidden;
	width: 1px;
	height: 1px;
}
.dgnResult_visible {
	font-family: Courier New, Courier, mono-space, mono;
	font-size: 12px;
}

/*-----------------------------------------------------------------------------------------------------
	Misc
-----------------------------------------------------------------------------------------------------*/

a.infobutton span { visibility:hidden; 
                    position:absolute;
                    padding:1em;
                    text-decoration:none; 
}
a.infobutton:hover span { visibility:visible;
                          border:1px solid #0076cc;
                          color:black;
                          background:white;
}

/*-----------------------------------------------------------------------------------------------------
	added for compatibility with the 'old' web frontend
-----------------------------------------------------------------------------------------------------*/

.acldenyaccess   { color : #800000; }
.aclallowaccess  { color : #008000; }
.acldenychange   { color : #804000; }
.aclallowview    { color : #409040; }
.aclallowchange  { color : #008000; }
.aclgroupsetting { color : #000000; }

.padding_bugfix {
        width: 100%;
}

.settings_fieldname_checkbox, .settings_fieldname_checkbox_en, .settings_fieldname_en {
	color: #333333;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	white-space: nowrap;
}

.settings_fieldname_checkbox_en, .settings_fieldname_en {
        font-weight: bold;
}

/*.settings_fieldname, .elem_l, .settings_fieldname_checkbox {
	padding-left: 17px;
}*/

.normal, .normal_small, .notice, .bold, .tmpl_tab, .tmpl_size, .buttons{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.notice { text-align: left; }
.buttons { text-align: left; }
.center {  text-align: center; }
.left {    text-align: left; }

.notice_width { width: 360px; }

.tmpl_tab {
	width: 100%;
}

.tmpl {
        float: left;
	color: #333333;
	font-size: 11px;
        padding: 0px;
        margin: 0px;
	text-align: left;
	width: 350px;
}

.tmpl_encaps {
        float: left;
	color: #333333;
	font-size: 11px;
	text-align: left;
        padding-right: 20px;
}

.tmpl_nosize {
        float: left;
	color: #333333;
	font-size: 11px;
	text-align: left;
        padding: 0px;
        margin: 0px;
	white-space: nowrap;
}

.tmpl_end {
        clear: left;
	color: #333333;
	font-size: 11px;
	text-align: left;
        padding-top: 0px;
        padding-bottom: 0px;
	width: 350px;
}

.bold {
      font-weight: bold;
}

.rsp_msg_wrap {
        margin-left: 20px;
}

.rsp_message, .error, .warning {
	float: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
        text-align: left;
}

.rsp_message {
      padding-left: 5px;
      color: #0076cc;
}

.error {
      color: #ff0000;
}

.warning {
      color: #008888;
}

.normal_small {
      font-size: 8px;
}


table.dialogTable { text-align: left; }

body.title {
      background-color : #0076cc;
}

#title_app {
	margin-right: 0;
	right: 0px;
	width: 80px;
	height: 40px;
}

/* 
 * Some special definitions for colors not used in the web
 * pages but other parts of the software, to avoid using
 * a special file or other configuration method.
 * Important!
 * Leave the structure as is, just change the color, use
 * the standard 6 digit notation
 */
.specialcolor_cornerbg { color: #0076cc; }
.specialcolor_telnetbg { color: #ffffff; }
.specialcolor_telnetfg { color: #000000; }
.specialcolor_sshbg { color: #ffffff; }
.specialcolor_sshfg { color: #000000; }