html {
    margin: 0px 0px 1px 0px;
    padding: 0px;
    height: 95%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10px;
    color: #515253;
}

img {
    border: 0;
    /*	<!--[if IE 6]>
  		behavior:url("pngbehavior.htc");
  	<![endif]-->
      */
}

a {
    /*//color: #096AA8;*/
    text-decoration: underline;
}

*:focus {
    outline: none;
}

br {
    line-height: 18px;
}

#logoplaceholder {
    width: 124px;
    float: left;
    height: 35px;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#wrapper {
    width: 100%;
    /*	width:900px;*/
    background-color: #ffffff;
    display: block;
    padding-bottom: 40px;
}

#header {
    display: table;
    width: 100%;
    background: #001B40;
    height: 40px;
    margin-top: 0px;
    float: left;
}

#productname {
    position: relative;
    display: table-cell;
    float: left;
    padding: 0px;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 5px;
    line-height: 18px;
    font-weight: bold;
    font-size: 10px;
    vertical-align: middle;
}

#login {
    position: relative;
    display: block;
    float: right;
    margin-top: 1px;
    margin-right: 1px;
    /*vertical-aligh: bottom;*/
    height: 22px;
    font-weight: bold;
}

.login_corner {
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    color: #ffffff;
}

.login_cont {
    float: left;
    padding-top: 2px;
    padding-left: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    color: #ffffff;
    /*	background-color: #8EA3BD;
  	padding-right: 20px;
  */
    height: 20px;
}

.login_cont img {
    margin-right: 3px;
}

.login_cont a {
    color: #ffffff;
    text-decoration: underline;
}

.login_cont a:hover {
    color: #66CCFF;
    text-decoration: underline;
}

#title {
    /*background-image:url(../../images/img/blue/title_bg.jpg);
  background-repeat:repeat-x;
  background-position: center top;*/
    background: #4386f9;
    width: 99%;
    display: block;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    text-align: left;
    /*	height: 23px; */
    border-top: solid 1px #001B40;
    border-bottom: solid 1px #001B40;
    /*float:left;*/
    height: 23px;
}

.title {
    background-image: url(../../images/img/blue/title_bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    height: 23px;
    width: 900px;
}

#title_bar {
    padding-left: 5px;
    display: block;
    width: 900px;
    height: 23px;
}

.title_text {
    display: block;
    float: left;
    padding-top: 1px;
    line-height: 20px;
    color: #fff;
    font-size: 10px;
}

.title_info {
    float: right;
    margin-top: 2px;
    padding-top: 1px;
    padding-right: 4px;
}

.title_help {
    display: block;
    float: right;
    margin-top: 0;
    padding-top: 0px;
    line-height: 15px;
}

#nav_container {
    display: block;
    float: left;
    margin-top: 0px;
    margin-left: 6px;
    /*updated by deepak on 18 june as client requirement, it was 30 earlier*/
    width: 555px;
    /*updated by deepak on 18 june as client requirement, it was 755 earlier*/
    border-bottom: #B2C0D2 1px solid;
    /*border-right:solid 1px #B2C0D2;*/
    border-left: solid 1px #B2C0D2;
}


/*for IE 6 browser only*/


/** html #nav_container {
	margin-left:0.3%;
	width: 900px; 
}*/

#nav_sub {
    display: block;
    margin-top: 0px;
    margin-left: 5px;
    width: 534px;
    /*updated by deepak on 18 june as client requirement, it was 734 earlier*/
    height: auto;
    padding: 0 10px;
    background-color: #EDF4F9;
    border-color: #B2C0D2;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    color: #096AA8;
    float: left;
    /*	line-height: 20px;*/
}

#title_under {
    display: block;
    width: 900px;
    text-align: left;
    background-image: url(../../images/img/blue/content_bg.jpg);
    background-repeat: repeat-x;
    margin: 0 auto;
    float: left;
}

#content {
    /*	padding-top: 10px; */
    /* updated on 18 june as per client feedback at V5_3_test_UI.doc */
    /*	width:900px;*/
    width: 100%;
}

.sect {
    display: block;
    margin-bottom: 0px;
    margin: 0% 0.5%;
    /*	width: 880px;*/
    width: 99%;
}

.message {
    display: block;
    margin-top: 1px;
    width: 100%;
    float: left;
}

.sect_header {
    display: block;
    background-image: url(../../images/img/blue/sect_header.jpg);
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-bottom: 0px;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    float: left;
    width: 100%;
    line-height: 10px;
}

.sect_header_img {
    float: left;
}

.sect_header_titles {
    float: left;
    margin-top: 11px;
}

.sect_header_results {
    color: #000000;
    font-size: 10px;
    margin-left: 240px !important;
    margin-left: 260px;
    line-height: 15px;
    float: left;
    padding-top: 10px;
}

.sect_header_action {
    color: #000000;
    font-size: 10px;
    margin-left: 260px;
    line-height: 12px;
    float: left;
    padding-top: 0px;
}

.sect_header_results_msg {
    color: #000000;
    font-size: 10px;
    text-align: left;
    float: left;
}

.sect_content {
    display: block;
    margin-top: 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #B2C0D2;
    /*	width:861px;*/
    width: 98%;
    padding: 10px 1%;
    height: auto;
    line-height: 9px;
    /*	background-image:url(../../images/img/blue/content_bg.jpg);
background-repeat: repeat-x; */
    float: left;
    margin-bottom: 50px;
}


/** html .sect_content {
	margin-bottom:10px;
}*/

table {
    font-size: 10px;
    display: table;
    /*	width: 850px; */
}

th {
    /*	padding: 0 20px 8px 0;*/
    text-align: left;
    width: 160px;
    font-size: 10px;
    line-height: 15px;
    /*updated on 13 aug by deepak*/
    padding-left: 2px;
    font-weight: normal;
}

#divSlider {
    width: 35.7em;
}
#period {
    width: 28%;
}

#search_form > table {
	border-collapse: separate;
    border-spacing: 5px;
}
#search_form > table > tbody > tr {
    height:25px;
}

/* Style for Basic and Advanced search panel's Direction checkboxes*/
#search_form [name="directions"], #search_form div[name="directions_checkbox"] {
    margin-top:0px;
    margin-left:22px;
}
/* Style for Basic and Advanced search panel's Direction first checkbox*/
#search_form [name="directions"]:nth-child(1), #search_form div[name="directions_checkbox"]:nth-child(1) {
    margin-left:0px;
}

.sect_left {
    display: table-cell;
    float: left;
    text-align: left;
    width: 160px;
    height: 20px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.sect_right {
    display: table-cell;
    float: right;
    width: 643px;
    height: 20px;
    margin: 0px;
    padding-bottom: 5px;
    text-align: left;
}

.sect_table {
    width: 830px;
}

.sect_table th {
    min-width: 75px;
    border-top: dashed 1px #B2C0D2;
    border-bottom: dashed 1px #B2C0D2;
    border-left: dashed 1px #B2C0D2;
    /*	padding: 0px 5px 5px 5px;*/
    font-weight: bold;
}

.sect_table th.right {
    border-right: dashed 1px #B2C0D2;
}

.sect_table td {
    min-width: 75px;
    border-bottom: dashed 1px #B2C0D2;
    border-left: dashed 1px #B2C0D2;
    padding: 0px 5px 5px 5px;
}

.sect_table td.right {
    border-right: dashed 1px #B2C0D2;
}

.sect_line {
    border: dashed 1px #B2C0D2;
    height: 1px;
    width: 830px;
}

.sect_divider {
    border-bottom: solid 1px #B2C0D2;
    height: 1px;
    width: 850px;
    /*	margin: 5px 0 5px 0;*/
    padding: 5px 0 5px 0;
    float: left;
}


/*.sect_bottom {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#B2C0D2;
	height:15px;
	width: 883px;
	background-image:url(../../images/img/blue/sect_box_corner_user.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}*/

.absleft {
    display: block;
    float: left;
    height: 25px;
}

.absright {
    display: block;
    float: right;
    height: 25px;
}

.center {
    width: 800px;
    text-align: center;
}

table.result {
    /* width: 850px; */
    font-size: 10px;
    margin-top: 15px;
}

table.result th {
    font-weight: bold;
    padding: 0 3px;
    /*updated on 27 July 2010*/
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #B2C0D2;
    width: auto;
    line-height: 8px;
}

table.result th a {
    color: #515253 !important;
}

table.result td {
    display: table-cell;
    vertical-align: text-top;
    padding: 3px 0;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #B2C0D2;
    word-wrap: break-word;
}

table.result td.noborder {
    border: none;
}

td.hover,
.result tr:hover {
    /*	background-color: #E2E7EB; */
    cursor: pointer;
}

th.hover,
.result tr.nohover:hover {
    background-color: #ffffff;
    cursor: default;
}

table.result td a {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10px;
    color: #515253;
    text-decoration: none;
}

#footer {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
    width: 900px;
    background-color: #ffffff;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #B2C0D2;
}


/*FORM STYLES*/

form {
    margin: 0;
    padding: 0;
}

input {
    width: 55%;
    /*updated by deepak on 18 june as client requirement, it was 99 percent earlier*/
    /*	height: 17px;*/
    border: solid 1px #6f6f6f;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10px;
    color: #515253;
}

input.auto {
    width: auto;
    border: solid 1px #6f6f6f;
}

input.date {
    width: 30px;
    border: solid 1px #6f6f6f;
}

input.checkbox {
    width: auto;
    padding-right: 10px;
    border: none;
    vertical-align: middle;
}

input.radio {
    width: auto;
    padding-right: 7px;
    border: none;
    vertical-align: middle;
}

select {
    width: auto;
    border: solid 1px #6f6f6f;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10px;
    color: #515253;
}

.custom_select {
    border: 1px inset #fff;
}

textarea {
    width: 99.5%;
    border: solid 1px #6f6f6f;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10px;
    color: #515253;
}


/*buttons*/

button {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    width: auto;
    /*	margin:1px 0;*/
    height: 25px;
    padding-bottom: 3px;
}


/*jQUery related for 'INFORMATION' */

ul.plugins {
    margin: 0;
    padding: 0;
}

ul.plugins li {
    margin: 0 12px 12px 0;
    list-style-type: none;
    width: 300px;
    height: 220px;
    float: left;
    color: white;
    border: 1px solid white;
    text-align: center;
    font-weight: bold;
}

#accordion,
#draggable,
#resizable,
#selectable,
#sortable,
#tabs {
    margin: 10px;
    width: 300px;
    height: 220px;
    text-align: center;
    background: #FFFFFF;
    color: white;
    font-weight: bold;
}

#selectable div {
    width: 45px;
    height: 45px;
    float: left;
    margin: 6px;
    border: 1px solid white;
}

#selectable .ui-selecting {
    background: gray;
}

#selectable .ui-selected {
    background: black;
}

#sortable div {
    width: 45px;
    height: 45px;
    float: left;
    margin: 6px;
    border: 1px solid white;
}

#sortable .ui-sortable-helper {
    background: black;
}

.draggable {
    margin: 10px;
    width: 32px;
    height: 30px;
    float: left;
    background: #B2C0D2;
}

#droppable {
    margin: 10px;
    width: 190px;
    height: 130px;
    float: left;
    border: 1px solid #B2C0D2;
    overflow: hidden;
}

#droppable .draggable {
    margin: 7px;
}

.ui-dialog {
    background-color: #FFFFFF;
}

.ui-dialog .ui-dialog-titlebar {
    /*_height: 29px;*/
    background-image: url(../../images/img/blue/dialog_title_bg.jpg);
    background-repeat: repeat-x;
    padding: 5px 0 0 0;
    height: 28px;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 130px;
    cursor: pointer;
    color: #096AA8;
    font-weight: bold;
    margin-top: 3px;
}

.ui-dialog .ui-dialog-titlebar-close-hover {
    color: #B2C0D2;
}

.ui-dialog .ui-dialog-title {
    margin-left: 5px;
    color: #424242;
    font-weight: bold;
    position: relative;
    top: 4px;
    left: 4px;
}

.ui-dialog .ui-dialog-content {
    margin: 0px;
    padding: 0x;
}

.ui-dialog .ui-dialog-buttonpane {
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: 100%;
    text-align: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 6px;
}


/* Dialog handle styles */

.ui-dialog .ui-resizable-n {
    cursor: n-resize;
    height: 4px;
    width: 100%;
    top: 0px;
    left: 0px;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-s {
    cursor: s-resize;
    height: 4px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-e {
    cursor: e-resize;
    width: 4px;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-w {
    cursor: w-resize;
    width: 4px;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-se {
    cursor: se-resize;
    width: 4px;
    height: 9px;
    right: 0px;
    bottom: 0px;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-sw {
    cursor: sw-resize;
    width: 4px;
    height: 9px;
    left: 0px;
    bottom: 0px;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-nw {
    cursor: nw-resize;
    width: 4px;
    height: 29px;
    left: 0px;
    top: 0px;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-dialog .ui-resizable-ne {
    cursor: ne-resize;
    width: 4px;
    height: 29px;
    right: 0px;
    top: 0px;
    background: #B2C0D2 !important;
    border: none !important;
}

.ui-slider {
    margin: 10px;
    background: #B2C0D2;
    height: 9px;
    max-height: 9px;
    position: relative;
}

.ui-slider-handle {
    width: 10px;
    height: 15px;
    background: white;
    position: absolute;
    top: 0px;
    left: 0px;
}

.folder_table_data p {
    color: red;
}


/*from old css file*/

.table {
    float: left;
    padding: 5px;
    margin: 2px 0px 0px 0px;
    background: #fff;
    /*
color: #00669;	border: solid 1px #006699;*/
}

.sortDIV {
    position: absolute;
    /*	left: 550px; */
    top: 450px;
    display: none;
    border: 1px #006699 solid;
    background-color: #cccccc;
    z-index: 999;
}


/* For Display of a logical section of display like ,We used it in div tag */

.main {
    /* original length 770 ,Modified by: Ritesh , Purpose: this is not sufficeint for displaying whole menu with in the border */
    width: 99%;
    background: #fff;
    color: #333;
    border: solid 1px #BACFE3;
    margin-left: 3px;
}


/*new class by deepak on 23 april*/

.page_title {
    line-height: 15px;
    float: left;
    padding-top: 10px;
    margin-left: 3px;
}

.advanced_search_table button {
    width: 18px;
    font-size: 10px;
    margin: 0;
    padding: 0;
    margin-right: 3px;
    border: none;
    background: #FFF;
    /*	background-image:url(../../images/img/blue/date_button_back.jpg);
  background-repeat:no-repeat;
  background-position:center; */
    height: 16px;
}

.page_body_placeholder {
    width: 850px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #B2C0D2;
    margin: 0 auto;
    padding: 16px 16px 0px 16px;
}

.doted_table th {
    min-width: 75px;
    border-top: dashed 1px #B2C0D2;
    border-bottom: dashed 1px #B2C0D2;
    border-left: dashed 1px #B2C0D2;
    padding: 0px 5px 5px 5px;
    font-weight: bold;
}

.doted_table th.right {
    border-right: dashed 1px #B2C0D2;
}

.doted_table td {
    min-width: 75px;
    border-bottom: dashed 1px #B2C0D2;
    border-left: dashed 1px #B2C0D2;
    padding: 0px 5px 5px 5px;
}

.doted_table td.right {
    border-right: dashed 1px #B2C0D2;
}


/*.doted_table td.right {
	border-right:dashed 1px #B2C0D2;

}
*/

.sect_line {
    border: dashed 1px #B2C0D2;
    height: 1px;
    width: 830px;
}


/*.sect_bottom {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#B2C0D2;
	height:15px;
	width: 893px;
	background-image:url(../../images/img/blue/sect_box_corner_user.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}*/

.reports_main_table select {
    width: 100px;
}

.period_radio_button input {
    width: 10px;
    border: none;
}

.main_footer {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-top: 2px;
    text-align: right;
    border-top: solid 1px #d5dde3;
    position: fixed;
    bottom: 0;
    background: #fff;
}


/* IE6 position fixed Bottom */


/*
* html .main_footer  {
	position:absolute;
	bottom:auto;
	top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
*/

.pagebanner {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #006699 ; */
    font-weight: bold;
}

.pagelinks {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #006699 ; */
    font-weight: bold;
}

.table700 {
    float: left;
    width: 700px;
    padding: 5px;
    margin: 2px 0px 0px 0px;
    background: #fff;
    color: #000;
    border: solid 1px #000;
}

.textfield_noedit {
    border: 1px #6f6f6f solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    background-color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
    width: 120px;
    line-height: 18px;
    float: left;
    height: 15px;
}

.reports_main_table a {
    text-decoration: none;
    height: 14px;
    line-height: 12px;
}

table.result td table td {
    display: table-cell;
    vertical-align: text-top;
    padding: 0 3px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #B2C0D2;
}

.subheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #00194f;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #aaa;
}
#popupUserListForm .subheading{
    border-bottom: none;
}


/*new classes added on 14 may by deepak (for login page only)*/

.page_body {
    background: url(../../images/img/blue/login_page_background.jpg) repeat-x;
    background-position: top;
    margin-top: 100px;
}

.login_box_main {
    width: 712px;
    height: 300px;
    background: url(../../images/img/blue/login_box_background.jpg) no-repeat;
    margin: 0 auto;
    margin-top: 0px;
}

.login_box_left_part {
    width: 290px;
    float: left;
    padding-top: 75px;
}

.login_logo {
    width: 100%;
    float: left;
    text-align: center;
}

.login_version {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
    font-size: 10px;
    font-weight: bold;
    color: #004c8f;
}

.login_box_right_part {
    width: 400px;
    float: left;
    padding-top: 5px;
    padding-left: 20px;
}

.login_title_text {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #ed8102;
}

.login_box_table {
    width: 75%;
    float: left;
    margin-top: 20px;
}

.login_box_table th {
    font-weight: bold;
    font-size: 10px;
    line-height: 25px;
}

.login_box_table input {
    width: 98%;
    line-height: 16px;
    height: 16px;
    font-size: 10px;
}


/*.login_box_table button {
	width:80px;
	height:25px;
	margin-left:5px;
	line-height:20px;
	padding-bottom:3px;
}*/

.forgot_box_table {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.forgot_box_table th {
    font-weight: bold;
    font-size: 10px;
    line-height: 25px;
}

.forgot_box_table input {
    width: 50%;
    line-height: 16px;
    height: 16px;
    font-size: 10px;
}

.forgot_box_table button {
    width: 80px;
    height: 25px;
    margin-left: 5px;
    line-height: 20px;
    padding-bottom: 3px;
}

.login_forgot_password {
    width: 365px;
    float: left;
    text-align: right;
    margin-top: 85px;
    height: 85px;
}

.login_forgot_password a {
    font-weight: bold;
}


/*new classes added by deepak on 21 may*/

.forgot_pass_box_table {
    width: 95%;
    float: left;
    margin-top: 15px;
}

.forgot_pass_box_table th {
    width: 150px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: right;
}

.forgot_pass_box_table td {
    width: 190px;
}

.forgot_pass_box_table input {
    width: 100%;
}

.forgot_pass_box_table button {
    width: 160px;
    margin-top: 10px;
}

.forgot_pass_box_table button img {
    margin-right: 5px;
}

.forgot_pass_reminder_note {
    width: 260px;
    float: right;
    margin-top: 80px;
    padding-right: 15px;
    line-height: 16px;
    font-size: 10px;
}

.forgot_password_box_main {
    width: 712px;
    height: 300px;
    background: url(../../images/img/blue/forgot_box_background.jpg) no-repeat;
    margin: 0 auto;
    margin-top: 100px;
}


/*new class added by deepak on 28 may*/

.login_footer_logo {
    width: 99%;
    text-align: right;
}


/*new class added by deepak on 29 may*/

.doted_table td.top {
    border-top: dashed 1px #B2C0D2;
}


/*new class added by deepak on 02 june 09*/

.sect_divider_01 {
    border-bottom: solid 1px #B2C0D2;
    height: 1px;
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
}

.sect_bottom_monitoring {
    width: 868px !important;
    width: 860px;
    display: none;
}

.sect_content_monitoring {
    width: 835px !important;
    width: 860px;
}

.sect_monitor {
    /*	margin-top:10px;*/
    float: left !important;
}


/*new classes added by deepak on 10 june */

.user_calendar_div {
    width: 200px;
    left: 380px;
    top: 225px;
}

.normal_search_document_type th {
    width: 139px !important;
    font-weight: normal;
    padding: 0px 5px; 
    font-size: 12px;
}

.advanced_search_document_type th {
    width: 130px !important;
    padding-bottom: 3px !important;
    line-height: 15px;
    font-weight: normal;
}


/*new classes added on 24 june by deepak*/

.include_documents_table {
    width: 100% !important;
}

.include_documents_table th {
    width: 0px !important;
    font-weight: normal;
}

.include_documents_table .input_text_field {
    width: 148px;
    align: left;
}

.include_documents_table .radio_button {
    width: 5px;
}

.result_paragraph p {
    margin: 0px;
    padding: 0px;
    line-height: 13px;
}

.search_doc_type_table th {
    width: 140px !important;
}

.search_doc_type_table p {
    margin: 0px;
    padding: 0px;
}


/*.display_result_row tr {
	height:30px !important;
}*/

.display_result_row p {
    margin: 0px;
    padding: 0px;
    line-height: 14px;
}


/*added on 26 june */

.edit_message_table th {
    width: 42px !important;
}

.edit_message_table textarea {
    width: 55% !important;
}

.message_table th {
    width: 90px !important;
    padding: 0px !important;
}

.message_table a {
    line-height: 16px;
}

.include_inner_table {
    width: 100%;
}

.include_inner_table tr {
    height: 23px;
}

.view_message_action_table a {
    float: left;
    margin: 0 2px;
}

.reports_main_table th {
    width: 100px !important;
    padding: 0 0 5px 0 !important;
}

.keyword {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00c6c9;
}

#feedback {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #339900;
    padding: none;
}

.tableHelp {
    border: 0px solid #006699;
    float: left;
    margin: 2px 0 0;
    padding: 5px;
}

.tdHelp {
    background-image: url(../../images/bg.gif);
    background-repeat: repeat;
    height: 35px;
    font-size: 12px;
    font-weight: bold;
}

.display_result_row tr:hover {
    background: #DDDDDD;
    color: #333333 !important;
}

.display_result_row td {
    vertical-align: top;
}

.table_word_break td {
	word-break: break-all;
}

/*new classes added on 13 augst*/

.store_folder_table {
    border-collapse: collapse;
    border: solid 1px #999999;
    float: left;
    margin-bottom: 5px;
}

/*.store_folder_table th,
td.border {
    text-align: left;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #B2C0D2;
}

.store_folder_table td.noborder {
    border: none;
}*/

.store_folder_table {
    border-left: 1px solid #B2C0D2;
    border-top: 1px solid #B2C0D2;
}
.store_folder_table th, .store_folder_table td {
    border-right: 1px solid #B2C0D2;
    border-bottom: 1px solid #B2C0D2;
}



/*for IE 7 browser only*/


/**:first-child+html .content_margin {
	margin-top:0px;
}
* html .content_margin {
	margin-top:0px;
}*/

.content_margin {
    margin-top: 5px;
}


/*for safari 3.0 only */

body:first-of-type .view_message_action_button {
    float: left;
    margin-top: 10px;
    margin-left: 2px;
}


/*classes updated on 07 septempber for message page tabbed system*/

.view_message_navigation {
    float: left;
    width: 99.3%;
    padding-left: 5px;
}


/*updated on 22 july 2010*/

.view_message_navigation_tabbed {
    float: left;
    list-style: none;
    width: 140px;
    background: url(../../images/img/blue/header_not_selected_tab.jpg) no-repeat;
    background-position: bottom;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-top: 4px;
    line-height: 22px;
}

.view_message_navigation_tabbed.selected {
    background: url(../../images/img/blue/header_selected_tab.jpg) no-repeat !important;
    background-position: bottom !important;
}

.view_message_navigation_tabbed.action_buttons {
    background: none;
    width: 350px;
}

.view_message_navigation_tabbed a {
    text-decoration: none;
    color: #FFFFFF;
}

* html .margin_top_ie {
    margin-top: -18px;
}


/*new classes dated 20 july 2010*/

#customer_resellter_logo {
    width: 200px;
    float: right;
    height: 37px;
    text-align: right;
    padding-right: 5px;
}

.grey_background {
    background: #f3f3f3;
}

.footer_fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 24px;
}

* html .footer_fixed {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

.footer_fixed table tr td{
    padding: 0;
}

.footer_fixed .version{
    margin-left: 10px;
}

.footer_fixed .copyright img{
    margin-left: 8px;
}

.powered-by{
    width: 210px;
    position: absolute;
    right: 10px;
    bottom: 2px;
    height: 20px;
    text-align: right;
}
.powered-by a{
    width: 100%;
    display: block;
    height: 20px;
    box-sizing: border-box;
    padding-top: 1px;
}
.powered-by a img{
    height: 20px;
    max-height: 20px;
    max-width: 120px;
    margin-left: 8px;
}

.powered-by span, .powered-by img{
    display: inline-block;
    vertical-align: middle;
}

.actions_buttons_table tr td img,
input,
button {
    margin: 0 3px;
}

#one {
    width: 100%;
    float: left;
}

.sect_850_wrapper {
    width: 850px;
    float: left;
}

.advanced_search_document_type tr td img,
input,
button {
    margin: 0px;
    padding: 3px;
}

.advanced_search_table_column {
    width: 163px;
}

ul#header_menu {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
}

ul#header_menu li {
    display: block;
    float: left;
    margin: 1px 0px 0 0px;
    border-right: solid 1px #B2C0D2;
    width: auto;
}

ul#header_menu a {
    background-repeat: repeat-x;
    display: block;
    height: 12px;
    padding: 0 12px;
    text-align: center;
}

.cryo_menu {
    color: black !important;
    font-family: Segoe UI Semilight, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none !important;
}

.cryo_menu_selected {
    color: black !important;
    font-family: Segoe UI Semibold, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

ul#cryo_menu_right li {
    display: block;
    float: left;
    width: auto;
    margin: 0px 4px 0px 0px;
    padding-right: 4px;
    height: 21px;
    border-right: solid 1px #B2C0D2;
    text-align: center;
}

#header_menu li {
    position: relative;
    padding: 0 10px;
    z-index: 99999;
}

#header_menu li a {
    float: left;
    margin: 0px;
    padding: 0px;
}

#header_menu li .sub-menu {
    position: absolute;
    top: 25px;
    left: 0;
    width: 230px;
    background: #f1f1f1;
}

#header_menu li .sub-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#header_menu li .sub-menu ul li {
    border-right: solid 0px #000;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

#header_menu li .sub-menu ul li:hover {
    background: #dfdfdf;
}

#header_menu li .sub-menu ul li a {
    text-decoration: none;
    color: #7c7a81;
    display: block;
    padding: 5px;
}

a.sub-menu-arrow {
    background: url(../../images/arrow_down.png) no-repeat 0 6px;
    float: left;
    text-decoration: none !important;
    width: 8px;
    height: 12px;
    display: block;
    margin: 0 -5px 0 6px !important;
}

a.sub-menu-arrow:hover {
    background: url(../../images/arrow_down.png) no-repeat 0 -9px;
}

.topHeader {
    background: #001B40;
    color: #fff;
}

.topHeader ul#header_menu a,
.topHeader #cryo_menu_right a {
    color: #fff !important;
}

.searchBtn {
    width: 300px;
}

.search_clear_button {
	min-width: 100px;
    padding-top: 2px;
    border: 1px solid #fff;
    padding: 9px 20px;
    line-height: 10px;
    color: #fff;
    background: #001B40;
    font-family: Segoe UI Semilight, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    width:auto;
}

.searchBtn .search_clear_button:nth-child(2) {
    float: right;
    color: #4386f9;
    background: #fff;
}

button,
input[type=submit] {
    border: 1px solid #fff;
    /*padding: 3px 20px !important;*/
    line-height: 10px;
    color: #fff;
    background: #4386f9;
    font-family: Segoe UI Semilight, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    /*margin-top:-20px;*/
    height: 28px;
    /*width: auto !important;*/
}

#sortOrderDIV .search_clear_button {
    margin-top: 0px;
}

.sect_content {
    margin-top: 2px;
}

.blueHeaderTable tr.nohover,
.blueHeaderTable tr.nohover:hover,
.blueHeaderTable tr.nohover td,
.blueHeaderTable tr.nohover:hover td {
    background: #001B40;
    text-align: center;
    color: #fff !important;
}

table.result.blueHeaderTable th a {
    color: #fff !important;
}

.loginPages p.error,
.loginPage p.error {
    color: #FF8533 !important;
}

.topHeader #header_menu li .sub-menu {
    background: #001B40;
}

.topHeader #header_menu li .sub-menu ul li:hover {
    background: #ececec;
    color: #001B40;
}

.topHeader #header_menu li .sub-menu ul li:hover a {
    color: #001B40 !important;
}

.TabbedPanelsContent .sect_content,
#content .sect_content {
    margin-top: 0px;
}

#content .sect_content p{
    font-size: 10px;
}
.footer_fixed {
    color: #001B40;
    background: #fff;
}

.loginPages .footer_fixed table{
    background-color: #fff;
    width: 100%;
}
.loginPages .footer_fixed table{
    background-color: #fff;
    width: 100%;
}
.loginPages .footer_fixed .powered-by{
    text-decoration: none;
}

.login_forgot_password a {
    color: #fff;
}

.resultTables td {
    padding-left: 3px;
    padding-right: 2px;
    line-height: 1.6em;
}

.sect_content {
    /*	updated styles to address G Cryoserver footer shows scroll bar in some pages (in Outlook) bug # 59798
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	width:97.85%;*/
    width: 100%;
}

.folder_list_font {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10px;
}

button:disabled {
    background: #515253;
}

.disabledButton {
    background: #515253;
    float: left;
    border: 1px solid #fff;
    padding: 9px 20px;
    line-height: 10px;
    color: #fff;
    font-family: Segoe UI Semilight, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    width: auto;
}

.page_default *, .page_default *:before, .page_default *:after {
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   box-sizing: border-box; 
}
.page_default .resellerLogo {
    float: right;
}
.page_default .logo {
    float: left;
}
.page_default .content {
    width: 100%;
    float: left;
    padding: 15px;
}
.page_default h3 {
    color: #646464;
    font-size: 13px;
    margin: 0px 0px 25px 0px;
}
.page_default a, .page_default a:hover {
    text-decoration: none;
}
.page_default .btn {
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    padding: 10px 40px;
    outline: none;
    color: #fff;

    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.page_default .btn-primary, .page_default .btn-primary:focus {
    background: #4386f9;
    border: none;
    text-transform: uppercase;
}
.page_default .btn-primary:hover, .page_default .btn-primary:active, .page_default .btn-primary:active:hover {
    background: #999999;
    border: none; 
    outline: none;
}

.page_default .btn-custom, .page_default .btn-custom:focus {
    background: #999999;
    border: none;
}
.page_default .btn-custom:hover, .page_default .btn-custom:active, .page_default .btn-custom:active:hover {
    background: #333333;
    border: none; 
    outline: none;    
    color: #fff;
}
.page_default .topHeader {
    background:#00194f;
    width:100%;
    padding: 15px;
    height: 80px;
}

.page_default .banner {
    background: #fff;
    padding: 50px 20px;
    text-align: center;
}
.page_default .banner h1 {
    font-size: 84px;
    width: 100%;
    display: block;
    margin: 0px 0px 10px 0px;
}
.page_default .banner h1 span, .page_default .banner h1 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 3px;
    color: #4386f9;
}
.page_default .banner h2 {
    font-size: 24px;
    margin: 0px;
    color: #1f1f1f;
}

.customOverlay {
	position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    cursor: pointer;
}
.customModal{
    position: absolute;
    top: 70px;
	left: 50%;
	width: 600px;
    font-size: 12px;
    color: #333;
    transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
    border: solid 1px #3c7be8;
    border-radius: 4px;
	background: white;
	padding: 0;
}
.customModal .modal-header{
    padding: 12px 12px 0;
}
.customModal .modal-header:after{
    display: block;
    clear: both;
    content: "";
}
.customModal .modal-header h1,
.customModal .modal-header h2,
.customModal .modal-header h3,
.customModal .modal-title{
    font-size: 14px;
    border: none;
    margin: 0 0 12px;
    font-weight: bold;
    color: #333;
}

.customModal .modal-body{
    padding: 12px;
    color: #333;
    font-size: 12px;
}
.customModal .modal-body{
    font-size: 10px;
}
.customModal .modal-body p:last-child{
    margin-bottom: 0;
}
.customModal ul{
	margin: 0 0 10px;
	padding-left: 20px;
}
.customModal ul li{
	margin-bottom: 6px;
	line-height: 1.5;
}
.customModal ul li:last-child{
	margin-bottom: 0;
}
.customModal .modal-footer{
    padding: 12px;
    border-top: solid 1px #eaeaea;
}
.customModal .modal-footer:after{
    display: block;
    clear: both;
    content: "";
}
.clear-left{
    clear: left;
}
.clear-right{
    clear: right;
}
.mt-0{
    margin-top: 0;
}
.mt-10{
    margin-top: 10px;
}
.mb-0{
    margin-bottom: 0 !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
.mb-30{
    margin-bottom: 30px !important;
}
.mb-40{
    margin-bottom: 40px !important;
}
.mb-50{
    margin-bottom: 50px !important;
}
.text-center{
    text-align: center !important;
}
.no-record-found{
    text-align: center;
    padding: 10px;
}
.share-folder-grid-wrapper{
    max-height: 400px;
    overflow-y: scroll;
    clear: left;
    min-height: 120px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #eaeaea;
}
@media(max-height: 768px){
    .share-folder-grid-wrapper{
        max-height: 280px;
    }
}
.share-folder-grid{
    border: none;
}
.share-folder-grid tr td, .share-folder-grid tr th{
    padding: 2px;
}
.share-folder-grid tr td:nth-child(1){
    width: 6%;
}
.share-folder-grid tr td:nth-child(2){
    width: 57%;
}
.share-folder-grid tr td:nth-child(3){
    width: 37%;
}

.inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.full-width-inner-input > input {
	width: 100% !important;
}

.search-grid {
	-ms-grid-columns: 200px 600px 1fr;
	grid-template-columns: minmax(150px, auto) 6.5fr 8fr;
	-ms-grid-rows: auto;
	grid-template-rows: minmax(24px, auto);
}

.keyword-grid {
	-ms-grid-columns: 10fr 8fr 10fr;
    grid-template-columns: 2fr 200px 2fr;
}

.keyword-subgrid {
	-ms-grid-columns: 6fr 1fr 1fr 1fr;
    grid-template-columns: 6fr 1fr 1fr 1fr;
}

.advanced-search-grid {
	-ms-grid-columns: 200px 1fr 1fr 1fr 1fr;
    grid-template-columns: minmax(150px, auto) 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: minmax(24px, auto);
}

.advanced-search-grid-IE {
	-ms-grid-columns: 200px 1fr 1fr 1fr 1fr;
    grid-template-columns: minmax(150px, auto) 1fr 1fr 1fr 1fr;
	-ms-grid-rows: auto;
}

.inline-ellipsis {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**
	CSS Specific to IE 10 and IE11

**/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.IE-grid-col-content {
		padding-left: 4px !important;
		padding-top:2px !important;
		min-height: 28px !important;
	}
	.IE-subgrid-content {
		padding-bottom: 2px !important;
	}
	.IE-grid-col-label {
		min-height: 28px !important;
	}
	.IE-label-header {
		display: flex !important;
		align-items: center !important;
		min-height:25px !important;
		
	}
	.IE-textarea {
		min-height: 40px !important;
	}
	
	.IE-width-150 {
		width: 150px !important;
	}
	
	.IE-pl-2 {
		padding-left: 8px !important;
	}
	
	.IE-button-wrapper {
		max-width: 563px !important;
	}
}