/* General */

body {
    	margin: 0px;
    	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

#maindiv {
    min-width: 900px;
}

#maintable {
    min-width: 900px;
    width: 100%;
}

table, p {
    	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
        line-height: 1.1em;
}

tbody {
    margin: 0;
    padding: 0;
}

img {
	border: 0px;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #C55F00;
}

h5 {
        display: inline;
        margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #C55F00;
}

h6 {
        margin: 10px 0 20px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

a {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #2765b4;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

a:hover {
	color:#ff8800;
    	text-decoration: none;
}

input {
	font-family: verdana, arial, helvetica, sans-serif;
}

select {
	font-family: verdana, arial, helvetica, sans-serif;
}

hr {
    margin: 20px 0;
    color: #ccc;
}

.right {
    text-align: right;
    padding-right: 5px !important;
}

.center {
    text-align: center;
}

.inactive {
    background-color: #ddd;
}

.description {
        font-size: 0.9em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

.rowHighlight:hover {
    background-color: #e8f1ff;
}

.alternate_light {
    background-color: #ffffff;
}

.alternate_dark {
    background-color: #f2f2f2;
}

td.space1 {
    border-bottom: 1px solid #ffffff;
}

td.space2 {
    border-bottom: 2px solid #ffffff;
}

td.space5 {
    border-bottom: 5px solid #ffffff;
}

td.space10 {
    border-bottom: 10px solid #ffffff;
}

td.space20 {
    border-bottom: 20px solid #ffffff;
}

ul.text-list {
    margin: 10px 0 !important;
}
    
ul.text-list li {
    list-style-type: square;
    margin-left: 20px;
}

/* WordPress sales pages */

.entry-content h1, h1.start, h1.rmm {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    margin: 20px 0 20px 0;
    text-align: center;
    font-size: 34px;
    color: #155D97;
    font-weight: normal;
}

.entry-content h2, h2.start, h2.rmm {
    margin: 10px 0 20px 0;
    font-size: 20px;
    color: #155D97;
    font-weight: normal;
}

.entry-content h3, h3.start, h3.rmm {
    font-size: 1.3em;
    color: #155d97;
    font-weight: normal;
}


/* Header */

table.header { 
	height: 70px;
	width: 100%;
	border-bottom: 1px solid #0b4d82; 
	position: relative;
	z-index: 1;
	background-image: url(/_img/background-header.jpg);
	background-repeat: repeat-x; 
	overflow: hidden;
	font-size: 1.3em;
	line-height: 1.3em;
}

.header .rmm {
	float: left;
	margin: 10px 0px 0 20px;
}

.header .rmmversion {
	font-size: 18px;
        color:#c3dffd;
}

.header .logo {
	height: 65px;
	z-index: 2; 
	float: right;
}


/* Main menu */

.menumain {
        width: 96%;
	min-width: 800px;
        font-size: 1.45em;
        padding: 0 10px;
        position: absolute;
        left: 0px;
        top: 45px;
        z-index: 3;
	text-align: center;
}

.menumain ul { 
	white-space: nowrap; 
	margin: 2px 0px 2px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.75em;
}

.menumain li {
        float: left;
	padding: 0px 12px 0px 10px;
	background: url(/_img/square.gif) no-repeat 0em 0.40em;
	text-align: left;
}

.menumainmiddle { 
        position: absolute;
        left: 50%; /* or right 50% */
}

.menumainright {
        float: right !important;
}

.menumain ul li ul.sub { 
	display: none;
	position: absolute; 
	margin: -5px 0 0 -5px;
	border: #418bc4 solid 1px; 
        min-width: 10em;
	padding: 2px 0 0 0;
	background: #155d97;
}

.menumain ul li ul li.sub { 
        float: none;
	margin: 0;
	padding: 0px 4px 4px 4px;
	background: none;
	font-size: 1.1em;
}

.menumain li.sub a {
        font-weight: normal;
}

.menumain li.sub div.separator { 
	margin-top: 4px; 
	margin-bottom: 0; 
	width: 120%; 
	height: 1px; 
	line-height: 1px; 
	font-size: 1px; 
	border-top: 1px solid #418bc4; 
	border-right: 0; 
	border-bottom: 0; 
	border-left: 0; 
	border-color: #418bc4;
}

.menumain a { 
	display: block;
	width: auto;
/* 	border: #5682B1 solid 1px; */
 	font-size: 1.1em;
 	font-weight: normal;
	text-decoration: none;
 	color: #FFFFFF;
}

.menumain a.main {
	margin: 0 0 8px 0;
}

.menumain a:hover { 
	color: #FF8800;
}

.menumain .subscribe, .menumain .runbox7 {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
}

.menumain .subscribe a:hover {
        color:#ff8800;   
}

.menumain #subscribe {
        margin-left: 100px;
}

/* Title bar */

.titlebar {
        border-top: 1px solid #2e7ab6;
        border-bottom: 1px solid #0b4d82;
	height: 20px;
	padding: 4px 0;
        background-color: #155d97;
}

.titlebar td {
        padding: 0 10px;
    	font-weight: normal;
        font-size: 1.0em;
	color: #9bc2ed;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
	vertical-align: middle;
	white-space: nowrap;
}

.titlebar .message {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #c3dffd;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
	white-space: normal;
}

.titlebar_error {
        border-top: 1px solid #b62e2e;
        border-bottom: 1px solid #820b0b;
	height: 19px;
        background-color: #971515;
}

.titlebar_error td {
	padding: 0 10px;
    	font-weight: normal;
        font-size: 1.0em;
	color: #ed9b9b;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
	white-space: nowrap;
}

.titlebar_error .message {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #fdc3c3;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
	white-space: normal;
}

div.message_error {
    color: rgb(234,163,192);
}

div.loadbar {
    color: #c3dffd;
}

#headerspace {
    height: 2px;
}

#folderheaderspace {
    height: 2px;
}


/* Headings */

.head {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.5em;
	white-space: nowrap;
}

.headactive {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #074594;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.headactive {
	color:#67a5ff;
    	text-decoration: none;
}

.headsmall {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

.headsmallactive {
    	font-weight: bold;
        font-size: 0.9em;
    	color: #074594;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.0em;
}

A:hover.headsmallactive {
	color:#4785d4;
    	text-decoration: none;
}

.headmini {
        font-size: 0.9em;
    	color: #000000;
        text-decoration: none;                                                                               
        letter-spacing: normal;                                                                            
	word-spacing: normal;     
        line-height: 1.0em;
}

.headminiactive {
    	font-weight: bold;
        font-size: 0.9em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.0em;
}

A:hover.headminiactive {
	color:#ff8800;
    	text-decoration: none;
}


/* Body and background styles */

.body {
        font-size: 1.0em;
    	color: #000000;
	font-weight: normal;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.body {
	color:#ff8800;
}

.bodybig {
        font-size: 1.1em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.4em;
}

A:hover.bodybig	{
	color:#ff8800;
}

.bodysmall {
        font-size: 0.9em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.0em;
}

A:hover.bodybig	{
	color:#ff8800;
}

.bodybold {
        font-weight: bold;
        font-size: 1.0em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.bodybold {
    	color: #ff8800;
}

.body_green {
    	font-size: 1.0em;
    	color: #008000;
	font-weight: normal;
    	text-decoration: none;
    	letter-spacing: normal;
    	word-spacing: normal;
    	line-height: 1.2em;
}

.bgLight {
        background-color: #ffffff;
}
 
.bgDark {
        background-color: #f1f6ff;
}
.bgHighlight {
        background-color: #dbe4ee;
}


/* Links */

.active {
        font-size: 1.0em;
    	color: #2765b4;
	font-weight: normal;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.active {
	color:#ff8800;
    	text-decoration: none;
}

.activetext {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #2765b4;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.activetext {
	color:#ff8800;
    	text-decoration: none;
}

.activebig {
    	font-weight: normal;
        font-size: 1.2em;
    	color: #155d97;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.4em;
}

A:hover.activebig {
	color:#ff8800;
    	text-decoration: none;
}

.activebigline {
    	font-weight: normal;
        font-size: 1.2em;
    	color: #155d97;
    	text-decoration: underline;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.4em;
}

A:hover.activebigline {
	color:#ff8800;
    	text-decoration: underline;
}

.activesmall {
    	font-weight: bold;
        font-size: 0.9em;
    	color: #2765b4;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.0em;
}

A:hover.activesmall {
	color:#ff8800;
    	text-decoration: none;
}

.activesmallnarrow {
    	font-weight: normal;
        font-size: 0.9em;
    	color: #2765b4;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.0em;
}

A:hover.activesmallnarrow {
	color:#ff8800;
    	text-decoration: none;
}

.activelarge {
        font-size: 1.2em;
    	font-weight: bold;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.5em;
}

A:hover.activelarge {
	color:#ff8800;
    	text-decoration: none;
}

.activetitle {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #ffffff;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.activetitle {
	color:#ff8800;
    	text-decoration: none;
}

.activeerror {
    	font-weight: bold;
        font-size: 1.0em;
    	color: #ff8800;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.activeerror {
	color:#ffffff;
    	text-decoration: none;
}


/* Form fields */

.form {
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 1.0em;
    	color: #000000;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 1.2em;
}

.form_highlight {
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 1.0em;
    	color: #000000;
    	background: #ff8800;
    	border-right-color: #c37c00;
    	border-bottom-color: #c37c00;
    	text-decoration: none;
 	letter-spacing: normal;
        word-spacing: normal;
        line-height: 1.2em;
}

A:hover.form {
    	font-family: verdana, arial, helvetica, sans-serif;
	color:#ff8800;
}

.form_signup_m {
        font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 1.0em;
    	color: #000000;
    	border-color: #FF8800;
    	border-width: 1px;
    	border-style: solid;
    	background-color: #FFEBD5;
    	/* background-color: #DDE7F0; */
}

.form_signup_v {
        font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 1.0em;
    	color: #000000;
    	border-color: #cccccc;
    	border-width: 1px;
    	border-style: solid;
    	background-color: #f1f6ff;
}

.formfield {
        font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 1.0em;
    	color: #000000;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 1.2em;
}


/* Content area */

table.content td {
    padding: 2px 0;
}

table.content tr.menu_top td {
    border-collapse: collapse;
    border-top: 0;
    border-bottom: 2px solid white;
}

table.content tr.heading_top td {
    border-collapse: collapse;
    border-top: 0;
    border-bottom: 2px solid white;
    height: 19px;
    padding: 0;
}

table.content tr.menu_bottom td {
    border-collapse: collapse;
    border-top: 0;
    border-top: 2px solid white;
    height: 21px;
}

table.content_indent {
	padding: 0 5px 0 5px;
}

tr.folder_title_left td {
        height: 19px;
	padding: 0 5px;
	vertical-align: middle;
	background-color: #f1f6ff;
}


/* Panes */

#leftpane {
    min-width: 250px; 
    border-right: 2px solid white;
}

#rightpane {
    height: 100%; 
}

#leftpanebottom {
    margin: 0;
}


/* Common folder and list styles */

#mailfoldertable, #grouptable, #mailtagtable {
    border-spacing: 0;
    border-collapse: collapse;
}

.mailfolder td, .groupfolder td, .mailtag td {
    font-size: 1.0em;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal; 
    line-height: 1.0em;
    white-space: nowrap;
}

.mailfolder td.left, .groupfolder td.left, .mailtag td.left {
    padding-left: 10px;
}

.mailfolder td.right, .groupfolder td.right, .mailtag td.right {
    padding-right: 10px;
    text-align: right;
}

div.mailrow_head, div.contactrow_head, div.filerow_head, #composeTitle td {
    clear: both;
    height: 17px;
    padding-top: 0px;
    border-bottom: 2px solid white;
    background-color: #f1f6ff;
    padding-bottom: 2px;
}

div.mailrow, div.contactrow, div.filerow {
    clear: both;
    background-color: #ffffff;
    border-bottom: 1px solid white;
}

div.mailrow:hover, div.contactrow:hover {
    background-color: #f1f6ff;
}

div.mailrow_checked, div.contactrow_checked {
    background-color: #f1f6ff;
}


/* Common folders/groups styles */

.mailfolder_active td, .groupfolder_active td {
    background-color: #f1f6ff;
}

.mailfolder_active tr, .groupfolder_active tr {
    background-color: #f1f6ff;
}

.mailfolder_active, .groupfolder_active {
    background-color: #f1f6ff;
}

.mailfolder_hover, .groupfolder_hover {
    background-color: #9ab4d1;
}
.mailfolder_hover td, .groupfolder_hover td {
    background-color: #9ab4d1;
}

.menufolder, .draftsfolder, .groupfolder, .mailtag {
        margin: 0 0 0 2px;
	padding: 0 0 0 2px;
        font-size: 1.0em;
    	color: #000000;
	font-weight: normal;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
	vertical-align: middle;
}

.menufolder.unread {
    font-weight: bold;
}

.menufolder.selected, .groupfolder.selected, .mailtag.selected {
    padding: 2px; 
    background-color: #cce1f8;
}

.menufolderimg, .groupimg, .contactimg, .tagimg {
    border: 0px;
    display: inline-block;
    vertical-align: middle;
}

.foldericon {
    margin-bottom: 2px; /* To align folder icon with folder name */
}

A:hover.menufolder {
    color:#ff8800;
}

.menufoldersel {
    margin: 0 2px;
    vertical-align: middle;
}

.folderlink {
    vertical-align: middle;
    color: #000;
}

.countRight {
    padding-right: 10px;
    text-align: right;
}


/* Button styles */

.btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1 Verdana,Sans-serif;
      color: #155d97;
      text-decoration:none;
      }
* html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
      html:not([lang*=""]) button.btn {
	  margin:0 -3px;
      }
.btn span {
      background:#fff url(/_img/webmail/button_i.png) repeat-x 0 0;
      margin:0;
      padding:1px 0;
      border-left:1px solid #95d0ff;
      border-right:1px solid #66bbff;
      }
* html .btn span {
      padding-top:0;
      }
.btn span span {
      position:relative;
      padding:1px .4em;
      border-width:0;
      border-top:1px solid #95d0ff;
      border-bottom:1px solid #66bbff;
      }
    
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
a.pill-l span {
      border-right-width:0;
      }
a.pill-l span span {
      border-right:1px solid #66bbff;
      }
a.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
a.pill-c span span {
      border-right:1px solid #66bbff;
      }
a.pill-r span {
      border-left-color:#fff;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#72AEDE url(/_img/webmail/button_a.png) repeat-x 0 0;
      border-color:#66bbff #155d97 #155d97 #66bbff!important;
      color: #e8f5ff;
      }
.btn:active span {
      background-position:0 -400px;
      outline:none;
      }
.btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

a.buttonBig {
    font-family: "Verdana Pro Semibold", Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-decoration: none;
}

.buttonBig {
    font-size: 1.5em;
}


/* Menus */

.menu {
        font-size: 1em;
    	color: #074594;
	font-weight: normal;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 1.0em;
}

A:hover.menu {
	color:#ff8800;
}

.menuinactive {
        font-size: 1.0em;
    	color: #999999;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 1.2em;
	white-space: nowrap;
}

.pagenav {
    	color: #074594;
	text-decoration: none;
}

A:hover.pagenav {
	color:#ff8800;
}

.expand {
    vertical-align: middle;
}

.menuhelp {
    	font-weight: normal;
        font-size: 1.0em;
    	color: #000000;
    	text-decoration: none;
        letter-spacing: normal; 
        word-spacing: normal;
        line-height: 1.3em;
}

A:hover.menuhelp {
	color:#ff8800;
    	text-decoration: none;
}


div.menu_top_left  {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid white;
    padding: 0px 0;
}

div.menu_top_left_element {
    float: left;
    padding-left: 10px;
    padding-right: 0px;
}

div.menu_bottom_left  {
    margin: 0;
    padding: 0;
}


div.t1 {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

div.t2 {
    display: inline-block;
    float: right;
    margin-right: 15px;
}

div.s1 {
    float: left;
    margin-left: 15px;
}


/* Submenus */

div.submenu { 
    clear: both;
    float: left;
    width: 100%;
    height: 18px;
    background-color: #fff;
    border-bottom: 1px solid white;
    padding: 0px 0;
    white-space: nowrap;
}


.submenu ul { 
	white-space: nowrap; 
	list-style: none;
	margin: 0;
	padding: 0 10px;
}

.submenu ul.right {
        float: right;
}

.submenu li { 
	float: left; 
	width: auto;
}

.submenu ul.right li { 
	float: left; 
	width: auto;
}

.submenu ul li ul.sub { 
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.submenu ul li ul li.sub { 
        float: left;
	margin: 0;
	padding: 0;
	background: none;
}

.submenu li.sub a {
        font-weight: normal;
}

.submenu img {
    display: none;
}

#menuPreferences, #menuCompose, #menuDelete, #menuRead, #menuFlag, #menuSpam, #menuNotSpam, #menuRetrieve, #menuReply, #menuForward, #menuUnread, .submenu ul.account li {
    margin-left: 5px;
}

#mark_link {
    display: none;
}

/* Hide "new" Compose button which is visible in new theme: */
#menuFoldersCompose {
    display: none;
}


/* List screen */

span.list_message_tag {
    float: left;
    margin-right: 0.3em;
     padding: 0px 2px;
     background: #f1f6ff;
     border: 1px solid #155d97;
 /*    background: #ffdf7d;
     border: 1px solid #ff8800; */
     font-weight: normal;
 }

.messageHeader {
    height: 15px;
}

div.mailrow_bottom {
    bottom: 2px;
    width: 100%;
}


/* List screen (mailrow) columns */

div.m1 {
    float: left;
    width: 3%;
    text-align: center;    
    padding-top: 1px;
}

div.m2 {
    float: left;
    width: 5%;
    text-align: center;
    padding-top: 3px;
}

div.m3 {
    float: left;
    width: 25%;
    padding-top: 3px;
    word-wrap: break-word;
}

div.m4 {
    float: left;
    width: 40%;
    padding-top: 3px;
    word-wrap: break-word;
}

div.m5 {
    float: left;
    width: 18%;
    padding-top: 3px;
    white-space: nowrap;
}

div.m6 {
    float: left;
    width: 5%;
    padding-top: 3px;
    white-space: nowrap;
    text-align: right;
}

div.m7 {
    float: left;
    width: 4%;
    text-align: center;
    padding-top: 2px;
}


/* List screen column headings */

div.mh1 {
    float: left;
    width: 3%;
    text-align: center;    
    padding-top: 1px;
}

div.mh2 {
    float: left;
    width: 5%;
    text-align: center;
    padding-top: 3px;
}

div.mh3 {
    float: left;
    width: 25%;
    padding-top: 3px;
}

div.mh4 {
    float: left;
    width: 40%;
    padding-top: 3px;
}

div.mh5 {
    float: left;
    width: 18%;
    padding-top: 3px;
    white-space: nowrap;
}

div.mh6 {
    float: left;
    width: 5%;
    padding-top: 3px;
    white-space: nowrap;
    text-align: right;
}

div.mh7 {
    float: left;
    width: 4%;
    text-align: center;
    padding-top: 3px;
}

div.mailsubject {
    margin-right: 10px;
}

div.mailrow a.maillink {
    color: #2765b4;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal;
}

div.mailsubject span.new {
    font-weight: bold;
}


/* Read screen */

span.read_message_tag {
     margin-right: 0.5em;
     padding: 0px 0px 0 2px;
     background: #f1f6ff;
     border: 1px solid #155d97;
/*    background: #ffdf7d;
    border: 1px solid #ff8800; */
    font-weight: normal;
    color: #155d97;
}

.blocked_extsrc {
    height: 20px;
    background-color: #FFB35D;
}

span.read_message_tag img {
    vertical-align: middle;
}

#htmlcontent * {
    /* margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1.0em; */
    line-height: 1.4em; 
}

blockquote.quote {
    margin: 0 0 0 2px;
    border-left: 2px solid #ABD2FD;
    padding: 0 0 0 0.5em;
}

/* Angular mail viewer */

#messageViewer {
    margin-top: 0 !important;
}

.mat-toolbar {
    border-top: 1px solid #abd2fd;
    background: none !important;
    position: absolute;
    z-index: 2 !important;
}

#messageViewer #messageContents {
    top: 10px !important;
    left: 10px !important;
    z-index: 1 !important;
    
}

#messageViewer #messageHeader {
    width: 50% !important;
}

#messageViewer .messageHeader td {
    border-bottom: none;
}

#messageViewer #messageContent {
    margin-top: 20px;
}

/* Compose */

.composeRow td {
    padding-top: 4px;
}

.show_compose_fields {
    display: none;
}

#row_show_all_fields td {
    line-height: 0px; /* To avoid vertical space when all fields are shown */
}

#div_show_all_fields {
    padding-top: 5px !important;
}

#show_all_fields {
    font-weight: normal;
    font-size: 1em;
}

#compose .recipient {
    width: 400px;
    height: 2.5em;
}

#compose #subject {
    width: 401px;
}

#compose #row_content td {
    padding-top: 10px;
}

#compose #editor {
    width: 700px;
    height: 337px;
}

.composeButton {
    margin: 5px 10px 5px 0;
}

#sendButton {
    white-space: nowrap;
}

/* Options screen */

.optionRow td, .accountRow td, .hostrow td {
    padding: 2px 2px 2px 0 !important;
}

tr.settings {
    height: 17px;
}

/* Options columns */

#optionsCol1 {
    width: 2%;
}
#optionsCol2 {
    width: 17%;
}
#optionsCol3 {
    width: 35%;
}
#optionsCol4 {
    width: 40%;
}
#optionsCol5 {
    width: 2%;
}


/* Folders screen */

.folderButton {
    width: 10em;
}

/* Folders columns */

#foldersCol1 {
    width: 2%;
}
#foldersCol2 {
    width: 2%;
}
#foldersCol3 {
    width: 73%;
}
#foldersCol4 {
    width: 7%;
}
#foldersCol5 {
    width: 7%;
}
#foldersCol6 {
    width: 7%;
}
#foldersCol7 {
    width: 2%;
}

.foldernew {
    font-weight: bold;
}

.usage {
        padding: 0 20px;
}

.usage_used {
        background-color: #155d96;
}

.usage_free {
        background-color: #9ab4d1;
}

.usage_used .activesmall {
    color: #fff;
}

.meter-wrap {
    position: relative;
    float: right;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 100px; height: 15px;
}

.meter-wrap, .meter-value {
    background: #dddddd;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 1px;
                
    color: #000;
    text-align: center;
    width: 100%;
}


/* Manager */

#managerpane {
    width: 160px;
    border-right: 1px solid #cccccc;
}

table.manager td, table.contacts td {
    padding: 1px 2px;
}

#contactsMenu {
    min-width: 800px;
}

#contactsIndex li {
    padding: 0 2px;
}

.managerIntro {
    height: 110px;
}

.managerIntro td {
    padding-left: 5px;
}


/* Contact screen columns */

div.c1 {
    float: left;
    width: 6%;
    padding-top: 1px;
    text-align: center;
}

div.c2 {
    float: left;
    width: 15%;
    padding-top: 3px;
}

div.c3 {
    float: left;
    width: 15%;
    padding-top: 3px;
    word-wrap: break-word;
}

div.c4 {
    float: left;
    width: 15%;
    padding-top: 3px;
    word-wrap: break-word;
}

div.c5 {
    float: left;
    width: 20%;
    padding-top: 3px;
}

div.c6 {
    float: left;
    width: 15%;
    padding-top: 3px;
}

div.c7 {
    float: left;
    width: 14%;
    padding-top: 2px;
}

/* Contact screen column headings */

div.ch1 {
    float: left;
    width: 6%;
    padding-top: 1px;
    text-align: center;
}

div.ch2 {
    float: left;
    width: 15%;
    padding-top: 3px;
}

div.ch3 {
    float: left;
    width: 15%;
    padding-top: 3px;
}

div.ch4 {
    float: left;
    width: 15%;
    padding-top: 3px;
}

div.ch5 {
    float: left;
    width: 20%;
    padding-top: 3px;
}

div.ch6 {
    float: left;
    width: 15%;
    padding-top: 3px;
}

div.ch7 {
    float: left;
    width: 14%;
    padding-top: 3px;
}



/* Files screen columns */

div.f1 {
    float: left;
    width: 2%;
    padding-top: 1px;
    text-align: center;
}

div.f2 {
    float: left;
    width: 5%;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
}

div.f2 a img.page  {
    width: auto;
    height: 18px;
    margin: auto auto;
    vertical-align: middle;
}

div.f3 {
    float: left;
    width: 53%;
    padding-top: 3px;
    word-wrap: break-word;
}

div.f4 {
    float: left;
    width: 20%;
    padding-top: 3px;
    word-wrap: break-word;
}

div.f5 {
    float: left;
    width: 20%;
    padding-top: 3px;
}

/* Files screen column headings */

div.fh1 {
    float: left;
    width: 2%;
    padding-top: 1px;
    text-align: center;
}

div.fh2 {
    float: left;
    width: 5%;
    padding-top: 3px;
}

div.fh3 {
    float: left;
    width: 53%;
    padding-top: 3px;
}

div.fh4 {
    float: left;
    width: 20%;
    padding-top: 3px;
}

div.fh5 {
    float: left;
    width: 20%;
    padding-top: 3px;
}


.footer {
        height: 20px;
        background-color: #155d97;
}

.menufooter {
    	font-weight: normal;
        font-size: 1.0em;
    	color: #ffffff;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 1.2em;
}

A:hover.menufooter {
	color:#ff8800;
}

.menufooterlogin {
    	font-weight: normal;
        font-size: 1.0em;
    	color: #ffffff;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 10pt;
}

A:hover.menufooterlogin {
	color:#ff8800;
}


.credit {
        padding: 10px 0; 
    	font-weight: normal;
        font-size: 0.9em;
    	color: #aaaaaa;
    	text-decoration: none;
    	letter-spacing: normal; 
        word-spacing: normal; 
        line-height: 1.0em;
}

.rowselect td {
    background-color: #eeeeaa;
}

tr.mailrow td {
    background-color: #f1f6ff;
}


/* AJAX styles */

div.loading {
    background:#ffffff none repeat scroll 0 0;
    filter:alpha(opacity=75);
    opacity: 0.75;
}

.modal {
    position:absolute;
    left:45%;
    top:45%;
    z-index:51;
    background: red;
}

#mailmessages {
    width: 100%;
}

#messagecell {
    clear: both;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#contactcell {
    clear: both;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}


/* Search area */

div.mailrow_search {
    clear: both;
    background-color: #fff;
    border-bottom: 1px solid white;
    padding-top: 1px;
    padding-bottom: 2px;
}
div.searchrow {
    clear: both;
    padding-bottom: 2px;
}

div.searchheader {
    float: left;
    width: 100px;
}

div.searchfield {
    float: left;
    width: 200px;
}

.hide_search_advanced {
    margin-left: 10px;
}

.show_search_advanced {
    margin-left: 10px;
}

p.search_feedback {
    margin: 0 10px;
}


/* Access columns */

#accessCol1 {
    width: 2%;
}
#accessCol2 {
    width: 2%;
}
#accessCol3 {
    width: 14%;
}
#accessCol4 {
    width: 10%;
}
#accessCol5 {
    width: 10%;
}
#accessCol6 {
    width: 10%;
}
#accessCol7 {
    width: 30%;
}
#accessCol8 {
    width: 2%;
}

/* Address Import screen columns */

#addressesImportCsvCol1 {
    width: 2%;
}
#addressesImportCsvCol2 {
    width: 10%;
}
#addressesImportCsvCol3 {
    width: 30%;
}
#addressesImportCsvCol4 {
    width: 20%;
}
#addressesImportCsvCol5 {
    width: 2%;
}


/* Account screen */

img.password {
    width: 20px;
    height: auto;
    vertical-align: middle;
}

/* Account Security screen */


@keyframes  border_blinker {  
  50% { background-color: #FF0000 }
}

#totp_instructions, #totp_example {
    float: left;
    width: 48%;
}

#totp_example {
    margin-top: 20px;
    margin-left: 4%;
}

ul.totp_advantages {
    margin-left: 10px !important;
}
    
.totp_advantages li {
    list-style-type: square;
    margin-left: 5px;
}

#content-empty-space {
    margin-left: 140px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
   display: none !important;
}

.container-form-builder {
    padding: 10px;
    margin: 0 auto;
    font-size: 1em;
    font-family: "Verdana Pro Light", verdana, arial, helvetica, sans-serif;
}

.container-form-builder ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.container-form-builder h2.section-header {
    display: block;
    background : #e1eeff;
    font-size: 1.3em;
    color: #000000;
    text-decoration: none;
    letter-spacing: 0px;
    word-spacing: normal;
    line-height: 2em;
    font-weight: bold;
    white-space: nowrap;
    padding: 5px 10px;
}

.container-form-builder h2.section-header .field-input.checkbox {
    position: absolute;
    right: 0px;
    margin-top: -30px;
}

.container-form-builder select {
}

.container-form-builder .field-content {
    margin: 10px;
}

.container-form-builder .field-input.field_error input {
    border: 3px solid #dd7070;
    margin-left: -2px;
    background: #f3cfcf;
}

.container-form-builder ul.errors {
    list-style: circle;
    color: #dd7070;
    font-weight: bold;
}

.container-form-builder ul.errors li:first-child {
    margin-top: 10px;
}

.container-form-builder ul.errors li {
    margin-bottom: 10px;
    display: list-item;
    list-style-type: none;
    padding: 0;
}

.container-form-builder input,
.container-form-builder textarea 
{
    background: white;
    border: 1px solid #9bc0de;
    font-size: 1em;
    letter-spacing: normal;
    line-height: 1.2em;
    padding:5px 3px;
    text-decoration: none;
    word-spacing: normal;
    color: #000;
    font-family: "Verdana Pro SemiBold", verdana, arial, helvetica, sans-serif;
}
.container-form-builder input:focus,
.container-form-builder textarea:focus 
{
    border: 1px solid #155d97;
}

.container-form-builder input::-webkit-input-placeholder,
.container-form-builder input::-moz-placeholder,
.container-form-builder input::-ms-input-placeholder,
.container-form-builder input::-moz-placeholder {
    color: #F00;
}

/* tabs */
.container-form-builder .tabs .tabs-ul {
    margin-bottom: 0px;
}
.container-form-builder .tabs .tabs-ul li:first-child {
    border-left: 1px solid #ececec;
}
.container-form-builder .tabs .tabs-ul li {
    display: inline-block;
    border-right: 1px solid #ececec;
    border-top: 1px solid #eee;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 1.1em;
    transition: background 250ms linear
        , font-size 50ms linear
        ;
    
}
.container-form-builder .tabs .tabs-ul li:hover {
    background: #eee;
    transition: background 50ms linear, font-size 50ms linear;
}
.container-form-builder .tabs .tabs-ul li.tab-selected {
    background: #155d97;
    color: #FFF;
    transition: background 50ms linear, font-size 50ms linear;
}
.container-form-builder .tabs.container > .content {
    margin-top: -14px;
}

.container-form-builder.security-page .field-input.password-field .field-content {
    display:inline-block;
    font-style: italic;
}

.container-form-builder.security-page .password-field {
    /*
    text-align: center;
    */
    padding: 10px;
}

.rb_form_builder #password,
.rb_form_builder #password_hint_2,
.rb_form_builder #password_header_unlockcode,
.rb_form_builder #unlock_code,
.rb_form_builder #unlock_code,
.rb_form_builder #unlock_code_question,
.rb_form_builder #unlock_code_answer {
    text-align: center;
}

.rb_form_builder #download_unlock_code {
    margin-left: 20px;
}

.rb_form_builder .inline > * {
    display: inline-block;
}

.rb_form_builder .rwo-rows-field label, .rb_form_builder .field-table label {
    width: 150px;
}

.rb_form_builder #table-services td {
    white-space: nowrap;;
}

.container-form-builder .field-input
,.container-form-builder .field-select 
{
    margin-bottom: 10px;
}
.container-form-builder .field-input label 
,.container-form-builder .field-select label 
,.container-form-builder .field-table > label 
,.container-form-builder .pass_16_char label
{
    display: inline-block;
    text-align: right;
    margin-right: 10px;
/*    vertical-align: top; */
}

.container-form-builder .buttons {
    text-align: center;
}

.container-form-builder .field-table > label 
{
    vertical-align: top;
    margin-top: 10px;
}

.container-form-builder .field-input.checkbox label 
{
    margin-top: 0px;
}

.container-form-builder #content-qr-code {
    margin-left: 200px;
}

.container-form-builder .field-input.checkbox label, 
.container-form-builder .field-input.radio label
{
    width: auto;
}

.container-form-builder .field-input input,
.container-form-builder .field-input textarea,
.container-form-builder .field-input button
{
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}
.container-form-builder .field-input textarea
{
    vertical-align: top;
}

.container-form-builder .field-input.checkbox [type=checkbox], 
.container-form-builder .field-input.radio [type=radio]
{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    
}

.container-form-builder .field-input button,
.container-form-builder .field-input input[type=submit]
{
    background-color: #155d97;
    border: 1px solid #155d97;
    color: #FFF;
    font-family: "Verdana Pro Light",verdana,arial,helvetica,sans-serif;
    font-size: 1.1em;
    padding: 3px 6px;    
    transition: background-color 15ms linear;
}
.container-form-builder .field-input button:disabled,
.container-form-builder .field-input input[type=submit]:disabled 
{
    background-color: #81aacc;
    border: 1px solid #737f89;
}
.container-form-builder .field-input button:active,
.container-form-builder .field-input input[type=submit]:active 
{
    background-color: #1678c6;
    border: 1px solid #737f89;
    transition: background-color 15ms linear;
}
.container-form-builder .field-input button:hover,
.container-form-builder .field-input input[type=submit]:hover
{
    background-color: #1272c0;
    border: 1px solid #737f89;
    transition: background-color 15ms linear;
    cursor: pointer;
}

.container-form-builder table,
.container-form-builder table tr,
.container-form-builder table th,
.container-form-builder table td
{
    padding: 0;
    margin: 0;    
    border-spacing: 0px;
    border-collapse: separate;
}

.container-form-builder table {
    /*! min-width: 400px; */
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #D7D5D7;
    border-right: 1px solid #D7D5D7;
    border-bottom: 1px solid #D7D5D7;
}

.container-form-builder table th {
    border-bottom: 2px solid #F2F2F2;
    padding: 10px 15px;
    font-size: 1.2em;
}

.container-form-builder table tr+tr td {
    border-top: 1px solid #EFEFEF;
}

.container-form-builder table tr td {
    padding: 10px 15px;
}

.container-form-builder table tr td:nth-child(2n+0) 
{
    background: #f9f9f9;
}

.container-form-builder table tr th:nth-child(2n+0) 
{
/*    background :#f6f6f6; */
}

.container-form-builder table tr:nth-child(2n+0) {
    background: #f9f9f9;
}

.container-form-builder table tr td > * {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0 !important;
}

.container-form-builder table tr td .is_current_device {
    background: #e1eeff;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #e7ecf0;
        -webkit-box-shadow:inset 0 0 10px #fff;
       -moz-box-shadow:inset 0 0 10px #fff;
            box-shadow:inset 0 0 10px #fff;

}

.container-form-builder .field-input.marginleft.checkbox {
    margin-left: 210px;
}

/* The switch - the box around the slider */
.container-form-builder .switch {
  position: relative;
  display: inline-block;
  width: 55px !important;
  height: 28px;
}

/* Hide default HTML checkbox */
.container-form-builder .switch input {display:none;}

/* The slider */
.container-form-builder .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dd7070;
  -webkit-transition: .4s;
  transition: .4s;
}

.container-form-builder .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.container-form-builder input:checked + .slider {
  background-color: #33AB3D;
}

.container-form-builder input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.container-form-builder input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* animated otp begin */

.container-form-builder .timer {
    position:relative;
    font-size: 200px;
    width:1em;
    height:1em;
    float: left;
}

.container-form-builder .timer > .percent {
    position: absolute;
    top: 1.05em;
    left: 0;
    width: 3.33em;
    font-size: 0.3em;
    text-align:center;
}

.container-form-builder .timer > #slice {
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0px,1em,1em,0.5em);
}

.container-form-builder .timer > #slice.gt50 {
    clip:rect(auto, auto, auto, auto);
}

.container-form-builder .timer > #slice > .pie {
    border: 0.1em solid #c0c0c0;
    position:absolute;
    width:0.8em; /* 1 - (2 * border width) */
    height:0.8em; /* 1 - (2 * border width) */
    clip:rect(0em,0.5em,1em,0em);
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; 
    border-radius:0.5em; 
}

.container-form-builder .timer > #slice > .pie.fill {
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
}

.container-form-builder .timer.fill > .percent {
    display: none;
}

.container-form-builder .timer.fill > #slice > .pie {
    border: transparent;
    background-color: #155d97;
    width:1em;
    height:1em;
}

.container-form-builder .totp-timer-code {
    font-weight: bolder;
    font-size: 0.8em;
    margin-left: 5px;
}

.container-form-builder .totp-timer,
.container-form-builder .totp-timer-code 
{
    vertical-align: middle;
    display: inline-block;
    margin-right: 0px;
}

.container-form-builder #totp_test_code input {
    width: 125px;
}

.container-form-builder .otp-print {
    margin-top: 15px; 
    display: inline-block; 
    vertical-align: middle;
}

.totp-example {
    padding: 5px 30px;
    text-align: center;
}

.container-totp-animation {
    margin-top: 121px;
    margin-left: 19px;
    position: absolute;
}

.container-totp-animation .totp-timer-code {
    margin-left: 2px;
    margin-top: 4px;
}


/* animated otp begin */

.container-form-builder .base64scan {
  background: url(/_img/totp.png) no-repeat left center;
  margin-left: 10px;
  display: inline-block;
  height: 176px;
  width: 207px;
}

.container-form-builder .cursor_pointer {
    cursor: pointer;
}

.container-form-builder .mininize-maximize-float_right {
    right: 30px;
    position: absolute;
    margin-top: 6px;
}

.container-form-builder .modal-container {
    background: url(/_img/bg_opaque.png) repeat left center;
    position: fixed;
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
}

.container-form-builder .modal-container > ul {
    background: #FFF;
    border: 5px solid #8f8f8f;
    margin: 10px auto !important;
    padding: 0;
    width: 70%;
    margin-top: 5% !important;
    list-style: none;
    cursor: default;
}

.container-form-builder .modal-container > ul > li {
    margin: 10px;
}

.container-form-builder .modal-container > ul > .content {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.container-form-builder .empty_table_msg {
    text-align: center;
    font-weight: bold;
}

.container-form-builder .modal-container > ul > .title h2 {
    margin: 0;
    margin-bottom: 10px
}

.modal-container .buttons.inline > * {
    display: inline-block;
}

/* loader */

.infinite-loader {
    height: 4px;
    width: 100%;
    position: fixed;
    overflow: hidden;
    background-color: #ddd;
    z-index: 1;
    top: 0px;
    box-shadow: 0px 2px 4px #fff;
}

.infinite-loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #2980b9;
    animation: loading 2s linear infinite;
}

.infinite-loader.success:before {
    background-color: #33AB3D;
    width: 100%;
    animation: none;
    left: 0;
}

.infinite-loader.error:before {
    background-color: #dd7070;
    width: 100%;
    animation: none;
    left: 0;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% {left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}


.container-form-builder .pass_16_char .new-pass
{
    margin-bottom: 10px;
    letter-spacing: 3px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 8px 3px;
    min-width: 200px;
    text-align: center;
    background: #e8f5f6;
    color: #3e3e3e;
    display: inline-block;
    vertical-align: middle;
}

.container-form-builder .otp-list li {
    display: inline-block;
}

.container-form-builder .warning_first_time {
    background : #f3cfcf;
    border : 3px solid #dd7070;
    padding: 15px;
    width: 70%;
    margin: 0 auto;
}

.container-form-builder.container-login {
    background: #FFF;
    border: 1px solid #155d96;
    margin: 25px 50px 0 50px;
    padding: 10px 25px;
}

.container-form-builder.container-login .errors {
    color: #F00;
    text-align: left;
    margin-left: 135px !important;
    margin-top: 5px;
    margin-bottom: 10px;
}

.container-form-builder.container-login ul {
    text-align: left;
}

.container-form-builder.container-login form > ul > li {
    width: 100%;
    padding: 0;
}

.container-form-builder.container-login form > ul.inline > li {
    width: auto !important;
}

.container-form-builder.container-login .field-input > ul > li > label {
}

.container-form-builder.container-login #single-factor form label, 
.container-form-builder.container-login #single-factor form input
{
    display: inline-block;  
    vertical-align: middle;
}

.container-form-builder.container-login form label {
    width: 120px;
    margin-right: 5px;
    display: inline-block;
    text-align: right;
}

.container-form-builder.container-login #single-factor li {
    display: inline-block;
    margin: 0; 
    padding: 0;
}

.container-form-builder .section-header .rwo-rows-field label {
    vertical-align: top;
    line-height: 1.5em;
}

.container-form-builder .field-table .rwo-rows-field label {
    vertical-align: middle;
}

.container-form-builder.container-login #single-factor .rwo-rows-field > li {
    margin: 0; 
    padding: 0;
    width: 100%;
}

.container-form-builder .minimizer-maximizer {
    font-size: 0.9em;
    width: 85px;
    text-align: right;
}

.container-form-builder.container-login #two-factor-options-list form > ul {
    display: inline-block;
    cursor: pointer;
}

.container-form-builder.container-login #two-factor-options-list form li > ul > li {
    display: block;
    text-align: center;
}

.container-form-builder.container-login #two-factor-options-list .option-2fa.opacity50, 
.container-form-builder.container-login #two-factor-options-list:hover .option-2fa
{
    filter:alpha(opacity=25);
    opacity: 0.25;
}

.container-form-builder.container-login #two-factor-options-list .option-2fa:hover ,
.container-form-builder.container-login #two-factor-options-list .option-2fa:focus ,
.container-form-builder.container-login #two-factor-options-list .option-2fa.selected
{
    filter:alpha(opacity=100);
    opacity: 1;
}


 .container-form-builder.container-login #btn-login 
,.container-form-builder.container-login #btn-otp
,.container-form-builder.container-login #btn-totp
,.container-form-builder.container-login #btn-unlock
{
    display: inline-block;
}

.container-form-builder.container-login .field-input {
    margin-bottom: 0px;
}

.container-form-builder.container-login .modal-container > ul {
    text-align: center;
}

.container-form-builder.container-login .modal-container > ul .title ,
.container-form-builder.container-login .modal-container > ul .content,
.container-form-builder.container-login .modal-container > ul .buttons
{
    margin: 10px;
    display: block;
}

.container-form-builder.container-login .modal-container > ul .title {
    margin: 0 auto;
    margin-top: 10px;
}

.container-form-builder .inline_block {
    display: inline-block;
}

.container-form-builder .block {
    display: block !important;
}

.container-form-builder .animated-loader .icon-btn-loader {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(/_img/icon_loader_login.gif) no-repeat left center;
}

.container-form-builder .animated-loader button, 
.container-form-builder .animated-loader input[type=submit]
{
    color: #bdbdbd;
    border: 1px solid #cfcfcf;
    background: #c7e5ff !important;
}

.container-form-builder .content-2fa form:nth-child(n+2) {
    margin: 0px 10px;
}

.container-form-builder #table_login .success {
    color: #018531; 
}

.container-form-builder #table_login .error {
    color: #F00;
}

.container-form-builder .spacer_label {
    margin-left: 205px;
}

.container-form-builder #header-2fa .field-label,
.container-form-builder #header-totp .field-label,
.container-form-builder #app-pass-header .field-label,
.container-form-builder #header-otp .field-label
{
    width: 70px;
    text-align: left;
}

.container-form-builder #table-services td .checkbox .field-label ,
.container-form-builder #table-trusted-browsers td .checkbox .field-label ,
.container-form-builder #table-app-pass td .checkbox .field-label {
    width: 70px;
    text-align: left;
}

.content-access-control .inline li {
    width: 300px;
}

.content-access-control .inline label {
    width: 100px;
}

.container-form-builder #download_app_pass {
    margin-left: 10px;
}

.container-form-builder #content-qr-code img {
    height: 250px;
    margin-left: -70px;
    border: 0px solid #000;
}

.container-form-builder.security-page .content-access-control #ips li {
    width: 600px;
}    

.container-form-builder.security-page .content-access-control #clear_ips {
    margin-left: 150px;
}


.content-access-control .sub_section_1
{
    margin: 0px 0 0 10px ;
}

.content-access-control .sub_section_2
{
    margin: 0px 0 0 20px;
}

.content-access-control .sub_section_3
{
    margin: 0px 0 0 30px;
}

.content-access-control #is_overwrite_subaccount_ip_rules li {
    width: 400px;
}

.content-access-control #is_overwrite_subaccount_ip_rules label {
    width: 250px;
}

.content-access-control #btn_update_overwrite_subaccount_ip_rules {
    margin-left: 50px;
}

.container-form-builder .hidden {
    display: none;
}

.container-form-builder #table-last_logins .field-table {
    display: inline-block;
}

.container-form-builder #table-last_logins .field-table table {
    max-height: 500px;
    overflow-y: scroll;
    width: 100%;
}

.container-form-builder form > ul#form_errors {
    background: #FAB5B5;
    padding: 10px 10px;
    margin-top: 15px;
}

.container-form-builder #table-app-pass tr.has_new_password td {
    background: #e1eeff;
}

.container-form-builder #table-app-pass td .suggestion {
    margin-left: 45px;
    position: absolute;
}

.container-form-builder form span.subaccounts  {
    font-weight: bold;
}

.container-form-builder form .ip_rules_warning  {
    color: red;
}

.container-form-builder .badge-new {
    color: #FFF;
    background: #FF8800;
    border: 1px solid #F00;
    font-size: 0.8em;
    padding: 0.2em 0.5em;
    margin-left: 1em;
    font-weight: bolder;
    border-radius: 5px;
    letter-spacing: 1px;
    vertical-align: middle;
}

/* Bottom menu */

.menu2 {
	height: 20px;
	margin-top: 6px;
	background-color: #0f4b7d;
}

ul.menu2 {
        padding: 4px 0 0 0;
	margin: 0;
	text-align: center;
}

ul.menu2 li { 
        margin: 0 40px;
	display: inline; 
}

ul.menu2 li a {
        text-decoration: none;
	font-size: 0.8em;
	font-weight: normal;
/*	color: #155d97; */
        color: #97c5ff;
	border:0px;
}

ul.menu2 a:hover {
/*        color: #4785d4; */
        color: #c7e5ff;
}

/* Footer */

.copyright {
        margin: 10px 0;
        height: 25px;
        color: #888888;
        text-align: center;
        font-size: 7pt;
}

.footer_font {
    float: left;
    margin: 5px 0 0 0;
}