/* -------- GENERAL STYLES -------- */
body
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	max-height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}

p { margin: 10px;}
textarea { font-size:12px; }
input, select, textarea { color: #666666;}
input.disabled { background-color: #eeeeee; border:solid 1px #999999;}

.field-validation-error { color:red; }
.validation-summary-errors span { font-weight :bold; }
.validation-summary-errors ul { margin:2px; }
.input-validation-error {background-color:#efa287; border-color:red !important;color:black !important}
.form-messages-panel { padding:5px; margin-bottom:5px; }
.ui-state-success { color: Green; background-color: #CCEEAA; border:1px solid #33BB00; }
.ui-state-warning { color: Black; background-color: #F5F5F5; border:1px solid #C00000; }
.ui-state-description { color: black; background-color: #F5F5F5; border:1px solid #dddddd; }
.ui-state-marketing { color: Black; background-color: #F5F5F5; border:1px solid #a6161f;font-weight: bold; font-size:larger }
.ui-state-warning ul { margin: 5px 2px 2px -10px}
.message-icon { float:left; margin-right:5px; }
.message-icon-keycode { float:right; }
.popup-message { width:60%; display:none; }
.popup-message a { color:blue !important; }
.ui-dialog-buttonpane {background-color:#dddddd !important}
.ui-dialog-buttonpane button {margin: 0px 10px 0px 0px !important}
.deleted { text-decoration: line-through;}

#divError {font-family:Arial, Helvetica, Geneva, SunSans-Regular, sans-serif ;font-weight:normal;color:black;}
#divError h1 { font-size:18pt;color:red }
#divError h2 { font-size:14pt;color:maroon }

#count-data {color:white !important}
a.action { color: #888888; }
a.action:hover { color: #C00000; }

.icon  { display:inline-block !important; vertical-align: middle; }
.button { text-align: center; text-decoration: none; display: inline-block; cursor: pointer; padding: 2px 6px 2px 6px; margin: 0px 2px 0px 2px;}
.title { font-size: 16px; text-align: left; margin: 2px; padding: 5px; }
.subtitle { font-size: 12px; text-align: left; margin:0px 0px 5px 0px; padding: 5px; }
.tip { text-transform:uppercase; color: #C00000; }
.red { color: red !important;  }
.orange { color: #C00000 !important;  }
.color-1 { color: #C00000 !important;  }
.color-2 { color: #0771be !important;  }
.information-icon
{
	height:16px;
	width:16px;
	cursor:pointer;
	background-image:url(/Content/images/information.png);
	background-repeat:no-repeat;
	float:right;	
}
.color-Active { color: #00CD00 !important;  }
.color-Idle { color: #F6A828 !important;  }
.color-Inactive { color: #cdc9c9 !important;  }

.small { font-size:10px }
.big { font-size:13px }
fieldset { 	display:block; border:solid 1px #cccccc; }
legend { color: #C00000; }
.main-table th {
    background: #706d6d;
    border:1px solid #706d6d;
}
.impersonate-panel
{
    color: Black; 
    background-color: #F5F5F5; 
    border:1px solid #C00000;
	display:none;
	top:0px;
	position:fixed;
	z-index: 100002;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

/* -------- ENVIRONMENT -------- */
.environment 
{
	z-index:1;
	top: 0px;
	right:50%;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	text-transform:uppercase;
	text-align: center;
	width: 300px;
	position:fixed;
	font-size: 20px;
}

.development
{
	color: #CCCCCC;
	border-color: #CCCCCC;
	background-color: #EEEEEE;
}
.testing
{
	color: #660088;
	border-color: #660088;
	background-color: #CCBBCC;
}
.staging
{
	color: #C00000;
	border-color: #C00000;
	background-color: #FFEEBB;
}

/* -------- MAIN TABLE -------- */
.main-actions
{
	float: right;
	margin-top: 5px;
}
.main-actions a
{
	display: inline-block;
	margin-right: 5px;
	padding: 3px 10px 3px 10px;
}
.main-filter
{
	width: 100%;
	border-collapse: separate;
}
.main-filter input, .main-filter select
{
	margin-top: 2px;
	font-size: 11px;
}
.main-table
{
	width: 100%;
	border-collapse: separate;
}
.main-table th.auto select {
    width: 95%;
    min-width: 100px;
}
.main-table input, .main-table select
{
	margin-top: 2px;
	font-size: 11px;
}
.main-filter
{
	width: 100%;
	border-collapse: separate;
}
.main-filter input, .main-filter select
{
	margin-top: 2px;
	font-size: 11px;
}
.main-table tr:hover td
{
	background-color: #e8e8e8;
}
.main-table .trSel
{
	font-weight:bold;
}
.main-table .tr1
{
	background-color: #f5f5f5;
}
.main-table th
{
	padding: 2px;
}
.main-table th span
{
	font-weight:normal;
	font-size: 11px;
}
.main-table td
{
	padding: 2px 2px 2px 4px;
}
.main-table td a
{
	color:#C00000;
}
.main-table td.action
{
	text-align: center;
}
.main-table-paging
{
	margin-top: 2px;
	text-align: center;
}
.main-table-paging ul
{
	margin:6px;
}
.main-table-paging ul li
{
	display: inline;
	list-style-type: none;
	margin-left: 8px;
}
.main-table-paging .button
{
    min-width: 20px;
	height: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.main-table-paging .labels
{
	margin-top:20px;
	margin-right:5px;
	float:right;
	color: #999999;
}
.sub-table
{
	font-size:11px;
	margin-top: 5px;
	width:100%;
}
.sub-table th
{
	padding: 3px;
	color:rgb(245, 239, 239);
}
.sub-table tr
{
	background-color:#ffffff;
}
.sub-table td
{
	color:black;
	border:solid 1px #CCCCCC;
	padding:3px;
}
.sub-table .result
{
	text-align:right;
	font-size:12px;
}
.sub-table .empty
{
	text-align:right;
	color:#BBBBBB;
}
.sub-table .tr1
{
	background-color: #f5f5f5;
}
.sub-table .footer 
{
	font-weight:bold;
	background-color: #CCCCCC;
	text-align:right;
}
.sub-table #more-breakdowns td
{
    padding: 8px;
}
.view-table
{
	color:black;
	width:100%;
}
.view-table th, .view-table td
{
	margin:1px;
	padding:3px;	
}
.view-table th
{
	border: solid 1px #BBBBBB;
	text-align:left;
	font-weight:bold;
}
.view-table td
{
	border: solid 1px #BBBBBB;
	background-color:#EFEFEF;
}

.label-textbox
{
	font-style: italic;
	color: #BBBBBB;
	background-color:#FFFFFF;
	border: solid 1px #CCCCCC;
}
.label-textbox-active
{
	font-style: normal;
	color: black;
}
.label-textbox-notStyle
{
	font-style: italic;
	color: #BBBBBB;
	border: solid 1px #CCCCCC;
}
.label-textbox-notStyle-active
{
	font-style: normal;
	color: #666666;
}

#inactive-message a 
{
	color:#C00000;
	text-decoration:underline;
}
#inactive-message a:hover
{
	cursor:pointer;
}


/* -------- QUERFYFLEX ICONS -------- */
.qf-icon
{
	height:25px;
	width:25px;
	display: inline-block; 
	overflow: hidden; 
	background-repeat: no-repeat;	
	background-image: url(../images/queryflex_icons.png);
	border:solid 1px transparent;
}
.qf-icon-edit { background-position: 0px 0px; }
.qf-icon-detail { background-position: -25px 2px; }
.qf-icon-not-detail { background-position: -99px -75px; }
.qf-icon-clone { background-position: -50px 0px; }
.qf-icon-not-clone { background-position: -25px -76px; }
.qf-icon-email { background-position: -75px 0px; }
.qf-icon-remove { background-position: -100px 0px; }
.qf-icon-check-deleted { background-position: -50px -76px; }
.qf-icon-check { background-position: 0px -25px; }
.qf-icon-queued { background-position: -25px -25px; }
.qf-icon-process { background-position: -50px -25px; }
.qf-icon-error { background-position: -75px -25px; }
.qf-icon-error-deleted { background-position: -75px -76px; }
.qf-icon-down { background-position: -100px -25px; }
.qf-icon-restore { background-position: 0px -100px; }
.qf-icon-order { background-position: 0px -50px; }
.qf-icon-scheudle-off { background-position: -25px -50px; }
.qf-icon-scheudle-on { background-position: -50px -50px; }
.qf-icon-person { background-position: -75px -50px; }
.qf-icon-not-editable { background-position: -100px -50px; }



.qf-icon-not-removable { background-position: 0px -75px; }

.qf-image-progress
{
	vertical-align:middle;
	display:inline-block;
	height:20px;
	width:20px;
	background-position:left;
	background-repeat: no-repeat;
	background-image:url(/Content/images/loading.gif);
}

.delete-icon
{
	height:15px;
	width:15px;
	cursor:pointer;
	background-image:url(/Content/images/remove.png);
	background-repeat:no-repeat;
	float:right;	
}

.information-icon
{
	height:16px;
	width:16px;
	cursor:pointer;
	background-image:url(/Content/images/information.png);
	background-repeat:no-repeat;
	float:right;	
}

.tooltip {
    display:none;
    background-color: #CC0033;
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
  }

.restore-icon
{
	height:15px;
	width:15px;
	cursor:pointer;
	background-image:url(/Content/images/restore.png);
	background-repeat:no-repeat;
	float:right;	
}

.restore-icon-image
{
	height:15px;
	width:15px;
	background-image:url(/Content/images/restore.png);
	background-repeat:no-repeat;
    float: right;
    left:0px; top:0px;
}

/* -------- FORMS -------- */
.label {
    text-align: right;
    font-weight: bold;
    color: #777777;
}
.textarea
{
	overflow:auto;	
}
.textbox, .textarea, select
{
	border: 1px solid #CCCCCC;
}
.textbox-long 
{
	width: 200px;
}

/* -------- PANELS -------- */
div .footer 
{
	margin-top: 15px;
	text-align: center;
	color: #999999;
}
div .surround-box 
{
	width: 350px;
	margin: 50px auto 0 auto;
	padding: 5px;
}
div .buttons {
	margin-top: 5px;
	margin-bottom: 5px;
    text-align: center;
}
div .buttons input, div .buttons a
{
	padding:2px 10px 3px 10px;
}

div .center
{
	text-align: center;
}

/* -------- COUNTS -------- */
.count-total
{
	text-align:center;
	font-weight:bold;
	font-size: 20px;
}
.count-table
{
	font-size: 10px;
	color:#999999;
}
.count-duration
{
	float:right;
	margin-right:5px;
	color: #ede9e9;
	font-weight:normal;
	font-size:10px;
    max-width: 35px;
    white-space: nowrap;
    overflow: hidden;
}

/* -------- UPDATE PANELS -------- */
.ajax-protect
{
	display:none;
	position:fixed;
	z-index: 100000;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	
	background-color: #FFFFFF;
	/* Using Opacity because transparent background does not work on IE */
	-moz-opacity:.01; filter:alpha(opacity=1); opacity:.01; 
}
.ajax-progress 
{
	display:none;
	margin-left: 47%; /* top center the div */
	z-index: 100001;
	padding: 0px 10px 0px 3px;
	
	top:5px;
	position:fixed;

	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	color: #C00000;	
}
.ajax-error
{
	display:none;
	top:0px;
	position:fixed;
	margin-left: 40%;
	z-index: 100002;

	color: White;
	background-color: #CC0033;
	font-weight:bold;
	text-align: center;

	border-left:solid 1px #333333;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;

	padding: 10px;
}
.ajax-error a 
{
	color: #FFFFFF;
}
.ajax-process
{
	display:none;
	position:fixed; 
	z-index: 100003;
	bottom:0px;

	margin-left: 35%;
	padding: 0px 10px 0px 2px;
	border-bottom-width: 0px !important;
}
.ajax-process a
{
	color:blue !important;
	text-decoration:underline;
	cursor:pointer;
}
.ajax-queue
{
	font-weight:bold;
}
/* -------------------- SIDE PANEL -------------------- */
.group-box-header
{
	font-weight:bold;
	padding: 2px 5px 2px 5px;
}
.group-box
{
	background-color:#DDDDDD;
	margin-bottom:10px;
	border: solid 1px #BBBBBB;
	padding:5px;
	color:black;
}
.field-box
{
    word-break: break-all;
	padding:1px 1px 1px 3px;
	border: solid 1px #BBBBBB;
	background-color:#DDDDDD;
}
.field-box-Multi
{
    word-break: break-all;
	padding:1px 1px 1px 3px;
	border: solid 1px #BBBBBB;
	background-color:#DDDDDD;
}
.field-box-delete
{
	text-decoration: line-through;
	color:#FF0033 !important;
} 
.field-box-new
{
	padding:1px 1px 1px 3px;
	border: solid 1px #BBBBBB;
	background-color:#99EEAA;
}
.field-box-required
{
	padding:1px 1px 1px 3px;
	border: solid 1px #0771be;
	background-color:#DDDDDD;
	color:#0771BE;
	font-style:italic;
}
.field-box-permanent
{
	padding:1px 1px 1px 3px;
	border: solid 1px #0771be;
	background-color:#DDDDDD;
	color:#0771BE;
	font-weight: bold;
}

/* -------------------- ORDER TREE VIEW -------------------- */
.count-tree
{
	margin-top: 2px;
}
.count-tree li
{
	margin-bottom: 5px;
}
.count-tree .category
{
	margin-left:-38px;
	list-style-position: inside;
	list-style-type: decimal;
	color: #0771BE;
}
.count-tree .field
{
	margin-left: -5px;
	list-style-type: lower-alpha;
	list-style-position: outside;
	color: #C00000;
}
.count-tree .field ul li
{
	margin-left: -20px;	
	margin-right:10px;
	list-style-type: square;
	color: black;
}
.count-tree .field .field-box
{
	margin-left: -40px;	
	list-style-type: none;
	list-style-position: outside;
}
.count-tree .field .field-box-new
{
	margin-left: -40px;	
	list-style-type: none;
	list-style-position: outside;
}
.count-tree .field span
{
	font-size: 10px;
	color: #666666;
}
.count-tree .field a
{
	color:blue;
}
.count-timer
{
	display:none;
	position:absolute;
	color:#999999;
	font-size: 8px;	
}
.certificate 
{
	display:none;
	float:right;
	background:url('/Content/images/pdf.png') no-repeat bottom right;
	height:35px;
	width:35px;
	cursor:pointer;
}
.count-dedupe
{
	padding:5px;
}
.count-dedupe .group-box
{
	border-top-width: 0px !important;
	text-align:center;
}
.count-dedupe .field-box
{
	text-align:left;
	margin-top:2px;
	padding:2px;
}
.count-dedupe .button
{
	margin-top:5px;
	padding:2px 10px 2px 10px;
}
.count-dedupe select
{
	width:160px;
	font-size:11px;
	color:Black;
}
.count-breakdown-options
{
	color:black;
	margin-top:7px;
	margin-right:10px;
	float:right
}
.count-breakdown
{
	margin: 5px 20px 5px 20px;
}
.count-breakdown table td
{
	padding:2px;
}
.count-breakdown fieldset
{
	padding:0px;
	margin: 10px;
}
.count-breakdown fieldset legend
{
	font-weight:bold;
}
.count-subsets
{
	vertical-align: top;
	margin:5px;
}
.count-subsets .button
{
	padding:1px 5px 1px 5px;
	margin-top:5px;
}
.count-subsets .empty
{
	color:#777777;
	font-style:italic;
}
.count-subsets .division
{
	color: #0771BE;
	margin: 4px 0 4px 40%;
	font-weight:bold;
}
.count-subsets .tittle
{
	color: #0771BE;
	font-weight:bold;
}

.count-subsets .long-text
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.count-subsets .field-box
{
	padding:5px;
}
.count-subsets ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width: 195px;
}
.count-subsets li span
{
	font-size:10px;
	color:#777777;
}
.side-panel .count-total
{
	float:right;
	padding-right: 10px;
	font-weight:bold;
	font-size: 12px;
}

/* -------------------- FILE LOG -------------------- */
.file-log .field-box { 	margin-bottom:5px; }
.file-log .field-box .system { color:black; margin-bottom:2px; font-weight:bold; font-size:10px; border-bottom:solid 1px #666666}
.file-log .field-box.information { border-color: #999999; color:#666666; }
.file-log .field-box.error { background-color:#fc7961; border-color:red !important;color:black;}
.file-log .field-box.warning { border-color: orange; background-color: #eeeeee }

/* -------------------- INFORMATION CENTER -------------------- */
.info-message
{
	color: #444444;
    background-color:#E6E6E6;
	padding: 5px;
	border: solid 1px #999999;
	border-top:0px;
}
.active-message
{
	color: #444444;
    background-color:#E6E6E6;
	padding: 5px;
	border: solid 1px #999999;
	margin:3px;
}
.info-message:hover, .active-message:hover
{
	background-color:#F5F5F5; 
	cursor:pointer;
}
.info-footer
{
	background-color:#CCCCCC;
	padding:5px;
	height:20px;
	border:solid 1px #999999;
	border-top:0;
	text-align:center
}
#oldFtp 
{
    color: red;
}

#newFtp 
{
    color: green;
}

#newSftp 
{
    color: green;
}
.width 
{
    width: 80px;
}
.table-lookups td span {
    color: #0771BE;
}
.table-lookups td span span {
    color: #888888;
}
.label-number {
    font-weight: bold;
    color: #777777;
}