/*****************/
/***** RESET *****/
/*****************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, small, strong, sub, sup, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

:focus {
	outline:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

.clearfix:after { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

* html .clearfix { height:1%; } /* Hides from IE-mac \*/

.clearfix { 
    display:block; 
}

.clear {
    clear:both;
    height:0;
    visibility:hidden; 
}

/***** RESET END *****/


/***********************************/
/***** GENERAL LAYOUT ELEMENTS *****/
/***********************************/


/* Chrome printing */

body * {
    -webkit-print-color-adjust: exact;   
}

html {
	overflow:scroll;
}

body, input, textarea, select {
	color:#000;
	font-family:Calibri, Tahoma, Geneva, Helvetica, Arial, sans serif;
	font-size:14px;
    line-height:26px;
}

h1 {
    font-size:20px;
    color: #548dd4 !important;
    margin-bottom:6px;
}

h1 br {
    display:none;    
}

h1 input[type="text"] {
    font-size:20px;
    font-weight:bold;
    margin-bottom:3px;
    padding-bottom:1px;
    padding-left:3px;
}

h1 input[type="text"].watermark {
    color:#a0a0a0;
}

.lt-ie9 h1 input[type="text"] {
    line-height:24px;
}

.lt-ie9 h1 label, .lt-ie9 h2 label {
    float:left;
}

.lt-ie8 h1 {
    position:relative;
}

.lt-ie8 h1 label {
    position:absolute;
    top:1px;
    left:0;
}

h1.deletable_h{
    margin-bottom:0px;    
}

h1 label.error {
    height:28px;
    float:left;
}

h1 .redLink,
h2 .redLink {
    font-weight:normal;
}

h2 {
    font-size:18px;
}

h3{
    color: #7030a0; /*!important; */
}

h1, h2 {
    min-height:26px;
    border-bottom:1px solid #ccc;
}

h1 .redLink,
h2 .redLink {
    font-size:14px;
}

hr {
    border: none;
    background-color: #cccccc;
    color: #cccccc;
    height: 1px;
    margin-top:0px;
}

a {
    color:#3333cc;
    cursor:pointer;
}

a:hover {
    color:#000;
}

a.darkText:hover {
    color:#666;
}

a.infoColumnLink {
    display:block;
    line-height:14px;
    margin-bottom:6px;
}

.bold {
    font-weight:bold;
}

.italic {
	font-style:italic;
}

.smallerText {
    font-size:12px;
}

.largerText {
    font-size:16px;
}

.greyText {
    color:#999;
}

.darkText {
    color:#000;
}

.greenText {
    color:#8DA45C;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

.margin10All {
    margin:10px;
}

.margin10Top {
    margin-top:10px;
}

.margin20Top {
    margin-top:20px;
}

.margin3Top {
    margin-top:3px;
}

.margin20Top {
    margin-top:20px;
}

.margin10Left {
    margin-left:10px;
}

.margin10Bottom {
    margin-bottom:10px;
}

.margin5Bottom {
    margin-bottom:5px;    
}

.centered {
    text-align:center;
}

.hidePanel {
    display:none !important;
}

#divCursor {
	position:absolute;
	overflow:hidden;
	visibility:hidden;
	z-index:99999999;
	width:30px;
	height:30px;
}

.btn {
    background-color:#fff;
    border:1px solid #333;
    color:#000;
    text-decoration:none;
    line-height:normal !important;
    font-size:14px;
    padding:2px 6px !important;
    margin-left:1px;
    cursor:pointer;
}

.btn:hover {
    background-color:#f2f2f2;
}

.btn:focus {
    background-color:#fff;
    color:#000;
    text-decoration:none;
    line-height:normal !important;
    font-size:14px;
    padding:2px 6px !important;
    margin-left:1px;
}

.btn.BtnStyleDisabled {
    background-color:#f8f8f8;
    border:1px solid #ccc;
    color:#ccc;
    cursor:default;
}

.lt-ie9 .btn {
    line-height:24px;
    padding:0 10px;
    text-decoration:none;
}

.lt-ie8 .btn {
    line-height:20px;
    padding:0 0;
}

a.btn {
    line-height:17px;
    white-space:nowrap;
    padding:2px 9px;
}

a.btn.refresh {
    background:transparent url('../../Images/Framework/icon_refresh.png') no-repeat 0 0;
}

a.btn.copy {
    background:transparent url('../../Images/Framework/icon_copy.png') no-repeat 0 0;
}

a.btn.refresh,
a.btn.copy {
    background-position:6px 5px;
    border:0;
    color:#f00;
    padding:5px 10px 4px 26px;
}

a.btn.refresh:hover,
a.btn.copy:hover {
    background-color:#f00;
    background-position:6px -19px;
    color:#fff;
}

a.btn.btn_outOfFlow {
    position:absolute;
    top:1px;
    left:-1px;
    z-index:9;
}

.btn_outOfFlow_Parent {
    position:relative;
}

button.btn {
    padding:0 6px 2px 6px;
}

#loginButton.btn {
    padding-bottom:1px !important;
}

#NewItem.btn{
    font-size:14px;
    /*position:relative;*/
    margin:0 3px 3px 3px;    
}

.btnSpecialWidth_01 {
    display:inline-block;
    text-align:center;
    width:86px;
    margin-bottom:4px;
}

.btnLeftAdd {
    padding:2px 12px;
    margin-right:1px;
    text-decoration:none;
    background-image: url(../../Images/Framework/arrows_add_field.png);
    background-repeat:no-repeat;
    background-position:center -3px;
    border:1px solid #000000;
    margin-left:1px;
}

.btnRightAdd {
    padding:2px 12px;
    margin-left:1px;
    text-decoration:none;
    background-image: url(../../Images/Framework/arrows_add_field.png);
    background-repeat:no-repeat;
    background-position:center -38px;
    border:1px solid #000000;
}

.btnDataGridPos {
    position:relative;
    top:3px;
    right:3px;
}

.redLink {
    display:inline-block;
    color:#F00 !important;
    font-size:14px;
    text-decoration:none;
    line-height:26px;
    padding:0px 5px;
    /*font-family:Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;*/
}

.redLink:hover {
    background-color:#F00;
    color:#fff !important;
}

.redLinkSpecial {
    display: inline-block;
    background-color:transparent;
    border:none;
    color: #FF0000;
    font-size:12px;
    line-height:14px;
    position:relative;
    top:6px;
    right:5%;
    padding: 0 2px 2px 2px;
    cursor:pointer;
    float:right;    
}

.redLinkSpecialNote,
.redLinkSpecialNoteNoText {
    background-color: transparent;
    background-image: url("../../Images/Framework/icon_note.png");
    border: medium none;
    color: #FF0000;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    height: 22px;
    line-height: 14px;
    padding: 0 2px 2px;
    position: relative;
    right: 5%;
    width: 16px;    
}

.redLinkSpecialNoteNoText {
    background-image: url("../../Images/Framework/icon_note_notext.png");
}

.redLinkSpecialNote:hover,
.redLinkSpecialNoteNoText:hover {
    background-color:transparent;
    background-position:0px -20px;    
}

.redLinkSpecialNote.AssessmentNote,
.redLinkSpecialNoteNoText.AssessmentNote {
    margin-top:-24px;
    right:20px;
    padding:0;
}

.redLinkSpecialNote.AssessmentNoteInternalCorr,
.redLinkSpecialNoteNoText.AssessmentNoteInternalCorr {
    margin-top:0;
    right:0;
    padding:0;
}

.redLinkSpecial:hover {
    background-color:#F00;
    color:#fff;
}

.redLinkSpecialDelete {
    padding:0px 5px;
    display:inline-block;
    color:Red;
    float:right;
    z-index:10001;
}

.redLinkSpecialDelete:hover {
    background-color:#F00;
    color:White;
}

.redLinkSpecialDeletePosition {
    position:absolute;
    margin-left:150px;
    z-index:10001; 
}

.box_top_round_small {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.WrapMain {
	background-color:#F2F2F2;
	border:1px solid #333;
	position:relative;
	min-height:140px;
	padding:6px;
}

.WrapBlock {
    background-color:#FFF;
    border:1px solid #ccc;
    padding:6px 15px;
}

.WrapBlock.WrapBlockEqualPadding {
    padding:6px;
}

.WrapBlock.WrapBlockEqualPadding.WrapBlockLast,
div.column div.WrapBlock.WrapBlockEqualPadding.WrapBlockLast {
    padding:0 0 6px 6px;
    margin-right:0;
}

.WrapBlockTitleOnly {
    border-bottom:0;
    margin-bottom:-10px;
    position:relative;
    z-index:2;
}

.WrapBlockTitleOnly .BlockContentContainer {
    display:none;
}


.WrapBlockNoBox {
    border:0;
    padding:0;
}

.WrapBlockNoHeading > h1 {
    display:none;
}

.WrapBlockNoBox.WrapBlockHigherMargin {
    margin-top:2px;
}

.WrapBlockNoBox.WrapBlockBoxedHeadings h1 {
    background-color:#f2f2f2;
    border:1px solid #ccc;
    font-size:18px;
    line-height:24px;
    padding:0 2px 0 6px;
    position:relative;
    z-index:8;
}

.WrapBlockNoBox.WrapBlockBoxedHeadings h1:hover {
    background-color:#548DD4;
    color:#fff;
}

.WrapBlockNoBox.WrapBlockBoxedHeadings h1 .redLink {
    position:relative;
    margin:1px 0;
    z-index:12;
}

.WrapBlockVerticalMargin {
    margin:12px 0;
}

.WrapBlockLogin {
    float:none;
}

.WrapInfo {
    margin-top:-1px;
    display:block;
    padding-right:10px;
}

.WrapInfo h1,
.WrapInfo h2 {
    border:0;
    margin-top:12px;
}

.WrapInfo.WrapImport {
    width:100%;
    margin-top:6px;
    padding-right:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .WrapInfo.WrapImport {
        margin-top:26px;
}   }

#MessageUpload {
    height:146px;
    margin-top:10px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
}

.ColumnMain.ColumnFull {
	float:none;
	margin-right:0;
}

.CollapsableHeadingWithMenu h1 {
    border-bottom:0;
}

.headingImageHolder {
    background-repeat:no-repeat;
    background-position:0 0;
    background-color:transparent;
    width:26px;
    height:26px;
    margin:0 6px 0 -8px;
    float:left;
}

.ColumnBlock h1.deletable_h,
.ColumnBlock h2.deletable_h {
    position:relative;
    cursor:pointer;
}

.ColumnBlock h1.deletable_h h1,
.ColumnBlock h2.deletable_h h2 {
    cursor:pointer;
}

.ColumnBlock h1.deletable_h:hover,
.ColumnBlock h2.deletable_h:hover {
    background-color:#F2F2F2;
}

.ColumnBlock .ColumnBlock {
    margin-bottom:6px;
}

.BlockContentContainer {
    margin:12px 0 0 0;
}

.BlockContentContainer:first-child {
    margin:0;
}

.puprleHeading2Parent h2 {
    color:#7030A0;
    font-size:14px;
    line-height:18px;
    min-height:18px;
    margin:10px 0 -6px 0;
}

.tooltip {
	background:url(../../Images/Framework/tooltip_bg.png);
	border:1px solid #fff;
	color:#fff;
	font-size:12px;
	padding:10px 15px;
	width:200px;
	display:none;
	text-align:left;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	z-index:100001;
}

.lt-ie9 .tooltip {
    background:#000;
}

.tooltip.GridList {
	padding:5px;
	width:135px;
}

.tooltip.hoverDeleteTooltip {
	padding:2px 5px;
	text-align:center;
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000;
	width:auto;
	z-index:100001;
}

.errorTextInTooltip {
    color:#DD5F5F;
}

.validTextInTooltip {
    color:#8FC857;
}

.hoverDeleteTooltip {
    color:#fff;
}

.HelpIcon {
    display:inline-block;
    background:transparent url('../../Images/Framework/icon_info_help.png') no-repeat -2px -2px;
    width:16px;
    height:16px;
    position:relative;
    top:2px;
    left:0;
}

.HelpIcon:hover {
    background-position:-2px -22px;
    cursor:pointer;
}

.ButtonSaverHide{
    display:none;
}

.ButtonSaverIndicator{
    background:transparent url('../../Images/Framework/save_indicator.gif') no-repeat 0 4px;
    width:40px;
    height:26px;
    display:inline-block;
    margin-right:4px;
}

.ChartSaverBackgroundClass {
    background:transparent url('../../Images/Framework/save_indicator.gif') no-repeat;
    background-position:center center;
    padding:0 0 0 6px;
}

.ChartSaverBackgroundClass object {
    background-color:#fff;
}

.hiddenDelete {
    display:none !important;
}

.hoverDelete {
    width:16px;
    height:16px;
    background:transparent url(../../Images/Framework/waste_bin_small.png) 2px 2px no-repeat;
    position:absolute;
    left:0px;
    cursor:pointer;
    margin-top:6px;
    margin-left:-1px;
    z-index:6;
}

h1.deletable_h .hoverDelete {
    background-position:3px 8px;
    left:-15px;
    margin-left:0px;
    margin-top:0px;
    height:26px;
}

.hoverDeleteUserDefinedQuery {
    cursor: pointer;
    height: 26px;
    position: absolute;
    width: 16px;
    background:transparent url(../../Images/Framework/waste_bin_small.png) center center no-repeat;
}

.hoverDeleteUserDefinedQueryWrapper 
{
    position: absolute;
    z-index: 120;
    /*left: -16px;*/
    height: 26px;
}

.lt-ie9 .hoverDelete {
    height:28px;
}

.validTextInTooltip {
    display:none;
}

.counter {
    display:block;
}

.validation-summary-errors {
    background:#FAE2E2 url(../../Images/Framework/error_mini.png) 5px center no-repeat;
    color:#BE4741;
    padding:0 10px 0 26px;
    margin-bottom:6px;
}

#ValidationSummaryDiv {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
    font-size:14px;
    font-weight:normal;
    position:fixed;
    bottom:0;
    right:0;
    width:400px;
}

#ValidationSummaryDiv div {
    border:1px solid #666;
    /*border-bottom:0;
    border-right:0;*/
}

.ValidationMessageWrap {
    background-image:url('../../Images/Framework/alert_32.png');
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:12px 12px;
    color:#666;
    min-height:58px;
    /*height:200px;*/
}

.ValidationMessageWrap ul {
    list-style-type:disc;
    margin:6px 10px 12px 40px;
}

.ValidationMessageWrap ul li {
    line-height:20px;
}

#ValidationSummaryDiv div {
    padding:0 10px 0 26px;
    /*margin-bottom:10px;*/
    /*font-weight:bold;*/
}

#ValidationSummaryDiv .SucessMessage {
    background:transparent url(../../Images/Framework/success_mini.png) 5px center no-repeat;
    border-color:#3F7227;
    color:#3F7227;
}

#ValidationSummaryDiv .SuccessMessage {
    background:transparent url(../../Images/Framework/success_mini.png) 5px center no-repeat;
    border-color:#3F7227;
    color:#3F7227;
}

#ValidationSummaryDiv .ErrorMessage {
    background:transparent url(../../Images/Framework/error_mini.png) 5px center no-repeat;
    border-color:#BE4741;
    color:#BE4741;
}

#ValidationSummaryDiv .WarningMessage {
    background:transparent url(../../Images/Framework/warning_mini.png) 5px center no-repeat;
    border-color:#6D7829;
    color:#6D7829;
}

#ValidationSummaryDiv .NotAllRightsMessage {
    background:transparent url(../../Images/Framework/lock_mini.png) 5px center no-repeat;
    color:#d2b31c;
}

#ValidationSummaryDiv .NotAllRightsMessage a {
    color:#4094b6;
}

.ProcedureLink {
    background:url(../../Images/Framework/success_mini.png) no-repeat;
    padding-left:24px;
    line-height:16px;
    display:block;
    margin:10px 0;    
}

.ProcedureLink.First {
    background:url(../../Images/Framework/success.png) no-repeat;
}

.ProcedureLink.Second {
    background:url(../../Images/Framework/dots.png) no-repeat;
}

.ProcedureLink.Third {
    background:url(../../Images/Framework/target.png) no-repeat;
}

.ActionBar {
    background-color:#F2F2F2;
    border:1px solid #ccc;
    height:26px;
    padding:2px 3px 2px 2px;
    margin-top:5px;
}

.ActionBar .btn {
    margin-right:6px;
}

.ActionBar .redLink {
    padding:0px 5px;
    /*line-height:24px;*/
}

.ActionBar .btn.btnActionBarRight {
    padding:2px 6px 3px 6px !important;
    margin:1px 0 0 6px;
    float:right;
}

.Overflow {
     overflow-x:auto;
     overflow-y:hidden;    
}

.Action .redLink {
    font-size:12px;
    padding:0px 2px;
    color: red;   
}

.Action .btn {
    font-size:14px;
    padding:1px 2px;    
}

.WrapBlockLogin .ActionBar {
    height:25px;
}

.ui-dialog.ui-widget {
    font-size:14px;
}

.ui-dialog div.column{
    width:100%;
    overflow:hidden;
}

.textInputInDialog {
    padding:2px;
    border:1px solid #CCC;
}

.btnInlineText {
    padding-top:1px;
    padding-bottom:1px;
}

.SearchBlockContainerActionBar {
    margin:1px 0 12px 0;
}

.SearchResultDividerDiv {
    height:6px;
}

.browseTagsContainer {
    border:1px solid #ccc;
    margin-bottom:10px;    
}

.browseTagsContainer:first-child {
    margin-top:10px 0;
}

.browseTags {
    background-color:#f2f2f2;
    border-bottom:1px solid #ccc;
    font-weight:bold;
    font-size:16px;
    padding:2px 10px;
}

.browseLinksContainer {
   padding:10px;
}

.browseLinksContainer a {
    display:block;
}

.BrowseItemWrap {
    margin-bottom:16px;
}

#LoadMoreDiv .btn,
.LoadMoreDiv .btn {
    display:block;
    font-size:18px;
    line-height:30px;
    text-align:center;
    /*width:100%;*/
}
#LoadMoreDiv,
.LoadMoreDiv {
    min-height:1px;
    margin-top:10px;
}
#header a.disabled,
#header a.disabled:hover,
#header .smallerText a.disabled,
#header .smallerText a.disabled:hover {
    color:#999;   
    text-decoration:none; 
    cursor:default;
}

#General{
    padding:15px 0px;
    border-bottom: 1px solid #b2b2b2;
}

#LifeCycle 
{
    padding:15px 0px;
    border-bottom: 1px solid #b2b2b2;
    }    
#Coating 
{
    padding:15px 0px;
    border-bottom: 1px solid #b2b2b2;
    }        
    
.expandableButton{
	background: transparent url('../../Images/Framework/pipe_menu_btn_background.png') repeat-x;
	background-position:0 0;
	border:1px solid #cccccc;
	margin-left:5px;
	/*margin-bottom:5px;*/
	padding:5px;
	color:#000000;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-size:14px;
	height:62px;
	width:100px;
	position:relative;
}

.expandableButtonTitle {
    width:auto;
    margin-left:33px;
    line-height:14px;
    font-size:12px;   
}

.expandableButton:hover {
    background-position:0 -72px;
}

.expandableButtonActive,
.expandableButtonActive:hover{
    background-position:0 -144px;
    border:1px solid #EA700D;
    cursor:default;
}

.expandibleSubitemsContainer div.fonts10  {
    color:#777;
}

.expandableButtonActive .expandibleSubitemsContainer div.fonts10  {
    color:green;
}

.expandableButtonActive .expandibleSubitemsContainer div.fonts10:hover  {
    color:#000;
    cursor:pointer;
}

.expandibleSubitemsContainer div.h10  {
    height:11px;
}

.borderLeft {
    border-left:1px solid #CCC;
}

.cl{
	clear:both;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.fonts8{
	font-size:8px;
	text-align:left;
	color:#000000;
}

.fonts10{
	font-size:10px;
	text-align:left;
	color:#000;
	width:100px;
}

.fontSize12px {
    font-size:12px;   
}

.lh10{
	line-height:10px;
}

.ml10{
	margin-left:10px;
}

.cursor{
	cursor:pointer;
}

.w60{
	width:60px;
}

.h10{
	height:10px;
}

.statusGreen,
.statusYellow,
.statusRed,
.statusAmber,
.statusWhite,
.statusGrey,
.statusBlue,
.statusBlack {
	margin-top:2px;
	margin-right:2px;
	width:14px;
	height:8px;
	background-repeat:no-repeat;
}

.statusGreen {
	background-image:url('../../Images/Framework/Status_green.png');
}

.statusYellow {
	background-image:url('../../Images/Framework/Status_yellow.png');
}

.statusRed {
	background-image:url('../../Images/Framework/Status_red.png');
}

.statusAmber {
	background-image:url('../../Images/Framework/Status_amber.png');
}

.statusWhite {
	background-image:url('../../Images/Framework/Status_white.png');
}

.statusGrey {
	background-image:url('../../Images/Framework/Status_grey.png');
}

.statusBlue {
	background-image:url('../../Images/Framework/Status_blue.png');
}

.statusBlack {
	background-image:url('../../Images/Framework/Status_black.png');
}

.expandibleSubitemsContainer {
    position:absolute;
    top:0px;
    margin-top:30px;
}

.expandibleImageButton {
	height:44px;
	width:30px;
	background-repeat:no-repeat;
	display:inline;
	position:absolute;
	margin-top:5px;
	top:0px;
}

.prefixclassPosition {
    position:relative;
    margin-left:4px;
    top:0;  
    float:left;
}

.prefixclassPosition.prefixEditPosition {
    width:28%;
    top:2px;
    margin-left:-3px;
}

.GridRow {
    background-color:#fff;
}

.GridRow.Header {
	border:1px solid #ccc;
}

.GridRow.Header,
.GridRow.hovered {
	background-color:#F2F2F2;
}

.GridRow.Header a {
    display:inline-block;
    font-weight:bold;
    float:left;
    zoom:1;
}

.GridRow.Header .GridHeaderTxt {
    display:inline-block;
}

.GridRow.Header .prefixclassPosition {
    display:inline;
    text-align:center;
    float:none;
}

.prefixclass {
    font-size:14px;
    /*font-weight:bold;*/
    text-align:left;
    border:0;
    background-color:transparent;
    width:auto;
    padding:0;  
}

.prefixclassPosition.prefixEditPosition .prefixclass {
    display:block;
    text-align:center;
    border:1px solid #d9d9d9;
    background-color:#c6d8f0;
    line-height:20px;
    width:100%;
    min-height:20px;
    padding:0 0 2px 0;
}

.GridRow.Header .prefixclassPosition .prefixclass {
    display:block;
    text-align:center;
}

#FileContent{
    margin-left:80px;    
}

.UnderConsturction {
    background-image: url(../../Images/Framework/Under-construction.png);
    background-repeat:no-repeat;
    height:256px;
    width:256px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;   
}

.UnderConstructionWrap {
    height:300px;
    width:100%;
    vertical-align:middle;
}

div.WrapBlockInner br {
    display:none;    
}

div.WrapBlockInner h3 {
    margin-top:10px;    
}

#Export {
    margin-top:3px;
    font-size:12px;    
}

#Export.btn {
    color:#cccccc;    
}

#Export.btn:hover {
    color:#cccccc;
    background-color:White;    
}

#Import.btn {
    padding:0px;    
}

.rectanglesContainer .rect {
	border-right:1px solid #333;
}

/***** GENERAL LAYOUT ELEMENTS END *****/


/*************************/
/***** GENERAL ICONS *****/
/*************************/

.iconSave,
.iconCancel,
.iconEdit {
    display:block;
    border:0;
    width:20px;
	height:20px;
	margin-top:5px;
	float:left;	
}

.iconSave {
	background:transparent url(../../Images/Framework/iconsave.png) no-repeat 0 0;
}

.iconCancel {
	background:transparent url(../../Images/Framework/iconcancel.png) no-repeat 0 0;
}

.iconEdit {
	background:transparent url(../../Images/Framework/iconedit.png) no-repeat 0 0;
}

.iconSave:hover,
.iconCancel:hover,
.iconEdit:hover {
    /*background-color:#7F7F7F;*/
    background-position:0 -20px;
}

/***** GENERAL ICONS END*****/


/*********************************/
/***** GENERAL FORM CONTROLS *****/
/*********************************/

input[type="submit"] {
    cursor:pointer;
}

input[type="text"], input[type="password"], select, textarea {
    border:1px solid #ccc;
    line-height:17px;
    padding-top:3px 2px 0 2px;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    /*border-color:#888;
    outline:2px solid #FFFFAA;*/
    
    border-color:rgba(82, 168, 236, 0.8);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.4);
    outline:0;
}

input[type="radio"] {
    position:relative;
    top:1px;
    margin:0 2px 0 0;
}

.inputLabel {
    min-width:140px;
    float:left;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis; 
    overflow:hidden;
    white-space:nowrap;
}

textarea {
    overflow:hidden;
}

.divControl {
    width:100%;
    min-height:26px;
}

.divControl .RightControlWrap {
    width:50%;
    position:relative;
    float:right;
}

.RightControlWrap label {
    color:#000; 
}

.RightControlWrap span {
    padding-right:4px;
}

.WrapBlockInner label {
    color:#666;
}

.WrapBlockInner .RightControlWrap label {
    color:#000;
}

.three label {
    /*background-color:transparent;*/
    border-bottom:none;    
}

.deletable_h label {
    background-color:transparent !important;
}

.RightControl {
    float: left;
    display:block;
    margin-top:0; 
}

.divControl .RightControl {
    float:left;
    text-align:left;
    min-height:16px;
}

.divControl label {
    float:left;
    /*padding-right:5px;*/
    color:#666;
}

.divControl label.RightControl,
.divControl a.RightControl {
    margin-top:0px;
    float:left;
    padding:0px;
}


.FrameWrap.FrameWrapWithBulletedHeadings .divControl.controlLabel label.RightControl.TraficLightFourGreen,
.FrameWrap.FrameWrapWithBulletedHeadings .divControl.controlLabel label.RightControl.TraficLightFourRed,
.FrameWrap.FrameWrapWithBulletedHeadings .divControl.controlLabel label.RightControl.TraficLightFourYellow,
.FrameWrap.FrameWrapWithBulletedHeadings .divControl.controlLabel label.RightControl.TraficLightFourAmber {
    padding-left:0;
}

.ExpandableContainer .divControl label {
    margin-right:0;
}

.ExpandableContainer .divControl .RightControl {
    float:right;
}

.divControl div.TextBoxWrapper {
    position:relative;
    float:left;
    width:72%;
}

.divControl div.TextBoxWrapper label.error {
    position:absolute;
    top:2px;
    left:-7px;
}

.divControl input.RightControl,
.divControl textarea.RightControl {
    border-collapse:collapse;
    width:97%;
    margin-top:2px;
    padding:2px;
}

.divControl input.RightControl[type="checkbox"] {
    float:left;
    width:auto !important;
    margin-top:5px;
    margin-left:0;
}

.divControl textarea.RightControl {
    padding:0 2px;
    line-height:21px;
    margin-bottom:3px;
}

.divControl select.RightControl {
    width:100%;
    height:auto;
    padding:1px 0;
    margin-top:2px;
}

.divControl .TextBoxWrapper select.RightControl {
    width:98%;
}

.divControl select.RightControl option {
    margin:0 2px;
    padding:0;
}

.divControl .RightControl.hasDatepicker {
    width:69px;
}

.divControl .LightboxListControls {
    border:1px solid #ccc;
    width:100%;
    padding:2px;
    line-height:20px;
    position:relative;
}

.LightboxListControls .error {
	width:7px;
}

.divControl .LightboxListControls .RightControl {
    width:16px;
    height:16px;
    background:url(../../Images/Framework/search_icon.png) center center no-repeat;
    border:0;
    position:relative;
    top:2px;
    cursor:pointer;
}

.divControl .LightboxListControls label.error {
    position:absolute;    
    height:22px;
    top:-1px;
    left:-8px;
}

#rfLightboxList {
    overflow:auto;
    max-height:400px;
}

#rfLightboxList a:hover {
    background:Red;
    color:#fff;
}

.divControl .ZoomControlContainer {
    float:right;
    width:353px;
}

.divControl .ZoomControlContainer p, .divControl .ZoomControlContainer textarea {
    float:left;
    width:87%;
    padding:0 2px;
    overflow:hidden;
}

.divControl .ZoomControlContainer p {
    max-height:78px;
}

.divControl .ZoomControlContainer textarea {
    max-height:51px;
    margin-bottom:3px;
}

.divControl .ZoomControlContainer .RightControl {
    width:16px;
    height:26px;
    background:url(../../Images/Framework/search_icon.png) center center no-repeat;
    border:0;
    cursor:pointer;
    float:right;
}

.divControl .counter {  
    float:right;
    display:none;
    width:197px;
    margin-top:5px;
}

.divControl.controlDate {  
    position:relative;
}

.divControl.controlDate .RightControl {  
    margin-right:20px;
    float:left;
}

.divControl.controlDate img.ui-datepicker-trigger{
    position:relative;
    top:6px;
    left:-17px;
    cursor:pointer;
    float:left;
}

.divControl.FromToDate .dateContainer {
    float:right;
    position:relative;
    margin-left:10px;
}

.RadioBtnWrap .divControl input.RightControl,
.divControl input.RightControl.RightControlRadio {
    display:inline;
    width:auto;
    float:none;
    margin-right:0;
    margin-left:0;
    margin-top:-4px;
    vertical-align:middle;
}

label.error {
    background-color:#BE4741;
    height:24px;
    width:7px;
    position:absolute;
    top:2px;
    left:-7px;
    text-indent:-9999px;
    cursor:pointer;
}

.fieldRequired {
    background:#ffff99;
}

.fieldRecommended {
    background-color:#def5ff;    
}

label.fieldRecommended {
    background-color:transparent;    
}

.fieldItalics {
    font-style: italic;
}

/***** GENERAL FORM CONTROLS END *****/


/*****************/
/***** LOGIN *****/
/*****************/

.loginContainer { 
    border:1px solid #333;
    margin-top:53px;
}

#LoginContainer.WrapMain { 
    border-top:0;
}

.loginContainer .mainColumnsContainer, .loginContainer .mainColumn {
    float:none;
    margin-right:0;
}
.loginContainer .mainColumnsContainer {
    width:auto;
    padding:5px;
}

#logindialog .inputLabel {
    min-width:100px;
}

.LoginRightControlContainer {
    width:146px;
    position:relative;
    float:left;
}

.LoginRightControlContainer input {
    padding:2px;  
    width:133px; 
}

.LoginRightControlContainer label.error {
    top:0;
    left:0;
    float:left;
}

/***** LOGIN END *****/


/******************/
/***** HEADER *****/
/******************/

#header {
    border:1px solid #333;
    color:#fff;
    background-repeat:repeat-x; 
}

#header a {
    color:#000; 
}

#header a:hover {
    color:#fff; 
}

#header .logo {
    display:block;
    border-right:1px solid #333;
    float:left;
    width:75px;
    height:48px;
	border:none;
	margin-left:10px;
}

#header h1 {
    border:none;
    font-size:28px;
    line-height:28px;
    margin:8px 0 0 6px;
    float:left;
}

#header .container {
    background:none;
    color:#000;
    text-align:right;
    line-height:18px;
    margin:5px 35px 0 0;
}

#header .container.last {
    margin:-2px 28px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

    #header .container.last {
        margin:-3px 28px 0 0;
    }
}


#header .smallerText a {
    text-decoration:none;
}

#header .smallerText a:hover {
    text-decoration:underline;
}

#SearchFormTextBox {
    border:1px solid #333;
    width:146px;
}

a.ShowHideHeader,
a.ShowHideHeader.collapsed {
    background:url(../../Images/Framework/expand_collapse_header.png) no-repeat;
}

a.ShowHideHeader {
    background-color:transparent;
    background-position:0 -24px;
    width:35px;
    height:23px;
    float:right;
    margin:-30px 1px 0 0;
    z-index:8;
}

a.ShowHideHeader:hover {
    background-color:#548DD4;
    background-position:-35px -24px;
}

a.ShowHideHeader.collapsed {
    background-color:#eaeff5;
    background-position:0 4px;
    height:28px;
    position:absolute;
    top:30px;
    right:-1px;
    z-index:8;
    
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:6px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-radius:0px 0px 6px 6px;
    border-radius:0px 0px 6px 6px;
    
    -webkit-box-shadow:0 1px 2px 0 #666666;
    -moz-box-shadow:0 1px 2px 0 #666666;
    box-shadow:0 1px 2px 0 #666666;  
}

a.ShowHideHeader.collapsed:hover {
    background-color:#548DD4;
    background-position:-35px 4px;
}

/***** HEADER END *****/


/**********************/
/***** NAVIGATION *****/
/**********************/

#navigation {
	background-color:#EAEFF5;
	border:1px solid #333;
	border-top:0;
	height:23px;
	padding:0 35px 0 10px;	
	margin-bottom:6px;
}

#navigation a {
    color:#000;
    text-decoration:none;
    padding:0 8px;
}

.navItem {
    border:1px solid #ccc;
    float:left;
    margin:2px 3px 0 0;
    height:20px;
    border-bottom:0;
    line-height:20px;
    cursor:pointer;
}

.navItem:hover {
    background-color:#ddd;
}

.navItem.active {
    border:1px solid #333;
    border-bottom:1px solid #FFF;
    cursor:default;
}

.navItem.active:hover {
	color:#fff;
}

.navItem.active,
.navItem.active:hover {
	background-color:#fff;
}

#navigation .help {
    background-color:#7030a0;
    border-right:1px solid #333;
    border-left:1px solid #333;
    color:#fff;
    line-height:23px;
    height:23px;
    float:right;
}

#navigation .help:hover {
    background-color:#b691e3;
}

/***** NAVIGATION END *****/


/*************************/
/***** SUBNAVIGATION *****/
/*************************/

#subNavigation {
    margin-bottom:6px;
}

.SubNavigationInnerContainer {
    background-color:#fff;
    border:1px solid #ccc;
    padding:0px 10px;
}

#subNavigation a {
    display:block;
    color:#999;
    text-decoration:none;
    line-height:12px;
    margin-right:20px;
    float:left;
}

#subNavigation a:hover {
    color:#000;
}

#subNavigation a.active, .subNavItem.active {
    color:#000;
    font-weight:bold;
    border-bottom:2px solid #999;
}

#subNavigation .subNavItem {
    text-align:left;
    margin-right:8px;
    float:left;
    position:relative;
    margin-top:10px;
    margin-bottom:-2px;
    padding-bottom:1px;    
}

#subNavigation .subNavItem.alignRight {
    float:right;
}

#subNavigation .right {
    margin:0 0 0 15px;
    float:right;
}

.subNavItem{
   color:#cccccc;
   margin-right:10px;
   text-decoration:none;
   text-align:center;
   position:relative;
   bottom:5px;
   cursor:pointer;
}

.subNavItem:hover{
    color:#000;  
    text-decoration:none;
    text-align:center;
    margin-right:10px;
    border-bottom: 2px solid #ccc;    
}

.subNavItem:active{
    color:#000;  
    text-decoration:none;
    text-align:center;
    margin-right:10px;
    border-bottom:2px solid #999;    
}

.SubNavigationInnerContainer .iconEdit,
.SubNavigationInnerContainer .Action.Special {
    position:relative;
    right:-6px;
    top:3px;
    margin:0;
    float:right;
}

.SubNavigationInnerContainer .Action.Special {
    top:-2px;
    right:-4px;
}

.SubTabControlCheckIcon {
    display:inline-block;
    background:transparent url('../../Images/Framework/icon_grid_check.png') no-repeat -2px -23px;
    height:16px;
    width:16px;
    margin:0;
    position:relative;
    top:4px;
    left:-10px;
}

.SubTabControlCheckedSpan {
    padding-right:10px;
    margin-left:-8px;
}

.SubNavigationInnerContainer #SaveSubTabSurvey input.RightControl[type="checkbox"] {
    margin:7px 3px 0 4px;
    float:right;
}

.SubNavigationInnerContainer #SaveSubTabSurvey input[type="radio"] {
    margin:0;
}

.analysedSpan {
    float:right;
}

/***** SUBNAVIGATION END *****/


/***********************/
/***** INFO COLUMN *****/
/***********************/

.infoColumnExpanderBtn {
    background:url(../../Images/Framework/expand_collapse_horizontal.png) repeat-y;
    background-color:#fff;
    background-position:0 0;
    border:1px solid #333;
    width:10px;
    height:100%;
    position:absolute;
    right:-1px;
    top:-1px;
    cursor:pointer;
}

.infoColumnExpanderBtn:hover {
    background-position:-20px 0;
}

.infoColumnExpanderBtn.ExpanderToggle {
    background-position:-10px 0;
}

.infoColumnExpanderBtn.ExpanderToggle:hover {
    background-position:-30px -0;
}

.InfoColumnSettingsButtonsWrap input {
    margin-bottom:6px;
}

.InfoColumnSettingsCheckboxWrap {
    line-height:16px;
    padding-left:1px;
}

.InfoColumnSettingsCheckboxWrap input {
    margin:0;
    position:relative;
    top:2px;
}

h1.InfoColumnHeadingAlternate {
    color:#000 !important;
    border-bottom:1px solid #ccc;
    margin-top:8px;
}

/***** INFO COLUMN END *****/


/********************************************/
/***** BREADCRUMB AND SORTING DROPDOWNS *****/
/********************************************/

.browseLinksColumnBlock {
    /*margin-bottom:50px;*/
}

ul.BCDDtopnav,
ul.SortingTopnav {  
    list-style: none;  
    width: 100%;
}

.lt-ie8 ul.BCDDtopnav {  
    margin-bottom:6px;
}

ul.SortingTopnav {  
    margin:10px 0; 
}

ul.BCDDtopnav li,
ul.SortingTopnav li {  
    background-color:#fff;
    border:1px solid #ccc;
    line-height:22px;
    float: left;
    padding-left:4px; 
    margin: 0 5px 6px 0;   
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    cursor:pointer;  
}

ul.BCDDtopnav li a,
ul.SortingTopnav li a{  
    padding: 0 5px;  
    display: block;  
    text-decoration: none;  
    float: left;  
}

ul.BCDDtopnav li a:hover,
ul.SortingTopnav li a:hover {  

}

ul.BCDDtopnav li.hovered,
ul.SortingTopnav li.hovered {
    background-color:#F2F2F2;
}

ul.BCDDtopnav li.hovered > a,
ul.SortingTopnav li.hovered > a {
    color:#000;
}

ul.BCDDtopnav li span,
ul.SortingTopnav li span { /*--Drop down trigger styles--*/  
    width:8px;  
    height:11px;
    margin-top:6px;
    padding:0 4px 0 4px;  
    float:left;  
    cursor:pointer;  
}

ul.BCDDtopnav li span { 
    background:url(../../Images/Framework/icon-dropupdown.gif) no-repeat center top;
}

ul.SortingTopnav li span { /*--Drop down trigger styles--*/
    background:url(../../Images/Framework/icon-sortingupdown.png) no-repeat center top;
    padding-right:5px;
}

ul.SortingTopnav.SortingDescending li span { /*--Drop down trigger styles--*/   
    background-position:center bottom;
}

ul.BCDDtopnav li span.BCDDsubhover,
ul.SortingTopnav li span.SortingSubhover {
    background-position: center bottombottom;
    cursor:pointer;
} /*--Hover effect for trigger--*/
  
ul.BCDDtopnav li ul.BCDDsubnav,
ul.SortingTopnav li ul.SortingSubnav {  
    border:1px solid #ccc;
    list-style:none;  
    position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left:-1px; 
    top:22px;  
    background-color:#fff;  
    margin:0;
    padding:0;  
    display:none;  
    float:left;  
    z-index: 100;
}

ul.BCDDtopnav li ul.BCDDsubnav li,
ul.SortingTopnav li ul.SortingSubnav li{  
    margin:0; 
    padding:0;  
    border:0;
    border-top:1px solid #ccc;
    background-color:#fff;   
    clear:both;  
    width:200px;
}

ul.BCDDtopnav li ul.BCDDsubnav li:first-child,
ul.SortingTopnav li ul.SortingSubnav li:first-child {  
    border-top:0;
}

html ul.BCDDtopnav li ul.BCDDsubnav li a,
html ul.SortingTopnav li ul.SortingSubnav li a {  
    float:left;  
    width:175px;
    padding-left:20px;  
}

html ul.BCDDtopnav li ul.BCDDsubnav li a:hover,
html ul.SortingTopnav li ul.SortingSubnav li a:hover { /*--Hover effect for subnav links--*/  
    background-color:#F2F2F2;  
}

ul.BCDDtopnav li.BCDDarrow {
    width:8px;  
    height:11px;
    margin:7px -1px 0 -6px;  
    float:left;  
    background:url(../../Images/Framework/icon-breadcrumb.png) no-repeat center top;
    border:0;
}

ul.BCDDtopnav li.BCDDarrow:last-child {
    display:none;
}

.BreadCrumbsWrap{
   background-color:#333;
   font-weight:bold;
   height:22px;
   margin:-6px 0 6px -6px;
   vertical-align:top;     
}

.BreadCrumbsActive{
    color:#fff;
    position:absolute;
    margin-left:5px;
    height:auto;
    line-height:20px;    
}

a.BreadCrumbs {
    display:inline-block;
    background-color:#333;
    color:White;
    padding-right:16px;
    padding-left:2px;
    background-image: url(../../Images/Framework/breadcrumbsArrow.png);
    background-position:center right;
    background-repeat:no-repeat;
    height:21px;
    line-height:20px;
    position:relative;
    top:-3px;
    margin-right:0;
}

a.BreadCrumbs:first-child {
    padding-left:10px;
}

a.BreadCrumbs:hover{
    color:#cccccc;
}

.parentBreadCrumb {
  float: right;
  position:relative;
  /*width: 300px;
  bottom:3px;*/
  padding-top:0px;
  height:21px;
}

.prefixBreadCrumb {
    position:relative;
    float:left;
    margin-right:5px;
}

ul.BCDDOverflowWrapper {
    display:block;
    max-height:160px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
}

ul.BCDDOverflowWrapper li input[type="checkbox"] {
    margin:6px;
    float:left;
}

ul.BCDDOverflowWrapper li span {
    background-image:none;
    margin:0;
    padding:1px 0;
    float:left;
    width:82%;
}

a.BreadCrumbsApplyBtn,
a.BreadCrumbsRemoveBtn,
html ul.BCDDtopnav li ul.BCDDsubnav li a.BreadCrumbsApplyBtn,
html ul.SortingTopnav li ul.SortingSubnav li a.BreadCrumbsApplyBtn,
html ul.BCDDtopnav li ul.BCDDsubnav li a.BreadCrumbsRemoveBtn,
html ul.SortingTopnav li ul.SortingSubnav li a.BreadCrumbsRemoveBtn {
    background-color:#f2f2f2;
    border-top:1px solid #ccc;
    color:#FF0000;
    line-height:24px;
    height:26px;
    padding:0 0 0 25px;
    margin-top:-2px;
}

a.BreadCrumbsApplyBtn:hover,
a.BreadCrumbsRemoveBtn:hover,
html ul.BCDDtopnav li ul.BCDDsubnav li a.BreadCrumbsApplyBtn:hover,
html ul.SortingTopnav li ul.SortingSubnav li a.BreadCrumbsApplyBtn:hover,
html ul.BCDDtopnav li ul.BCDDsubnav li a.BreadCrumbsRemoveBtn:hover,
html ul.SortingTopnav li ul.SortingSubnav li a.BreadCrumbsRemoveBtn:hover {
    background-color:#FF0000;
    color:#fff;
}

/***** BREADCRUMB AND SORTING DROPDOWNS END *****/


/******************/
/***** FOOTER *****/
/******************/

#footer {
    background-color:#F2F2F2;
    border:1px solid #333;
    margin:12px auto 0;  
    text-align:center;
    padding:15px 0px;
}

#footer h3 {
    font-size:14px;
    color: #000 !important;
    font-weight:normal;    
}

#footer .greyText a {
    color:#999;
    text-decoration:none;    
}

#footer .greyText a:hover {
    color:#000;
    text-decoration:underline;    
}

/***** FOOTER END *****/


/*******************************/
/***** TELERIK (obsolete?) *****/
/*******************************/

.TelerikGridContainer {
    margin:20px 0;
}

.TelerikGridContainer .t-grid .t-header .t-link,
.TelerikGridContainer .t-grid th,
.TelerikGridContainer .t-grid td {
    font-family:Calibri, Tahoma, Geneva, Helvetica, Arial, sans serif;
    font-size:14px;    
}

.TelerikGridContainer .t-footer .t-status .t-icon {
    margin-top:6px;
}

.TelerikGridContainer .t-numeric .t-state-active,
.TelerikGridContainer .t-numeric .t-state-hover,
.TelerikGridContainer .t-numeric .t-link {
    margin-top:1px;
}

.TelerikGridContainer .selected {
    background-color:#CEEDFD;
}

/***** TELERIK END *****/


/**********************/
/***** CEN GRIDS ******/
/**********************/

.CenListGrid {
    clear:both;
}

.CenListGrid .GridRow {
    /*margin-top:2px;*/
    padding-left:4px;
}
.CenListGrid .GridRow input[type="checkbox"] {
    vertical-align:middle;
}

.CenListGrid .GridColumn input[type="text"].hasDatepicker {
    width:58px !important;
}

.CenListGrid .GridColumn {
    float:left;
    /*line-height:26px;*/
    line-height:16px;
    min-height:26px;
    margin-left:3px;
    margin-right:3px;
    position:relative;
    font-size:12px;
    
    word-wrap:break-word;
}

.CenListGrid .GridRow.Header .GridColumn {
    height:auto;
    line-height:12px;
    padding:4px 0 4px 1px;
}

.CenListGrid .GridRow.Header .GridColumn:first-child {
    margin-left:10px !important;
}

.GridColumnMultiWrap {
    float:left;
}

.GridColumnMultiWrap .GridColumn {
    float:left;
}

.CenListGrid .GridColumnMultiWrap.GridColumn {
    margin:0;
}

.GridColumnMultiTitle {
    border-bottom:1px solid #ccc;
    text-align:left;
    padding-bottom:4px;
    /*margin:0 3px;*/
}

.CenListGrid .Action {
    float:right;
    height:28px;
    line-height:26px;
    padding-right:5px;
}

.CenListGrid .BtnTriggerExpandableContainer, .buttonExpand {
    float:right;
    height:16px;
    width:16px;
    margin:6px 4px 0 0;
    background:url(../../Images/Framework/expand_collapse.png) #F2F2F1 no-repeat;
    border:1px solid #ccc;
    cursor:pointer;
    background-position:0 -16px;
}

.CenListGrid .BtnTriggerExpandableContainer.Expanded, .buttonExpand.Expanded {
    background-position:0 0;
}

.CenListGrid .BtnTriggerExpandableContainer, .buttonExpand:hover {
    background-color:#fff;
}

.CenListGrid .ExpandableContainer {
    display:none;
    padding:10px;
    border:1px solid #999;
    background:#fbfbfb;
}

.CenListGrid .ExpandableContainer.Expanded {
    display:block;
}

.CenListGrid .ExpandableContainer .Action {    
    float:none;
    background:#f2f2f2;
    border:1px solid #ccc;
    clear:both;
    padding:3px;   
    height:auto; 
    margin-top:5px;
}

.CenListGrid .ExpandableTriggerRow.Expanded {
    border:1px solid #999;
    border-bottom:0;
    background:#fbfbfb;
}

.CenListGrid .ExpandableTriggerRow.Expanded .GridColumn {
    background:#fbfbfb;
    line-height:29px;
}

.lt-ie8 .CenListGrid .Action {
    margin-top:0px;
}

.CenListGrid .GridColumn input[type="text"], .CenListGrid .GridColumn select {
    width:100%;
    float:left;
    margin-top:3px;
    padding:3px 2px;
    font-size:12px;
}
.CenListGrid .GridColumn input[type="text"] {
    width:94%;
}
.CenListGrid .GridColumn textarea {
    float:left;
    margin-top:3px;
    line-height:21px;
}

.CenListGrid .GridColumn select {
    padding:1px 0;
}

.CenListGrid .GridColumn img.ui-datepicker-trigger {
    margin:7px 0 0 3px;
}

.lt-ie8 .CenListGrid .GridColumn img.ui-datepicker-trigger {
    margin-top:5px;
}

.CenListGrid .GridColumn label.error {
    width:5px;
    height:22px;
    position:absolute;
    top:3px;
    left:-2px;
}

.AscDescArrows {
    display:none;
}

.GridColumnAsc .AscDescArrows,
.GridColumnDesc .AscDescArrows {
    display:block;
    width:12px;
    height:9px;
    position:relative;
    top:2px;
    left:3px;
    float:left;
}

.GridColumnAsc .AscDescArrows {
    background:transparent url(../../Images/Framework/arrow_black_downPointer.png) no-repeat 0 0;
}

.GridColumnDesc .AscDescArrows {
    background:transparent url(../../Images/Framework/arrow_black_upPointer.png) no-repeat 0 0;    
}

.checkedGridItems  {
    background-color:#ffffc7;
    color:#9d9d65;
    border-top:1px solid #7f7f7f;
    border-bottom:1px solid #7f7f7f;
}

.checkedGridItemsFirst {
    border-left:1px solid #7f7f7f;
}

.checkedGridItemsLast {
    border-right:1px solid #7f7f7f;
}

.udqSelectLeftTd {
    width: 45%;
}

.udqSelectMiddleTd {
    vertical-align:middle;
    width: 10%;
    text-align:center;
}

.udqSelectRightTd {
    width: 45%;
}

.selectLeftRight {
    width: 100%;
}

.URLLink {
    display:block;
    color:#92d050;
    font-size:100%;
    word-wrap:break-word;
    margin-left:10px;
        
}

.case {
    margin-right:10px;
    font-size:100%;    
}

a.case {
    position:relative;
    z-index:8;
}

.GridOverflow {
    position:relative;
    overflow:auto;
    overflow-y:hidden;
    overflow-x:auto;
    padding-bottom:8px;
}

.GridRowDataChart {
    background-color:#F2F2F2;
    border: 1px solid #CCCCCC;
    margin-top:2px;
    padding-left:4px;
    height:29px;    
}

.DataChartGridActive {
    margin-left:10px; 
    top:4px; 
    position:relative; 
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}

.FirstListItem{
	width:2px;
	margin:0;
	padding:0;
}

/***** CEN GRIDS END ******/


/*********************************************/
/***** MAIN VIEW TYPE SELECTION CONTROLS *****/
/*********************************************/

.SearchContainerWrapBlock {
    position:relative;
}

.ViewTypeSelectionWrap {
    width:42px;
    margin-top:-30px;
    float:right;
    position:relative;
    z-index:9;
}

.ListSelectionLink,
.GridSelectionLink {
    background-position:0 0;
    width:20px;
    height:20px;
    padding:0;
    margin:0;
}

.ListSelectionLink {
    background-image:url('../../Images/Framework/icon_panes_one.png');
    float:left;
}

.GridSelectionLink {
    background-image:url('../../Images/Framework/icon_grid_small.png');
    float:right;
}

.GridSelectionLink:hover,
.ListSelectionLink:hover,
.highlighted {
    background-color:transparent;
    background-position:0 -20px;
}

/***** MAIN VIEW TYPE SELECTION CONTROLS END *****/


/*********************************/
/***** ZOOM TEXTAREA OVERLAY *****/
/*********************************/

div.ZoomTextBoxLightBox div div textarea,
div.ZoomTextBoxLightBox div div div {
    width:100%;
    height:360px;
    overflow:auto;
    line-height:17px;
    
}

.lt-ie8 div.ZoomTextBoxLightBox div div textarea,
.lt-ie8 div.ZoomTextBoxLightBox div div div {
    width:96%;
}

.lt-ie8 div.ZoomTextBoxLightBox div div textarea {
    margin-top:-20px;
}

div.LightboxListControls label {
    width:87%;
}

div.LightboxListControls {
    margin-bottom:3px;
}

/***** ZOOM TEXTAREA OVERLAY END *****/


/****************************/
/***** DASHBOARD STYLES *****/
/****************************/

.DashboardWrap {
    background-color:#fff;
    border:1px solid #ccc;
    padding:10px 20px 20px 20px;
}

.DashboardWrap h1 {
    margin-bottom:16px;
}

.DashboardSelectWrap {
    margin:10px 0 20px 0;
}

.DashboardPanelsWrapper {
    margin-bottom:20px;
}

.DashboardSelectWrap .navItem,
.DashboardDiv_LinksWrap .navItem {
    border:0;
    color:#FF0000;
    float:none;
    margin-left:8px;
    padding:2px 5px;
    text-decoration:none;
}

.DashboardSelectWrap .navItem.active,
.DashboardDiv_LinksWrap .navItem.active {
    background-color:#FF0000;
    color:#fff;
}

.DashboardSelectWrap .navItem:hover,
.DashboardDiv_LinksWrap .navItem:hover {
    background-color:#FF0000;
    color:#fff;
}

.DashboardDiv_LinksWrap {
    text-align:right;
}

#DashboardDiv_1,
#DashboardDiv_2,
#DashboardDiv_3,
#DashboardDiv_4 {
    width:48%;
    overflow:hidden;
    /*height:100px;
    border:1px solid #000;*/
}

#DashboardDiv_1 {
    float:left;
}

#DashboardDiv_2 {
    float:right;
}

#DashboardDiv_3 {
    float:left;
}

#DashboardDiv_4 {
    float:right;
}

#DashboardDiv_1 img,
#DashboardDiv_2 img,
#DashboardDiv_3 img,
#DashboardDiv_4 img {
    width:100%;
    height:240px;
}

.WrapBlockDashboardGrid .dataTables_wrapper {
    top:-20px;
}

.WrapBlockDashboardGrid .dataTables_wrapper .dataTables_filter {
    top:-5px;
}

.WrapBlockDashboardGrid .dataGridActionBar {
    height:22px;
}

.WrapBlockDashboardGrid .dataGridActionBar .iconGridVisibilityHolder {
    display:none;
}

/***** DASHBOARD STYLES END *****/


/*******************************/
/***** CUSTOM TABLE STYLES *****/
/*******************************/

.customTable
{
    border:1px solid #b2b2b2;
    margin-top:10px;
    margin-bottom:10px;
    display:block;
    width:100%;
}

.customTableHeader
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 22%, #f9f9f9 39%, #e8eaea 65%, #d8d8da 83%, #d8d8da 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(22%,#fefefe), color-stop(39%,#f9f9f9), color-stop(65%,#e8eaea), color-stop(83%,#d8d8da), color-stop(100%,#d8d8da)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 22%,#f9f9f9 39%,#e8eaea 65%,#d8d8da 83%,#d8d8da 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fefefe 22%,#f9f9f9 39%,#e8eaea 65%,#d8d8da 83%,#d8d8da 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 22%,#f9f9f9 39%,#e8eaea 65%,#d8d8da 83%,#d8d8da 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8da',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#fefefe 22%,#f9f9f9 39%,#e8eaea 65%,#d8d8da 83%,#d8d8da 100%); /* W3C */
    width:100%;
    display:block;
    border-bottom:1px solid #ccc;
}

.customTableFieldsFirst
{
    display:block;
    float:left;
    width:15%;
    /*border-right:1px solid #b2b2b2;*/
    text-align:center;
}

.customTableFieldsSecond{
    display:block;
    float:left;
    width:30%;
    padding-left:5px;
    border-left:1px solid #ccc;
    text-align:left;
}

.customTableFieldsFollowing
{
    display:block;
    float:left;
    width:26%;
    padding-left:5px;
    border-left:1px solid #ccc;
    text-align:left;
}

.customTableColumnBody
{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;   
}

.customTableColumnTd
{
    text-align:center;
    vertical-align:top;
    width:15%
}

.FilterCriteriaItem{
    width:100%; 
    display:table;
    border-bottom:1px solid #B2B2B2; 
}

.FilterCriteriaItem:last-child{    
    border-bottom:none; 
}

.customTableFieldsName{
    display:block;
    float:left;
    width:35.3%;
    padding-left:5px;
    border-left:1px solid #b2b2b2;
    text-align:left;
}

.customTableFieldsOperator{
    display:block;
    float:left;
    width:30.5%;
    padding-left:5px;
    border-left:1px solid #b2b2b2;
    text-align:left;
}

.customTableFieldsValue{
    display:block;
    float:left;
    width:26%;
    padding-left:5px;
    border-left:1px solid #b2b2b2;
    text-align:left;
}

.UserDefinedViewNameTable
{
    width:100%;
}

/***** CUSTOM TABLE STYLES END *****/


/************************/
/***** GRAPH STYLES *****/
/************************/

.GraphPosition{
    background-color:blue; 
    /*width:100%;*/
    height:20px; 
    position:relative;    
}

.GraphGradient{
    background: rgb(92,198,39); /* Old browsers */
    background: -moz-linear-gradient(left, rgb(92,198,39) 0%, rgb(247,236,39) 46%, rgb(255,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(92,198,39)), color-stop(46%,rgb(247,236,39)), color-stop(100%,rgb(255,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgb(92,198,39) 0%,rgb(247,236,39) 46%,rgb(255,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgb(92,198,39) 0%,rgb(247,236,39) 46%,rgb(255,0,0) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgb(92,198,39) 0%,rgb(247,236,39) 46%,rgb(255,0,0) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cc627', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, rgb(92,198,39) 0%,rgb(247,236,39) 46%,rgb(255,0,0) 100%); /* W3C */
    display:block;
    position:absolute;
}

/***** GRAPH STYLES END *****/


/**********************/
/***** TREE MENUS *****/
/**********************/

.TreeMenuColumnWrap {
    padding-top:5px;
    margin-right:10px;
}

.MenuTreeHeader {
    border-bottom:1px solid #cccccc;
    margin-bottom:-1px;   
}

a.MenuTreeHeaderText {
    color:#000;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;    
}

a.TreeMenuItem {
    display:block;
    color:#4c4c4c;
    text-decoration:none;
    font-size:14px;
    line-height:20px;
    position:relative;
    padding:2px 2px 4px 6px;  
}

a.TreeMenuItem:hover {
    background-color:#c6d6f0;
    color:#fff;
}

.lt-ie9 a.TreeMenuItem {
    padding:2px 2px 2px 6px;  
}

.TreeMenuThirdLevelItem a.TreeMenuItem {
    margin-left:-6px;
}

a.TreeMenuItem.TreeMenuItemSelected {
    background-color:#fff;
    border:1px solid #ccc;
    border-right:0;
    color:#000;
    padding:2px 2px 4px 6px;
    margin:0 -11px 0 0;
    z-index:10;
}

a.TreeMenuItem.TreeMenuItemSelected:hover {
    color:#000;
    cursor:default;
}

a#ExpendableNavItem_FMEA {
    text-decoration:none;    
}

a.TreeMenuItem.TreeMenuItemSelected {
    background-color:#fff;
    border:1px solid #ccc;
    border-right:0;
    color:#000;
    padding:2px 2px 4px 6px;
    margin:0 -11px 0 0;
    z-index:0;
}

.lt-ie9 a.TreeMenuItem.TreeMenuItemSelected {
    padding:2px 2px 2px 6px;
}

.TreeMenuThirdLevelItem a.TreeMenuItem.TreeMenuItemSelected {
    margin:0 -11px 0 -6px;
}

.lt-ie9 .TreeMenuThirdLevelItem a.TreeMenuItem,
.lt-ie9 .TreeMenuThirdLevelItem a.TreeMenuItem.TreeMenuItemSelected {
    padding:2px 2px 4px 6px;
}

.TreeMenuItemIconUp,
.TreeMenuItemIconDown {
    background-image:url(../../Images/Framework/expand_tree_item_arrows.png);
    width:10px;
    height:10px;
    float:left;
    position:relative;
    top:8px;
    left:2px;
    margin-right:4px;
    z-index:12;
}

.TreeMenuItemIconDown{
    background-position:0 -10px;
}

.TreeMenuItemIconDown.TreeMenuItemIconUp{
    background-position:0 0;
}   

.TreeMenuThirdLevelItem{
    font-size:12px;
    line-height:14px;
    /*padding:4px;*/   
}

.TreeMenuThirdLevelItems{
   margin-left:30px;     
}

#SettingsMenuDashboardSubItem{
    font-size:12px;    
}

.TreeMenuItemNoIcon{
    height:15px;
    float:left;
    position:relative;
    top:5px;
    margin-left:14px; 
}

.TreeNodeItemIconUp,
.TreeNodeItemIconDown,
.TreeNodeItemNoIcon {
    background-image:url(../../Images/Framework/expand_tree_item_arrows.png);
    width:10px;
    height:10px;
    float:left;
    position:relative;
    top:8px;
    left:2px;
    margin:0 4px;
    cursor:pointer; 
}

.TreeNodeItemIconDown {
    background-position:0 -10px;
}

.TreeNodeItemIconDown.TreeNodeItemIconUp {
    background-position:0 0;
}
      
.TreeNodeItemNoIcon {
    background-image:none;
    cursor:default;  
}

.TreeNodeItemHover {
    background-color:#C6D8F0;   
}

.TreeNodeItemSelected {
    background-color:#548DD4;
    color:#fff;
}

.TreeNodeItemPosition {
    min-height:26px;
    cursor:pointer;
}

.TreeNodeItemPosition label {
    float:left;
    cursor:pointer;
}

.TreeNodeItemPosition .iconEdit {
    float:right;
    margin:3px 0 0 4px;
}

.TreeNodeItemPosition .iconSave,
.TreeNodeItemPosition .iconCancel {
    float:right;
    margin-top:3px;
}

.TreeNodeItemPosition input[type="text"] {
    padding-left:2px;
    margin:2px 0 0 -4px;
    float:left;
}

/***** TREE MENUS END*****/


/******************/
/***** LEGEND *****/
/******************/

.Legend {
    margin-top:-5px;
}

.LegendMainWrap {
    border:1px solid #cccccc;
    background-color:#ebf1df;
    margin-top:10px;
    padding:10px;    
}

.LegendSection {
    width:auto;
    height:15px;
    margin-bottom:5px;    
}

.LegendSectionFirst {
    width:90%;
    height:10px;
    border:1px solid #333;
    background-color:Blue;
    margin-top:1px;
    float:left;
    margin-bottom:10px;    
}

.LegendSectionSecond {
    width:25%;
    height:10px;
    border:1px solid #333;
    margin-top:1px;
    float:left;
    margin-bottom:10px;
    margin-right:2px;    
}
.LegendSectionSecond:last-child {
    margin-right:0px;    
}

.LegendSectionSecond.First{
     background-color: #ff00ff;   
}

.LegendSectionSecond.Second{
     background-color: #ffff00;   
}

.LegendSectionSecond.Third{
     background-color: #7bff00;   
}

.LegendSectionSecond.Fourth{
     background-color: #ffc3ff;   
}

.LegendSectionSecond.Fifth{
     background-color: #ffffc6;   
}

.LegendSectionSecond.Sixth{
     background-color: #c6ffc6;   
}

.LegendSectionText {
    left: 15px;
    position: relative;
    top: -6px;
    float:left;
    color:#548dd4;
    font-style:italic;
    font-family: Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    font-size:12px;      
}

.LegendSectionTextLast {
    position: relative;
    /*float:left;*/
    color:#548dd4;
    font-style:italic;
    font-family: Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    font-size:12px; 
    margin-top:-1.5px;     
}

.LegendSectionTextLast.Colour {
    position: relative;
    /*float:left;*/
    color:#000;
    text-decoration:underline;
    font-style:normal;
    font-family: Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    font-size:12px;      
}


.LegendSectionTextLast.Line {
    position: relative;
    float:left;
    color:#548dd4;
    font-style:italic;
    font-family: Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    font-size:12px;
    line-height:20px;      
}

.LegendIndicator {
    margin-left:2px;
}

.LegendIndicator:first-child {
    margin-left:0;
}

.LegendSectionTextSecond {
    height: 5px;
    left: 5px;
    position: relative;
    top: -6px;
    width: auto;
    color:#548dd4;
    font-style:italic;
    font-family: Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    font-size:12px;  
}

.LegendSectionTextSpecial {
}

.LegendSectionTextPosition { 
    float:left; 
    margin-right:2px;
}

/***** LEGEND END *****/


/*****************************/
/***** DATA GRID CONTENT *****/
/*****************************/

.innerDetails {
    padding:12px;
}

.innerDetails .GridRowEditFormWrap {
    font-size:14px;
    line-height:26px;
    width:60%;
}

.innerDetails .GridRowEditFormWrap .divControl .RightControlWrap {
    width:50%;
}

.innerDetails .GridRowEditControlsWrap {
    width:100%;
}

.innerDetails .GridRowEditControlsWrap .GridRowDataChart {
    width:auto;
    padding-top:4px;
}

.dataGridActionBar {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */

    border: 1px solid #CCCCCC;
    margin-bottom:-1px;
    padding-left:6px;
    position:relative;
}

.dataGridActionBar.ActionBarChart {
    margin-bottom:0;
}

.dataGridActionBar .iconHolder {
    background-color:transparent;
    background-position:0 0;
    background-repeat:no-repeat;
    border:0;
    width:20px;
    height:20px;
    margin:1px 1px 1px 0;
    cursor:pointer;
    *cursor:hand;
}

.dataGridActionBar .iconHolder:hover {
    /*background-color:#7f7f7f;*/
    background-position:0 -20px;
}

.dataGridActionBar .iconGridVisibilityHolder {
    height:20px;
    margin:1px 0;
}

.dataGridActionBar .iconHolder .DataChartGridActive {
    top:0;
    margin:0;
}

.dataGridActionBar .iconHolder .DataChartGridActive:hover {
    background-color:transparent;
}

.dataGridActionBar .iconHolder.iconHolderActive {
    /*background-color:#7f7f7f;*/
    background-position:0 -40px;
    cursor:default;
}

.dataGridActionBar .iconHolder.iconHolderActive:hover {
    /*background-color:#7f7f7f;*/
    cursor:default;
}

.iconHolder.iconNewItem {
    background-image:url('../../Images/Framework/Icon_addnew.png');
}

.iconHolder.iconDelete {
    background-image:url('../../Images/Framework/icon_delete.png');
}

.iconHolder.iconGrid {
    background-image:url('../../Images/Framework/Icon_grid.png');
}

.iconHolder.iconChart {
    background-image:url('../../Images/Framework/Icon_chart.png');
}

.iconHolder.iconImport {
    background-image:url('../../Images/Framework/icon_import.png');
}

.iconHolder.iconExport {
    background-image:url('../../Images/Framework/icon_export.png');
}

.iconHolder.iconRefreshGrid {
    background-image:url('../../Images/Framework/icon_refresh_document.png');     
}

.iconHolder.iconCutGrid {
    background-image:url('../../Images/Framework/icon_cut.png');    
}

.iconHolder.iconCopyGrid {
    background-image:url('../../Images/Framework/icon_copy.png');    
}

.iconHolder.iconPasteGrid {
    background-image:url('../../Images/Framework/icon_paste.png');    
}

.iconHolder.iconBatchGrid {
    background-image:url('../../Images/Framework/icon_batch.png');    
}

.iconHolder.iconGoToGrid {
    background-image:url('../../Images/Framework/icon_goto.png');    
}

.iconHolder.iconImport,
.iconHolder.iconExport,
.iconHolder.iconPimsSmall,
.iconHolder.iconRefreshGrid {
    display:inline-block;
    border:0;
}

.iconHolderSeparator {
    background:transparent url('../../Images/Framework/icon_separator.png') no-repeat 0 0;
    width:2px;
    height:20px;
    margin:1px 6px;
}

.GridCheck, .GridUnCheck {    
    height:16px;
    width:16px;
    margin:-1px 0 -1px 0;
}

.GridCheck {
    background:transparent url('../../Images/Framework/icon_grid_check.png') no-repeat -2px -23px;
}

.GridUnCheck {
    background:transparent url('../../Images/Framework/icon_cancel_no_bckg_hover.png') no-repeat -2px 0px;    
}

.GridHeaderNavItemTxt {
    float:left;
    margin-left:22px;
}

.GridHeaderNavItemEdit {
    height:20px;
    width:20px;
    margin:-3px 0 -4px -1px;
    padding:0;
    /*float:left;*/
}

.GridHeaderNavItemEdit a {
	display:block;
    width:20px;
	height:20px;
}

.GridHeaderNavItemEdit a:hover {
    background-position:0 -20px;
}

/***** DATA GRID CONTENT END *****/


/*****************************/
/***** BLOCK TAB CONTROL *****/
/*****************************/

.ColumnBlock .ColumnBlock.BlockTabCtrlParent {
    margin-bottom:-1px;
}

.BlockTabCtrlWrap {
    display:block;
    background-color:#999;
    border:1px solid #ccc;
    border-left:0;
    width:100%;
    /*height:28px;*/
    margin-bottom:6px;
    padding:0 0;
}

.BlockTabCtrlWrap li {
    background-color:#999;
    list-style-type:none;
    height:28px;
    border-right:1px solid #ccc;
    float:left;
}

.BlockTabCtrlWrap li:first-child {
    border-left:1px solid #ccc;
}

.BlockTabCtrlWrap .navItem {
    background-color:transparent;
    border:0;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    line-height:28px;
    height:26px;
    padding:0 6px;
    margin:0;
}

.BlockTabCtrlWrap .navItem:hover {
    background-color:#333;
}

.BlockTabCtrlWrap .navItem.activeTab {
    background-color:#333;
    border-bottom:2px solid #f7d117;
    font-weight:bold;
    cursor:default;
}

.BlockTabCtrlWrap .navItem label {
    display:inline-block;
    float:left;
}

.BlockTabCtrlWrap .navItem .HelpIcon {
    background-position:-2px -41px;
    height:17px;
    top:4px;
    float:left;
}

.BlockTabCtrlWrap .navItem .HelpIcon:hover {
    background-position:-2px -21px;
}

.BlockTabCtrlWrap.BlockSubTabCtrlWrap {
    background-color:transparent;
    border:0;
    width:100%;
    height:22px;
    margin-bottom:6px;
}

.BlockTabCtrlWrap.BlockSubTabCtrlWrap li {
    height:22px;
    border-right:0;
}

.BlockTabCtrlWrap.BlockSubTabCtrlWrap li:first-child {
    border-left:0;
}

.BlockTabCtrlWrap.BlockSubTabCtrlWrap .navItem {
    color:#ccc;
    height:22px;
    padding:0;
    margin-right:10px;
}

.BlockTabCtrlWrap.BlockSubTabCtrlWrap .navItem:hover {
    background-color:transparent;
    color:#000;
}

.BlockTabCtrlWrap.BlockSubTabCtrlWrap .navItem.activeTab {
    background-color:transparent;
    border-bottom:3px solid #f7d1117;
    color:#000;
    font-weight:bold;
}

.HelpIcon.BlockTabHelpIcon {
    background-color:#f2f2f2;
    background-position:-2px -1px;
    border:1px solid #ccc;
    width:15px;
    height:18px;
    right:2px;
    margin:-33px 4px 0 0;
    float:right;
}

.HelpIcon.BlockTabHelpIcon:hover {
    background-color:#fff;
    background-position:-2px -21px;
}

.BlockTabCtrlMainWrap {
    margin-right:7px;
}

.BlockTabCtrlContentWrap {
    margin:-7px 0 6px 0;
}

/***** BLOCK TAB CONTROL END *****/


/*******************************/
/***** DASHBOARD SPECIFICS *****/
/*******************************/

.DashboardWrapBlock {
    position:relative;
    min-height:463px;
}

lt-ie8 .DashboardWrapBlock {
    min-height:463px;
    height:auto !important;
    height:463px;
}

.DashboardWrapBlock .WrapBlockNoBox {
    padding-bottom:8px;
}

h2.DashboardTitle {
    margin-bottom:6px;
}

.DashboardGridChartSelectorWrap {
    position:absolute;
    top:8px;
    right:13px;
}

.DashboardGridChartSelectorWrap .iconHolder {
    width:20px;
    height:20px;
}

.DashboardGridChartSelectorWrap .iconHolder:hover {
    background-position:0 -20px;
    cursor:pointer;
    *cursor:hand;
}

.DashboardGridChartSelectorWrap .iconHolder.highlighted {
    background-position:0 -20px;
    cursor:default;
    *cursor:default;
}


/***** DASHBOARD SPECIFICS END *****/


/*********************************************************/
/***** MULTI-DATA LAYOUT (in style of hydrocor view) *****/
/*********************************************************/

.SectionExpandableHeading {
    background-color:#f2f2f2;
    border:1px solid #ccc;
    color:#548dd4;
    font-size:16px;
    font-weight:bold;
    line-height:26px;
    height:28px;
    padding-left:6px;
    margin-bottom:-1px;
}

.SectionExpandableHeading:hover {
    background-color:#548DD4;
    color:#fff;
    cursor:pointer;
}

.FrameWrap.FrameWrapPurpleHeadings {
    margin:6px 0 2px 0;
    padding-left:7px;
}

.FrameWrap.FrameWrapPurpleHeadings div h3 {
    border-bottom:1px solid #ccc;
    color:#7030a0 !important;
    font-size:14px;
    line-height:18px;
    padding-left:6px;
    margin:0 0 2px -7px;
}

.FrameWrap.FrameWrapPurpleHeadings div hr {
    display:none;
}

.FrameWrap.FrameWrapPurpleHeadings .divControl div.TextBoxWrapper {
    width:54%;
}

.FrameWrap.FrameWrapPurpleHeadings .prefixclassPosition.prefixEditPosition {
    width:46%;
}

.FrameWrap.FrameWrapWithBulletedHeadings {
    margin:-13px 0 18px 0;
}

.FrameWrap.FrameWrapWithBulletedHeadings div h3 {
    background:transparent url('../../Images/Framework/arrows_add_field.png') no-repeat -3px 0;
    color:#000 !important;
    padding-left:12px
}

.FrameWrap.FrameWrapWithBulletedHeadings .divControl.controlLabel label {
    padding-left:12px
}

.FrameWrap.FrameWrapWithBulletedHeadings .divControl.controlLabel .RightControlWrap label.RightControl {
    color:#c05046;
}

#ParameterCalcDiv .WrapBlock.WrapBlockNoHeading {
    margin-right:0;
}

.WrapInfo h1.InfoColumnSettingsMainHeading {
    background-color:#fff;
    border:1px solid #ccc;
    color:#000 !important;
    font-size:20px;
    padding:1px 2px 3px 6px;
    margin:10px 0 -1px 0;
}

.WrapInfo h1.InfoColumnSettingsSubHeading {
    color:#000 !important;
    margin-top:20px;
}

.SettingsExpandableHeading {
    background-color:#fff;
    border:1px solid #ccc;
    color:#548dd4;
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    min-height:16px;
    padding:3px 20px 6px 6px;
    margin:-1px 0;
    position:relative;
}

.SettingsExpandableHeading:hover {
    background-color:#548DD4;
    color:#fff;
    cursor:pointer;
}

.SettingsExpandableHeadingArrow {
    background:transparent url('../../Images/Framework/arrow_expandable_settings.png') no-repeat -32px 0;
    width:16px;
    height:16px;
    position:absolute;
    top:5px;
    right:4px;
}

.SettingsExpandableHeadingArrow.SettingsExpandableHeadingArrowExpanded {
    background-position:-48px 0;
}

.SettingsExpandableHeading:hover .SettingsExpandableHeadingArrow {
    background-position:0 0;
}

.SettingsExpandableHeading:hover .SettingsExpandableHeadingArrow.SettingsExpandableHeadingArrowExpanded {
    background-position:-16px 0;
}

.SettingsExpandablePart {
    background-color:#f2f2f2;
    border:1px solid #ccc;
    line-height:16px;
    padding:4px 6px;
    margin:-1 0 0 0;
    display:none;
}

.SettingsExpandableLabel {
    display:block;
    color:#666;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
}

.SettingsExpandableControl {
    width:100%;
    margin:0 0 6px 0;
}

.SettingsExpandableLabel.SettingsExpandableLabelChk {
    display:inline-block;
    float:left;
}

input.SettingsExpandableControl.SettingsExpandableControlChk {
    width:auto;
    padding:0;
    margin:3px 0 0 0;
}

div.column.HydrocorGraphWrap div.WrapBlock {
    background-color:#DBEEF3;
    padding:6px;
    margin:0 0 0 8px;
}

div.column.HydrocorGraphWrap div.WrapBlock .BlockContentContainer {
    background-color:#fff;
    border:1px solid #ccc;
}

div.column.HydrocorGraphWrap div.WrapBlock .BlockContentContainer .dataGridActionBar {
    border:0;
    border-bottom:1px solid #ccc;
}

div.column.HydrocorGraphWrap div.WrapBlock .BlockContentContainer .dataTables_wrapper {
    margin-left:-1px;
}

/***** MULTI-DATA LAYOUT END *****/


/*******************************/
/***** HELP IN INFO COLUMN *****/
/*******************************/

#InfoColumnHelpTextDiv,
#InfoColumnInlineHelpDiv {
    margin-top:20px;
}

#InfoColumnHelpTextDiv h3,
#InfoColumnInlineHelpDiv h3 {
    border-bottom:1px solid #ccc;
    margin-bottom:5px;
}

#InfoColumnHelpTextDiv h4,
#InfoColumnInlineHelpDiv h4 {
    font-size:12px;
    text-decoration:underline;
    margin:10px 0 5px 0;
}

#InfoColumnHelpTextDiv p,
#InfoColumnInlineHelpDiv p {
    color:#666;
    font-size:12px;
    line-height:16px;
    margin-bottom:10px;
}

#InfoColumnHelpTextDiv ul,
#InfoColumnInlineHelpDiv ul {
    list-style-type:disc;
    color:#666;
    font-size:12px;
    line-height:16px;
    margin:0 0 10px 15px;
}

#InfoColumnHelpTextDiv li,
#InfoColumnInlineHelpDiv li {
    padding-left:0;
}

#InfoColumnHelpTextDiv span.spanGreen,
#InfoColumnInlineHelpDiv span.spanGreen {
    color:#00FF00;
}

#InfoColumnHelpTextDiv span.spanRed,
#InfoColumnInlineHelpDiv span.spanRed {
    color:#FF0000;
}

#InfoColumnHelpTextDiv span.spanItalic,
#InfoColumnInlineHelpDiv span.spanItalic {
    font-style:italic;
}

/***** HELP IN INFO COLUMN END *****/


/*******************************************/
/***** INNER DIFFERENTIATORS FOR FORMS *****/
/*******************************************/

.innerFormDifferentiator {
    background-color:#f2f2f2;
    border:1px solid #ccc;
    padding:6px;
    margin:-3px 0 -6px 0;
}

.innerFormDifferentiatorHeading {
    background-color:#ccc;
    border-bottom:1px solid #ccc;
    padding:2px 6px;
    margin:-6px -6px 6px -6px;
}

.innerFormDifferentiator hr {
    margin:5px 0 8px 0;
}

.innerFormDifferentiator .prefixclassPosition.prefixEditPosition {
    width:40%;
}

.innerFormDifferentiator div.TextBoxWrapper {
    width:60%;
}

.innerFormVerticalColumnWithSeparatorWrap {
    border-right:1px solid #ccc;
    padding:0 6px 0 6px;
    margin-top:10px;
}

.innerFormVerticalColumnWithSeparatorWrap.innerFormVerticalColumnWithSeparatorWrapFirst {
    padding:0 6px 0 0;   
}

.innerFormVerticalColumnWithSeparatorWrap.innerFormVerticalColumnWithSeparatorWrapLast {
    border-right:0;
    padding:0 0 0 6px;
}

/***** INNER DIFFERENTIATORS FOR FORMS END *****/


/****************************************/
/***** CUSTOM FILE INPUT AND IMPORT *****/
/****************************************/

.customfile-input {
    position:absolute;
    height:100px;
    cursor:pointer;
    background:transparent;
    border:0;
    opacity:0;
    -moz-opacity:0; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index:9999;
}

.customfile { 
    font-family:Calibri, Tahoma, Geneva, Helvetica, Arial, sans serif;
    width:300px;
    background:#f2f2f2;
    cursor:pointer;
    overflow:hidden;
    padding:2px 3px 2px 2px;
    border:1px solid #ccc;
    position:relative;
}

.WrapInfo.WrapImport .customfile {
    width:350px;
    float:left;
}

.lt-ie8 .WrapInfo.WrapImport .customfile {
    width:328px;
}

.lt-ie8 .WrapInfo.WrapImport .ImportUploadButtons {
    padding-right:12px;
}

.WrapInfo.WrapImport .customfile .customfile-feedback,
.WrapInfo.WrapImport .customfile .customfile-button {
    position:relative;
    top:30px;
}

.lt-ie8 .WrapInfo.WrapImport .customfile .customfile-feedback,
.lt-ie8 .WrapInfo.WrapImport .customfile .customfile-button {
    top:29px;
}

.customfile-disabled {
    opacity:.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor:default;
}

.customfile-feedback {
    display:block;
    margin:1px 1px 1px 5px;
    font-size:14px;
    color: #666;
    font-style:italic;
    padding:0 8px;
}

.customfile-feedback-populated {
    color:#000;
    font-style:normal;
    padding-left:24px;
    background:url(../../Images/Framework/file-upload.png) left 3px no-repeat;
}

.customfile-button {
    border:1px solid #333;
    background:#fff;
    color:#000;
    float:right;
    /*width:50px;*/
    padding:0px 8px 1px 8px;
    text-align:center;
    text-decoration:none;
    font-size:14px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .customfile-button {
        padding:1px 8px 0 8px;
}   }

.customfile-hover .customfile-button {
    background:#f2f2f2;
}

.customfile-ext-jpg, .customfile-ext-jpeg {
    background-image:url('../../Images/Framework/file-jpg.png');
}

.customfile-ext-gif {
    background-image:url('../../Images/Framework/file-gif.png');
}

.customfile-ext-png {
    background-image:url('../../Images/Framework/file-png.png');
}

.customfile-ext-bmp {
    background-image:url('../../Images/Framework/file-bmp.png');
}

.customfile-ext-mp3, .customfile-ext-mp4,
.customfile-ext-mov, .customfile-ext-swf,
.customfile-ext-wav, .customfile-ext-m4v {
    background-image:url('../../Images/Framework/file-media.png');
}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
    background-image:url('../../Images/Framework/file-zip.png');
}

.customfile-ext-rar {
    background-image:url('../../Images/Framework/file-rar.png');
}

.customfile-ext-xml {
    background-image:url('../../Images/Framework/file-xls.png');
}

.customfile-ext-doc, .customfile-ext-docx {
    background-image:url('../../Images/Framework/file-doc.png');
}

.customfile-ext-ppt {
    background-image:url('../../Images/Framework/file-ppt.png');
}

.customfile-ext-txt {
    background-image:url('../../Images/Framework/file-txt.png');
}

.customfile-ext-pdf {
    background-image:url('../../Images/Framework/file-pdf.png');
}

.customfile-ext-js {
    background-image:url('../../Images/Framework/file-js.png');
}

.ImportRedirectWrap {
    background-color:#FFFFC2;
    border:1px solid #ccc;
    padding:30px 12px 36px 12px;
    margin:12px 4px 14px 4px;
}

.ImportRedirectTxtA {
    font-size:18px;
    font-weight:bold;
    text-align:left;
}

span.ImportRedirectTxtAHeader {
    display:block;
    border-bottom:1px solid #ccc;
    font-size:20px;
    text-align:center;
    margin-bottom:20px;
}

.ImportRedirectCheck {
    background:url(../../Images/Framework/success.png) 4px 4px no-repeat;
    display:inline-block;
    width:20px;
    height:20px;
    position:relative;
    top:1px;
}

.ImportRedirectTxtB1,
.ImportRedirectTxtB2 {
    color:#666;
    text-align:center;
}

.ImportRedirectTxtB1 {
    font-size:18px;
    margin:60px 0;
}

#CounterSpan {
    color:#008000;
    font-size:22px;
    font-weight:bold;
    padding:0 4px;
}

.ImportRedirectDirectLink {
    font-weight:bold;
}

.ImportRedirectDirectLink:hover {
    text-decoration:underline;
}

/***** CUSTOM FILE INPUT AND IMPORT END *****/


/***********************************/
/***** VERTICAL DROP DOWN LIST *****/
/***********************************/

.ddContainer, .ddContainer a {
	color: #000;
}

.ddContainer a {
	display:block;
	cursor:default;
	text-decoration:none;
	line-height:14px;
}

.lt-ie8 .ddContainer a {
	line-height:16px;
}
 
.ddOptionList li a {
	background-color:#fff !important;
	padding-right:4px;
	line-height:20px;
}
 
.ddContainer  a.selected {
	background-color: #3875D7 !important;
	color: #fff !important;
}

.ddContainer {
    width:220px;
    height:220px;
	/*writing-mode:tb-rl;*/
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(270deg);
	white-space:nowrap;
	display:block;
	bottom:0;
}

.lt-ie9 .ddContainer {
    -ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
}

.lt-ie8 .ddContainer {
    min-height:999px;
    height:auto !important;
    height:999px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.ddToggle {
	height:17px;
	position:relative;
	display:block;
	border-top:solid 1px #ccc !important;
	border-right:solid 1px #ccc !important;
	border-bottom:solid 1px #ccc !important;
	border-left:solid 1px #ccc !important;
	padding:2px 18px 2px 4px;
	background-color:#fff;
}

/* The dropdown arrow in the toggle box */
.ddToggle span {
	width:0; height:0;
	border-color:black white white;
	border-style:solid;
	border-width:4px;
	display:block;
	position:absolute;
	top:9px; right:6px;
}

/* The dropdown option list */
.ddOptionList {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);

	background-color:#fff;
	border-top:solid 1px #ccc  !important;
	border-right:solid 1px #ccc !important;
	border-bottom:solid 1px #ccc !important;
	border-left:solid 1px #ccc !important;
	list-style-type:none;
	height:218px;
	width:218px;
	padding:0;
	margin:0;
	position:absolute;
	top:22px;
	/*left:19px;*/
	/*overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;*/
	z-index:999;
}

.lt-ie9 .ddOptionList {
    -ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
    line-height:16px;
}

.lt-ie8 .ddOptionList {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
			
.ddOptionList li.optgroup {
	font-style:italic;
	font-weight:bold;
	cursor:default;
}

/***** VERTICAL DROP DOWN LIST END *****/


/***********************************/
/***** 4 PANE LAYOUT OVERRIDES *****/
/***********************************/

.FourPanelWrapper {
    margin-bottom:-6px;
}

.FourPanelWrapper div.column div.WrapBlockInner {
    background-color:#fff;
    border:1px solid #ccc;
    padding:10px;
    margin:0 6px 6px 0;
    min-height:308px;
}

.FourPanelWrapper div.column div.WrapBlockInner div.eight.column {
    width:100% !important;
}

.FourPanelWrapper .twelve_column.section div.column div.WrapBlockInner div.eight.column {
    width:66.4% !important;
}

.FourPanelWrapper div.column div.WrapBlockInner .editSectioningDiv div.eight.column {
    float:left;
}

.infoColumnExpandToggle .FourPanelWrapper div.column:last-child div.WrapBlockInner {
    margin:0 12px 6px 0;
}

.FourPanelWrapper div.column div.WrapBlockInner div.WrapBlock,
.FourPanelWrapper div.column div.WrapBlockInner div.eight.column div.WrapBlock {
    border:0;
    padding:0;
    margin-right:0px;
    margin-top:2px;
}

.FourPanelWrapper div.column .WrapBlockInner ul.BlockTabCtrlWrap {
    border:0;
    border-bottom:1px solid #ccc;
    width:auto;
    margin:-10px -10px 6px -10px;
}

.FourPanelWrapper div.column .WrapBlockInner ul.BlockTabCtrlWrap.BlockSubTabCtrlWrap {
    border-bottom:0;
    margin:6px 0 10px 0;
}

.lt-ie8 .FourPanelWrapper div.column .WrapBlockInner ul.BlockTabCtrlWrap.BlockSubTabCtrlWrap {
    border-bottom:0;
    margin:-6px 0 10px 0;
}

/***** 4 PANE LAYOUT OVERRIDES END *****/


/*****************/
/***** NOTES *****/
/*****************/

div[id*="ListItemDiv"] #AccessRight {
    width:auto;
    float:left;
    margin-top:5px;  
}

div[id*="ListItemDiv"] h3 br{
    display:none;    
}

div[id*="ListItemDiv"] #OwnerName.RightControl {
     padding-left:3px;      
}

div[id*="ListItemDiv"] {
    padding-left:0px !important;
    margin-top:2px;
    margin-bottom:2px;   
}

div[id*="ListItemDiv"] #NoteNumber {
    float:none;         
}

div[id*="ListItemDiv"] .ExpandableTriggerRow {
    padding-left:9px;
    padding-top:5px;
    padding-bottom:5px;
}

div[id*="ListItemDiv"] .ExpandableTriggerRow .BtnTriggerExpandableContainer {
    background-position:0 0 !important;    
}

div[id*="ListItemDiv"] .ExpandableTriggerRow .BtnTriggerExpandableContainer.Expanded {
    background-position:0 -16px !important;    
}

div[id*="ListItemDiv"] .GridColumn {
    line-height:26px !important;
}

div[id*="ListItemDiv"] .uncheckedGridItems {  
}

div[id*="ListItemDiv"] .GridColumn:first-child {
    padding-left:20px;    
}

/*div[id*="ListItemDiv"] .hoverDelete {
    top:22px;
}*/

div[id*="rfNewItemNote"] {
    padding-left:0px !important;    
}

.GridRowDataChart #NewItem.btn {
    margin-top:3px;
    margin-left:3px;    
}

div[id*="rfNewItemNote"] #AccessRight {
    width:auto;
    float:left;
    margin-top:5px;    
}

div[id*="SectioningNotes"] .hoverDelete {
    margin-left:0px;
    margin-top:10px;   
}

div[id*="SectioningNotes"] .GridRow.Header {
    margin-top:5px;    
}

div[id*="SectioningNotes"] .GridRow.Header a {
    margin-top:6px;    
}

div[id*="SectioningNotes"] .GridColumnAsc .AscDescArrows {
    margin-top:6px;    
}

div[id*="ListItemDiv"] .divControl.controlDate .RightControl {
    padding-right:7px;    
}

div[id*="ListItemDiv"] .divControl .RightControl {
    float:left;
    padding-right:6px;
    font-size:12px;    
}

div[id*="ListItemDiv"] .divControl textarea.RightControl {
    padding:0px 4px;
}

/***** NOTES END *****/


/*************************/
/***** QUESTIONNAIRE *****/
/*************************/

.QuestionnaireFormWrap {
    /*background-color:#ffffc2;
    border:1px solid #ccc;
    padding:6px;*/
}

.QuestionnaireHeadingWrap {
    margin-right:0 !important;
}

h2.QuestionnaireHeading {
    padding-left:6px;
    margin-bottom:-1px;
}

h2.QuestionnaireHeading label {
    color:#7030A0 ;
    cursor:pointer;
} 

h2.QuestionnaireHeading .redLink {
    padding:0 8px;
}

.QuestionnaireSurveyResult {
    display:inline-block;
    color:#fff;
    font-weight:bold;
    width:auto;
    padding:0 16px;
    margin:6px;
}

.lt-ie8 .QuestionnaireSurveyResult {
    display:inline-block;
    float:left;
}

.QuestionnaireFormWrap .divControl {
    width:90%;
    float:left;
}

.QuestionnaireFormWrap .divControl:after { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.QuestionnaireFormWrap .divControl label {
    line-height:16px;
    width:62%;
    padding-top:4px;
    margin-bottom:2px;
}

.QuestionnaireFormWrap .divControl .RightControlWrap {
    width:32%;
}

.QuestionnaireFormWrap .divControl input.RightControl,
.QuestionnaireFormWrap .divControl textarea.RightControl {
    margin-top:0;
}

.QuestionnaireFormWrap .divControl input[type="checkbox"].RightControl {
    margin-top:5px;
}

.QuestionnaireSurveyNoteLink,
.QuestionnaireSurveyNoteNoTextLink {
    background-image: url('../../Images/Framework/icon_note.png');

    background-position:-2px -2px;
    background-repeat:no-repeat;
    height:17px;
    width:20px;
    top:8px;
    right:-2px;
    float:right;
}

.QuestionnaireSurveyNoteNoTextLink {
    background-image: url('../../Images/Framework/icon_note_notext.png');
}

.QuestionnaireSurveyNoteLink:hover,
.QuestionnaireSurveyNoteLinkNoText:hover {
    background-color:transparent;
    background-position:-2px -22px;
}

.QuestionnaireSingleSectionWrap {
    /*padding-bottom:3px;*/
    margin-bottom:-1px;
}

.QuestionnaireSingleSectionHeader {
    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* W3C */
    
    border:1px solid #ccc;
    color:#7030A0;
    font-weight:bold;
    /*margin:0 0 10px 0;*/
    padding:6px;
    min-height:26px;
}

.QuestionnaireSingleSectionHeader:hover {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
    
    color:#333;
    cursor:pointer;
    *cursor:hand;
}

.lt-ie8 .QuestionnaireSingleSectionHeader {
    background-color:#f2f2f2;
    position:relative;
}

.lt-ie8 .QuestionnaireSingleSectionHeader:hover {
    background-color:#e5e5e5;
}

.QuestionnaireSingleSectionHeader .buttonExpand,
.QuestionnaireSingleSectionHeader .buttonExpand:hover {
    background-color:transparent;
    background-position:0 0;
    border:0;
}

.lt-ie8 .QuestionnaireSingleSectionHeader .buttonExpand,
.lt-ie8 .QuestionnaireSingleSectionHeader .buttonExpand:hover {
    position:absolute;
    top:1px;
    right:6px;
}

.QuestionnaireSingleSectionHeader .buttonExpand.Expanded {
    background-color:transparent;
    background-position:0 -16px;
    border:0;
}

.QuestionnaireSingleRowWrap {
    border-bottom:1px solid #ccc;
    padding-left:6px;
    margin-bottom:-3px;
}

.lt-ie8 .QuestionnaireSingleRowWrap {
    margin-bottom:-1px;
}

.QuestionnaireSingleRowWrap:last-child {
    border-bottom:none;
}

.QuestionnaireSingleRowWrap .divControl {
    padding:5px 0 2px 0;
}

.QuestionnaireSingleRowWrap .redLinkSpecial {
    padding:5px;
}

.QuestionnaireSingleRowWrap .redLinkSpecial.QuestionnaireSurveyNoteLink {
    padding:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*Chrome CSS here*/
    .QuestionnaireSingleRowWrap {
        margin-bottom:-1px;
    }
    
    .QuestionnaireSingleRowWrap .divControl {
        padding:6px 0 2px 0;
    }
}

/***** QUESTIONNAIRE END *****/


/*************************/
/***** SURVEY MATRIX *****/
/*************************/

.MatrixWrap {
    width:100%;
    margin-top:8px;
}

.MatrixWrap table {
    width:100%;
}

.MatrixWrap table td {
    background-color:#FFFFC2;
    border:1px solid #333;
    font-size:12px;
    line-height:14px;
    text-align:center;
    vertical-align:middle;
    padding:2px;
}

.MatrixWrap table td.MatrixHeading {
    font-size:14px;
    line-height:16px;
    font-weight:bold;
    text-transform:uppercase;
}

td.MatrixHeading.MatrixHeadingVertical {
    width:16px;
    height:120px;
    vertical-align:bottom;
}

td.MatrixHeading.MatrixHeadingVertical .RotatedCell {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(270deg);
    white-space:nowrap;
    display:block;
    height:17px;
    width:16px;
    position:relative;
    bottom:6px;
}

.MatrixWrap table td.MatrixCellHeightA {
    height:26px;
}

.MatrixWrap table td.MatrixCellHeightB {
    height:40px;
}

.MatrixCellSelectable {
    cursor:pointer;
}

.MatrixCellSelectable:hover {
    background-color:#333;
    color:#fff;
}

/*.MatrixCellSelected {
    min-height:20px;
}*/

.MatrixWrap table td.MatrixTdSelected {
    background-color:#333;
    color:#fff;
    /*font-weight:bold;*/
}

.MatrixWrap table td.MatrixTdSelected.MatrixColoredCellSelected {
    padding:0 5px;
}

.MatrixWrap table td.MatrixTdSelected.MatrixColoredCellSelected div.MatrixCellSelected {
    color:#000;
    font-size:14px;
    line-height:18px;
    margin:0 auto;
}

.MatrixWrap table td.MatrixColumnSeparatorCell,
.MatrixWrap table td.MatrixRowSeparatorCell {
    background-color:transparent;
    border:0;
    padding:0;
}

.MatrixWrap table td.MatrixColumnSeparatorCell {
    width:4px;
}

.MatrixWrap table td.MatrixRowSeparatorCell {
    line-height:4px;
    height:4px;
}

/***** SURVEY MATRIX END *****/


/******************************/
/***** CUSTOM DATA TABLES *****/
/******************************/

.dataTableCustomWrap {
    width:100%;
    overflow:auto;
    overflow-y:hidden;
    overflow-x:auto;
}

/***** CUSTOM DATA TABLES END *****/


/******************************/
/***** JQUERY MSNDROPDOWN *****/
/******************************/

.msndropdownselectedvalue {
    background-color:#fff;
    border:1px solid #d6d6d7;
    display:inline-block;
    line-height:24px;
    min-width:90px;
    width:auto !important;
    height:24px;
    float:left;
    position:relative;
    top:0;
}

.msndropdownselectedvaluetext {
    margin:0 4px;   
}

.msndropdowncontainer {
    background-color:#fff;
    border:1px solid #d6d6d7;  
    /*overflow:auto;*/
    margin-top:5px;
    /*height:92px;*/
}

.msndropdownbutton {
    width:20px;
    height:24px;
    float:left;
    background-color:#fff;
    border:1px solid #d6d6d7;
    border-left:none;
    text-align:center;
    background-image: url('../../Images/Framework/expand_collapse_small.png');
    background-position:2px 0;
    background-repeat:no-repeat;
    position:relative;
    top:0;
    cursor:pointer;
}

.msndropdownbutton.down {
    background-image: url('../../Images/Framework/expand_collapse_small.png');
    background-position:1px -24px;
    background-repeat:no-repeat;    
}

/*.msndropdownitem {
    width:auto !important;    
}*/

.msndropdownitem:first-child {
    border-top:1px dashed #d6d6d7;   
}

.msndropdownallcheckbox {
    
}

.msndropdowncheckbox {
    position:relative;
    top:2px;
    margin-right:4px;   
}

.msndropdownitem:hover {
    background-color:#f2f2f2;
}

/***** JQUERY MSNDROPDOWN END *****/ 


/*******************/
/***** REPORTS *****/
/*******************/

h2.ReportsSubTitle {
    margin-top:12px;
}

.ReportLinksWrap {
    margin:10px 0 10px 10px;
}

.ReportsReportDivWrap {
    margin-top:12px;
}

div.column .ReportsReportDivWrap div.WrapBlock {
    margin-right:0;
}

/***** REPORTS END *****/


/******************************************/
/***** ADDITIONALS - to be sorted out *****/
/******************************************/

.addAClause {
    color:#F00;
    padding:3px 5px;
    line-height:26px;
    font-size:14px;
}

.addAClause:hover {
    background-color:#F00;
    color:White;
}

.GridModifiedDate {
    padding-left:21px; 
    font-size:12px;    
}

.WrapMain br {
    display:none;    
}

#WTWorstToBest {
    margin-top:5px;    
}

.WTPagingControl {
    width:100%;
    display:inline-block;
}

#WTValues {
    width:100%;
}

.WTTable {
   font-size:12px;
   text-align:left;
}

.WTTable th {
    font-weight:normal;
}

.WTTable td {
    border:1px solid #CCCCCC;
    padding:0 2px 0 2px;
    text-align:right;
    font-weight:bold;
    line-height:18px;
}

.WTTable td:first-child {
    border:none;
    font-weight:normal;
    padding-right:10px !important;    
}

.WTTable p {
    text-align:right;
    margin-bottom:-10px; 
}

.submitImportButton {
    background:url(../../Images/Framework/iconsave.png) 0 0 no-repeat;
    border:none;
    display:block;
    height:20px;
    width:20px;
    margin:6px 0;
    float:right;
}

.submitImportButton:hover,
.submitImportButton:active {
    background-position:0 -20px;
}

#submitImportButtonSend, .submitImportButtonSend {
    border:1px solid #333333;
    font-size:14px;
    line-height:normal !important;
    padding:0px 6px !important;
    text-decoration:none;
    background-color:#fff;
    cursor:pointer;
}

#submitImportButtonSend.ImportLightboxSubmitBtn {
    padding:3px 10px 4px 10px !important;
    margin:3px 0 3px 10px;
}

.lt-ie8 #submitImportButtonSend.ImportLightboxSubmitBtn {
    padding:3px 10px 3px 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #submitImportButtonSend.ImportLightboxSubmitBtn {
        padding:5px 10px 5px 10px !important;
}   }


#submitImportButtonSend.submitImportButtonSendInActionBar {
    font-size:14px;
    padding:1px 6px 2px 6px !important;
}

#submitImportButtonSend:hover, .submitImportButtonSend:hover {
    background-color: #f2f2f2;
}

#ActionBarImportPopUp.ActionBar {
    height:30px;
    width:90%;
    position:absolute;
    bottom:12px;
}

#CenImportButton {
    margin-top:1px;
    padding:3px 10px 5px 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #CenImportButton {
        padding:4px 10px 5px 10px !important;
}   }

.lt-ie8 #CenImportButton {
    margin-top:2px;
}

.submitImportButtonSendInActionBar.submitImportButtonSendInActionBarRightAligned {
    padding:2px 6px 3px 6px !important;
    margin:0 0 0 6px !important;
    float:right;
}

.importFieldsControlWrap select {
    width:25%;
    margin:3px 3px 2px 0;
    float:left;
}

.divControl label.importFieldsLabelRequired {
    color:#000;
    font-weight:bold;
}

.SettingsQuestionWrap {
    margin-bottom:10px;
}

.SettingsQuestionHeading {
    color:#7030A0;
    font-weight:bold;
}

.SettingsQuestionWrap .divControl select.RightControl {
    width:50%;
}

.ChartDataSpecial {
    position:absolute;
    left:0;
    margin-left:20px;
    top:0;
    margin-top:40px;   
}

.ChartDataSpecial:hover {
    color:#cccccc;        
}

#CloseUploadLightbox {
    background:url(../../Images/Framework/iconcancel.png) center 0 no-repeat;
    display:block;
    width:20px;
    height:20px;
    margin:6px 0;
    float:right;
}

#CloseUploadLightbox:hover,
#CloseUploadLightbox:active {
    background-position:0 -20px;
}

.ChartDataSpecial {
    position:absolute;
    left:0;
    margin-left:20px;
    top:0;
    margin-top:40px;   
}

.ChartDataSpecial:hover {
    color:#cccccc;        
}

.ui-dialog-title-Import {
   width:auto !important;      
}

.redLinkSpecialDeletePosition {
    position:absolute;
    margin-left:150px;
    z-index:10001; 
}

.uiSliderContainer {
    height:32px;
}

.uiSliderContainer .ui-slider {
    width:94%;
    margin:0 auto;
}

.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
    font-size:12px;
}

.SpecialCHeckboxThirdElement {
    position:relative;
    top:-23px;
}

.SpecialCHeckboxThirdElement .redLink {
    line-height:20px;
    padding:0 2px;
}

.SendButtonPosition {
    position:absolute; 
    left:0;
    margin-left:-8px; 
    top:0;
    margin-top:3px;    
}

.MessageUploadText,
.MessageUploadTextInvalid,
.MessageUploadTextError {
    padding-left:28px;
    line-height:24px;
    text-align:left;
}

.MessageUploadText {
    color: #6ebc1a;
    background:url(../../Images/Framework/success.png) 4px 4px no-repeat;
}

.MessageUploadTextInvalid,
.MessageUploadTextError {
    color: #c93713;
    background:url(../../Images/Framework/error_mini.png) 4px 4px no-repeat;
}

.MessageUploadText.MessageUploadSubText,
.MessageUploadTextInvalid.MessageUploadSubText,
.MessageUploadTextError.MessageUploadSubText {
	color:#666;
	background-color:transparent;
	background-image:none;
	background-position:0 0;
	font-size:12px;
	line-height:16px;
	padding-left:40px;
}

.MessageUploadText.MessageUploadSubText.MessageUploadSubTextWarning,
.MessageUploadTextInvalid.MessageUploadSubText.MessageUploadSubTextWarning,
.MessageUploadTextError.MessageUploadSubText.MessageUploadSubTextWarning {
	color:#E4317F;
	padding-left:60px;
}

.MessageUploadText.MessageUploadSubText.MessageUploadSubTextWarning ul,
.MessageUploadTextInvalid.MessageUploadSubText.MessageUploadSubTextWarning ul,
.MessageUploadTextError.MessageUploadSubText.MessageUploadSubTextWarning ul {
	list-style-type: square;
	margin-left:14px;
}

.ActionBarImportPosition {
    position:relative; 
    margin-top:5px;
    margin-bottom:10px;
    height:20px;
    width:100%;
}

.DAYearsControl {
    position:absolute; 
    right:0; 
    margin-left:50px; 
    margin-top:-227px;
}

.AddNewYear {
   background-image: url("../../Images/Framework/icon_addnew_no_bckg.png");
   background-repeat:no-repeat;
   background-color:White;
   cursor:pointer;
   border:none;
   line-height:normal;
   width:20px;
}

.AddNewYear:hover {
    background-position:0 -20px;
}

.AddNewYearTextBox {
    width:59%; 
}

.RemoveNewYear {
   background-image: url("../../Images/Framework/icon_delete_no_bckg.png");
   background-repeat:no-repeat;
   width:20px;
   height:20px;
   cursor:pointer;
   float:right;
   margin-top:-23px;
}

.RemoveNewYear:hover {
    background-position:0 -20px;
}

.RemoveNewYear.RemoveNewYearInternalCorr {
    margin-top:0;
}

.DegradationAssessmentYears {
    width:123px;  
}

.SelectYearList {
    border:1px solid #CCCCCC;
    width:auto;
    overflow:auto;
    margin-left:10px;
}

.SelectYearListYear a {
    color:#000;
    padding-left:2px;  
}

.SelectYearListYear:hover {
    background-color:#f0f4f8;  
}

.yearselected {
    background-color:#dbeaff;
    display:block;   
}

.btnNext, .btnPrev {
    background-repeat:no-repeat;
    border: 1px solid #333333;
    height:18px;
    width:10px;
    font-size: 14px;
    line-height: normal !important;
    margin-left: 1px;
    padding: 2px 6px !important;
    text-decoration: none;  
}

.btnPrev {
    background-image: url("../../Images/Framework/arrows_add_field.png");
    background-position: center -37px;
}

.btnNext {
    background-image: url("../../Images/Framework/arrows_add_field.png");
    background-position: center -2px;
}

.btnNext:hover, .btnPrev:hover {
    background-color:#f2f2f2;  
}

.dataTables_scrollHeadInner {
    width: auto !important;    
}

.failureWidget .frame {
    background-color:#EAEFF5;
    border:1px solid #ccc;
    line-height:16px;
    font-size:11px;
}

#NewItem.btn.margin10Top.floatRight {
    margin-top:10px;
}

input[readonly="true"] {
    background-color:#f2f2f2 !important;
    color:#999 !important;
}

.btnLinkWithIcon {
    display:block;
    background-color:transparent;
    background-position:0 0px;
    background-repeat:no-repeat;
    border:0;
    color:#3333CC;
    line-height:20px;
    text-decoration:underline;
    cursor:pointer;
    *cursor:hand;
    padding-left:20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*Chrome CSS here*/
    .btnLinkWithIcon {
        padding-left:22px;
    }
}

.btnLinkWithIcon:hover {
    background-position:0 -20px;
    color:#000;
}

.btnLinkWithIconNew {
    background-image:url('../../Images/Framework/icon_addnew.png');
}

.btnLinkWithIconDuplicate {
    background-image:url('../../Images/Framework/icon_copy.png');
}

.btnLinkWithIconDocument {
    background-image:url('../../Images/Framework/icon_downloaddoc.png');
}

.btnLinkWithIconOnePane,
.btnLinkWithIconFourPanes {
    line-height:20px;
    width:20px;
    height:20px;
    padding-left:0;
    margin-bottom:0;
}

.btnLinkWithIconOnePane {
    background-image:url('../../Images/Framework/icon_panes_one.png');
    float:left;
}

.btnLinkWithIconFourPanes {
    background-image:url('../../Images/Framework/icon_panes_four.png');
    float:right;
}

.PaneViewLinksWrap {
    background-color:#fff;
    border:1px solid #ccc;
    width:42px;
    padding:6px;
    margin-top:1px;
}

.ExpandableNavigationPositionWrapper {
    position:relative;
    z-index:1;
}

h1 input.fieldRequired, h1 input.fieldRecommended {
    position:relative;
    z-index:6;
}

/***** ADDITIONALS END *****/



input[readonly="true"] {
    background-color:#f2f2f2 !important;
    color:#999 !important;
}

#ui-datepicker-div {
    display:none;
}
    
.FMEAGridLink, .DiagnosticContainerButton {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    font-family: Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 0 2px; 
}        

.FMEAGridLink {
    color: #3333CC;
    float: left;
    text-decoration: underline;  
}

.FMEAGridLink:hover {
    color:#000;
}

.DiagnosticContainerButton {
    color: #666666;
    text-align:left;
    width:100%;
}

.DiagnosticContainerButton:hover {
    background-color:#666666;
    color:#fff;
}

/***** FDW Drag and drop START *****/

.bibox {
   padding:1em; 
}

.dragbox, .dropbox {
	border:1px solid #ccc;
	text-align:center;
	line-height:1em;
	font-weight:normal;
	font-size:0.9em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	border-radius:3px;
}

.dragbox {
	cursor:move;
    width:10.2em;
    height:3em;
	margin:0.5em 0.5em 0.4em 0;
	display:inline-table;
	vertical-align:middle;
}

#metrics .dragbox, #dimensions .dragbox {
    width:10.2em;
    height:3em;
	font-size:1em;
	margin:0.6em 0 0 0;
}

.boxtext {
	display: table-cell;
	vertical-align: middle;
	padding:0 0 0 1em;
}

.add a {
	width:17px;
	height:17px;
	display:block;
	float:right;
	margin:0.3em 0.3em 0 0;
}

#LIMetrics .add a, #LIDimensions .add a {
	background:transparent url(../../Images/add.png) no-repeat;
}
		
#metrics .add a, #dimensions .add a {
	background:transparent url(../../Images/remove.png) no-repeat;
}

.dropbox {
	margin:0.2em 0.6em 0 0;
	height:4.2em;
	width:11.7em;
	float:left;
	padding:0px 0.73em;
}

#metrics .dropbox:last-child, #dimensions .dropbox:last-child {
    margin-right:0px;    
}
 
#metrics .dropbox, #LIMetrics .dragbox, #dimensions .dropbox, .dimensionPanel .dragbox {
    background:transparent url('../../Images/Framework/pipe_menu_btn_background.png') repeat-x;
}

#metrics .dropbox, #LIMetrics .dragbox, #metrics .dragbox {		
	background-position:0 -144px;	
}

#dimensions .dropbox, .dimensionPanel .dragbox {	
	background-position:0 -218px;	
}
	
.dragbox:hover {
    opacity:0.6;
    filter:alpha(opacity=60);
    -webkit-box-shadow:0px 0px 5px #EBA631;
    -moz-box-shadow:0px 0px 5px #EBA631;
    box-shadow:0px 0px 5px #EBA631; 
}

.dimensionPanel .dragbox:hover, #dimensions .dragbox:hover {
    opacity:0.6;
    filter:alpha(opacity=60);
    -webkit-box-shadow:0px 0px 5px #31C0EB;
    -moz-box-shadow:0px 0px 5px #31C0EB;
    box-shadow:0px 0px 5px #31C0EB; 
}
    	
.dashed {
	border:1px dashed #eba631;
}

#dimensions .dashed {
    border:1px dashed #31c0eb;    
}

.true {
    background-color: #55a12c;
    border-color: #55a12c;
    color:#fff;
}

.false {
    border:1px dashed #DE4343; 
    background-color:#DE4343 !important;	      
}

.false .dragbox {
    background:url("../../Images/Framework/pipe_menu_btn_background.png") repeat-x scroll 0 0 transparent;
    opacity:1 !important;
    border-color:#fff;
    -webkit-box-shadow:0px 0px 0px #ccc !important;
    -moz-box-shadow:0px 0px 0px #ccc !important;
    box-shadow:0px 0px 0px #ccc !important;    
}

#dimensions .false .dragbox {
    background-position:0px -218px;    
}

.false, .true {
    background-image:none !important;
    -webkit-animation: animate-bg-drag 1s linear 1;
    -moz-animation: animate-bg-drag 1s linear 1;
}

@-webkit-keyframes animate-bg-drag {
    from {
        opacity:0.5;
    }
    to {
       opacity:1;
    }
}

@-moz-keyframes animate-bg-drag {
    from {
        opacity:0.5;
    }
    to {
       opacity:1;
    }
}
	
.dragboxesMenu {
	display:none;
	padding:0.7em 1.3em 0.7em 1.3em;
	margin:0;
	-moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	min-height: 3.6em;
	background:transparent url('../../Images/Framework/pipe_menu_btn_background.png') repeat-x;
	border:1px solid #ccc;
}

.arrow {
	background:url(../../Images/arrow.png) left bottom no-repeat;
	height:18px;
	position:relative;
	right:6px;
	bottom:5px;
}

.dropBoxContainer {
	padding-bottom:6.6em;
}

/* drag menu  
----------------------------------------------------------*/
#dragboxes .menulabel a {
    font-weight:normal;
	font-size:0.91em;
	display:inline-block;
	text-decoration:none;
	position:relative;
	top:1px;
	padding:0.2em 0.5em 0.1em 0.5em;
	color:#666;
}

#dragboxes .menulabel {
	display:inline-block;
}
	
.ActiveTab {	
	-moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;	
	border:1px solid #ccc;
	border-bottom:0px;
	background:transparent url('../../Images/Framework/pipe_menu_btn_background.png') repeat-x;
	-webkit-box-shadow:0px -2px 3px #ccc;
    -moz-box-shadow:0px -2px 3px #ccc;
    box-shadow:0px -2px 3px #ccc;
}
	
#dragboxes .menulabel a:hover {
	text-decoration:underline;
}

#dragboxes .sel a:hover {
	text-decoration:none;
}

.dragboxfilter {
	font-size:0.9em;
	border-bottom:1px solid #99b3cc;
	padding-bottom:0.3em;
	margin-bottom:0.8em;
}
		
.dragboxfilter a {
	text-decoration:none;
	padding:0 0.8em;
}
	
.dragboxfilter a:hover {
	text-decoration:underline;
}
	
.dragboxfilter a.act {
	color:#000;
	font-weight:900;
}
	
.dragboxfilter a.act:hover {
	text-decoration:none;
}

/***** FDW Drag and drop END *****/

/***** SNIPPET LAYOUT START *****/

.SnippetImageWrap {
    display:block;
    float:left;
    margin-right:10px;    
    margin-top:8px;
}

.SnippetImageWrap  img {
    border:2px solid #CCCCCC;
    cursor:pointer;  
}

.SnippetDescriptionWrap {
    display:inline-block;
    min-width:80%;   
}

.SearchResultLabel {
    margin-left:0px;     
}

.SearchResultValue {
    width:auto;
    height:auto;  
}

.SearchDescription {
    border-bottom:1px solid #CCC;
    padding-bottom:6px;
    margin-bottom:5px;
    position:relative;
}

.SearchListContainer {
    border: 0;
}

.SearchLink {
    display:inline-block;
    font-size:18px;
    color:#666;
    text-decoration:none;
    height:30px;
    position:relative;
    z-index:2;
}

.SearchLink:hover {
    text-decoration:underline !important;
    color:#000;
}

.SearchLink span {
    margin-right:5px;
}

.SearchLink span:first-child {
    display:none;
}

.SearchLink img {
    border:2px solid #cccccc;
    width:75px;
    height:75px;    
    margin-top:8px;
    margin-right:15px;  
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .SearchLink{
        text-decoration:underline;
        float:left;
        display:block;
        color:#000000;
    }
    
    .SearchLink:hover {
        text-decoration:underline !important;
        float:left;
        display:block;
        color:#000;
    }
 
    .SearchLink span{
        padding-right:12px;
    }
     
    .SearchLink span:first-child {
        display:none;
    }
}

.SearchData {
    min-height:64px;   
}

.SearchResultLabel,
.SearchResultValue {
    line-height:20px;    
    float:left;
    color:#c8c8c8;
}

.SearchResultLabel {
    font-weight:bold;
}

/***** SNIPPET LAYOUT END *****/


/***** CHECK IMAGES, SPECIAL START *****/

.CheckOK {    
    background-position:center bottom;    
}

.CheckNOK {      
    background-position:center -2px;
}

.CheckOK, .CheckNOK {
    background-image:url('../../Images/Framework/checkBox_Disabled_Enabled.png');
    background-repeat:no-repeat;    
    width:14px;
    height:18px;
    display:inline-block;
    vertical-align:text-top;
}

/***** CHECK IMAGES, SPECIAL END *****/

/* Survey Slider START */

.SliderMenuColumn, .SliderMenuColumn, .SliderMenuItem, .SliderMenuColumnHeader {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;        
}

.SurveySliderWrap {
    width:100%;
    float:left;
    margin-bottom:10px;  
}

.SliderMenuColumn {
    width:19.5%;
    float:left;
    margin-right:1px; 
}

.SliderMenuItem {
    border:1px solid #cccccc;
    margin:0px 0px 1px 0px;
    cursor:pointer;
    padding-left:3px;
}

.SliderMenuItem a {
    color:#000000;
    display:block;   
}

.SliderMenuItem a:hover {
    color:#ffffff !important;
    text-decoration:none;    
}

.SliderMenuItemActive.SliderMenuItem a {
    color:#ffffff !important;    
}

.SliderMenuItem:hover, .SliderMenuItemActive {
    background-color:#0171CA;
    border-color:#0171CA;
    color:#ffffff;
    background-image: url(../../Images/Framework/survey_arrow_right.png);
    background-repeat:no-repeat;
    background-position:right center;
}

.SliderMenuColumnHeader {
    background-color:#015293;
    color:#ffffff;
    padding-left:3px;
    margin-bottom:1px;
}

.SliderMenuFooter {   
    float:right;
}

.SurveySliderWrap .ui-effects-wrapper div {
    min-width:100% !important;
}

/* Survey Slider END */

/* Advanced Managed Sources */

.AMSSyncServiceUI {
    width:auto;
    position: fixed;
    bottom: 0px;
    height:auto !important;
    z-index:100;
    border-radius:0px 0px 5px 5px;
    background-color:#666;
    color:#fff;
}

/*START CSS3 ANIMATION RULES WORKS FOR SAFARI CHROME AND FIREFOX*/

@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

/*END CSS3 ANIMATION RULES WORKS FOR SAFARI CHROME AND FIREFOX*/

.AMSSyncServiceUI {
    border: 1px solid #ccc;
    z-index:100;
    padding:0 15px 0px 10px;    
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, left top, right bottom,
                    color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                    color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                    to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
}

.SyncImage, .UpdateImage, .ConflictImage, .ErrorImage {
    background-position:center center;
    background-repeat:no-repeat;
    width:16px;height:16px;    
    float:left;    
    margin:5px 5px 0px 0px;
}

.SyncImage {
    background-image: url(../../Images/Framework/sync_16x16.png);    
}

.UpdateImage {
    background-image: url(../../Images/Framework/update_16x16.png);
}

.ConflictImage {
    background-image: url(../../Images/Framework/warning_red_16x16.png);
}

.ErrorImage {
    background-image: url(../../Images/Framework/error_red_16x16.png); 
}

/* Advanced Managed Sources END */

td.group {
    font-weight:bold !important;    
}

/* LIGHTBOX WARNING MESSAGE START */

.LightBoxWarningButton {
    display:inline-block;    
}

.LightBoxWarningButton button {
    background-color:#ffffff;
    border:1px solid #333333;
    color:#000000;
    cursor:pointer;
    font-size:14px;
    line-height:normal !important;
    margin-left:1px;
    padding:2px 6px !important;
    text-decoration:none;
}

.LightBoxWarningButton button:hover {
    background-color:#f2f2f2;
}

.LightBoxWarning, .LightBoxWarning .ui-dialog-content {
    height:auto !important;
    min-height:1px !important;
}

.LightBoxWarning .ui-widget-header {
    -webkit-background-size:40px 40px;
    -moz-background-size:40px 40px;
    background-size:40px 40px;
    background-image:-webkit-gradient(linear, left top, right bottom,
                    color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                    color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                    to(transparent));
    background-image:-webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image:-moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image:-ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image:-o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);
    background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                    transparent 75%, transparent);    
    -webkit-animation:animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    background-color: #eaaf51;
    border-color: #d99a36;
    color:#ffffff;   
}

.lt-ie10 .LightBoxWarning .ui-widget-header {
    background-image:none;    
}

.BooleanLightBoxDialogContainerIcon {
    display:inline-block;
    float:left;
    margin-top:5px; 
}

.BooleanLightBoxDialogContainerMessage {
    width:90%;
    float:right;
    word-wrap:break-word;    
}

.BooleanLightBoxDialogContainerActions {
    background-color:#F2F2F2;
    border:1px solid #CCCCCC;
    height:26px;
    margin-top:5px;
    padding:2px 3px 2px 2px;
    float:left;
    width:100%;
}

.BooleanLightBoxDialogContainerActions a.btn {
    margin-right:5px;    
}

/* LIGHTBOX WARNING MESSAGE END */


/* FEEDBACK PANEL START */

.feedbackIframe {
    width:360px;
    height:380px;
}

.feedbackPanelWrap {
	z-index:10;
	width:362px;
	/*height:360px;*/
}

#Feedback {
	background:#fafafa url(../../Images/Framework/ajax-loader.gif) 180px 160px no-repeat;
	border:1px solid #333;
}

a.feedback_button {
	background-color:red;
	background-repeat:no-repeat;
	border:1px solid #333;
	border-right:none;
	cursor:pointer;
}

a.feedback_button:hover {
	background-position:0 -100px;
}

.feedbackInSlider .WrapMain{
    background:Transparent;
    border:none;
    padding:0;
}

.feedbackInSlider .WrapBlock {
    background:transparent !important;
    border:none;
    padding:0 10px !important;
    margin-right:0 !important;
}

.feedbackInSlider h2 {
    display:none;
}

.feedbackInSlider .divControl {
    margin-bottom:8px !important;
}

.feedbackInSlider .divControl label,
.feedbackInSlider .divControl .RightControlWrap {
    width:100%;
    float:none;
}

.feedbackInSlider .divControl .RightControlWrap {
    margin:-6px 0 0 0 !important;
}

.feedbackInSlider div.section {
    display:block !important;
}

/* FEEDBACK PANEL END */