body {
	background-color:#FFFFFF;
	color:#3C3C3C;
	font-family: roboto,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin:0;
}

iframe {
	width:90%;
	height:500px;
	border: solid 5px #3C3C3C;
}

table {
	margin:1px;
	border-collapse: collapse;
	border-spacing: 0px;
}

td {
	border-spacing: 0px;
}

th {
	border-spacing: 0px;
}

img {
	margin:0;
}

.multiselect{
        height:140px;
        overflow-y:scroll;
        width:200px;
	border : 1px solid gray;
	padding : 5px;
}

.odd_row{
        background-color:#F2F2F2;
}

.multiselect_div{
        line-height:20px;
}

.multiselect_div img{
        float:left;

}

#e_logo {
        position: fixed;
        width: 400px;
        height: 462px;
        right: 0px;
        bottom: 0px;
        margin-left: 0px;
        background-image: url("/common.etic_cgi_portal/e_light.png");
        z-index: -1;
}

.page_title {  
font-size: 15px;
font-weight: bold;
color: #1CAB7A;
margin-left: 0px;
}

.section_title {
font-size: 13px;
font-weight:bold;
margin-left: 0px
}

.section_description {
font-size: 11px;
margin-left: 0px
}

.table_title {
font-size: 13px;
margin-left: 0px;
font-weight:bold;
}

.intro {
font-size: 11px;
}

.table_description {
font-size: 11px;
}

.puce {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #1CAB7A;
text-decoration: underline;
margin-left: 20px
}

.warning {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: blink
}

.array_title {
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
	width: 450px;
}

.p_hidden {
display:none;
}

.array_title2 {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 12px;
}
.array_title_sml {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 10px;
margin-right: 10px;
margin-left: 10px;
}
.array_title_link {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 12px;
margin-right: 10px;
margin-left: 10px;
}
.array_input {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 12px;
height: 18px;
line-height: 14px;
margin-right: 3px;
margin-left: 3px;
text-align:center;
}

.textarea_input {
font-family: roboto,Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
margin-right: 3px;
margin-left: 3px;
text-align:left;
}

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

.description {  font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 11px;
display:none
}

.long_description {  font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 11px;
display:none
}

.help-30marge {  font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;margin-left: 25px;
}

.subhelp {  font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 5%;
}

.table_button_prevnext {
float: right;
}

.pageButtons{
width: 30px;
margin: -2px;
}

.pButton {
width: 30px;
}

.nButton {
width: 30px;
}

.table_arrow{
	float: right;
	margin-right: 5px;
}

.sorted_table_header{
cursor:pointer;	
}

.main {}

.menu a {
/*color:#FFFFFF;*/
cursor:pointer;

}

.menu a:link {
text-decoration: none;
cursor:pointer;
}

.menu a:visited {
text-decoration: none;
cursor:pointer;
}

.menu a:hover {
text-decoration: underline;
}

.view_path {
	color: #1CAB7A;
	font-family: roboto, Arial,Helvetica,sans-serif;
	font-weight: bold;
}

.view_path_current {
	color: #3C3C3C;
	font-family: roboto, Arial,Helvetica,sans-serif;
	font-weight: bold;
}

.view_path:link {
text-decoration: none;
}

.view_path:visited {
text-decoration: none;
}

.view_path:hover {
text-decoration: underline;
}

.child_view_list_image {
	top:0px;
	left:0px;
	height:60px;
	width:60px;
	vertical-align:middle;
}

.child_view_list{
	color:#1CAB7A;
	list-style-type:square;
	width:90%;
	margin-left:2em;
	font-size:12px;
}

.child_view_list li{
	display:block;
	width:90%;
}

.child_view_list span{
	display:block;
	width:60%;
	position:relative;
	top:-2ex;
	left:210px;
	color: #3C3C3C;
}

.child_view_list div {
	display:block;
	width:200px;
	height:2ex;
}

.child_view_list a {
	color:#1CAB7A;
	text-decoration: none;
}

.child_view_list a:visited {
	color:#1CAB7A;
	text-decoration: none;
}

.child_view_list a:hover {
	color:#1CAB7A;
	text-decoration: underline;
}

.open_help{
position:absolute;
top:15px;
right:15px;
background-image:url(help.png);
height:20px;
width:20px;
border-style:none;
}

.open_help img{

border-style:none;
}

.menu div{
margin:5px;
}

.menu{
background-color :#FFFFFF;
background-image:url("/deg3.png");
background-repeat: repeat-y;
margin:0;
}

.view{
margin:1em;
}

.view ul
{
margin:2em;
}


ul {
margin-left:0px;
padding-left:0px;
list-style-type:none;
}

#notification_area{
	font-size:11px;
	min-height:15px;
}

#notification_area_2{
	font-size:11px;
	min-height:15px;
}

#notification{
	font-size:11px;
	min-height:15px;
	color:#FF0000;
	margin-right:30px;
	margin-top:1px;
	margin-bottom:1px;
}

#inhibited_alarms{

	color:#FF0000;
	margin-right:30px;
	margin-top:1px;
	margin-bottom:1px;
	display:inline;

}

#invalid_changes {
	color:#FF0000;
	margin-right:30px;
	margin-top:1px;
	margin-bottom:1px;
	display:inline;
}

#factory_settings {
	color:#FF0000;
	margin-right:30px;
	margin-top:1px;
	margin-bottom:1px;
	display:inline;
}

#edition_mode {
	color:#FF0000;
	margin-right:30px;
	margin-top:1px;
	margin-bottom:1px;
	display:inline;
}

#unsaved_changes {
	color:#FF0000;
	margin-right:30px;
	margin-top:1px;
	margin-bottom:1px;
	display:inline;
}

.spacer {
  clear: both;
}

#line {
height:3px;
position:absolute;
background-color:#1CAB7A;
margin-bottom:0;
bottom:0px;
right:15px;
left:15px;
}

#product_name {
top:12px;
left:0;
border-bottom-width:0;
color:#000000;
font-family:roboto,Arial,Helvetica,san-serif;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:23px;
margin-left:15px;
margin-top:5px;
}

#product_description {
font-size:10px;
margin-top:10px;
margin-left:10px;
}

#site_name {
top:12px;
right:0;
border-bottom-width:0;
color:#000000;
font-family:roboto,Arial,Helvetica,san-serif;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:23px;
margin-right:10px;
margin-left:10px;
margin-top:5px;
}

#logo_img {
position:absolute;
bottom:0;
margin:0;
padding:0;
border:0;
}

.menu_arrow {
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	color: #000;
	border: 1px solid #bbb;
	background: #ffc;
	width:170px;
}

.p_label { 
	font-size: 12px;
	width: 450px;
}

.p_label:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

.p_label:hover .description{
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #1CAB7A;
    width:170px;
}

.p_label:hover .description span{
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 0px;
    color: #000;
    border: 0px solid #bbb;
    background: transparent url(tooltip.png);
    height:12px;
    width:24px;
}

.p_label_bg {
	background-color: #FFF7DF;
	width: 270px;
	height: 25px;
	color: #3C3C3C;
	font-family: roboto,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}

.p_input textarea{
	height:200px;
}

.p_input {
	font-family: roboto,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 19px;
	font-weight: normal;
	text-align:center;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	padding-bottom: 0;
}

.p_input select{
	height: 24px;
}
.p_input td{
	height: 19px;
}
                                      
.status_label {  
	font-size: 12px;
	width: 450px;
	line-height: normal;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
}

.status_label_bg {
	background-color: #FFF7DF;
	width: 270px;
	height: 25px;
	color: #3C3C3C;
	font-family: roboto,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	text-align:right;
}

.status_input {  
	font-family: roboto,Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-style: normal;
	height: 18px;
	font-weight: normal;
	margin-right: 3px;
	margin-left: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	text-align:center;
}

#edit_row_view {
	display:none;
	position:fixed;
	background-color:#ffffff;
	top:5%;
	right: 5%;
	bottom:5%;
	left: 5%;
	border:10px solid #bbb;
	overflow:auto;
}

.table {
	width:100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom:5px;
}

.table th {
	background-color: #FEEBAE;
	color: #3C3C3C;
	height: 20px;
}

.table tr {
}

.table td {
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}

.table_checkBox {
	/*width: 15px;*/
	text-align: center;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.log_buttons {
	position:absolute;
	bottom:10px;
}

#log_area {
	position:absolute;
	top: 60px;
	left: 30px;
	right: 50px;
	bottom: 40px;
}

#log_body {
	margin-top: 10px;
}

#log {
	overflow: auto;
	background-color: #FFFFFF;
	border: solid rgba(200,200,200,0.8) 5px;
        width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#log pre {
	margin-top: 5px;
	padding-left: 10px;
}

#log_tab_list {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	border: 0px;
	margin-top: 0px;
}

#log_tab_list li{
	color: #3C3C3C;
	cursor: pointer;	
	text-align: center;
	padding: 6px 6px 0px 6px ;
	height: 20px;
	margin-right: 2px;
	vertical-align: middle;
	display: inline-block;
}

#log_tab_list .log_dark_tab {
	background-color: rgba(200,200,200,0.8);
}

#log_tab_list .server_tab {
	background-color: rgba(200,200,200,0.3);
}

#log_tab_list .client_tab {
	background-color: rgba(200,200,200,0.3);
}

#log_header{
        padding-left: 10px;
}

.log_part{
	margin-top: 0px;
	margin-bottom: -5px;
}

.longtext {
	width:350px;
}

.view_refman {  
font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 10%;
margin-right: 10%;
text-align:justify;
}

.view_refman h1{

page-break-after:always;
}

.view_help {  
font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 10%;
margin-right: 10%;
text-align:justify;
}

.help_page h1 {
font-size: 15px;
font-weight: bold;
}

.help_page h2 {
font-size: 14px;
font-weight: bold;
margin-left: 0em;
}

.help_page h3 {
font-size: 13px;
font-weight: bold;
margin-left: 0em;
text-decoration: underline;
}

.help_page h4 {
font-size: 11px;
font-weight: bold;
margin-left: 0em;
}

.help_page p{
margin-left: 0em;
}

.help_page ul{
margin-left: 15px;
list-style: disc;

}

.help_params{
page-break-after:always;
}

.help_page{
margin-right: 0em;
}

.help_page .help_params h4{
	margin-bottom:0;
}

.help_page table {
	border: solid black 1px;
	width: 90%;
}

.help_page table tbody tr td table {
	border: solid black 1px;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
}
.help_page tr td {
	border: solid black 1px;
}

.help_page .help_objtype {
	font-family:monospace;
	font-size:10px;
	display:inline;
}

.help_page .help_id{
	font-family:monospace;
	font-size:9px;
	display:inline;
	margin-left:0em;
}

.help_desc{
	font-size:10px;
	display:inline;
}

.help_ldesc{
	font-size:11px;
}


.col_messages{
	border-left:2px solid black;
	width:200px;
	text-align:center;
}

.col_timestamps{
	border-right:2px solid black;
	width:200px;
	text-align:center;
}

.col_sh{
	border-left:2px solid black;
	text-align:center;
}

.shdsl_log td {
	text-align:center;

}

.odd_row{
	background-color:#F2F2F2;
}


.blah {
	width: 400px;
}

#documentation{
	margin:50px;

}

#homepage {
	text-align:center;
}

#homepage h1{
	color: #3C3C3C;
	font-size: 30px;
	text-align: left;
	margin: 70px;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-weight: bold;
}

#homepage #h1_product_type {
	font-size :40px;
	color:#3C3C3C;
	margin-top:70px;
	margin-bottom:30px;
}

#homepage .child_view_list{
	font-size:14px;
	text-align:left;
}

#homepage_links {
	position:absolute;
	text-align:right;
	top:0px;
	right:20px;
	color:#D0D0D0;
}

#copyright {
	position:absolute;
	text-align:right;
	bottom:13px;
	right:20px;
	color:#D0D0D0;
}

#about_links {
	margin-top: 80px;
	text-align: center;
	color: #D0D0D0;
}

.page_links a {
	color:#1CAB7A;
	text-decoration:none;
}

.page_links a:hover {
	color:#1CAB7A;
	text-decoration:underline;
}

.page_links a:visited {
	color:#1CAB7A;
	text-decoration:none;
}


.langpick li{
	display:inline;
	width:50%;
}

.comment {
	margin:1em;
	margin-top:3em;
	font-size:12px;
}

#about {
	color: #3C3C3C;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	position: relative;
	top: 40px;
	left: 235px;
}

#about img{
	width: 150px;
	margin: 10px;
}

#about p{
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 1px solid #D0D0D0;
}

#about a {
	margin-left:10%;
	margin-right:10%;

}

#about span{
	font-weight: bold;
	margin: 0;
	color:#1CAB7A;
	font-size:14px;
}

.pporservice{
	text-align:left;
}

.g821_history ul{

	margin-bottom:0;
	padding-bottom:0;

}

.g821_history li{
	display:inline;
}

.g821_history li a{
	padding: 0 1em;
	margin:0 5px;
	border-top:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
}

.g821_history a {
cursor:pointer;

}

.g821_history a:link {
	text-decoration: none;
	cursor:pointer;
	color:#1CAB7A;
}

.g821_history a:visited {
	text-decoration: none;
	cursor:pointer;
	color:#1CAB7A;
}

.g821_history a:hover {
	text-decoration: underline;
	color:#1CAB7A;
}

.table_button{
	margin-bottom:15px;
}

.rightGraph {
display:inline-block;
clear: both;
width: 800px;
height: 200px;
margin: 2px;
background-color: inherit
}
.graphContainer {
width: 900px;
height: 300px;
margin: 0;
margin-left: auto;
margin-right: auto;
background-color: #F8F8F8;
margin: 4px;
padding : 4px;
}

.default_button{
	margin-top:8px;
}

#p_emails_text_id{
	text-align:left;
}

#wizard_conf{
	color: #3C3C3C;
	font-size: 15px;
	font-family: roboto,Arial,Helvetica,sans-serif;
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 0px;
	padding: 2px;
	cursor: pointer;
}

#m2me_logo{
	position: absolute;
	top: -33px;
	left: 28px;
	height: 45px;
	cursor:pointer;
}

.marged {
	padding-left: 90px;
}

.marged2 {
	padding-left: 180px;
}

#refresh_button {
	position: absolute;
	top: 93px;
	left: 770px;
	width: 20px;
}

#m2me_area {
	border: 3px solid #1CAB7A;
	position: absolute;
	top: 50px;
	left: 40px;
	margin: 0;
	text-align: left;
}

#dashboard_area div{
}

#ras_conf_main_dashboard h1{
	color: #3C3C3C;
	font-size: 20px; 
	font-weight: bold;
	text-align: center;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 3px;
}

#ras_status_main_dashboard h1{
	color: #3C3C3C;
	font-size: 20px; 
	font-weight: bold;
	text-align: center;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 3px;
}

#ras_conf_main_dashboard{
	background-color: rgba(255,255,255,0.3);
	width: 370px;
	height: 260px;
	border: solid rgba(200,200,200,0.3) 5px;
	margin: 20px 10px 30px 30px;
	float: left;
}

#ras_conf_main_dashboard td{
	min-width: 5px;
}

#ras_status_main_dashboard{
	background-color: rgba(255,255,255,0.3);
	width: 370px;
	height: 260px;
	border: solid rgba(200,200,200,0.3) 5px;
	margin: 20px 30px 30px 10px;
	float: right;
}

#ras_status_main_dashboard td{
	min-width: 5px;
}

.dashboard ul{
	padding: 5px 10px 5px 10px;
}

.dashboard_header{
	padding: 5px 5px 5px 5px;
	background-color: rgba(200, 200, 200, 0.3);
}

.password_strength {
display: inline-block;
width: 149px;
font-family: roboto, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 18px;
font-weight: normal;
margin-right: 3px;
margin-left: 3px;
text-align:center;
padding-top: 1px;
padding-bottom: 1px;
border: solid 1px lightgray;
vertical-align: middle;
}

.checkboxes {
	height: 20px;
}