@media screen
{
    .Type01 { float: left; }
    .Type03 { float: left; }
    .Type04 { float: left; }
    .Type06 { float: left; }
    .Type07 { float: left; }
    .Type09 { float: left; }
    .Type10 { float: left; }
    .Type11 { float: left; }
    .Type12 { float: left; }
    .Type13 { float: left; }
    .Type14 { float: left; }
    .Type15 { float: left; }
    .Type16 { float: left; }
    .Type17 { float: left; }
    .Type18 { float: left; }
    .Type19 { float: left; }
    .Type31 { float: left; }
    .Type33 { float: left; }
    .Type34 { float: left; }
    .Type35 { float: left; }
    .Type36 { float: left; }
    .Type37 { float: left; }
    .Type40 { float: left; }
    .Type97 { float: left; }
    .ftr-StaffPlannerContainer .CommandArea { display: block; }
}
@media print
{
    .ftr-StaffPlannerContainer .CommandArea { display: none; }
}

/***start common styles in all media***/
.ftr-datafield-inarray .LabelContainer { display: none; }
.ftr-datafield-inarray .RequiredLabelContainer { display: none; }
.ftr-datafield-inarray .DropDowncombo_ListDiv { position: absolute; top: 17px; }
.ftr-datafield-inarray .Type01 { float: none; }
.ftr-datafield-inarray .Type03 { float: none; }
.ftr-datafield-inarray .Type04 { float: none; }
.ftr-datafield-inarray .Type06 { float: none; }
.ftr-datafield-inarray .Type07 { float: none; }
.ftr-datafield-inarray .Type09 { float: none; }
.ftr-datafield-inarray .Type10 { float: none; }
.ftr-datafield-inarray .Type11 { float: none; }
.ftr-datafield-inarray .Type12 { float: none; }
.ftr-datafield-inarray .Type13 { float: none; }
.ftr-datafield-inarray .Type14 { float: none; }
.ftr-datafield-inarray .Type15 { float: none; }
.ftr-datafield-inarray .Type16 { float: none; }
.ftr-datafield-inarray .Type17 { float: none; }
.ftr-datafield-inarray .Type18 { float: none; }
.ftr-datafield-inarray .Type19 { float: none; }
.ftr-datafield-inarray .Type31 { float: none; }
.ftr-datafield-inarray .Type33 { float: none; }
.ftr-datafield-inarray .Type34 { float: none; }
.ftr-datafield-inarray .Type35 { float: none; }
.ftr-datafield-inarray .Type36 { float: none; }
.ftr-datafield-inarray .Type37 { float: none; }
.ftr-datafield-inarray .Type40 { float: none; }
.ftr-datafield-inarray .Type97 { float: none; }
.ftr-datafield-inarray .Type37Table table, .ftr-datafield-inarray table.Type37 { border-spacing: 0; border-collapse: collapse; }
.ftr-datafield-inarray .Type37Table table td, .ftr-datafield-inarray table.Type37 td { padding: 0; }

.ftr-TraceMessageBox {}
.ftr-TraceMessageBox .InnerContainer { height: 100%; }
.ftr-TraceMessageBox .ButtonContainer {}
.ftr-TraceMessageBox .StatisticsMessageContainer {}
.ftr-TraceMessageBox .StatisticsMessageContainer .TraceStatistics {}
.ftr-TraceMessageBox .StatisticsMessageContainer .TraceStatistics .StatisticsLabel {width: 20%;}
.ftr-TraceMessageBox .StatisticsMessageContainer .TraceStatistics .StatisticsValue {width: 80%;}
.ftr-TraceMessageBox .StatisticsMessageContainer .TraceStatistics .number input {}
.ftr-TraceMessageBox .StatisticsMessageContainer .TraceStatistics th {text-align: left;}
.ftr-TraceMessageBox .StatisticsMessageContainer .TraceStatistics .StatisticsValue input {width: 100%;}
.ftr-TraceMessageBox .GTRMessageContainer { height: 90%; overflow: auto; font-size: .9em;}
.ftr-TraceMessageBox .GTRMessageContainer ul.GTRTraceList {list-style-type: none; padding: 0; margin: 0;}
.ftr-TraceMessageBox .GTRMessageContainer li {white-space: nowrap;}
.ftr-TraceMessageBox .GTRMessageContainer tr td .sent {color: red; text-align: left;}
.ftr-TraceMessageBox .GTRMessageContainer tr td .received {text-align: left;}

.ftr-normal-container {padding:.6em;}

.ftr-StaffPlannerContainer { width: 98%; margin: 0 auto; text-align: left; }
.ftr-StaffPlannerContainer table { width: 100%; border-collapse: collapse; }
.ftr-StaffPlannerContainer table th, .ftr-StaffPlannerContainer table td { border: 1px solid #aaaaaa; }
.ftr-StaffPlannerContainer table th { text-align: center; }
.ftr-StaffPlannerContainer table caption { font-size: 1.5em; font-weight: bold; }
.ftr-StaffPlannerContainer tfoot ul { list-style-type: none; margin: .8em 0; padding: 0; }
.ftr-StaffPlannerContainer tfoot li { display: inline; margin-right: .5em; padding: 6px 4px; }
.ftr-StaffPlannerContainer tfoot li img { vertical-align: middle; }
.ftr-StaffPlannerContainer .ColumnRule { height: 1px; font-size: 1px; padding: 0; }
.ftr-StaffPlannerContainer .CommandControl { margin-right: 1.5em; }

.WorkFlowBreView .ContentDiv, .WorkFlowServiceView .ContentDiv { padding-bottom: 0; }
.WorkFlowButtonPanel { text-align: right; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.WorkFlowRecordView ul.ftr-listmenu li a.ui-button { min-width: 20em; }
.WorkFlowRecordView ul.ftr-listmenu li { margin-bottom: .4em; }
.WorkFlowRecordView ul.ftr-listmenu li li { margin-top: .4em; }
.WorkFlowRecordView .CategoryListWorkflowStatusLink { display: inline-block; }

ul.listMenu01 .listitemicon { background-image: none; }
ul.listMenu02 li, ul.listMenu02 ul.listMenuItem01 li { list-style-image: none; }
ul.listMenu02 { margin: 0; padding: 0; margin-left: 3em; list-style-type: none; }
ul.listMenu02 ul { margin: 0; padding: 0; margin-left: 3em; list-style-type: none; }
ul.listMenu02 .listitemicon { display: block; width: 16px; height: 16px; float: left; margin-left: -3em; }
ul.listMenu02 li.expanded ul { display: block; }
ul.listMenu02 li.collapsed ul { display: none; }

.AEGTable tr.HeadingRow { background-image: none; }

@media screen
{
    .ftr-StaffPlannerContainer .CommandArea { display: block; }
}
@media print
{
    .ftr-StaffPlannerContainer .CommandArea { display: none; }
}

ftr-tooltiptarget.ui-icon { display: inline-block; cursor: pointer; }
.ftr-tooltip-top, .ftr-tooltip-left, .ftr-tooltip-bottom, .ftr-tooltip-right { padding: 1em; width: 15em; box-shadow: 0 5px 5px rgba(0,0,0,0.3); }
/* triangle */
.ftr-tooltip-top:after { content: ''; display: block; position: absolute; left: 50%; bottom: -16px; border: 8px solid transparent; border-top-color: #fcd113; width: 0; height: 0; margin-left: -8px; }
.ftr-tooltip-left:after { content: ''; display: block; position: absolute; top: 50%; right: -16px; border: 8px solid transparent; border-left-color: #fcd113; width: 0; height: 0; margin-top: -8px; }
.ftr-tooltip-bottom:after { content: ''; display: block; position: absolute; left: 50%; top: -16px; border: 8px solid transparent; border-bottom-color: #fcd113; width: 0; height: 0; margin-left: -8px; }
.ftr-tooltip-right:after { content: ''; display: block; position: absolute; top: 50%; left: -16px; border: 8px solid transparent; border-right-color: #fcd113; width: 0; height: 0; margin-top: -8px; }

.ui-state-default.ftr-tooltip-top:after { border-top-color: #99ccff; }
.ui-state-default.ftr-tooltip-left:after { border-left-color: #99ccff; }
.ui-state-default.ftr-tooltip-bottom:after { border-bottom-color: #99ccff; }
.ui-state-default.ftr-tooltip-right:after { border-right-color: #99ccff; }
.ftr-input-state-default { border: 1px solid #99ccff; }

.ui-state-highlight.ftr-tooltip-top:after { border-top-color: #fcd113; }
.ui-state-highlight.ftr-tooltip-left:after { border-left-color: #fcd113; }
.ui-state-highlight.ftr-tooltip-bottom:after { border-bottom-color: #fcd113; }
.ui-state-highlight.ftr-tooltip-right:after { border-right-color: #fcd113; }
.ftr-input-state-highlight { border: 1px solid #fcd113; }

.ui-state-error.ftr-tooltip-top:after { border-top-color: #cd0a0a; }
.ui-state-error.ftr-tooltip-left:after { border-left-color: #cd0a0a; }
.ui-state-error.ftr-tooltip-bottom:after { border-bottom-color: #cd0a0a; }
.ui-state-error.ftr-tooltip-right:after { border-right-color: #cd0a0a; }
.ftr-input-state-error { border: 1px solid #cd0a0a; }

/* This is based on jquery-ui icon button. Currently we only have 1 ui theme. When there's more themes, this needs to go to theme.css */
.ftr-simpleiconbutton { cursor: default; opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ftr-simpleiconbutton { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; text-align: center; zoom: 1; overflow: visible; width: 2.2em; border: 1px solid #99ccff; font-weight: normal; color: #000000; text-decoration: none; }
.ftr-simpleiconbutton[href] { cursor: pointer; opacity: 1; filter:Alpha(Opacity=100); background: #99ccff url(../scripts/jquery/ui/images/ui-bg_glass_50_99ccff_1x400.png) 50% 50% repeat-x; }
.ftr-simpleiconbutton .ftr-simpleiconbutton-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
.ftr-simpleiconbutton .ftr-simpleiconbutton-text { display: block; line-height: 1.4; padding: .4em; text-indent: -9999999px; }
.ftr-simpleiconbutton .ftr-simpleiconbutton-icon { background-image: url(../scripts/jquery/ui/images/ui-icons_000000_256x240.png); }
.ftr-simpleiconbutton[href]:hover { border: 1px solid #00025c; background: #ddeff7 url(../scripts/jquery/ui/images/ui-bg_glass_70_ddeff7_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #de6f1d; text-decoration: none; }
.ftr-simpleiconbutton[href]:hover .ftr-simpleiconbutton-icon { background-image: url(../scripts/jquery/ui/images/ui-icons_de6f1d_256x240.png); }

.monthFtrCal { border: 1px solid black;border-collapse: collapse;width: 815px; }
.ContainerWindowGROUPPLANNER .wk-dayname { white-space: normal; }

img.BannerHeaderImage { vertical-align: bottom; }

.ftr-hidden { display: none; }

.divTextCoverOn { filter: alpha(opacity=70);background-color: #fff;opacity: 0.7;-moz-opacity: 0.7;z-index: 10000;margin: 0px;top: 0px;left:0px;text-align: center;position: absolute;width:100%;height:100%; }

.DropDowncombo_ListDiv > ul > li > a { height:14px; }

.ftr-fixedheadertable td, .ftr-fixedheadertable th {
	/* appearance */
	border: 1px solid #778899;
	
	/* size */
	padding: 5px;
	}

.ftr-fixedheadertable {
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.ftr-fixedheadertable tbody tr td {
	/* appearance */
	background-color: #eef2f9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #262c31;
	font-size: 11px;
	}

.ftr-fixedheadertable tbody tr.odd td {
	/* appearance */
	background-color: #d6e0ef;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}

.ftr-fixedheadertable thead tr th,
.ftr-fixedheadertable thead tr td,
.ftr-fixedheadertable tfoot tr th, 
.ftr-fixedheadertable tfoot tr td {
	/* appearance */
	background-color: #8ca9cf;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;
	}

.ftr-fixedheadertable .planner-name-column {
    width: 9%;
}

.IECompatibilityLabel { background-color: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b; }

 .gridViewHeader a:link {
     text-decoration:none;
     text-decoration-color:black;
    }

.campaignHeader {
 font-family:Tahoma;
 font-size:12px;
 font-weight:bold;
 margin-left:0px;
}

.modalPinBackground {
	background-color: White;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.BulkPrintText {
     font-family:Tahoma;
    font-size:16px;
    font-weight:bold;
    margin-left:0px;
    text-align: center;
}

.BulkPrintImage {
    align-content: center;
    width: 45px;
    height: 45px;
}
.BulkPrintIframe {
    border: none;
}
.ui-widget-overlay pin{ background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 1;filter:Alpha(Opacity=50); }

.StaffList_Relationship {
    display:inline-block;
}

/***end common styles in all media***/
