﻿.disabled {
	color: Gray;
}

/* BEGIN: _Layout.cshtml -> Generic error baloon styling */
.ui-notification-balloon { position:fixed; margin-top:10px; width:100%;z-index: 1000;}
.ui-notification-balloon .ui-notification-balloon-wrapper-outer { margin: 25px auto; /*Left menu + margin*/ width: 1200px !important; }
.ui-notification-balloon .ui-notification-balloon-wrapper-inner { padding-left: 253px; }
.ui-notification-balloon .ui-notification-balloon-shadow { padding: 5px; cursor: pointer; }
.ui-notification-balloon .ui-notification-balloon-shadow 
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	background: url("themes/fixedlight/images/alertOpacityOverlay.png") repeat scroll 0 0 transparent; 
}
.ui-notification-balloon .ui-notification-balloon-shadow .nNote {margin: 0 !important; width: 736px;padding: 10px 100px;}
/* END: _Layout.cshtml -> Generic error baloon styling */

/* BEGIN: AJAX Forms markers */
.ajax-form-dialog {}
.ajax-form-dialog .ajax-form {}
.ajax-form-dialog .ajax-form .ajax-form-submit-button {}
/* END: AJAX Forms markers */

.middleNav ul { float:left; margin: 25px 0px 10px 0px !important; }
.middleNav ul li { margin: 5px 0px 5px 25px !important; }
.clear{ clear: both; }
form div.editor { }
form div.editor-row { clear: both; }
form div.editor-label, form div.editor-field { float: left; }

.wrapper { width: 1200px !important; }
.threeOne { width: 33%; }
.formRight { width: 52% !important; }
.rowElem { padding: 0px 14px !important; }
#filter.surveyProfile div.rowElem label { width: 13% !important; }
.pagination { width: 946px; }
.avatarWrapper img { border: 1px solid white }
.content { width: 946px; }
.content .title { width: 946px; }

#isAuthorizedCell.grayed-out .clickable { cursor: default !important;}

.searchCriteriaFirstColumn { width: 39%; }
.searchCriteriaButtonsColumn { padding-top: 63px; width: 20%; }
.hasDatepicker { width: 70% !important;margin-right: 2px !important; }
.ui-datepicker-trigger { cursor: pointer }

.countnofloat { font-size: 26px; height: 40px; display: inline-block; line-height: 41px; padding: 0 10px; -moz-box-shadow: 0 1px 0 #474c4f; -webkit-box-shadow: 0 1px 0 #474c4f; box-shadow: 0 1px 0 #474c4f; margin-right: 10px; border: 1px solid #292d2f; color: #fafafa; }
.statsSmall ul li { width: 80px !important;text-align: center;}
.autoHeight { height: auto; }
.width375 { width: 375px; }
.width360 { width: 360px; }
.width350 { width: 350px; }
.width300 { width: 300px; }
.width235 { width: 235px; }
.width250 { width: 250px; }
.width275 { width: 275px; }
.width200 { width: 200px; }
.width150 { width: 150px; }
.width175 { width: 175px; }
.width125 { width: 125px; }
.width60 { width: 60px; }
.width75 { width: 75px; }
.width90 { width: 90px; }
.width14p { width: 14% !important; }
.width33p { width: 33% !important; }
.width35p { width: 35% !important; }
.width75p { width: 75% !important;}
.width60p { width: 60% !important;}
.width65p { width: 65% !important;}
.width20p { width: 20% !important; }
.width80p { width: 80% !important;}
.width96p { width: 96% !important;}
.width100p { width: 100% !important;}
.width700 { width: 700px;}
.breakword { word-wrap: break-word; }
.tablenotopmargin { margin-top: 0px !important; }
.lineheight28px { line-height: 28px; }
.pointer { cursor: pointer }
.invisible { display: none; }
.mt50 { margin-top: 50px; }
.mr50 { margin-right: 50px; }
.mr68 { margin-right: 68px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.stdLink { text-decoration: underline; }
.stdLink:hover { text-decoration: none; }
.invLink { text-decoration: none; }
.invLink:hover { text-decoration: underline; }
.scrollingDetailsTable{ height: 300px; overflow: auto; }
#table a:link, #table a:visited, #table a:active { text-decoration: underline }
#table a:hover { text-decoration: none }
.divCentered { margin: 0 auto; }
.grayed-out { opacity: 0.35;-moz-opacity: 0.35; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)" }
.grayed-out-dark { opacity: 0.15;-moz-opacity: 0.15; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)" }
.cancel { text-decoration: underline;cursor: pointer; }
.cancel:hover { text-decoration: none; }
.middleNav ul li.toolMenu a span { padding: 17px;text-transform: uppercase; }
.middleNav ul li.selected a { background: url("/Content/images/orangebg.png") repeat-x scroll 0 0 transparent !important; }
.ui-dialog form { text-align: left; }
div.hr { background: url("/Content/themes/fixedlight/images/linesSep.png") repeat-x scroll 0 0 transparent;height: 2px; }
.nNote span { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656;display: block; }
#ui-datepicker-div { z-index: 1099 !important; }
span.jqTransformCheckboxWrapper { margin-top: 2px !important;margin-right: 5px; }
.nFailure ul { padding: 10px 25px 10px 54px; color: #565656;font-size: 11px;}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: normal;
  src: local('Cuprum'), url('/Content/fonts/sp1_LTSOMWWV0K5VTuZzvQ.woff') format('woff');
}
.clickable { cursor: pointer; }

/*four columns*/
.fourcols { width:100%; float:left; margin:0; }
.fourcols .col1 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:left; } 
.fourcols .col2 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; } 
.fourcols .col3 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; } 
.fourcols .col4 { width:23%; margin-left:1%; margin-right:1%; float:left; text-align:right; }

/* three columns */
.threecols { width:100%; float:left; margin:0; }
.threecols .col1 { width:32%; margin-left:1%; margin-right:1%; float:left; text-align:left; } 
.threecols .col2 { width:32%; margin-left:0%; margin-right:1%; float:left; text-align:center; }
.threecols .col3 { width:32%; margin-left:0%; margin-right:1%; float:right; text-align:right; }

/* two columns */
.twocols { width:100%; float:left; margin:0; }
.twocols .col1 { width:48%; margin-left:1%; margin-right:1%; float:left; } 
.twocols .col2 { width:48%; margin-left:1%; margin-right:1%; float:right; }

/* suggestion box */
.suggestionContainer { width: 187px;height: 100px;overflow: auto; position: absolute; z-index:100; background: none repeat scroll 0 0 #25292B; border: 1px solid #1E2226; border-top: none; box-shadow: 0 1px 0 #363B3E; color: #D5D5D5; font-family: Arial,Helvetica,sans-serif; font-size: 11px; padding: 6px 0px; }
.suggestionContainer ul li { padding: 4px 5px 4px 5px; }
.suggestionContainer ul li:hover { background-color: #2C3032;cursor: pointer; }
/* end of suggestion box */

/* custom qtip */
.custom-qtip {
	background: black !important;
	opacity: 0.5; filter: alpha(opacity=50); background: rgba(0,0,0,0.5);
	color: white  !important;
	border: 0px solid transparent  !important;
	max-width: 575px !important;
	font-size: 10px  !important;
	font-family: Arial, Helvetica sans-serif  !important;
	font-weight: lighter  !important;
	line-height: 12px  !important;
    text-shadow: 0 1px black  !important;
}
.custom-qtip .ui-tooltip-titlebar { padding: 6px 35px 0 10; background-color: transparent; }
.custom-qtip .ui-tooltip-content { padding: 6px 10; max-height: 220px; overflow: auto; }
.custom-qtip .ui-tooltip-icon { border-color: #222; text-shadow: none; }
.custom-qtip .ui-tooltip-titlebar .ui-state-hover { border-color: #303030; }
/* end of custom qtip */

/* BEGIN: ~/Views/(*) */
form .field-validation-error, .editor-form div.editor-row span.required { color: #DB6464; }
.editor-form div.inline-info { margin: 20px !important; cursor: default; width: auto; }
.editor-form div.editor-row { margin: 12px 0px; }
.editor-form div.editor-field input[type="text"],
.editor-form div.editor-field input[type="password"], 
.editor-form div.editor-field textarea { width: 100% !important; }
.editor-form div.editor-field select,
.editor-form div.editor-field input[type="text"],
.editor-form div.editor-field input[type="password"] { margin: 8px 0px !important } /* fix for ugly forms layout on page & dialogs */
.editor-form div.editor-row span.required { line-height: 28px; margin: 8px 9px 8px 6px;display: inline-block; }
.editor-form div.editor-label { margin: 8px 9px 8px 0; width: 120px; text-align: right; line-height: 28px; }
.editor-form div.editor-field .editor-field-fix { margin-right: 12px; } /* Fix for 6+6 px padding in theme for inputs */
.editor-form div.editor-field { width: 235px; }
/* END: ~/Views/(*) */

.editor-form.add-user-form div.editor-field,
.editor-form.edit-user-form div.editor-field { width: 325px; }

/* configuration */

/* AddOrEdit */

 .add-edit-configuration-from div.editor-file-selector-field { width: 315px; }
 
 .config-buttons{margin-top: 40px;}
 .config-buttons div{float: right;margin-left: 15px;}
 .config-buttons div div{float: right;line-height: 28px;cursor: pointer;text-decoration: underline;}
 .config-buttons div div:hover{text-decoration: none;}
 
 /* end of AddOrEdit */
 
/* end of configuration */
.configuration div.jqTransformSelectWrapper { z-index: 100 !important; }

/* Ajax Loader*/
.ui-ajax-loader { margin-left: 22px; }
/* End Ajax Loader*/

/* Dashboard */

.announcement {
	padding: 10px 10px 10px; 
	border-bottom: 1px solid #3B4144;
}

.mapContainer {
    padding: 3px;
}

.map {
    width: 100%; 
    height: 542px;
}

.marketsTotal {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Cuprum', sans-serif;
}

.mapWidget {
    width: 732px;
}

/* End Dashboard */

/* Tools Dashboard */

.ui-tooldashboard {}
.ui-tooldashboard .activity-block {}
.ui-tooldashboard .activity-block .stats {margin-bottom: 22px; margin-left: 25px;}
.ui-tooldashboard .operator-devices-block {}
.ui-tooldashboard .operator-devices-block .first-widget {width: 450px; float: left;}
.ui-tooldashboard .operator-devices-block .second-widget {width: 480px; float: right;}
.ui-tooldashboard .touchpoints-respondents-block {}
.ui-tooldashboard .touchpoints-respondents-block .first-widget {width: 450px; float: left;}
.ui-tooldashboard .touchpoints-respondents-block .second-widget {width: 480px; float: right;}
.ui-tooldashboard .hours-activities-block {}
.ui-tooldashboard .hours-activities-block .first-widget {width: 450px; float: left;}
.ui-tooldashboard .hours-activities-block .second-widget {width: 480px; float: right;}

/* End Tools Dashboard */
.peak_yes {background-image: url("/Content/themes/fixedlight/images/icons/color/tick.png");width: 16px;height: 16px; display: inline-block;}
.peak_no {background-image: url("/Content/themes/fixedlight/images/icons/color/cross.png");width: 16px;height: 16px; display: inline-block;}

/* User Management */
.userTable tbody td {
	vertical-align: middle;    
}
.avatarSmall {
	height: 50px;
	width: 50px;
}
/* End User Management */

.color-box {
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
}
.darkBackground { background: url("/Content/themes/fixedlight/images/ui/pagination.png") repeat; }
.smallBtn {background: url("/Content/themes/fixedlight/images/ui/basicBtn.png") repeat; padding:1px 3px 1px 3px;  }
.centered { text-align:center }

/* My Profile */

.editor-form.edit-profile-form div.editor-field { width: 325px; }
.editor-form.edit-profile-form div.editor-row { width: 500px; margin: 0 auto; }
.editor-form.edit-profile-form div.editor { margin-bottom: 20px; }
.editor-form.edit-profile-form .buttons-block { margin-top: 20px; }

.editor-form.edit-avatar-form div.editor-field { }
.editor-form.edit-avatar-form div.editor-row { width: 500px; margin: 0 auto; }
.editor-form.edit-avatar-form .avatar-block .avatar { float: left; margin: 10px; margin-left: 20px;}
.editor-form.edit-avatar-form .avatar-block img { width:200px; height: 200px; }
.editor-form.edit-avatar-form .upload-avatar-block { float: left; margin-top: 163px; margin-left: 10px; }

.crop-avatar-dialog .crop-target-block { float: left; margin: 10px; }
.crop-avatar-dialog .crop-preview-block { float: right; margin: 10px; }
.crop-avatar-dialog .crop-preview-block div { width: 200px; height: 200px; overflow: hidden; }
.inline-info-baloon { margin: 20px !important; width: auto; }

/* End My Profile */

/* BEGIN: Health Check */
.ui-health-check-table { width: 100%; }
table.ui-health-check-table a:link, 
table.ui-health-check-table a:visited, 
table.ui-health-check-table a:active { text-decoration: underline }
table.ui-health-check-table a:hover { text-decoration: none }
.ui-health-check-table .type-check { width: 80px; text-align: center; }
.ui-health-check-table .type-check a.check { display: inline; float: none; }
.ui-health-check-table thead .type-check a.check { }
.ui-health-check-table tbody .type-check a.check { line-height: 24px; }
.ui-health-check-table .type-check-status span.icon { display: block; width: 24px; height: 24px; margin: 10px auto; }
.ui-health-check-table .type-check-status span.icon-success { background: url("themes/fixedlight/images/icons/notifications/accept.png") no-repeat scroll 0 center transparent; }
.ui-health-check-table .type-check-status span.icon-failure { background: url("themes/fixedlight/images/icons/notifications/error.png") no-repeat scroll 0 center transparent; }
.ui-health-check-table .type-check-status span.failure-message { display: inline-block; padding-left: 34px; margin: 0 15px; text-align: left; }
.ui-health-check-table .type-name { width: 200px; }
.ui-health-check-table tbody .type-name { font-size: 13px;font-weight: bold; }
.ui-health-check-table .type-description { width: 300px; }
.ui-health-check-table tbody .type-description { font-style: italic; }
.ui-health-check-table > tbody > tr > td > span { word-wrap: break-word; }

/* End Health Check */

.ui-icon-upload-button
{
	text-align: center;
	display: block; 
	width: 23px; 
	height: 23px; 
	margin: 8px; 
	background: url("themes/fixedlight/images/icons/middlenav/upload.png") no-repeat scroll 0 center transparent; 
}

/* Touchpoint control positioning fix */

#topMargin .jqTransformCheckboxWrapper {
	padding-top: 9px;
}

#topMargin .jqTransformSelectWrapper {
	margin-top: 7px;
}

/* End Touchpoint control positioning fix */

/* Left Menu */

.leftNav ul li div { font-family: 'Cuprum', sans-serif; font-weight: normal; }
.leftNav ul li div { color: #fff; font-size: 15px; display: block; background: url(themes/fixedlight/images/darkBg.jpg) repeat-x 0 0; border: 1px solid #3c4049; /*margin-top: 1px;*/ }
.leftNav ul li div span { padding: 9px 0 9px 35px; display: block; }

ul.sub { border: 1px solid #3C4049; }

.leftNav ul li div.active-menu-item { background-position: 0 -78px; }
.leftNav ul li span { background-position: 10px; background-repeat: no-repeat; }

/* Left navigation icons */

.leftNav ul li.dash a span { background-image: none; }

.leftNav ul li.home div span { background-image: url(themes/fixedlight/images/icons/dark/home.png); }
.leftNav ul li.dash div span { background-image: url(themes/fixedlight/images/icons/dark/download.png); }
.leftNav ul li.graphs div span { background-image: url(themes/fixedlight/images/icons/dark/graph.png); }
.leftNav ul li.forms div span { background-image: url(themes/fixedlight/images/icons/dark/pencil.png); }
.leftNav ul li.gallery div span { background-image: url(themes/fixedlight/images/icons/dark/preview.png); }
.leftNav ul li.typo div span { background-image: url(themes/fixedlight/images/icons/dark/create.png); }
.leftNav ul li.tables div span { background-image: url(themes/fixedlight/images/icons/dark/frames.png); }
.leftNav ul li.cal div span { background-image: url(themes/fixedlight/images/icons/dark/dayCalendar.png); }
.leftNav ul li.errors div span { background-image: url(themes/fixedlight/images/icons/dark/alert.png); }
.leftNav ul li.files div span { background-image: url(themes/fixedlight/images/icons/dark/files.png); }
.leftNav ul li.login div span { background-image: url(themes/fixedlight/images/icons/dark/user.png); }
.leftNav ul li.pic div span { background-image: url(themes/fixedlight/images/icons/dark/blocks.png); }
.leftNav ul li.widgets div span { background-image: url(themes/fixedlight/images/icons/dark/full.png); }
.leftNav ul li.contacts div span { background-image: url(themes/fixedlight/images/icons/dark/users.png); }
.leftNav ul li.maintenance div span { background-image:  url(themes/fixedlight/images/icons/dark/cog3.png); }
.leftNav ul li.datamanagement div span { background-image: url(themes/fixedlight/images/icons/dark/download.png); }

/* Left navigation subnav */

ul.sub li a { padding: 8px 10px 8px 10px; }

ul.sub li a.active-menu-item,
ul.sub li a.active-menu-item :link, 
ul.sub li a.active-menu-item :visited, 
ul.sub li a.active-menu-item :active,
ul.sub li a.active-menu-item :hover { color: #3c4049!important; }

ul.sub li a span.fxd { padding: 0 0 0 30px; }
ul.sub li a span.tool { background-image: url(images/icons/ipad_small.png); }
ul.sub li a span.tool-active-menu-item { background-image: url(images/icons/ipad_small_red.png); }

/* End Left Menu */

/* Link button */

.linkButton { margin: 1px 0px 1px 0px; background: url(themes/fixedlight/images/ui/basicBtn.png) repeat-x 0 0; border: 1px solid #292d2f; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 12px; }
.linkButton span { padding: 6px 13px 6px 13px; display: block; }
.linkButton:hover { background-position: 0 -27px; }
.linkButton:active { background-position: 0 -54px; }

/* End link button */

/* Login page */

.noteHolder { margin: 0 10px 0 10px; }
.noteHolder .nNote { margin: 10px 0px 10px 0px; }

/* End Login page */

/* Survey Profile Page */

#tools div.jqTransformSelectWrapper {
    width: 90px !important;
}

#tools .jqTransformSelectWrapper ul {
    width: 90px !important;
}

/* End Survey Profile Page */

/* Tool Selector */

.selectedTool {
    background-color: #e87e54 !important;
    color: #fff;
} 

#toolSelectorWidget .tableStatic tbody td {
     border-left: none; 
     padding: 8px 10px; 
     vertical-align: middle;
}

.toolSelector tbody tr {
    cursor: pointer; 
    font-weight: bold;
}

#toolSelectorWidget .tableStatic tbody tr.selectedTool td a {
     color: #fff;
}

.toolDescription {
    text-transform: uppercase;
} 

/* End Tool Selector */

/* TMT Data Integration page */

#tmtView .menu_body { padding: 0px !important; }
#tmtView .menu_body .nNote { margin: 0px; border: 0px; }
#tmtView .accordionWidget { margin-top: 10px !important; }
#tmtView .tableStatic { width:100%; cellspacing:0; cellpadding:0; }
#tmtView .toolDescription { font-weight:bold; }
#tmtView .toolName { padding: 8px 0px 0px 10px; float: left; }
#tmtView .acc .head { padding: 5px 5px 0px 5px; color: rgb(43, 104, 147); }
#tmtView .accordionWidget .acc { margin-top: 0px; }
#tmtView .menu_body { display: none; color: rgb(64, 64, 64); }
#tmtView .tmtReport { width: 45% !important; }
#tmtView .lastExecution { padding: 8px 0px 0px 0px; float: right;}
#tmtView .toolIcon { float: left }
.tipsy .tipsy-inner { text-align: left !important; max-width: 400px }

/* End TMT Data Integration page */