html{ min-height: 100%; }


body {
  -webkit-text-size-adjust:100%;
  font-family:Arial, sans-serif, 'Helvetica Neue', Helvetica;
  padding-left: 0;
  padding-right: 0;

  background-repeat:no-repeat !important;
  min-height: 100% !important;
  height: auto !important;
  height: 100%;
  color: #353535; /* #292929	; */
  font-size:15px;

	/* generated at http://www.colorzilla.com/gradient-editor/ */

	background: #a0acb9; 
	background: -moz-linear-gradient(top,  #a0acb9 1%, #a0acb9 60%, #778390 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a0acb9), color-stop(60%,#a0acb9), color-stop(100%,#778390)); 
	background: -webkit-linear-gradient(top,  #a0acb9 1%,#a0acb9 60%,#778390 100%); 
	background: -o-linear-gradient(top,  #a0acb9 1%,#a0acb9 60%,#778390 100%); 
	background: -ms-linear-gradient(top,  #a0acb9 1%,#a0acb9 60%,#778390 100%); 
	background: linear-gradient(to bottom,  #a0acb9 1%,#a0acb9 60%,#778390 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0acb9', endColorstr='#778390',GradientType=0 ); 


}
.ie9 body{  filter:none; }

input[type="text"], input[type="password"]{
	height: 24px;
}

.imageListCont{
    white-space: normal !important;
}

#spinner-cont{ text-align: center; }

span#spinner {
    height: 30px;
    width:  30px;
    background-image: url(icons/loading.gif);
    background-color: transparent;
    background-repeat: no-repeat;
    display:inline-block;   
    
}

/* .ie .loading{
	  background: #f0f0f0 url("/images/anim/ajax-loader.gif") no-repeat 50% 50px ;
} */

/* clear Bootstrap */
form{margin:0}
form input, .noBM input {	margin-bottom:0px;}
.btn{	font-size: 15px;}

/* generic classes */

.wrapURL {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}

.clear-float {
	display: block;
	float: none !important;
	clear: both !important;
	width: 1px;
	height: 1px;
	line-height:1px;
}

.centred *{ text-align: center }
.w100{ width: 100% !important }
.error_text{	color: red; margin-bottom: 10px; margin-top: 12px;	}
.erroneous{ background: #ffd9d9;   }
.hidden-text{ display: none }


/* set bootstap defaults */
.cleditor .container-fluid,
.cleditor .container {
	padding-top: 15px;
}

.cleditor .container-fluid,
.cleditor .container {
  padding-top: 15px;
}

.container-fluid,
.container {
  padding-top: 100px;
}


@media (max-width: 480px) {
   .container-fluid,.container {
      padding-top: 10px;
   }
}



/*  Notification page content */
#notify{
	 margin-top:1em;
	 margin-bottom:40px; /* enought space for the dropdown shadow */
    min-height: 180px;
  /*  max-width: 850px; */
    min-width:320px;
    border: 1px solid #aaa;
    position:relative;
    min-width: 200px;
    background-color: white;

	-webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);

	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;

}

.notify-title-box{
   vertical-align: top;
	padding: 4px 0 0 5px;
   background-color: #bbb;

   height: auto !important;
   height:76px;  /* this is IE6 hack */
   min-height: 76px;

  min-width:320px;
	width:auto;
   position: relative;
	white-space: nowrap;

	-webkit-border-radius:6px 6px  0 0 ;
	-moz-border-radius:	 6px 6px  0 0 ;
	border-radius:     	 6px 6px  0 0 ;

	background: #efeff1; 
	background: -moz-linear-gradient(top,  #efeff1 0%, #cccccc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeff1), color-stop(100%,#cccccc)); 
	background: -webkit-linear-gradient(top,  #efeff1 0%,#cccccc 100%); 
	background: -o-linear-gradient(top,  #efeff1 0%,#cccccc 100%); 
	background: -ms-linear-gradient(top,  #efeff1 0%,#cccccc 100%); 
	background: linear-gradient(to bottom,  #efeff1 0%,#cccccc 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeff1', endColorstr='#cccccc',GradientType=0 ); 

	/*
	 -webkit-radial-gradient(50px -20px, farthest-side, white 5%, #bbb);
	*/

  	border-bottom:1px solid #aeaeae;
}
.ie9 notify-title-box{  filter:none; }



#titleBlink{
/*
	border:1px solid gray;
	position:absolute;
	width:200px;
	height: 50px;
	top:-25px;
	background-color:#e0e0e0;
   background-image: -webkit-radial-gradient(25% -32%, circle closest-corner, #e0e0e0, rgba(255, 252, 253, 0.7) 44%);
*/

}

.notify-title-box *{
  vertical-align: middle;
}

#notify-title{
	font-size: 24px;
	font-weight: bold;
	margin: 9px 0 0 0;
	display:inline-block;
	padding:0;
	line-height:normal;

	/* text-shadow: 2px 2px 4px rgba(220,220,220,0.3); */
	text-shadow: 0px 1px 2px rgba(254,254,254,1);

    color: #403E3F;
    white-space: normal;
    width:80%;
}

@media (max-width: 450px) {
   #notify-title{
       font-size: 18px;
   }
}



.notify-box{
  min-height: 100px;
  padding: 15px 30px;
  width: auto;
  position:relative;
/*  background-color: #f5f5f5; */
  overflow-y:visible;
  border-bottom:1px solid #ccc;
}

#notify-content{
	padding-top:5px;
}
#notify-content, #footerBox{
/*   	padding:.8em;


   background-color: white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
*/
	 position:relative;
}
#notify-content .row { margin-bottom: .5em; }
.row{
	width: auto;
	overflow-y:auto;
	zoom:1;
 }

.row.firstName{ 	margin-top:18px !important; }
.row.lastName{ 	margin-bottom:18px !important; }

.name{
    /*    text-align:right  */
    font-weight:bold;
}


.explanation{ }


#input-cont input, #fields input {
	width: 99%;
	padding-left: 0;
	padding-right: 0;
	font-size: 16pt;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	line-height: normal;
}

#input-cont{ padding-right: 0px; }


.editable{ border: 1px dashed transparent; }
.showEditable .editable {
    border:1px dashed blue;
    cursor: pointer;
    cursor: hand;
    background-color: #fffee5;
}

.showBlocks .span1,
.showBlocks .span2,
.showBlocks .span3,
.showBlocks .span4,
.showBlocks .span5,
.showBlocks .span6,
.showBlocks .span7,
.showBlocks .span8,
.showBlocks .span9,
.showBlocks .span10
{
    border:1px solid #aaa;
    margin-top:3px;
    background-color: white;
    padding:1px;
    margin-left:0;
    padding-left:20px;
}


body.showBlocks{	 padding:0;} /*  background-color: #a7a7a7;  */
body.showBlocks .row{ margin-left: 0; }
body.showBlocks .blockUnderEdit{ background-color: white; }
body.showBlocks .container{ margin-top: 0; padding-top: 0; }

#bottom-logo{
    float: left;
    margin-top:3px;
}
#footer-text{
	line-height: normal;
	color: #3e3e3e;
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	float: right;
	margin-top: 5px;
	padding:4px 0 4px 10px;
	min-width:20px;
	min-height:14px;
}

#footerRow{
	overflow: visible;
	overflow-y:visible;
   min-height:60px;
   height: 60px;
   height: auto;
   width: auto;
   padding-left:25px;
   padding-right:25px;
   line-height:normal;
}

#footer{
  margin-left:0;
  margin-bottom:10px;
  margin-top:5px;
  padding-top:5px;
  line-height:normal;
  width: auto;
  overflow-y:visible;
}
#footer * {
	vertical-align: middle;
}

.notify-footer{    margin-top:20px; }


#title_icon{
   margin: 4px 10px 0 10px;
}


.blockEditBackground{
	padding:5px;
	background-color: #ddd;
	display: inline-block;
	width: auto;
}


/*
.container{
	display: inline-block;
  width: auto;
}
*/

.blockUnderEdit{ width: 100%; border-collapse: separate; border-style: dashed; }


.blockUnderEdit > tbody > tr > td{ border: blue 1px dashed !important;  }

.blockUnderEdit .span_1{ width:12.5% }
.blockUnderEdit .span_2{ width:25% }
.blockUnderEdit .span_3{ width:37.5% }
.blockUnderEdit .span_4{ width:50% }
.blockUnderEdit .span_5{ width:62.5% }
.blockUnderEdit .span_6{ width:75% }
.blockUnderEdit .span_7{ width:87.5% }
.blockUnderEdit .span_8{ width:100% }

/* IE */
.blockUnderEdit td.span_8,
.blockUnderEdit td.span_7,
.blockUnderEdit td.span_6,
.blockUnderEdit td.span_5,
.blockUnderEdit td.span_4,
.blockUnderEdit td.span_3,
.blockUnderEdit td.span_2,
.blockUnderEdit td.span_1 { border: blue 1px dashed !important;   }

.blockUnderEdit input[type=hidden] { display:none !important }
.blockUnderEdit input.hidden{
	 display:none !important;
	 position:absolute;
	 left:-2000px;
 }


.big-login, .big-register{
	font-size: 12pt;
	height: 32px;
    padding-left:2.5em;
    padding-right:1.5em;
    padding-top: 3px;
  	margin-top:1em;
  
   -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  
}

.big-login { 
	background: url("/http-resources/notification-pages/icons/login_normal.png") no-repeat 10px 4px;
}
.big-login:hover{ 
	background: url("/http-resources/notification-pages/icons/login_hover.png") no-repeat 10px 4px;
}

.big-login {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center;
    color:  #003352 ;
    height: 33px !important;
    border: 1px solid #B5B5B5 ;

  -moz-border-radius:    3px !important;
  -webkit-border-radius: 3px !important;
  border-radius:         3px !important;

  padding: 0 22px 0 48px !important;
  cursor: pointer;

  min-width:6em !important;
  vertical-align: middle;
  outline: none !important;

/*   http://www.colorzilla.com/gradient-editor/#f6f6f6+0,e0e0e0+100;Custom   */
  background: #f6f6f6; 
  background: url("/http-resources/notification-pages/icons/login_normal.png"), -moz-linear-gradient(top,  #f6f6f6 0%, #e0e0e0 100%); 
  background: url("/http-resources/notification-pages/icons/login_normal.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e0e0e0)); 
  background: url("/http-resources/notification-pages/icons/login_normal.png"), -webkit-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); 
  background: url("/http-resources/notification-pages/icons/login_normal.png"),-o-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); 
  background: url("/http-resources/notification-pages/icons/login_normal.png"), -ms-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); 
  background: url("/http-resources/notification-pages/icons/login_normal.png"), linear-gradient(to bottom,  #f6f6f6 0%,#e0e0e0 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f6f6f6, endColorstr=#e0e0e0,GradientType=0 ); 
}

.ie body.ui1 button.big-login{
	border-radius:  4px !important;
}

.big-login:hover {
  border-color: #93C8E7 ;
  outline: none !important;

  /*   http://www.colorzilla.com/gradient-editor/#EFF9FF+0,CCE8F9+100;Custom     */
  background: #eff9ff ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -moz-linear-gradient(top,  #eff9ff 0%, #cce8f9 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff9ff), color-stop(100%,#cce8f9)) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -webkit-linear-gradient(top,  #eff9ff 0%,#cce8f9 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -o-linear-gradient(top,  #eff9ff 0%,#cce8f9 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -ms-linear-gradient(top,  #eff9ff 0%,#cce8f9 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), linear-gradient(to bottom,  #eff9ff 0%,#cce8f9 100%) ; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#eff9ff, endColorstr=#cce8f9,GradientType=0 ) ; 
}

.big-login:active{
  border-color: #6BBCEA ;
  outline: none !important;

  /*    http://www.colorzilla.com/gradient-editor/#e6f5ff+0,b0dbf6+100;Custom     */
  background: #e6f5ff ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -moz-linear-gradient(top,  #e6f5ff 0%, #b0dbf6 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f5ff), color-stop(100%,#b0dbf6)) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -webkit-linear-gradient(top,  #e6f5ff 0%,#b0dbf6 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -o-linear-gradient(top,  #e6f5ff 0%,#b0dbf6 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), -ms-linear-gradient(top,  #e6f5ff 0%,#b0dbf6 100%) ; 
  background: url("/http-resources/notification-pages/icons/login_hover.png"), linear-gradient(to bottom,  #e6f5ff 0%,#b0dbf6 100%) ; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e6f5ff, endColorstr=#b0dbf6,GradientType=0 ) ; 
}

.big-login,
.big-login:hover,
.big-login:active{
  background-repeat: no-repeat, no-repeat;
  background-position: 20px 5px, center ;	
}

.big-login:focus {
  outline: none !important;
}

.big-login::-moz-focus-inner{
  border:0 !important;
}


#login-panel{
	margin-bottom: 10px;
	margin-top: 10px;	
	background-color: #f8f8f8;
   -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
}

table.login-register{
	margin-top:12px;
	margin-bottom: 14px;
}
table.login-register a, table.login-register p{
	font-size: 15px;
}

.topSpace{ margin-top: 20px; }
.topHalfSpace{ margin-top: 10px; }

/* dummy popup */
.modal-backdrop{
	opacity: .5 !important;
	filter: alpha(opacity=50)  !important;
}
.popup{
   position:absolute;
   top:20%;
   left:25%;
   z-index:10000;
   width:50%;
   border: 1px solid #444;
   background-color:white;
   padding:10px 20px;
   margin-left:0;
 -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.popup .progress{  margin-top:25px; }

.blockUnderEdit .popup{
   position:static;
   top:0;
   left:0;
   z-index:10000;
   width:auto;
   border:0;
}



.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.clickedTD{ background-color: #fffacd; }

.fakeButton{
	 padding:5px;
	 border: 1px solid gray;
	 margin-right:5px;
	 background-color: #ededed;

	 -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}


@media (max-height:  450px){
   html{ height: auto; }
}


@media (max-width: 480px) {
  body { padding-right: 0px; }
  .container-fluid, .container {
       padding: 0 10px 10px 10px;
       margin: 0;
  }
}

@media (min-width: 769px) {
	.span4 { max-width: 300px; }
	.span3 { max-width: 220px; }
	.span2 { max-width: 140px; }
	
	#spinner-cont{ text-align: right; }
	
}


@media (min-width: 1200px) {

}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10
{
   line-height:normal;
}

.hidden
{
    display:none;
}


body.cleditor input.form-input-field {
    color: #eee;
}

table.blockUnderEdit input.form-input-field {
    color: white;
}

#register_form{
	margin-top: 6px;
}

.no_pswd_change{ display:none }
a.pswd_change{
  border-left: 1px solid #353535;
  padding-left: 10px;
  margin-left: 6px;
}  
.green-tick {
    height: 20px;
    width:  18px;
    background-image:  url('/lib/ui1/general_icons_sprite.png');
    background-position: -54px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    display:inline-block;
    vertical-align: middle;
    margin-right: 2px;
}


/******************   buttons, copied from ui1-shared.css   *************************/

button.ui1,
input[type="submit"]{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center;
    color:  #003352 ;
    height: 29px !important;
    border: 1px solid #B5B5B5 ;

  -moz-border-radius:    3px !important;
  -webkit-border-radius: 3px !important;
  border-radius:         3px !important;

  padding: 0 1.25em !important;
  cursor: pointer;

  min-width:6em !important;
  vertical-align: middle;
  outline: none !important;

  word-wrap: normal;
  white-space:nowrap;

  background: #f6f6f6; 
  background: -moz-linear-gradient(top,  #f6f6f6 0%, #e0e0e0 100%) ; 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e0e0e0)); 
  background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); 
  background: -o-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%) ; 
  background: -ms-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%) ; 
  background: linear-gradient(to bottom,  #f6f6f6 0%,#e0e0e0 100%) ; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f6f6f6, endColorstr=#e0e0e0,GradientType=0 ); 
}


.ie body.ui1 input[type="submit"]{
    border-radius:         4px !important;
}

button.ui1:hover,
input[type="submit"]:hover {
  border-color: #93C8E7 ;
  outline: none !important;

  background: #eff9ff ; 
  background: -moz-linear-gradient(top,  #eff9ff 0%, #cce8f9 100%) ; 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff9ff), color-stop(100%,#cce8f9)) ; 
  background: -webkit-linear-gradient(top,  #eff9ff 0%,#cce8f9 100%) ; 
  background: -o-linear-gradient(top,  #eff9ff 0%,#cce8f9 100%) ; 
  background: -ms-linear-gradient(top,  #eff9ff 0%,#cce8f9 100%) ; 
  background: linear-gradient(to bottom,  #eff9ff 0%,#cce8f9 100%) ; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#eff9ff, endColorstr=#cce8f9,GradientType=0 ) ; 
}

button.ui1:active,
input[type="submit"]:active
{
  border-color: #6BBCEA ;
  outline: none !important;

  background: #e6f5ff ; 
  background: -moz-linear-gradient(top,  #e6f5ff 0%, #b0dbf6 100%) ; 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f5ff), color-stop(100%,#b0dbf6)) ; 
  background: -webkit-linear-gradient(top,  #e6f5ff 0%,#b0dbf6 100%) ; 
  background: -o-linear-gradient(top,  #e6f5ff 0%,#b0dbf6 100%) ; 
  background: -ms-linear-gradient(top,  #e6f5ff 0%,#b0dbf6 100%) ; 
  background: linear-gradient(to bottom,  #e6f5ff 0%,#b0dbf6 100%) ; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e6f5ff, endColorstr=#b0dbf6,GradientType=0 ) ; 
}

button.ui1:focus,
body.ui1 input[type="submit"]:focus{
  outline: none !important;
}

button.ui1::-moz-focus-inner,
body.ui1 input[type="submit"]::-moz-focus-inner{
  border:0 !important;
}

button.ui1[disabled],
input[type="submit"][disabled]
 {
  color: #A8A8A8  !important ;
  border-color: #DADADA !important ;
  cursor: default !important;
  outline: none !important;

  background: #ffffff ; 
  background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%) ; 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)) !important; 
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) ; 
  background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) ; 
  background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%) ; 
  background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%) ; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#f3f3f3,GradientType=0 ) ; 
}

a.linkAsButton {
    text-decoration: none;
    color:  #003352 !important;
    display: inline-block !important;
    vertical-align: middle;
    height: 27px !important;
    line-height: 27px;
    width: auto !important;
}




div.step-number > div {
  text-decoration: none;
  color: #003352;
  font-weight:bold;
  margin: 1.2em 0 0 20px !important
}

div.action{
   margin-top:10px;
   font-style:italic;   
}    



.supported, 
.ie      .notsupported,
.mozilla .notsupported {    
    display:none;
 }  

.ie      .supported { display: block; }
.mozilla .supported { display: table-row; }

body.cleditor .supported {  display:block !important; } /* make it visible when edit */

.supported    form,
.notsupported form 
{ 
    display:inline-block !important;
}

.lt-ie9 .supported    form,
.lt-ie9 .notsupported form 
{ 
    display:inline !important;
    margin-right: 50px;
}


.supported    .explanation,
.notsupported .explanation 
{ 
    margin-left:0 !important;
}


.row.ie                     { display: none; }
.row.mozilla                { display: none; }
.ie      row.notsupported   { display: none; } 
.mozilla row.notsupported   { display: none; }

.ie      .row.ie            { display: block }
.ie      .row.ie.mozilla    { display: block }
.mozilla .row.mozilla       { display: block }
.mozilla .row.mozilla.ie    { display: block } 



body.cleditor .row.ie.first::before, 
body.cleditor .row.mozilla.first::before,
body.cleditor .row.notsupported::before
 {
  display: block;
  vertical-align: top;
  content: 'Internet Explorer browser';
  padding: 1px 1px 1px 4px;
  background-color: #e0e0e0;
  font-weight: normal;
  margin: 0 0 10px 0;
      
}

body.cleditor .row.mozilla.first::before {
    content:'Firefox browser';
    margin-top:20px;
}


body.cleditor .row.notsupported::before{
    content:'All other browsers';
    margin-top:20px;
}

body.cleditor .row.notsupported,
body.cleditor .row.ie,
body.cleditor .row.mozilla
{
    display: block
}    

body.endpoint #notify-content{
    min-width:720px;
}


.row.ENDPOINT_ERrOR_OS_NOT_SUPPORTED,
.row.ENDPOINT_ERrOR_LINK_EXPIRED,
.row.ENDPOINT_ERrOR_INSTALLATION_FAILED,
.row.ENDPOINT_ERrOR_DSS_ALREADY_INSTALLED,
.row.ENDPOINT_ERrOR_INSTALLATION_SUCCESSFUL{  display:none; }

body.cleditor .row.ENDPOINT_ERrOR_OS_NOT_SUPPORTED,
body.cleditor .row.ENDPOINT_ERrOR_LINK_EXPIRED,
body.cleditor .row.ENDPOINT_ERrOR_INSTALLATION_FAILED,
body.cleditor .row.ENDPOINT_ERrOR_DSS_ALREADY_INSTALLED,
body.cleditor .row.ENDPOINT_ERrOR_INSTALLATION_SUCCESSFUL,
body.ENDPOINT_ERrOR_OS_NOT_SUPPORTED       .row.ENDPOINT_ERrOR_OS_NOT_SUPPORTED,
body.ENDPOINT_ERrOR_LINK_EXPIRED           .row.ENDPOINT_ERrOR_LINK_EXPIRED,
body.ENDPOINT_ERrOR_INSTALLATION_FAILED    .row.ENDPOINT_ERrOR_INSTALLATION_FAILED,
body.ENDPOINT_ERrOR_DSS_ALREADY_INSTALLED  .row.ENDPOINT_ERrOR_DSS_ALREADY_INSTALLED,
body.ENDPOINT_ERrOR_INSTALLATION_SUCCESSFUL .row.ENDPOINT_ERrOR_INSTALLATION_SUCCESSFUL { display:block; }