<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>EricOP 12 Hour Tweak to ClockPickerJS</title>
<link data-require="jqueryui@*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<link data-semver="0.0.6" rel="stylesheet" href="http://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.css" />
<!-- taking out AO theme <link rel="stylesheet" href="jquery-theme.css" /> -->
<link rel="stylesheet" href="style.css" />
<script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<script data-require="jquery@*" data-semver="1.11.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<script data-require="jquery@*" data-semver="1.11.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--<script data-semver="0.0.6" src="http://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.js"></script>-->
<script src="jquery-clockpicker-customized.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$("#radio").buttonset();
});
</script>
<script>
$(function() {
$("#slider").slider({
value: 0,
min: 0,
max: 1,
step: 1,
slide: function(event, ui) {
$("#amount").val("$" + ui.value);
}
});
$("#amount").val("$" + $("#slider").slider("value"));
});
</script>
</head>
<body>
<h1>EricOP Demo of ClockPicker with 12 Hours!</h1>
<div class="container">
<label>Activities starts at:</label><input id="input-a" value="" data-default="09:45" />
<!-- <label>Activities ends at:</label><input id="input-b" value="" data-default="11:15" />
<form>
<div id="radio">
<input type="radio" id="radio1" name="radio">
<label for="radio1">AM1</label>
<input type="radio" id="radio2" name="radio" checked="checked">
<label for="radio2">PM2</label>
</div>
</form>
<button type="button" id="button-a">Check the minutes</button>
<button type="button" id="button-b">Check the hours</button>-->
</div>
<!-- <div style=" width: 80px; margin:auto;">
<div id="slider" style="width:60px;">
</div>
<div>AM <> PM</div>
</div>-->
<script src="script.js"></script>
</body>
</html>
// Code goes here
var input = $('#input-a');
input.clockpicker({
//autoclose: true,
donetext: 'Done'
});
// Manual operations
$('#button-a').click(function(e) {
// Have to stop propagation here
e.stopPropagation();
input.clockpicker('show')
.clockpicker('toggleView', 'minutes');
});
$('#button-b').click(function(e) {
// Have to stop propagation here
e.stopPropagation();
input.clockpicker('show')
.clockpicker('toggleView', 'hours');
});
/* Styles go here */
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
}
.container {
padding: 20px;
}
.am-button {
padding: 5px;
margin: 2px;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 4px;
float: left;
}
.pm-button {
padding: 5px;
margin: 2px;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 4px;
float: right;
}
# 12 Hour ClockPicker
This is to modify ClockPicker http://weareoutman.github.io/clockpicker/
by Wang Shenwei.
The goal is to change from a 24 hor clock to a 12 hour AM, PM clock.
/*!
* ClockPicker v0.0.6 (http://weareoutman.github.io/clockpicker/)
* Copyright 2014 Wang Shenwei.
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
*/
!(function(){
var $ = window.jQuery,
$win = $(window),
$doc = $(document),
$body;
// Can I use inline svg ?
var svgNS = 'http://www.w3.org/2000/svg',
svgSupported = 'SVGAngle' in window && (function(){
var supported,
el = document.createElement('div');
el.innerHTML = '<svg/>';
supported = (el.firstChild && el.firstChild.namespaceURI) == svgNS;
el.innerHTML = '';
return supported;
})();
// Can I use transition ?
var transitionSupported = (function(){
var style = document.createElement('div').style;
return 'transition' in style ||
'WebkitTransition' in style ||
'MozTransition' in style ||
'msTransition' in style ||
'OTransition' in style;
})();
// Listen touch events in touch screen device, instead of mouse events in desktop.
var touchSupported = 'ontouchstart' in window,
mousedownEvent = 'mousedown' + ( touchSupported ? ' touchstart' : ''),
mousemoveEvent = 'mousemove.clockpicker' + ( touchSupported ? ' touchmove.clockpicker' : ''),
mouseupEvent = 'mouseup.clockpicker' + ( touchSupported ? ' touchend.clockpicker' : '');
// Vibrate the device if supported
var vibrate = navigator.vibrate ? 'vibrate' : navigator.webkitVibrate ? 'webkitVibrate' : null;
function createSvgElement(name) {
return document.createElementNS(svgNS, name);
}
function leadingZero(num) {
return (num < 10 ? '0' : '') + num;
}
// Get a unique id
var idCounter = 0;
function uniqueId(prefix) {
var id = ++idCounter + '';
return prefix ? prefix + id : id;
}
// Clock size
var dialRadius = 100,
outerRadius = 80,
innerRadius = 54,
tickRadius = 13,
diameter = dialRadius * 2,
duration = transitionSupported ? 350 : 1;
// Popover template
var tpl = [
'<div class="popover clockpicker-popover">',
'<div class="arrow"></div>',
'<div class="popover-title">',
'<span class="clockpicker-span-hours text-primary"></span>',
' : ',
'<span class="clockpicker-span-minutes"></span>',
'</div>',
'<div class="popover-content">',
'<div class="clockpicker-plate">',
'<div class="clockpicker-canvas"></div>',
'<div class="clockpicker-dial clockpicker-hours"></div>',
'<div class="clockpicker-dial clockpicker-minutes clockpicker-dial-out"></div>',
'</div>',
'</div>',
'</div>'
].join('');
// ClockPicker
function ClockPicker(element, options) {
var popover = $(tpl),
plate = popover.find('.clockpicker-plate'),
hoursView = popover.find('.clockpicker-hours'),
minutesView = popover.find('.clockpicker-minutes'),
isInput = element.prop('tagName') === 'INPUT',
input = isInput ? element : element.find('input'),
addon = element.find('.input-group-addon'),
self = this,
timer;
this.id = uniqueId('cp');
this.element = element;
this.options = options;
this.isAppended = false;
this.isShown = false;
this.currentView = 'hours';
this.isInput = isInput;
this.input = input;
this.addon = addon;
this.popover = popover;
this.plate = plate;
this.hoursView = hoursView;
this.minutesView = minutesView;
this.spanHours = popover.find('.clockpicker-span-hours');
this.spanMinutes = popover.find('.clockpicker-span-minutes');
if (! options.autoclose) {
// If autoclose is not setted, append a button
$('<button type="button" class="btn btn-sm btn-default btn-block clockpicker-button">' + options.donetext + '</button>')
.click($.proxy(this.done, this))
.appendTo(popover);
}
// Placement and arrow align - make sure they make sense.
if ((options.placement === 'top' || options.placement === 'bottom') && (options.align === 'top' || options.align === 'bottom')) options.align = 'left';
if ((options.placement === 'left' || options.placement === 'right') && (options.align === 'left' || options.align === 'right')) options.align = 'top';
popover.addClass(options.placement);
popover.addClass('clockpicker-align-' + options.align);
this.spanHours.click($.proxy(this.toggleView, this, 'hours'));
this.spanMinutes.click($.proxy(this.toggleView, this, 'minutes'));
// Show or toggle
input.on('focus.clockpicker click.clockpicker', $.proxy(this.show, this));
addon.on('click.clockpicker', $.proxy(this.toggle, this));
// Build ticks
var tickTpl = $('<div class="clockpicker-tick"></div>'),
i, tick, radian;
// Hours view
for (i = 0; i < 24; i += 1) {
tick = tickTpl.clone();
radian = i / 6 * Math.PI;
var inner = i > 0 && i < 13,
radius = inner ? innerRadius : outerRadius;
tick.css({
left: dialRadius + Math.sin(radian) * radius - tickRadius,
top: dialRadius - Math.cos(radian) * radius - tickRadius
});
if (inner) {
tick.css('font-size', '120%');
}
tick.html(i === 0 ? '00' : i);
hoursView.append(tick);
tick.on(mousedownEvent, mousedown);
}
// Minutes view
for (i = 0; i < 60; i += 5) {
tick = tickTpl.clone();
radian = i / 30 * Math.PI;
tick.css({
left: dialRadius + Math.sin(radian) * outerRadius - tickRadius,
top: dialRadius - Math.cos(radian) * outerRadius - tickRadius
});
tick.css('font-size', '120%');
tick.html(leadingZero(i));
minutesView.append(tick);
tick.on(mousedownEvent, mousedown);
}
// Clicking on minutes view space
plate.on(mousedownEvent, function(e){
if ($(e.target).closest('.clockpicker-tick').length === 0) {
mousedown(e, true);
}
});
// Mousedown or touchstart
function mousedown(e, space) {
var offset = plate.offset(),
isTouch = /^touch/.test(e.type),
x0 = offset.left + dialRadius,
y0 = offset.top + dialRadius,
dx = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,
dy = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0,
z = Math.sqrt(dx * dx + dy * dy),
moved = false;
// When clicking on minutes view space, check the mouse position
if (space && (z < outerRadius - tickRadius || z > outerRadius + tickRadius)) {
return;
}
e.preventDefault();
// Set cursor style of body after 200ms
var movingTimer = setTimeout(function(){
$body.addClass('clockpicker-moving');
}, 200);
// Place the canvas to top
if (svgSupported) {
plate.append(self.canvas);
}
// Clock
self.setHand(dx, dy, ! space, true);
// Mousemove on document
$doc.off(mousemoveEvent).on(mousemoveEvent, function(e){
e.preventDefault();
var isTouch = /^touch/.test(e.type),
x = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,
y = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0;
if (! moved && x === dx && y === dy) {
// Clicking in chrome on windows will trigger a mousemove event
return;
}
moved = true;
self.setHand(x, y, false, true);
});
// Mouseup on document
$doc.off(mouseupEvent).one(mouseupEvent, function(e){
e.preventDefault();
var isTouch = /^touch/.test(e.type),
x = (isTouch ? e.originalEvent.changedTouches[0] : e).pageX - x0,
y = (isTouch ? e.originalEvent.changedTouches[0] : e).pageY - y0;
if ((space || moved) && x === dx && y === dy) {
self.setHand(x, y);
}
if (self.currentView === 'hours') {
self.toggleView('minutes', duration / 2);
} else {
if (options.autoclose) {
self.minutesView.addClass('clockpicker-dial-out');
setTimeout(function(){
self.done();
}, duration / 2);
}
}
plate.prepend(canvas);
// Reset cursor style of body
clearTimeout(movingTimer);
$body.removeClass('clockpicker-moving');
// Unbind mousemove event
$doc.off(mousemoveEvent);
});
}
if (svgSupported) {
// Draw clock hands and others
var canvas = popover.find('.clockpicker-canvas'),
svg = createSvgElement('svg');
svg.setAttribute('class', 'clockpicker-svg');
svg.setAttribute('width', diameter);
svg.setAttribute('height', diameter);
var g = createSvgElement('g');
g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');
var bearing = createSvgElement('circle');
bearing.setAttribute('class', 'clockpicker-canvas-bearing');
bearing.setAttribute('cx', 0);
bearing.setAttribute('cy', 0);
bearing.setAttribute('r', 2);
var hand = createSvgElement('line');
hand.setAttribute('x1', 0);
hand.setAttribute('y1', 0);
var bg = createSvgElement('circle');
bg.setAttribute('class', 'clockpicker-canvas-bg');
bg.setAttribute('r', tickRadius);
var fg = createSvgElement('circle');
fg.setAttribute('class', 'clockpicker-canvas-fg');
fg.setAttribute('r', 3.5);
g.appendChild(hand);
g.appendChild(bg);
g.appendChild(fg);
g.appendChild(bearing);
svg.appendChild(g);
canvas.append(svg);
this.hand = hand;
this.bg = bg;
this.fg = fg;
this.bearing = bearing;
this.g = g;
this.canvas = canvas;
}
}
// Default options
ClockPicker.DEFAULTS = {
'default': '', // default time, 'now' or '13:14' e.g.
fromnow: 0, // set default time to * milliseconds from now (using with default = 'now')
placement: 'bottom', // clock popover placement
align: 'left', // popover arrow align
donetext: '完成', // done button text
autoclose: false, // auto close when minute is selected
vibrate: true // vibrate the device when dragging clock hand
};
// Show or hide popover
ClockPicker.prototype.toggle = function(){
this[this.isShown ? 'hide' : 'show']();
};
// Set popover position
ClockPicker.prototype.locate = function(){
var element = this.element,
popover = this.popover,
offset = element.offset(),
width = element.outerWidth(),
height = element.outerHeight(),
placement = this.options.placement,
align = this.options.align,
styles = {},
self = this;
popover.show();
// Place the popover
switch (placement) {
case 'bottom':
styles.top = offset.top + height;
break;
case 'right':
styles.left = offset.left + width;
break;
case 'top':
styles.top = offset.top - popover.outerHeight();
break;
case 'left':
styles.left = offset.left - popover.outerWidth();
break;
}
// Align the popover arrow
switch (align) {
case 'left':
styles.left = offset.left;
break;
case 'right':
styles.left = offset.left + width - popover.outerWidth();
break;
case 'top':
styles.top = offset.top;
break;
case 'bottom':
styles.top = offset.top + height - popover.outerHeight();
break;
}
popover.css(styles);
};
// Show popover
ClockPicker.prototype.show = function(e){
// Not show again
if (this.isShown) {
return;
}
var self = this;
// Initialize
if (! this.isAppended) {
// Append popover to body
$body = $(document.body).append(this.popover);
// Reset position when resize
$win.on('resize.clockpicker' + this.id, function(){
if (self.isShown) {
self.locate();
}
});
this.isAppended = true;
}
// Get the time
var value = ((this.input.prop('value') || this.options['default'] || '') + '').split(':');
if (value[0] === 'now') {
var now = new Date(+ new Date() + this.options.fromnow);
value = [
now.getHours(),
now.getMinutes()
];
}
this.hours = + value[0] || 0;
this.minutes = + value[1] || 0;
this.spanHours.html(leadingZero(this.hours));
this.spanMinutes.html(leadingZero(this.minutes));
// Toggle to hours view
this.toggleView('hours');
// Set position
this.locate();
this.isShown = true;
// Hide when clicking or tabbing on any element except the clock, input and addon
$doc.on('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id, function(e){
var target = $(e.target);
if (target.closest(self.popover).length === 0 &&
target.closest(self.addon).length === 0 &&
target.closest(self.input).length === 0) {
self.hide();
}
});
// Hide when ESC is pressed
$doc.on('keyup.clockpicker.' + this.id, function(e){
if (e.keyCode === 27) {
self.hide();
}
});
};
// Hide popover
ClockPicker.prototype.hide = function(){
this.isShown = false;
// Unbinding events on document
$doc.off('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id);
$doc.off('keyup.clockpicker.' + this.id);
this.popover.hide();
};
// Toggle to hours or minutes view
ClockPicker.prototype.toggleView = function(view, delay){
var isHours = view === 'hours',
nextView = isHours ? this.hoursView : this.minutesView,
hideView = isHours ? this.minutesView : this.hoursView;
this.currentView = view;
this.spanHours.toggleClass('text-primary', isHours);
this.spanMinutes.toggleClass('text-primary', ! isHours);
// Let's make transitions
hideView.addClass('clockpicker-dial-out');
nextView.css('visibility', 'visible').removeClass('clockpicker-dial-out');
// Reset clock hand
this.resetClock(delay);
// After transitions ended
clearTimeout(this.toggleViewTimer);
this.toggleViewTimer = setTimeout(function(){
hideView.css('visibility', 'hidden');
}, duration);
};
// Reset clock hand
ClockPicker.prototype.resetClock = function(delay){
var view = this.currentView,
value = this[view],
isHours = view === 'hours',
unit = Math.PI / (isHours ? 6 : 30),
radian = value * unit,
radius = isHours && value > 0 && value < 13 ? innerRadius : outerRadius,
x = Math.sin(radian) * radius,
y = - Math.cos(radian) * radius,
self = this;
if (svgSupported && delay) {
self.canvas.addClass('clockpicker-canvas-out');
setTimeout(function(){
self.canvas.removeClass('clockpicker-canvas-out');
self.setHand(x, y);
}, delay);
} else {
this.setHand(x, y);
}
};
// Set clock hand to (x, y)
ClockPicker.prototype.setHand = function(x, y, roundBy5, dragging){
var radian = Math.atan2(x, - y),
isHours = this.currentView === 'hours',
unit = Math.PI / (isHours || roundBy5 ? 6 : 30),
z = Math.sqrt(x * x + y * y),
options = this.options,
inner = isHours && z < (outerRadius + innerRadius) / 2,
radius = inner ? innerRadius : outerRadius,
value;
// Radian should in range [0, 2PI]
if (radian < 0) {
radian = Math.PI * 2 + radian;
}
// Get the round value
value = Math.round(radian / unit);
// Get the round radian
radian = value * unit;
// Correct the hours or minutes
if (isHours) {
if (value === 12) {
value = 0;
}
value = inner ? (value === 0 ? 12 : value) : value === 0 ? 0 : value + 12;
} else {
if (roundBy5) {
value *= 5;
}
if (value === 60) {
value = 0;
}
}
// Once hours or minutes changed, vibrate the device
if (this[this.currentView] !== value) {
if (vibrate && this.options.vibrate) {
// Do not vibrate too frequently
if (! this.vibrateTimer) {
navigator[vibrate](10);
this.vibrateTimer = setTimeout($.proxy(function(){
this.vibrateTimer = null;
}, this), 100);
}
}
}
this[this.currentView] = value;
this[isHours ? 'spanHours' : 'spanMinutes'].html(leadingZero(value));
// If svg is not supported, just add an active class to the tick
if (! svgSupported) {
this[isHours ? 'hoursView' : 'minutesView'].find('.clockpicker-tick').each(function(){
var tick = $(this);
tick.toggleClass('active', value === + tick.html());
});
return;
}
// Place clock hand at the top when dragging
if (dragging || (! isHours && value % 5)) {
this.g.insertBefore(this.hand, this.bearing);
this.g.insertBefore(this.bg, this.fg);
this.bg.setAttribute('class', 'clockpicker-canvas-bg clockpicker-canvas-bg-trans');
} else {
// Or place it at the bottom
this.g.insertBefore(this.hand, this.bg);
this.g.insertBefore(this.fg, this.bg);
this.bg.setAttribute('class', 'clockpicker-canvas-bg');
}
// Set clock hand and others' position
var cx = Math.sin(radian) * radius,
cy = - Math.cos(radian) * radius;
this.hand.setAttribute('x2', cx);
this.hand.setAttribute('y2', cy);
this.bg.setAttribute('cx', cx);
this.bg.setAttribute('cy', cy);
this.fg.setAttribute('cx', cx);
this.fg.setAttribute('cy', cy);
};
// Hours and minuts is selected
ClockPicker.prototype.done = function() {
this.hide();
var last = this.input.prop('value'),
value = leadingZero(this.hours) + ':' + leadingZero(this.minutes);
this.input.prop('value', value);
if (value !== last) {
this.input.triggerHandler('change');
if (! this.isInput) {
this.element.trigger('change');
}
}
};
// Remove clockpicker from input
ClockPicker.prototype.remove = function() {
this.element.removeData('clockpicker');
this.input.off('focus.clockpicker click.clockpicker');
this.addon.off('click.clockpicker');
if (this.isShown) {
this.hide();
}
if (this.isAppended) {
$win.off('resize.clockpicker' + this.id);
this.popover.remove();
}
};
// Extends $.fn.clockpicker
$.fn.clockpicker = function(option){
var args = Array.prototype.slice.call(arguments, 1);
return this.each(function(){
var $this = $(this),
data = $this.data('clockpicker');
if (! data) {
var options = $.extend({}, ClockPicker.DEFAULTS, $this.data(), typeof option == 'object' && option);
$this.data('clockpicker', new ClockPicker($this, options));
} else {
// Manual operatsions. show, hide, remove, e.g.
if (typeof data[option] === 'function') {
data[option].apply(data, args);
}
}
});
};
}());
/*!
* ClockPicker v0.0.6 for jQuery (http://weareoutman.github.io/clockpicker/)
* Copyright 2014 Wang Shenwei.
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
*
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/* Picked from bootstrap: .popover, .btn, .text-primary */
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
/* The following are set in WordPress (wp-admin/css/revisions.css) - reset them to initial values */
overflow:visible;
margin:0;
padding:0;
z-index:auto;
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none;
bottom:auto;
left:auto;
right:auto;
top:auto;
-webkit-transform:none;
-ms-transform:none;
transform:none;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.btn {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-block {
display: block;
width: 100%;
}
.text-primary {
color: #428bca;
}
/*!
* ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
* Copyright 2014 Wang Shenwei.
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
*/
.clockpicker .input-group-addon {
cursor: pointer;
}
.clockpicker-moving {
cursor: move;
}
.clockpicker-align-left.popover > .arrow {
left: 25px;
}
.clockpicker-align-top.popover > .arrow {
top: 17px;
}
.clockpicker-align-right.popover > .arrow {
left: auto;
right: 25px;
}
.clockpicker-align-bottom.popover > .arrow {
top: auto;
bottom: 6px;
}
.clockpicker-popover .popover-title {
background-color: #fff;
color: #999;
font-size: 24px;
font-weight: bold;
line-height: 30px;
text-align: center;
}
.clockpicker-popover .popover-title span {
cursor: pointer;
}
.clockpicker-popover .popover-content {
background-color: #f8f8f8;
padding: 12px;
}
.popover-content:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.clockpicker-plate {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
width: 200px;
height: 200px;
overflow: visible;
position: relative;
/* Disable text selection highlighting. Thanks to Hermanya */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.clockpicker-canvas,
.clockpicker-dial {
width: 200px;
height: 200px;
position: absolute;
left: -1px;
top: -1px;
}
.clockpicker-minutes {
visibility: hidden;
}
.clockpicker-tick {
border-radius: 50%;
color: #666;
line-height: 26px;
text-align: center;
width: 26px;
height: 26px;
position: absolute;
cursor: pointer;
}
.clockpicker-tick.active,
.clockpicker-tick:hover {
background-color: rgb(192, 229, 247);
background-color: rgba(0, 149, 221, .25);
}
.clockpicker-button {
background-image: none;
background-color: #fff;
border-width: 1px 0 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin: 0;
padding: 10px 0;
}
.clockpicker-button:hover {
background-image: none;
background-color: #ebebeb;
}
.clockpicker-button:focus {
outline: none!important;
}
.clockpicker-dial {
-webkit-transition: -webkit-transform 350ms, opacity 350ms;
-moz-transition: -moz-transform 350ms, opacity 350ms;
-ms-transition: -ms-transform 350ms, opacity 350ms;
-o-transition: -o-transform 350ms, opacity 350ms;
transition: transform 350ms, opacity 350ms;
}
.clockpicker-dial-out {
opacity: 0;
}
.clockpicker-hours.clockpicker-dial-out {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.clockpicker-minutes.clockpicker-dial-out {
-webkit-transform: scale(.8, .8);
-moz-transform: scale(.8, .8);
-ms-transform: scale(.8, .8);
-o-transform: scale(.8, .8);
transform: scale(.8, .8);
}
.clockpicker-canvas {
-webkit-transition: opacity 175ms;
-moz-transition: opacity 175ms;
-ms-transition: opacity 175ms;
-o-transition: opacity 175ms;
transition: opacity 175ms;
}
.clockpicker-canvas-out {
opacity: 0.25;
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
stroke: none;
fill: rgb(0, 149, 221);
}
.clockpicker-canvas-bg {
stroke: none;
fill: rgb(192, 229, 247);
}
.clockpicker-canvas-bg-trans {
fill: rgba(0, 149, 221, .25);
}
.clockpicker-canvas line {
stroke: rgb(0, 149, 221);
stroke-width: 1;
stroke-linecap: round;
/*shape-rendering: crispEdges;*/
}
/*!
* ClockPicker v{package.version} (http://weareoutman.github.io/clockpicker/)
* Copyright 2014 Wang Shenwei.
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
*/
(function() {
var $ = window.jQuery,
$win = $(window),
$doc = $(document),
$body;
// Can I use inline svg ?
var svgNS = 'http://www.w3.org/2000/svg',
svgSupported = 'SVGAngle' in window && (function() {
var supported,
el = document.createElement('div');
el.innerHTML = '<svg/>';
supported = (el.firstChild && el.firstChild.namespaceURI) == svgNS;
el.innerHTML = '';
return supported;
})();
// Can I use transition ?
var transitionSupported = (function() {
var style = document.createElement('div').style;
return 'transition' in style ||
'WebkitTransition' in style ||
'MozTransition' in style ||
'msTransition' in style ||
'OTransition' in style;
})();
// Listen touch events in touch screen device, instead of mouse events in desktop.
var touchSupported = 'ontouchstart' in window,
mousedownEvent = 'mousedown' + (touchSupported ? ' touchstart' : ''),
mousemoveEvent = 'mousemove.clockpicker' + (touchSupported ? ' touchmove.clockpicker' : ''),
mouseupEvent = 'mouseup.clockpicker' + (touchSupported ? ' touchend.clockpicker' : '');
// Vibrate the device if supported
var vibrate = navigator.vibrate ? 'vibrate' : navigator.webkitVibrate ? 'webkitVibrate' : null;
function createSvgElement(name) {
return document.createElementNS(svgNS, name);
}
function leadingZero(num) {
return (num < 10 ? '0' : '') + num;
}
// Get a unique id
var idCounter = 0;
function uniqueId(prefix) {
var id = ++idCounter + '';
return prefix ? prefix + id : id;
}
// Clock size
var dialRadius = 100,
//outerRadius = 80,
//innerRadius = 54,
outerRadius = 80,
innerRadius = 80,
tickRadius = 13,
diameter = dialRadius * 2,
duration = transitionSupported ? 350 : 1;
// Popover template
var tpl = [
'<div class="popover clockpicker-popover">',
'<div class="arrow"></div>',
'<div class="popover-title">',
'<span class="clockpicker-span-hours text-primary"></span>',
' : ',
'<span class="clockpicker-span-minutes"></span>',
'<span class="clockpicker-span-am-pm">PM</span>',
'</div>',
'<div class="popover-content">',
'<div class="clockpicker-plate">',
'<div class="clockpicker-canvas"></div>',
'<div class="clockpicker-dial clockpicker-hours"></div>',
'<div class="clockpicker-dial clockpicker-minutes clockpicker-dial-out"></div>',
'</div>',
'</div>',
'</div>'
].join('');
// ClockPicker
function ClockPicker(element, options) {
var popover = $(tpl),
plate = popover.find('.clockpicker-plate'),
hoursView = popover.find('.clockpicker-hours'),
minutesView = popover.find('.clockpicker-minutes'),
isInput = element.prop('tagName') === 'INPUT',
input = isInput ? element : element.find('input'),
addon = element.find('.input-group-addon'),
self = this,
timer;
this.id = uniqueId('cp');
this.element = element;
this.options = options;
this.isAppended = false;
this.isShown = false;
this.currentView = 'hours';
this.isInput = isInput;
this.input = input;
this.addon = addon;
this.popover = popover;
this.plate = plate;
this.hoursView = hoursView;
this.minutesView = minutesView;
this.spanHours = popover.find('.clockpicker-span-hours');
this.spanMinutes = popover.find('.clockpicker-span-minutes');
this.spanAmPm = popover.find('.clockpicker-span-am-pm');
this.amOrPm = "PM";
this.isPM = true;
self = this
if (options.twelvehour) {
$('<button type="button" class="btn btn-sm btn-default clockpicker-button am-button">' + "AM" + '</button>')
.on("click", function(isPM) {
self.isPM = false;
self.amOrPm = "AM";
$('.clockpicker-span-am-pm').empty().append('AM');
}).appendTo(popover);
$('<button type="button" class="btn btn-sm btn-default clockpicker-button pm-button">' + "PM" + '</button>')
.on("click", function(isPM) {
self.isPM = true;
self.amOrPm = "PM";
$('.clockpicker-span-am-pm').empty().append('PM');
}).appendTo(popover);
}
if (!options.autoclose) {
// If autoclose is not setted, append a button
$('<button type="button" class="btn btn-sm btn-default btn-block clockpicker-button">' + options.donetext + '</button>')
.click($.proxy(this.done, this))
.appendTo(popover);
}
// Placement and arrow align - make sure they make sense.
if ((options.placement === 'top' || options.placement === 'bottom') && (options.align === 'top' || options.align === 'bottom')) options.align = 'left';
if ((options.placement === 'left' || options.placement === 'right') && (options.align === 'left' || options.align === 'right')) options.align = 'top';
popover.addClass(options.placement);
popover.addClass('clockpicker-align-' + options.align);
this.spanHours.click($.proxy(this.toggleView, this, 'hours'));
this.spanMinutes.click($.proxy(this.toggleView, this, 'minutes'));
// Show or toggle
input.on('focus.clockpicker click.clockpicker', $.proxy(this.show, this));
addon.on('click.clockpicker', $.proxy(this.toggle, this));
// Build ticks
var tickTpl = $('<div class="clockpicker-tick"></div>'),
i, tick, radian;
// Hours view
for (i = 1; i < 13; i += 1) {
tick = tickTpl.clone();
radian = i / 6 * Math.PI;
var inner = i > 0 && i < 13,
radius = innerRadius;
tick.css('font-size', '120%');
tick.css({
left: dialRadius + Math.sin(radian) * radius - tickRadius,
top: dialRadius - Math.cos(radian) * radius - tickRadius
});
//if (inner) {
// tick.css('font-size', '120%');
//}
tick.html(i === 0 ? '00' : i);
hoursView.append(tick);
tick.on(mousedownEvent, mousedown);
}
// Minutes view
for (i = 0; i < 60; i += 5) {
tick = tickTpl.clone();
radian = i / 30 * Math.PI;
tick.css({
left: dialRadius + Math.sin(radian) * outerRadius - tickRadius,
top: dialRadius - Math.cos(radian) * outerRadius - tickRadius
});
tick.css('font-size', '120%');
tick.html(leadingZero(i));
minutesView.append(tick);
tick.on(mousedownEvent, mousedown);
}
// Clicking on minutes view space
plate.on(mousedownEvent, function(e) {
if ($(e.target).closest('.clockpicker-tick').length === 0) {
mousedown(e, true);
}
});
// Mousedown or touchstart
function mousedown(e, space) {
var offset = plate.offset(),
isTouch = /^touch/.test(e.type),
x0 = offset.left + dialRadius,
y0 = offset.top + dialRadius,
dx = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,
dy = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0,
z = Math.sqrt(dx * dx + dy * dy),
moved = false;
// When clicking on minutes view space, check the mouse position
if (space && (z < outerRadius - tickRadius || z > outerRadius + tickRadius)) {
return;
}
e.preventDefault();
// Set cursor style of body after 200ms
var movingTimer = setTimeout(function() {
$body.addClass('clockpicker-moving');
}, 200);
// Place the canvas to top
if (svgSupported) {
plate.append(self.canvas);
}
// Clock
self.setHand(dx, dy, !space, true);
// Mousemove on document
$doc.off(mousemoveEvent).on(mousemoveEvent, function(e) {
e.preventDefault();
var isTouch = /^touch/.test(e.type),
x = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,
y = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0;
if (!moved && x === dx && y === dy) {
// Clicking in chrome on windows will trigger a mousemove event
return;
}
moved = true;
self.setHand(x, y, false, true);
});
// Mouseup on document
$doc.off(mouseupEvent).one(mouseupEvent, function(e) {
e.preventDefault();
var isTouch = /^touch/.test(e.type),
x = (isTouch ? e.originalEvent.changedTouches[0] : e).pageX - x0,
y = (isTouch ? e.originalEvent.changedTouches[0] : e).pageY - y0;
if ((space || moved) && x === dx && y === dy) {
self.setHand(x, y);
}
if (self.currentView === 'hours') {
self.toggleView('minutes', duration / 2);
} else {
if (options.autoclose) {
self.minutesView.addClass('clockpicker-dial-out');
setTimeout(function() {
self.done();
}, duration / 2);
}
}
plate.prepend(canvas);
// Reset cursor style of body
clearTimeout(movingTimer);
$body.removeClass('clockpicker-moving');
// Unbind mousemove event
$doc.off(mousemoveEvent);
});
}
if (svgSupported) {
// Draw clock hands and others
var canvas = popover.find('.clockpicker-canvas'),
svg = createSvgElement('svg');
svg.setAttribute('class', 'clockpicker-svg');
svg.setAttribute('width', diameter);
svg.setAttribute('height', diameter);
var g = createSvgElement('g');
g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');
var bearing = createSvgElement('circle');
bearing.setAttribute('class', 'clockpicker-canvas-bearing');
bearing.setAttribute('cx', 0);
bearing.setAttribute('cy', 0);
bearing.setAttribute('r', 2);
var hand = createSvgElement('line');
hand.setAttribute('x1', 0);
hand.setAttribute('y1', 0);
var bg = createSvgElement('circle');
bg.setAttribute('class', 'clockpicker-canvas-bg');
bg.setAttribute('r', tickRadius);
var fg = createSvgElement('circle');
fg.setAttribute('class', 'clockpicker-canvas-fg');
fg.setAttribute('r', 3.5);
g.appendChild(hand);
g.appendChild(bg);
g.appendChild(fg);
g.appendChild(bearing);
svg.appendChild(g);
canvas.append(svg);
this.hand = hand;
this.bg = bg;
this.fg = fg;
this.bearing = bearing;
this.g = g;
this.canvas = canvas;
}
}
// Default options
ClockPicker.DEFAULTS = {
'default': '', // default time, 'now' or '13:14' e.g.
fromnow: 0, // set default time to * milliseconds from now (using with default = 'now')
placement: 'bottom', // clock popover placement
align: 'left', // popover arrow align
donetext: 'Done', // done button text
autoclose: false, // auto close when minute is selected
twelvehour: true, // change to 12 hour AM/PM clock from 24 hour
vibrate: true // vibrate the device when dragging clock hand
};
// Show or hide popover
ClockPicker.prototype.toggle = function() {
this[this.isShown ? 'hide' : 'show']();
};
// Set popover position
ClockPicker.prototype.locate = function() {
var element = this.element,
popover = this.popover,
offset = element.offset(),
width = element.outerWidth(),
height = element.outerHeight(),
placement = this.options.placement,
align = this.options.align,
styles = {},
self = this;
popover.show();
// Place the popover
switch (placement) {
case 'bottom':
styles.top = offset.top + height;
break;
case 'right':
styles.left = offset.left + width;
break;
case 'top':
styles.top = offset.top - popover.outerHeight();
break;
case 'left':
styles.left = offset.left - popover.outerWidth();
break;
}
// Align the popover arrow
switch (align) {
case 'left':
styles.left = offset.left;
break;
case 'right':
styles.left = offset.left + width - popover.outerWidth();
break;
case 'top':
styles.top = offset.top;
break;
case 'bottom':
styles.top = offset.top + height - popover.outerHeight();
break;
}
popover.css(styles);
};
// Show popover
ClockPicker.prototype.show = function(e) {
// Not show again
if (this.isShown) {
return;
}
var self = this;
// Initialize
if (!this.isAppended) {
// Append popover to body
$body = $(document.body).append(this.popover);
// Reset position when resize
$win.on('resize.clockpicker' + this.id, function() {
if (self.isShown) {
self.locate();
}
});
this.isAppended = true;
}
// Get the time
var value = ((this.input.prop('value') || this.options['default'] || '') + '').split(':');
if (value[0] === 'now') {
var now = new Date(+new Date() + this.options.fromnow);
value = [
now.getHours(),
now.getMinutes()
];
}
this.hours = +value[0] || 0;
this.minutes = +value[1] || 0;
this.spanHours.html(leadingZero(this.hours));
this.spanMinutes.html(leadingZero(this.minutes));
// Toggle to hours view
this.toggleView('hours');
// Set position
this.locate();
this.isShown = true;
// Hide when clicking or tabbing on any element except the clock, input and addon
$doc.on('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id, function(e) {
var target = $(e.target);
if (target.closest(self.popover).length === 0 &&
target.closest(self.addon).length === 0 &&
target.closest(self.input).length === 0) {
self.hide();
}
});
// Hide when ESC is pressed
$doc.on('keyup.clockpicker.' + this.id, function(e) {
if (e.keyCode === 27) {
self.hide();
}
});
};
// Hide popover
ClockPicker.prototype.hide = function() {
this.isShown = false;
// Unbinding events on document
$doc.off('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id);
$doc.off('keyup.clockpicker.' + this.id);
this.popover.hide();
};
// Toggle to hours or minutes view
ClockPicker.prototype.toggleView = function(view, delay) {
var isHours = view === 'hours',
nextView = isHours ? this.hoursView : this.minutesView,
hideView = isHours ? this.minutesView : this.hoursView;
this.currentView = view;
this.spanHours.toggleClass('text-primary', isHours);
this.spanMinutes.toggleClass('text-primary', !isHours);
// Let's make transitions
hideView.addClass('clockpicker-dial-out');
nextView.css('visibility', 'visible').removeClass('clockpicker-dial-out');
// Reset clock hand
this.resetClock(delay);
// After transitions ended
clearTimeout(this.toggleViewTimer);
this.toggleViewTimer = setTimeout(function() {
hideView.css('visibility', 'hidden');
}, duration);
};
// Reset clock hand
ClockPicker.prototype.resetClock = function(delay) {
var view = this.currentView,
value = this[view],
isHours = view === 'hours',
unit = Math.PI / (isHours ? 6 : 30),
radian = value * unit,
radius = isHours && value > 0 && value < 13 ? innerRadius : outerRadius,
x = Math.sin(radian) * radius,
y = -Math.cos(radian) * radius,
self = this;
if (svgSupported && delay) {
self.canvas.addClass('clockpicker-canvas-out');
setTimeout(function() {
self.canvas.removeClass('clockpicker-canvas-out');
self.setHand(x, y);
}, delay);
} else {
this.setHand(x, y);
}
};
// Set clock hand to (x, y)
ClockPicker.prototype.setHand = function(x, y, roundBy5, dragging) {
var radian = Math.atan2(x, -y),
isHours = this.currentView === 'hours',
unit = Math.PI / (isHours || roundBy5 ? 6 : 30),
z = Math.sqrt(x * x + y * y),
options = this.options,
//inner = isHours && z < (outerRadius + innerRadius) / 2,
radius = outerRadius,
value;
// Radian should in range [0, 2PI]
if (radian < 0) {
radian = Math.PI * 2 + radian;
}
// Get the round value
value = Math.round(radian / unit);
// Get the round radian
radian = value * unit;
// Correct the hours or minutes
if (isHours) {
if (value === 0) {
value = 12;
}
//value = inner ? (value === 0 ? 12 : value) : value === 0 ? 0 : value + 12;
} else {
if (roundBy5) {
value *= 5;
}
if (value === 60) {
value = 0;
}
}
// Once hours or minutes changed, vibrate the device
if (this[this.currentView] !== value) {
if (vibrate && this.options.vibrate) {
// Do not vibrate too frequently
if (!this.vibrateTimer) {
navigator[vibrate](10);
this.vibrateTimer = setTimeout($.proxy(function() {
this.vibrateTimer = null;
}, this), 100);
}
}
}
this[this.currentView] = value;
this[isHours ? 'spanHours' : 'spanMinutes'].html(leadingZero(value));
// If svg is not supported, just add an active class to the tick
if (!svgSupported) {
this[isHours ? 'hoursView' : 'minutesView'].find('.clockpicker-tick').each(function() {
var tick = $(this);
tick.toggleClass('active', value === +tick.html());
});
return;
}
// Place clock hand at the top when dragging
if (dragging || (!isHours && value % 5)) {
this.g.insertBefore(this.hand, this.bearing);
this.g.insertBefore(this.bg, this.fg);
this.bg.setAttribute('class', 'clockpicker-canvas-bg clockpicker-canvas-bg-trans');
} else {
// Or place it at the bottom
this.g.insertBefore(this.hand, this.bg);
this.g.insertBefore(this.fg, this.bg);
this.bg.setAttribute('class', 'clockpicker-canvas-bg');
}
// Set clock hand and others' position
var cx = Math.sin(radian) * radius,
cy = -Math.cos(radian) * radius;
this.hand.setAttribute('x2', cx);
this.hand.setAttribute('y2', cy);
this.bg.setAttribute('cx', cx);
this.bg.setAttribute('cy', cy);
this.fg.setAttribute('cx', cx);
this.fg.setAttribute('cy', cy);
};
// Hours and minuts is selected
ClockPicker.prototype.done = function() {
this.hide();
var last = this.input.prop('value'),
value = leadingZero(this.hours) + ':' + leadingZero(this.minutes);
value = value + this.amOrPm;
this.input.prop('value', value);
if (value !== last) {
this.input.triggerHandler('change');
if (!this.isInput) {
this.element.trigger('change');
}
}
};
// Remove clockpicker from input
ClockPicker.prototype.remove = function() {
this.element.removeData('clockpicker');
this.input.off('focus.clockpicker click.clockpicker');
this.addon.off('click.clockpicker');
if (this.isShown) {
this.hide();
}
if (this.isAppended) {
$win.off('resize.clockpicker' + this.id);
this.popover.remove();
}
};
// Extends $.fn.clockpicker
$.fn.clockpicker = function(option) {
var args = Array.prototype.slice.call(arguments, 1);
return this.each(function() {
var $this = $(this),
data = $this.data('clockpicker');
if (!data) {
var options = $.extend({}, ClockPicker.DEFAULTS, $this.data(), typeof option == 'object' && option);
$this.data('clockpicker', new ClockPicker($this, options));
} else {
// Manual operatsions. show, hide, remove, e.g.
if (typeof data[option] === 'function') {
data[option].apply(data, args);
}
}
});
};
}());
/* jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix{min-height:0}.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible;text-decoration:none}.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a{cursor:text}.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a{cursor:pointer}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana, Arial, sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana, Arial, sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaaaaa;background:#fff url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222222}.ui-widget-content a{color:#222222}.ui-widget-header{border:1px solid #aaaaaa;background:#ccc url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222222;font-weight:bold}.ui-widget-header a{color:#222222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid lightgrey;background:#e6e6e6 url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555555}.ui-state-default a{color:#555555;text-decoration:none}.ui-state-default a:link,.ui-state-default a:visited{color:#555555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999999;background:#dadada url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a{color:#212121;text-decoration:none}.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaaaaa;background:#fff url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a{color:#212121;text-decoration:none}.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-image:url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-icons_222222_256x240.png)}.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:0.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/aoenv/public/external/jquery-ui/1.10.3/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:0.3;filter:Alpha(Opacity=30);border-radius:8px}.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px 0 3px 4px}.ui-multiselect-header ul{font-size:0.9em}.ui-multiselect-header ul li{float:left;padding:0 10px 0 0}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{float:right;text-align:right;padding-right:0}.ui-multiselect-menu{display:none;padding:3px;position:absolute;z-index:10000;text-align:left}.ui-multiselect-checkboxes{position:relative;overflow-y:scroll}.ui-multiselect-checkboxes label{cursor:default;display:block;border:1px solid transparent;padding:3px 1px}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:0.9em;padding-right:3px}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{text-align:center;font-weight:bold;border-bottom:1px solid}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;padding:3px;margin:1px 0;text-decoration:none}* html .ui-multiselect-checkboxes label{border:none}@media print{body{font-size:65%}#headerLinks{display:none}#header #headerTopLinks,#header #headerBottomLinks{display:none}#ribbon{border-top:none}#leftPanel,#rightPanel{display:none}#mainContainer{margin-left:0}#centerPanel{padding-right:0}ul.errorMessages{border-width:4px;padding:2px 0px}ul.errorMessages li{margin-left:20px}fieldset div{margin:1px 0px}.tabPanel fieldset{border-top:none}.tabPanel fieldset legend{border-bottom:2px solid #5b779f}.tabPanel hr{height:2px}.tabPanel input.button{color:black;background-color:#d4d0c8}.tabPanel .content{border:none}.mainTab{border-bottom:none;font-weight:normal}.mainTab .selected span,.mainTab .selected a{font-weight:bold}.subTab{font-weight:normal}.subTab .selected span span,.subTab .selected a span{font-weight:bold}}/* normalize.css v1.0.1 | MIT License | http://git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:62.5%;-webkit-text-size-adjust:62.5%;-ms-text-size-adjust:62.5%;font-family:Verdana, Arial, sans-serif}button,input,select,textarea{font-family:Verdana, Arial, sans-serif}body{font-size:1.3em;margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:"courier new", monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:2px}input[type="checkbox"]{vertical-align:text-top}select{height:2em}button,input{line-height:normal}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}input[type="date"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled]{background-color:#ebebe4;border:1px solid #c9c9c9}input[type="date"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea{padding-top:3px;padding-bottom:3px}textarea[disabled]{background-color:#ebebe4;border:1px solid #c9c9c9}button[disabled]{cursor:default}input[type][disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}thead th{text-align:center}.claro .F09.dijitTextBox{clear:none}.claro .F09.dijitTextBox .dijitArrowButton{clear:none;width:auto}.claro fieldset .F09.dijitTextBox{margin:0 5px 0 2px;vertical-align:middle}.claro .F09.dijitTextBox.dijitTextBoxHover{background:none}.claro .F09.dijitTextBox .dijitInputField{line-height:14px;padding:3px 0}body.claro .dijitComboBoxMenu .dijitMenuItemSelected{background-position:0 0}body.claro .dijitComboBoxMenuPopup .dijitComboBoxHighlightMatch{background:none;font-weight:bolder}body.claro .dijitComboBoxMenuPopup .dijitComboBoxMenu .dijitMenuItem{padding:4px}body.claro .dijitComboBoxMenuPopup .dijitComboBoxMenu .dijitMenuItem.newItem{border-top:1px solid #769DC0}body.claro .dijitComboBoxMenuPopup .dijitComboBoxMenu .dijitMenuItem.newItem .label{font-style:italic}body.claro .dijitMenu.noMatches{position:absolute;padding:4px;color:#7a7e81;font-style:italic}.F09.checkboxContainer.beside{float:left;clear:none;width:auto;padding:0 0 0 5px}.F09 input[type="checkbox"]{margin:0 5px}.F09 input[type="text"]{width:100%}.field.erred .dijitTextBox{border:2px solid crimson !important}.claro .F09.dijitTextBoxFocused .dijitInputContainer.erred{background:#FF9 !important}.inputContainer .F09.dijitTextBox{float:left;margin:0 5px 0 0}.claro .F09.dijitTextBoxDisabled{background-color:#ebebe4}.claro .F09.dijitTextBoxDisabled .dijitInputContainer{background-color:#ebebe4}.ui-autocomplete{max-height:300px;overflow-y:scroll;overflow-x:hidden;z-index:101}.ui-autocomplete-term{background:0;font-weight:bold}.ui-menu-item{padding:4px}.ui-menu-item.newItem{border-top:1px solid #769dc0}.ui-menu-item.newItem .label{font-style:italic}.ui-menu-item .noMatchFound{font-style:italic;padding:4px;color:#7a7e81}.ui-widget-content.ui-autocomplete a{color:#222}input[type="button"],input[type="submit"]{padding-top:5px;padding-bottom:5px}button{padding-top:5px;padding-bottom:5px}.button-as-link{color:#00f;background:none;border:none}.button-as-link:hover{text-decoration:underline}.form-actions-row{margin-left:30%;padding-left:25px}.C02v2,.C02v3{color:#5b779f;font-size:1.4em;font-weight:normal;border-bottom:solid 1px #d3d3d3;margin:30px 10px;padding-left:2px;line-height:1.5em}fieldset .C02v2,fieldset .C02v3{margin-left:0;margin-right:0}.C02v3{cursor:pointer}.C02v3 span{float:left;width:15px}.C02v3.expanded span{width:14px;padding-left:1px}.C02v3.expanded+.expandable-content{display:block}.C02v3+.expandable-content{display:none}.C05{border:solid 4px #5b779f;background:linen;color:#000;font-size:1em;margin-bottom:10px;margin-top:10px;padding:0}.C05 h2{display:inline-block;color:#fff;font-size:1.3em;font-weight:normal;background-color:#5b779f;padding:0 2em 4px 5px;margin:0;position:relative;overflow:hidden}.C05 h2:after{content:" ";display:block;width:0;height:0;border-style:solid;border-color:#5b779f linen linen #5b779f;border-width:1em;position:absolute;top:0;right:0}.C05 form{margin:0;padding:0}.C05 p{margin:0 5px}.C05 input{font-size:1em}.C05 content{padding:10px 4px 5px}.C05 .panelButtons{text-align:right;padding:0}.C05v3{background:#5b779f;overflow:hidden}.C05v3 h2{*float:left;overflow:visible}.C05v3 h2:after{display:none}.C05v3 ul,.C05v3 .ui-tabs-nav{font-size:1.1em;font-weight:bold;line-height:1.75em;display:inline-block;margin:0 0 -.65em 0;padding:0;list-style-type:none;border:none;*float:left}.C05v3 li,.C05v3 .ui-tabs-nav li{float:left;border:none;margin:0}.C05v3 a,.C05v3 .ui-tabs-nav li a{text-decoration:none;display:inline-block;color:#8e7358;background-color:#dcc5af;padding:0 2em;position:relative}.C05v3 a:hover,.C05v3 .ui-tabs-nav li a:hover{color:#725c45;background-color:#e7d1bb}.C05v3 a:before{content:"";display:block;position:absolute;border-style:solid;border-color:#5b779f #dcc5af #dcc5af #5b779f;border-width:.9em;top:0;left:0}.C05v3 a:after{content:"";display:block;position:absolute;border-style:solid;border-color:#5b779f #5b779f #dcc5af #dcc5af;border-width:.9em;top:0;right:0}.C05v3 a:hover:before{border-color:#5b779f #e7d1bb #e7d1bb #5b779f}.C05v3 a:hover:after{border-color:#5b779f #5b779f #e7d1bb #e7d1bb}.C05v3 .current a,.C05v3 .ui-tabs-nav li.ui-tabs-active a{background-color:linen}.C05v3 .current a:hover,.C05v3 .ui-tabs-nav .ui-tabs-active a:hover{color:#8e7358;cursor:default}.C05v3 .current a:before,.C05v3 .ui-tabs-nav .ui-tabs-active a:before{border-color:#5b779f linen linen #5b779f}.C05v3 .current a:after,.C05v3 .ui-tabs-nav .ui-tabs-active a:after{border-color:#5b779f #5b779f linen linen}[class*="C10"]{margin:15px auto;line-height:18px}[class*="C10"]>div{position:relative;border-radius:10px;padding:10px;border:solid 1px #d3d3d3;min-height:36px;box-shadow:5px 5px 5px #d3d3d3}[class*="C10"] .primaryIdentifier,[class*="C10"] .secondaryIdentifier{padding-left:15px}[class*="C10"] .primaryIdentifier{font-weight:bold}[class*="C10"] .singleIdentifier{line-height:36px}[class*="C10"] .primaryIdentifier.emphasize{background-color:#eee;border-radius:9px 9px 0 0;margin:-10px -10px 0 -10px;line-height:36px;padding-left:25px;position:relative;z-index:-1;*zoom:1}[class*="C10"] .primaryIdentifier.emphasize .card-title{margin-right:60px;overflow-wrap:break-word;word-wrap:break-word}[class*="C10"].card-disabled .primaryIdentifier{color:#d3d3d3;text-decoration:line-through}[class*="C10"] .controls{position:absolute;top:10px;right:10px}[class*="C10"] .content{position:relative}[class*="C10"] .overlay{display:none}[class*="C10"].card-disabled .overlay{display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;background-color:#fff;opacity:.8;filter:alpha(opacity=80)}.C10v2>div{cursor:pointer}.C10v2>div:hover,.C10v2.selected>div{border:solid 3px #0faeeb;padding:8px}.C10v2 .content{display:none;position:relative}.C10v2.selected .content{display:block}[class*="C10v3"]>div{cursor:pointer}[class*="C10v3"]>div:hover,[class*="C10v3"].selected>div{border:solid 3px #0faeeb;padding:8px}[class*="C10v3"] .content{display:none;position:relative}[class*="C10v3"].selected .content{display:block}[class*="C10v3"].selected>div{cursor:default}.C10v4>div:hover,.C10v4.selected>div{border:solid 3px #0faeeb;padding:8px}.C10v4>div{border-style:dotted;box-shadow:none}.C10v4 .primaryIdentifier{line-height:36px}.C10v4.C10v5 .arrow{margin-top:10px}.C10v5>div{cursor:pointer}.C10v5>div:hover,.C10v5.selected>div{border:solid 3px #0faeeb;padding:8px}.C10v5 .content{display:none;position:relative}.C10v5.selected .content{display:block}.C10v5.selected>div{cursor:default}.C10v5 .arrow{background:url("/aoenv/public/corp/latest/images/icons/navigation/CardArrowsSprite.png") no-repeat 0 0;float:left;height:15px;padding-left:9px;margin:1px 0 0 -3px}.C10v5>div:hover .arrow{background-position:0 -15px}.C10v5.selected>div .arrow{margin-top:3px;background-position:0 -30px;cursor:pointer}.C10v6>div{cursor:pointer}.C10v6>div:hover,.C10v6.selected>div{border:solid 3px #0faeeb;padding:8px}.C10v6 .content{display:none;position:relative}.C10v6.selected .content{display:block}.C10v6.selected>div{cursor:default}div.C10v3>input[type="radio"],div.C10v6>input[type="checkbox"]{margin:24px 10px 5px 5px;float:left}div.C10v3>div,div.C10v6>div{display:inline-block;width:90%}.C12v1-menu-tab{border:solid 1px #d3d3d3;border-radius:10px;box-shadow:5px 5px 5px #d3d3d3;cursor:pointer;display:inline-block;padding:1em;text-align:center}.C12v1-menu-tab.expanded{border-bottom:1px solid white;border-radius:10px 10px 0 0;box-shadow:5px 0 5px -2px #d3d3d3}.C12v1-content-container{border:solid 1px #d3d3d3;border-radius:0 10px 10px 10px;box-shadow:5px 5px 5px #d3d3d3;display:inline-block}.C12v1-menu-content-column{display:inline-block;margin:20px}.panelButtons .advanced{float:left}.contentPanel{margin-left:20px;margin-right:20px}.contentPanel h2{color:#fff;font-size:1.3em;background:#5b779f;margin-top:10px;margin-left:-20px;margin-right:-20px;padding:4px;padding-left:15px;font-weight:normal}.contentPanel h3{color:#000;font-size:1.1em}.contentPanel input{font-size:1em}.contentPanel p{font-size:1em;margin:0}.contentPanel .panelButtons{text-align:right}.listOfLinks{list-style:none}.listOfLinks ul{margin-bottom:2em}.listOfLinks ul li{list-style:disc}.ui-datepicker-trigger{vertical-align:middle;cursor:pointer}.ui-datepicker button.ui-priority-secondary{color:#00f;background:none;border:none;text-decoration:underline}.default-datepicker[disabled]+.ui-datepicker-trigger{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}.DatePicker{background-color:#fff;cursor:default;font-size:10px}.DatePickerTable{background-color:#A6CAF0;border-collapse:separate;border-spacing:2px}.DatePickerTable *{background-color:#A6CAF0;border-collapse:separate;border-spacing:2px;background-color:#fff;font-family:verdana,arial,helvetica,sans-serif;text-align:center}.DatePickerTable select{text-align:left}.DatePickerTable th{font-weight:bold;font-size:12px;cursor:default}.DatePickerHover{background-color:#A6CAF0}.DatePickerCurrentDate{background-color:#ffff99}.DatePickerDisabledDate{background-color:#efefef}.DatePickerHdr{cursor:default}.DatePickerHdr select{font-size:0.9em}.DatePickerHdr option{text-align:left}.SelectableDate,.DatePickerCurrentDate,.DatePickerHdrButton{cursor:pointer}.SelectableDate:hover,.DatePickerCurrentDate:hover{background-color:#A6CAF0}.ui-dialog{font-size:1em;box-shadow:0 5px 10px #adadad}.ui-dialog .ui-dialog-content{line-height:1.7}.ui-dialog .ui-dialog-buttonpane{text-align:center;border:none}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none}.ui-dialog .ui-dialog-buttonpane .okay-button{min-width:100px}.ao-dialog-processing{display:none;position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;background-color:#fff}.ao-dialog-processing p{position:relative;top:35%;margin:0;padding-bottom:30px;font-weight:bold;font-size:1.3em;background:#fff url(/aoenv/public/corp/latest/images/icons/processing/spinWhite.gif) no-repeat 50% 100%}.ao-dialog-error{line-height:20px;padding-top:20px}.P01v2 .printOptions{list-style-type:none;padding-left:10px;line-height:2em}.P02v1 .ui-dialog-titlebar .ui-dialog-title{background:url("/aoenv/public/corp/latest/images/icons/help/helpLink.png") no-repeat 0 1px;padding-left:20px}.P02v1 ul{margin:0 0 5px 0}.P04v1 .exitOptions{list-style-type:none;padding-left:20%;line-height:2.5em}.ui-widget-content a{color:#00f}.displayPanel{overflow:hidden;margin-top:15px}.displayPanel .content ul{padding:0;margin:0;list-style-type:none}.displayPanel ul.verticalNav{padding:0;margin:0;list-style-type:none;float:left;font-size:1.1em;padding-left:15px;line-height:22px;margin-top:20px;clear:left}.displayPanel .verticalNav li.current a{color:black;font-weight:bold}.displayPanel .verticalNav li.current a:hover{cursor:default;text-decoration:none}.displayPanel .content{min-height:150px;margin-top:20px;padding:10px 0 0 10px}.displayPanel ul.verticalNav+.content{border-left:3px dotted #5b779f;margin-left:175px}.displayPanel h3{color:#5b779f;font-size:1.4em;font-weight:normal;border-bottom:solid 1px #d3d3d3;margin:30px 10px;padding-left:2px;line-height:1.5em}.fieldsetHeading{color:#5b779f;font-size:1.4em;font-weight:normal;border-bottom:solid 1px #d3d3d3;margin:30px 10px;padding-left:2px;line-height:1.5em;margin-left:0;margin-right:0}.displayPanel h4{font-weight:bold;font-size:1.23em;margin:10px 0}.displayPanel h5{font-weight:bold;font-size:.9em;margin:5px 0 0}.displayPanel .section{overflow:hidden;margin:10px 10px 30px 3%}.displayPanel .section a:link,.displayPanel .section a:visited{text-decoration:underline}.displayPanel .column{max-width:725px}.displayPanel .twoColumn .column{max-width:400px;margin-right:2%}.displayPanel .threeColumn .column{margin-right:2%}.displayPanel .column.large{max-width:1050px}.displayPanel .expandable-header{background:url("/aoenv/public/corp/latest/images/icons/navigation/expandSmall.png") no-repeat 0 2px;padding-left:17px;cursor:pointer;font-weight:bold}.ie9 .displayPanel .expandable-header{background-position:0 0}.displayPanel .expanded .expandable-header{background-image:url("/aoenv/public/corp/latest/images/icons/navigation/collapseSmall.png")}.displayPanel .expandable-content .expandable-header{background-image:url("/aoenv/public/corp/latest/images/icons/navigation/expandSmall.png")}.displayPanel .expandable-content .expanded .expandable-header{background-image:url("/aoenv/public/corp/latest/images/icons/navigation/collapseSmall.png")}.displayPanel .expandable-header span,.displayPanel .expandable-header.notBold{font-weight:normal}.displayPanel .expandable-content{display:none;padding-bottom:15px}.displayPanel .expanded>.expandable-content{display:block}html:not(.ie7) .displayPanel .expanded>tr.expandable-content,.ie8 .displayPanel .expanded>tr.expandable-content{display:table-row}.displayPanel table{border-collapse:collapse}.displayPanel table.fixed{table-layout:fixed;width:100%}.displayPanel th,.displayPanel td{vertical-align:top;padding:4px}.displayPanel th[scope='col']{text-decoration:underline;padding-bottom:8px;vertical-align:bottom}.displayPanel th[scope='row']{text-align:left;padding-right:16px}.displayPanel th[scope='row'].alignRight{text-align:right}.displayPanel .deleted *{text-decoration:line-through}.displayPanel .description{width:250px;text-align:left}.displayPanel .premium,.displayPanel .amount{width:100px;text-align:right}.displayPanel .separatedList{table-layout:fixed;width:100%}.displayPanel .separatedList>thead th[scope="col"]{padding-bottom:0}.displayPanel .separatedList>tbody>tr:first-child>*{padding-bottom:15px;padding-top:15px}.displayPanel .separatedList>tbody>tr:first-child>*:first-child{padding-left:25px}.displayPanel .separatedList>.expanded>tr:first-child>*{padding-bottom:4px;background-position:0 80%}.displayPanel .separatedList .expandable-content>td{padding-left:42px}.displayPanel .separatedList .expandable-content .expandable-content>td{padding-left:17px}.displayPanel .separatedList .fixed{width:98%}.displayPanel .separatedList>tbody ~ tbody>tr:first-child>*{border-top:solid 1px #5b779f}.displayPanel .separatedList .noneFoundMessage{margin-top:4px;margin-bottom:5px}.displayPanel .content ul ul{margin-left:25px}.displayPanel .content li{padding:4px}.displayPanel td>ul:first-child>li:first-child{padding-top:0}.F02v3,.F02v4{border:2px solid #343028;color:white;font-weight:bold;margin:0.5em;overflow:visible;padding:5px 20px;border-radius:5px;-webkit-border-radius:5px;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box}.F02v3[disabled],.F02v3[disabled]:hover,.F02v3[disabled]:active,.F02v4[disabled],.F02v4[disabled]:hover,.F02v4[disabled]:active{background-color:#bbb;color:#eee;border-color:#7a7e81;filter:none;-ms-filter:none;background-image:none;-webkit-box-shadow:0 0 0, 0 0 0;box-shadow:0 0 0, 0 0 0}.F02v3{background-image:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #58b100), color-stop(100%, #008000));background-image:-webkit-linear-gradient(to bottom, #58b100,#008000);background-image:-moz-linear-gradient(to bottom, #58b100,#008000);background-image:-o-linear-gradient(to bottom, #58b100,#008000);background-image:linear-gradient(to bottom, #58b100,#008000);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF58B100', endColorstr='#FF008000')}.F02v3:hover{-webkit-box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #d5ebbf;box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #d5ebbf;background-image:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #75ea00), color-stop(100%, #58b100));background-image:-webkit-linear-gradient(to bottom, #75ea00,#58b100);background-image:-moz-linear-gradient(to bottom, #75ea00,#58b100);background-image:-o-linear-gradient(to bottom, #75ea00,#58b100);background-image:linear-gradient(to bottom, #75ea00,#58b100);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF75EA00', endColorstr='#FF58B100')}.F02v3:active{-webkit-box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #d5ebbf;box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #d5ebbf;background-image:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #008000), color-stop(100%, #58b100));background-image:-webkit-linear-gradient(to bottom, #008000,#58b100);background-image:-moz-linear-gradient(to bottom, #008000,#58b100);background-image:-o-linear-gradient(to bottom, #008000,#58b100);background-image:linear-gradient(to bottom, #008000,#58b100);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF008000', endColorstr='#FF58B100')}.F02v4{background-image:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #5b779f), color-stop(100%, #545a78));background-image:-webkit-linear-gradient(to bottom, #5b779f,#545a78);background-image:-moz-linear-gradient(to bottom, #5b779f,#545a78);background-image:-o-linear-gradient(to bottom, #5b779f,#545a78);background-image:linear-gradient(to bottom, #5b779f,#545a78);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B779F', endColorstr='#FF545A78')}.F02v4:hover{-webkit-box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #9cf;box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #9cf;background-image:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #7697c7), color-stop(100%, #5b779f));background-image:-webkit-linear-gradient(to bottom, #7697c7,#5b779f);background-image:-moz-linear-gradient(to bottom, #7697c7,#5b779f);background-image:-o-linear-gradient(to bottom, #7697c7,#5b779f);background-image:linear-gradient(to bottom, #7697c7,#5b779f);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7697C7', endColorstr='#FF5B779F')}.F02v4:active{-webkit-box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #9cf;box-shadow:inset 0 -1px 1px #343028,inset 0 1px 1px #9cf;background-image:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #455a78), color-stop(100%, #5b779f));background-image:-webkit-linear-gradient(to bottom, #455a78,#5b779f);background-image:-moz-linear-gradient(to bottom, #455a78,#5b779f);background-image:-o-linear-gradient(to bottom, #455a78,#5b779f);background-image:linear-gradient(to bottom, #455a78,#5b779f);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF455A78', endColorstr='#FF5B779F')}a.F02v3{white-space:nowrap;color:white;display:inline-block;text-align:center}a.F02v3:hover{text-decoration:none}a.F02v4{white-space:nowrap;color:white;display:inline-block;text-align:center}a.F02v4:hover{text-decoration:none}.F07v1x3_container{display:inline-block}.F07v1x3_container span{display:block;line-height:1.7em}fieldset div.field,fieldset .field div{float:none;clear:none;width:auto}fieldset div.fieldGroup{float:none;clear:none;width:auto}fieldset div.fieldGroup div{float:none;clear:none;width:auto}fieldset .field label{width:auto;float:none;margin:0;text-align:left}.field.erred,.field .erred{background-color:transparent}fieldset .field div.clear{clear:both}fieldset .field select,fieldset .field input,fieldset .field textarea{vertical-align:middle;margin:2px}.field input,.field select{vertical-align:middle}.field>.labelContainer{width:30%;text-align:right;float:left}.labelContainer>label{padding:4px 0}.field.vertical>.labelContainer,.field.verticalLabel>.labelContainer{display:block;margin-left:30%;width:auto;text-align:left;float:none}.field>.inputContainer{display:block;margin-left:30%}.inputContainer{margin-left:30%}.inputContainer.vertical,.inputContainer.verticalLabel{margin-left:30%}.field.verticalInput>.inputContainer .input,.field.verticalInput>.inputContainer .optGroup{display:block}.fieldGroup .field>.labelContainer,.fieldGroup .inputContainer{width:auto;margin-left:0;float:none}.fieldGroup .field.vertical>.labelContainer,.fieldGroup .field.verticalLabel>.labelContainer{width:auto;margin-left:0;float:none}.fieldGroup .field .inputContainer{margin-left:20px;padding-left:0}.fieldGroup>.field{display:inline;vertical-align:top}.fieldGroup>.groupHeading+.field .labelContainer{width:30%;text-align:right}.fieldGroup>.field:first-child .labelContainer{width:30%;text-align:right}.fieldGroup>.field>.inputContainer,.fieldGroup>.field>.labelContainer{display:inline-block;vertical-align:top;zoom:1;*display:inline}.fieldGroup>.field.verticalInput>.inputContainer .input{display:block}.fieldGroup>.field.verticalLabel{display:inline-block;zoom:1;*display:inline}.fieldGroup>.field.verticalLabel>.labelContainer,.fieldGroup>.field.verticalLabel>.inputContainer{display:block}.fieldGroup>.field.verticalLabel .labelContainer{width:auto;text-align:left}.fieldGroup>.groupHeading+.field.verticalLabel,.fieldGroup>.field.verticalLabel:first-child{margin-left:30%}.fieldGroup>.groupHeading{margin-left:30%;width:70%}.field .inputContainer,.fieldGroup .groupHeading,.field.verticalLabel .labelContainer{padding-left:25px}.labelContainer img{vertical-align:middle}.labelContainer img[src$="helpLink.png"]{margin-right:-20px}.field{margin:7px 0;line-height:1.9em}.field.erred label{color:#c33}.field.erred input[type=text],.field.erred input[type=password],.field.erred input[type=date],.field.erred input[type=datetime],.field.erred input[type=datetime-local],.field.erred input[type=email],.field.erred input[type=month],.field.erred input[type=number],.field.erred input[type=search],.field.erred input[type=tel],.field.erred input[type=time],.field.erred input[type=url],.field.erred input[type=week]{border:2px solid #c33}.field.erred textarea,.field.erred select{border:2px solid #c33}.field.erred input[type=radio],.field.erred input[type=checkbox],.field.erred input[type=range]{outline:2px solid #c33}.field.erred .labelContainer>label{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/errorSmall.png") no-repeat left 4px;padding-left:20px}.field.warned .labelContainer>label{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/warningSmall.png") no-repeat left 4px;padding-left:20px}.field.success .labelContainer>label{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/successSmall.png") no-repeat left 4px;padding-left:20px}.field .inputContainer .message{padding-left:20px;padding-bottom:2px;min-height:16px;display:none}.field.warned .inputContainer .message{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/warningSmall.png") no-repeat left 5px}.field.success .inputContainer .message{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/successSmall.png") no-repeat left 5px}.field.erred .inputContainer .message{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/errorSmall.png") no-repeat left 5px;color:#c33}.field.erred.inlineMessageBelow .inputContainer .message{display:block}.field.warned.inlineMessageBelow .inputContainer .message,.field.success.inlineMessageBelow .inputContainer .message{display:block}.field.erred.inlineMessageRight .inputContainer .message,.field.warned.inlineMessageRight .inputContainer .message,.field.success.inlineMessageRight .inputContainer .message{display:inline-block}.field.inlineMessageRight .labelContainer>label,.field.inlineMessageBelow .labelContainer>label{color:black;background-image:none;padding-left:0}.field .requiredIndicator{color:red}.field.verticalInput .input.branchOnly{margin-left:-20px;padding:0 0 0 20px;background-position-y:2px}.fieldGroup{margin:7px 0;line-height:1.9em}.fieldGroup .field{margin:0}fieldset{border-width:0;padding:0;margin:0 0 5px 0;line-height:1.9em}fieldset label{width:30%;text-align:right;float:left;margin:6px 25px 10px 0}fieldset label img[src$="helpLink.png"]{margin:0 -17px -4px 0}fieldset .additionalLabel img[src$="helpLink.png"]{margin-right:0}fieldset div{float:left;clear:left;width:100%}fieldset select,fieldset input,fieldset textarea{vertical-align:middle;margin:6px 0}fieldset select{margin-top:7px}fieldset input[type="checkbox"]{margin-top:9px}fieldset textarea{overflow:auto}fieldset .additionalLabel{width:auto;text-align:left;float:none;margin-right:5px}fieldset.reverseLayout{text-align:right}fieldset.reverseLayout label{width:70%;text-align:left;float:right;padding-left:5px}legend.noBackground{background:none}fieldset.collapsed *{display:none}fieldset.collapsed legend{display:inline}fieldset.collapsed .fieldsetHeading{display:block}fieldset.collapsible legend *,fieldset.collapsible .fieldsetHeading *{display:inline}fieldset.collapsible .visibleCollapsed{display:none}fieldset.collapsed .visibleAlways,fieldset.collapsed .visibleCollapsed{display:block}fieldset.collapsible legend,fieldset.collapsible .fieldsetHeading{cursor:pointer}#footer{text-align:center;margin-top:20px}#footer hr{width:100%}#footer p{margin-top:0px}.G01{border-top:solid 1px #000;text-align:center;margin:20px 10px;padding-top:10px;line-height:20px}.G01 a{margin:5px}.G07v4-message-box,.G07v5-message-box,.G07v6-message-box,.G07v7-message-box{margin:1em 1%;background-color:#fff}.G07v4-message-box ul,.G07v5-message-box ul,.G07v6-message-box ul,.G07v7-message-box ul{background-repeat:no-repeat;border:4px solid;font-weight:bold;list-style-type:disc;line-height:15px;margin:0;padding:2em 13% 2em 80px}.G07v4-message-box ul{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/error.png");background-position:10px 50%;border-color:#c33;color:#c33}.G07v5-message-box ul{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/warning.png");background-position:13px 50%;border-color:#dc8603;color:#000}.G07v6-message-box ul{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/informational.png");background-position:13px 50%;border-color:#0faeeb;color:#000}.G07v7-message-box ul{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/success.png");background-position:12px 50%;border-color:#58b100;color:#000}.G07v4x1-inline-message,.G07v5x1-inline-message,.G07v7x1-inline-message{background-repeat:no-repeat;background-position:8px 50%;padding-left:30px;line-height:20px;display:inline-block;vertical-align:middle}.G07v4x1-inline-message{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/errorSmall.png");color:#c33}.G07v5x1-inline-message{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/warningSmall.png");color:#000}.G07v7x1-inline-message{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/successSmall.png");color:#000}body{max-width:1140px;position:relative}.minResolution{min-width:994px}.hidden{display:none}.doubleSpaced p{margin-top:1em}.centered{margin-left:auto !important;margin-right:auto !important}.right{float:right}.alignRight{text-align:right}.alignCenter{text-align:center}.alignLeft{text-align:left}.clear{clear:both}.required{color:red}.money{text-align:right}.hidden{display:none}.invisible{visibility:hidden}.center{text-align:center}.precededBySpace{margin-top:30px}.twoColumn .column{width:47%;float:left;margin-right:.5em;clear:none}.threeColumn .column{width:31%;float:left;margin-right:.5em;clear:none}#centerPanel{padding:3px 10px 10px 10px;min-width:482px}#centerPanel h1{margin:0;padding:0;margin-left:0}#breadCrumb{padding:0;margin:0;margin-left:10px}#breadCrumb ul{display:inline;padding:0}#breadCrumb ul li{list-style:none;display:inline;padding-left:2px;margin-left:0}.selectionTreatment .selected{color:#0faeeb;font-weight:bold}#header{height:48px;background:#2b345d;color:#fff;line-height:1.5em;position:relative}#header h1{text-transform:lowercase;position:absolute;left:0;top:26px;padding:0 0 0 15px;margin:0;font-size:1em;letter-spacing:4px;white-space:nowrap;overflow:hidden;background-color:#2b345d}#header h2{text-transform:lowercase;position:absolute;left:0;top:26px;padding:0 0 0 15px;margin:0;font-size:1em;letter-spacing:4px;white-space:nowrap;overflow:hidden;background-color:#2b345d;width:100%;text-align:center;background-color:transparent;z-index:1;padding:0}#header a:link,#header a:visited,#header a:hover,#header a:active{color:#fff;padding:0}#headerTopLinks{position:absolute;right:0;z-index:1;padding:0 8px 0 0;font-weight:bold;background-color:#2b345d}#headerTopLinks a{background-image:none;padding-right:auto}#headerBottomLinks{list-style-type:none;position:absolute;right:0;top:28px;padding:0 8px 0 0;margin:0;z-index:2}#headerBottomLinks>li{padding:0 3px;float:left}#headerBottomLinks>li>a{display:block;width:auto}#headerBottomLinks ul{position:absolute;margin:0;padding:0;display:none;border:2px solid #2b345d}#headerBottomLinks>li:hover ul{display:block}#header #headerBottomLinks ul>li>a{padding:3px;display:block;color:black;background-color:#fff;white-space:nowrap}#header #headerBottomLinks ul>li>a:hover{background-color:#d3d3d3;text-decoration:none}#headerBottomLinks span.disabled{background-color:transparent;color:gray}.P02v3-content{display:none}.P02v3,.tabPanel .P02v3{background-color:white;padding:15px;margin:0 0 0 11px;position:absolute;z-index:1000;border:solid #666;border-width:1px 2px 2px 1px;border-radius:10px;box-shadow:2px 2px 4px #666}.P02v3:before{content:" ";display:block;position:absolute;width:0;height:0;left:-25px;top:50%;margin-top:-12px;border:12px solid;border-color:transparent #666 transparent transparent}.P02v3:after{content:" ";position:absolute;display:block;width:0;height:0;left:-22px;top:50%;margin-top:-11px;border:11px solid;z-index:1;border-color:transparent white transparent transparent}input[type='checkbox'],input[type='radio']{-moz-margin-start:5px;-moz-margin-end:5px}input.day,input.month{width:1.5em}input.year{width:3em}input.displayOnly{background-color:transparent;border-style:solid;border-color:transparent;padding-left:3px}textarea.displayOnly{background-color:transparent;padding-left:3px}a img{border:0}a:link,a:visited{text-decoration:none}a:hover{text-decoration:underline}img[src$='/images/corporateGraphics/help/helpLink.png']{cursor:pointer}.add-link{display:inline-block;line-height:2em;background:url("/aoenv/public/corp/latest/images/icons/hyperlinkCues/addGreen.png") 5px 50% no-repeat;padding-left:30px}a[href^="mailto:"],a[href^="MAILTO:"]{background:url("/aoenv/public/corp/latest/images/icons/hyperlinkCues/iconMail.png") center right no-repeat;padding-right:18px}a[href$=".doc"],a[href$=".DOC"],a[href$=".DOC');"],a[href$=".doc');"]{background:url("/aoenv/public/corp/latest/images/icons/hyperlinkCues/iconWord.png") center right no-repeat;padding-right:18px}a[href$=".pdf"],a[href$=".PDF"],a[href$=".pdf');"],a[href$=".PDF');"]{background:url("/aoenv/public/corp/latest/images/icons/hyperlinkCues/iconPDF.png") center right no-repeat;padding-right:18px}a[href$=".mov"],a[href$=".MOV"],a[href$=".avi"],a[href$=".AVI"],a[href$=".mpeg"],a[href$=".MPEG"],a[href$=".mpg"],a[href$=".MPG"],a[href$=".wmv"],a[href$=".WMV"],a[href^="http://www.auto-owners.com/video/"],a[href^="http://auto-owners.com/video/"]{background:url("/aoenv/public/corp/latest/images/icons/hyperlinkCues/iconVideo.png") center right no-repeat;padding-right:18px}a[href$=".mp3"],a[href$=".MP3"]{background:url("/aoenv/public/corp/latest/images/icons/hyperlinkCues/iconAudio.png") center right no-repeat;padding-right:18px}.errored,.erred,.errorField{background-color:#ff9}input[type='checkbox'].erred,input[type='radio'].erred,input[type='checkbox'].errored,input[type='radio'].errored,input[type='checkbox'].errorField,input[type='radio'].errorField{outline-style:solid;outline-width:5px;outline-color:#ff9}.ignore-errors-container{float:right;margin:2em 3%}.errorText{font-weight:bold;color:#dc143c}.errorContainer{width:100%;margin:0 0 10px 0;padding:0}.errorContainer .ignoreErrors{margin:15px 25px;float:right;line-height:1.5em}.errorContainer .ignoreErrors label{vertical-align:top}ul.errorMessages,ul.infoMessages{border:4px solid;padding:16px 0;margin:5px 0;background-color:white;background-repeat:no-repeat;list-style-type:disc}.displayPanel ul.errorMessages,.displayPanel ul.infoMessages{border:4px solid;padding:16px 0;margin:5px 0;background-color:white;background-repeat:no-repeat;list-style-type:disc}ul.errorMessages,displayPanel ul.errorMessages{border-color:#c33;background-position:10px 50%}ul.infoMessages,.displayPanel ul.infoMessages{border-color:#0faeeb;background-position:12px 50%}ul.errorMessages{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/error.png")}ul.infoMessages{background-image:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/informational.png")}.tabPanel ul.infoMessages,.tabPanel ul.errorMessages{margin:2px 10px 2px 10px;padding-top:20px;padding-bottom:20px}.errorContainer ul.errorMessages,.errorContainer ul.infoMessages{padding-right:120px}ul.errorMessages li,ul.infoMessages li{font-weight:bold;margin-left:80px}ul.errorMessages li{color:#c33}ul.infoMessages li{color:black}.N01 button{width:2.6em;background:none;border:none;margin:2px 0}.N01 button:focus{outline:0}.N01 [class^="icon-"]{color:#7a7e81}.N01 [class^="icon-"].disabled{color:lightgrey;cursor:default}.N01 .page-number:hover{text-decoration:underline}.N01 .current-page{border:solid 1px #0faeeb;color:#0faeeb;cursor:default}.N01 .current-page:hover{text-decoration:none}.N04v2{color:#3d3d3d;width:19em}.N04v2 [class*="ui-corner"]{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0}.N04v2 .ui-accordion-content{background:#e2e2e2;color:#3d3d3d}.N04v2 ul{list-style-type:none;padding-left:20px;margin:0}.N04v2 li{line-height:2.5em}.N04v2 .current{font-weight:bold}.N04v2 .ui-accordion-header{background:#ccc;line-height:2.6em;margin-top:1px}.N04v2 .ui-accordion-header-active,.N04v2 .ui-state-hover{background:#93b7ee}.N04v2 .no-content .ui-accordion-header-icon{background:none}.N05{margin:10px 0;padding:0 0 0 10px;border-bottom:2px solid #5b779f;list-style-type:none;height:35px}.N05 a{text-decoration:none;display:inline-block}.N05 .disabled a,.N05 .current a{cursor:default;pointer-events:none}.N05 .disabled,.N05 .current{cursor:default}.N05>li{float:left;font-weight:bold;font-size:1.1em;cursor:pointer;line-height:35px;margin:0 1px;position:relative;background-color:#5b779f}.N05>.disabled{background-color:#d3d3d3}.N05 span{background:url("/aoenv/public/corp/latest/images/tabs/horizontal/horizontalTabLeft.png") no-repeat left top;display:inline-block;padding-left:10px}.N05 li:hover span{background-position:left -35px}.N05 .has-sub-nav:hover span{background-position:left -108px;background-color:#fff;z-index:20;position:relative}.N05 li.current span{background-position:left -70px;background-color:#fff}.N05 li.disabled span{background-position:left -153px}.N05 span a{color:#fff;padding:0 15px 0 5px;background:url("/aoenv/public/corp/latest/images/tabs/horizontal/horizontalTabRight.png") no-repeat right top}.N05 li:hover span a{background-position:right -35px;color:#000;height:35px}.N05 .has-sub-nav:hover span a{background-position:right -108px;height:42px}.N05 li.current span a{background-position:right -70px;color:#000;height:37px}.N05 li.disabled span a{background-position:right -153px;color:#7a7e81}.N05v2 .N05{margin-bottom:0}.N05v2 .content-container{border:solid 2px #5b779f;border-top:0;padding:10px}.N05v4{font-size:1.1em;margin:15px 0 30px 20px;padding:0;clear:left}.N05v4 li{display:inline;padding:0 16px 0 20px;white-space:nowrap;border-left:solid 1px #000}.N05v4 li:first-child{border-left:none;padding-left:0}.N05v4 a{color:#00f}.N05v4 .current{font-weight:bold}.N05v4 .disabled{color:#d3d3d3}.N05v5{display:none;position:absolute;z-index:19;top:40px;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #5b779f;margin:0;padding:2px 0;white-space:nowrap;min-width:100%;-webkit-box-shadow:0 0 15px 0 #bbb;box-shadow:0 0 15px 0 #bbb}.N05 li:hover .N05v5{display:block;background:#fff}.N05v5 li{display:block;background-color:#fff;left:0;line-height:25px;font-weight:normal;margin:0;padding:0 10px}.N05v5 li a{color:#000;padding-right:10px;width:100%}.N05v5 li:hover{-moz-transition-property:background-color;-moz-transition-duration:.2s;-webkit-transition-property:background-color;-webkit-transition-duration:.2s;-o-transition-property:background-color;-o-transition-duration:.2s;transition-property:background-color;transition-duration:.2s;background-color:#93b7ee}.N05v5 .disabled{color:#7a7e81}.N05v5 .disabled a{color:#7a7e81}.N05v5 .disabled:hover{background-color:#fff}.N06{margin:10px;padding:0;overflow:hidden}.N06>div{float:left;width:100%}.N06>div>div{margin-left:143px;border-color:#5b779f;border-style:solid;border-width:2px;padding:10px}.N06v3>div>div{background-color:linen}.N06>ul{width:145px;float:left;margin:0 0 0 -100%;list-style-type:none;padding:0;text-align:left}.N06>ul li{background-color:#5b779f;color:white;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;margin-bottom:2px;line-height:32px;border:2px solid transparent;border-right:none}.N06>ul li:hover{cursor:pointer}.N06>ul label:hover{cursor:pointer}.N06>ul li.current{background-color:white;color:black;border-color:#5b779f}.N06v3>ul li.current{background-color:linen}.N06v2>ul input[type=radio]{margin:0 5px 0 10px;padding:0;position:relative;top:1px}.N06>ul span{margin-left:15px;margin-right:20px;font-size:1.1em}.N06v2>ul label{margin-right:20px;font-size:1.1em}.N07{margin:0;padding:0;list-style-type:none}.N07:after{content:"";display:block;clear:both}.N07 li{float:left;position:relative;background-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$white, endColorstr=#cccccc);-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=$whitedfd, endColorstr=#cccccc)";background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));background-image:-webkit-linear-gradient(top, #fff, #ccc);background-image:-moz-linear-gradient(top, #fff, #ccc);background-image:-o-linear-gradient(top, #fff, #ccc);background-image:linear-gradient(to bottom, #ffffff,#cccccc)}.N07 .is-active{background-color:#454c6f;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$mediumBlue, endColorstr=#454c6f);-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=$mediumBlue, endColorstr=#454c6f)";background-image:-webkit-gradient(linear, left top, left bottom, from(#5b779f), to(#454c6f));background-image:-webkit-linear-gradient(top, #5b779f, #454c6f);background-image:-moz-linear-gradient(top, #5b779f, #454c6f);background-image:-o-linear-gradient(top, #5b779f, #454c6f);background-image:linear-gradient(to bottom, #5b779f,#454c6f)}.N07 .is-disabled{background-color:#fff;filter:none;-ms-filter:none;background-image:none;cursor:default}.N07 a{color:#2b345d;text-decoration:none;text-align:center;font-size:1.1em;font-weight:bold;line-height:38px;padding:0 40px;display:block;border:3px solid #2b345d}.N07 .is-active a{color:#fff}.N07 .is-disabled a{color:#d3d3d3;border-color:#d3d3d3}.N07 li:before,.N07 a:before,.N07 li:after,.N07 a:after{content:" ";display:block;position:absolute;height:0;width:0;border-style:solid}.N07 li:before{top:3px;left:3px;border-width:19px 10px;border-color:transparent transparent transparent #2b345d}.N07 li.is-disabled:before{border-color:transparent transparent transparent #d3d3d3}.N07 a:before{top:4px;left:0;border-width:18px 9px;border-color:transparent transparent transparent #fff}.N07 li:after{top:0;right:-12px;border-width:22px 11px;border-color:#fff #fff #fff transparent}.N07 a:after{top:2px;right:-7px;border-width:20px 10px;border-color:#2b345d #2b345d #2b345d transparent}.N07 .is-disabled a:after{border-color:#d3d3d3 #d3d3d3 #d3d3d3 transparent}.N08>*{margin:0 -2px}.N08 label{color:#7a7e81;font-size:1.1em;padding-right:1.4em}.N08 select{position:relative;top:-1px;height:2.12em}.N08 .select2-container .select2-choice{background-color:#eee;background-image:none;font-weight:bold;border:1px solid #d3d3d3;-webkit-border-radius:.5em 0 0 .5em;-moz-border-radius:.5em 0 0 .5em;border-radius:.5em 0 0 .5em}.N08 .select2-container-multi.select2-container-active .select2-choices{border:1px solid #d3d3d3;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.N08 .select2-container-active .select2-choice,.N08 .select2-container-active .select2-choices{border:1px solid #d3d3d3;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.N08 input[type="text"]{border:1px solid #d3d3d3;font-size:1.18em;padding:4px 0}.N08 .GoButton{padding:5px 10px;background:#58b100;border:0;border-radius:0 .5em .5em 0;-moz-border-radius:0 .5em .5em 0;-webkit-border-radius:0 .5em .5em 0;cursor:pointer;font-size:1.18em;color:white}.N08 .GoButton:hover{background:#75EA00}.navigation{margin:20px 5px 5px 5px;border:2px solid #000}.navigation h3{background:#2b345d url("/aoenv/images/agencyportal/navBarHeader.jpg");text-align:center;margin:0;padding:3px}.navigation a span{display:inline-block;padding:3px;padding:0 3px}.navigation ul{list-style-type:none;margin:0;padding:0}.navigation li{border-top:1px solid #2b345d;font-weight:normal;width:100%}.navigation a:link,.navigation a:hover,.navigation a:active,.navigation a:visited{text-decoration:none;color:#fff;cursor:pointer;width:100%;display:block;padding:3px 0}.navigation li a:hover,.selectedLink a{background:#5b779f url("/aoenv/images/agencyportal/navBarHover.jpg")}.link a{background:#5b779f url("/aoenv/images/agencyportal/navBarLink.jpg")}.navigation ul li ul li{margin:0;padding:0;font-weight:normal;font-size:.77em;border-top:1px solid #2b345d}.navigation ul li ul li a:link,.navigation ul li ul li a:visited,.navigation ul li ul li a:active{text-decoration:none;color:#2b345d;background:linen}.navigation ul li ul li a:hover,.navigation ul li ul li a.current:link,.navigation ul li ul li a.current:visited,.navigation ul li ul li a.current:active{background:#dcc5af}#processingIndicator{position:absolute;left:0;right:0;bottom:0;padding:5px 0 0 0;line-height:20px;margin:0;width:100%;background:#ffff99;text-align:center;z-index:5;font-weight:bold;font-size:1em}body>#processingIndicator{position:fixed}#processingIndicator.processing span{background:url("/aoenv/public/corp/latest/images/icons/processing/spinYellow.gif") no-repeat 0 50%;padding-left:20px}#processingShield{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#fff;opacity:0;-ms-filter:'alpha(opacity=0)';filter:alpha(opacity=0)}body>#processingShield{position:fixed}.processingIndicator{clear:none;width:16px;height:16px;display:inline-block;margin:3px 0 0 5px}.processingIndicator.white{background-image:url("/aoenv/public/corp/latest/images/icons/processing/spinWhite.gif")}.processingIndicator.yellow{background-image:url("/aoenv/public/corp/latest/images/icons/processing/spinYellow.gif")}#ribbon{border-top:3px solid #5b779f;background-color:#d3d3d3;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFD3D3D3');background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3d3d3));background-image:-webkit-linear-gradient(top, #fff, #d3d3d3);background-image:-moz-linear-gradient(top, #fff, #d3d3d3);background-image:-o-linear-gradient(top, #fff, #d3d3d3);background-image:linear-gradient(to bottom, #ffffff,#d3d3d3);padding:2px 0 2px 2px;line-height:1.5em;font-size:.9em;overflow:hidden}#ribbon table{table-layout:fixed;width:100%;overflow:hidden;border-collapse:collapse}#ribbon td{width:33%;white-space:nowrap;overflow:hidden;padding-left:4px}.ribbonDate{padding-right:8px}.S01v2{float:right;width:14em;border:4px solid #5b779f;text-align:center;font-size:.9em}.S01v2 h3{color:white;background-color:#5b779f;margin:0;margin-bottom:5px;font-size:1.1em}.S01v2 p{padding-bottom:10px}html .S01v2 h4{font-size:120%;text-decoration:underline}.S01v2 p.disclaimer{font-size:90%}#rightPanel{font-size:.9em}#rightPanel h2{background:#5b779f;text-align:center;color:#fff;margin:0;font-size:1.2em;padding:4px 0}#rightPanel p{padding:4px;margin:6px 0}#rightPanel a:link,#rightPanel a:hover,#rightPanel a:active,#rightPanel a:visited{color:blue;text-decoration:underline;font-size:1.1em}#leftPanel{background:#2b345d;color:white;position:absolute;left:0;display:none}#rightPanel{position:absolute;right:0;display:none}table .oddRow,table tr.oddRow th{background-color:#fff}table .evenRow,table tr.evenRow th{background-color:#eee}.C01{border-collapse:separate;*border-collapse:expression('separate', cellSpacing = '0');border:1px solid #d3d3d3;background-color:#fff;line-height:normal}.C01 caption{background-color:#5b779f;color:#fff;font-size:1.26em;padding:3px;font-weight:normal;text-align:center}.C08 caption{background-color:#5b779f;color:#fff;font-size:1.26em;padding:3px;font-weight:normal;text-align:center}.C01 thead th,.C08 thead th{background-color:#dedede;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));background-image:-webkit-linear-gradient(top, #fff, #dedede);background-image:-moz-linear-gradient(top, #fff, #dedede);background-image:-o-linear-gradient(top, #fff, #dedede);background-image:linear-gradient(to bottom, #ffffff,#dedede)}.C01 th,.C08 th,.C01 td,.C08 td{padding:12px}.C01 tr.oddRow th,.C01 tr.evenRow th{text-align:left}.C01 tfoot td{border-top:1px solid #d3d3d3;font-style:italic;padding-top:20px}.tablesorter-header-inner{padding-right:15px;display:inline-block;cursor:pointer}.tablesorter-header-inner:hover{text-decoration:underline}.tablesorter-headerAsc .tablesorter-header-inner{background:url("/aoenv/public/corp/latest/images/icons/sorting/arrowDownActive.gif") no-repeat 100% 50%}.tablesorter-headerDesc .tablesorter-header-inner{background:url("/aoenv/public/corp/latest/images/icons/sorting/arrowUpActive.gif") no-repeat 100% 50%}.zebraStripe .even{background-color:#eee}.no-borders{border:0}.vertical-borders{border-right:0}.horizontal-borders{border-top:0}.vertical-borders th,.vertical-borders td{border-right:solid 1px #d3d3d3}.horizontal-borders th,.horizontal-borders td{border-top:solid 1px #d3d3d3}.emphasize-borders{border-color:#5b779f}.emphasize-borders th,.emphasize-borders td,.emphasize-borders tfoot td{border-color:#5b779f}.selection-enabled tbody tr:hover,.selection-enabled tbody tr.selected{background-color:#93b7ee;cursor:pointer}.errable-table th:first-child,.errable-table td:first-child{padding-left:30px}.erred-row td{border-top:solid 4px #c33;border-bottom:solid 4px #c33;padding:8px 12px}.erred-row td:first-child{background:url("/aoenv/public/corp/latest/images/icons/feedbackMessage/errorSmall.png") no-repeat 5px 50%;border-left:solid 4px #c33;padding-left:26px}.erred-row td:last-child{border-right:solid 4px #c33}.erred-row .last{border-right:solid 4px #c33}.C08{width:95%}.C08 thead th{text-align:left}.C08 tbody{background-color:#fff}.C08 .detailRow td:first-child{background-color:#eee}.C08 tr{border-bottom:1px solid #d3d3d3}.C08 .dataRow{cursor:pointer;border-top:1px solid #d3d3d3}.C08 .dataRow:hover{background-color:#93b7ee}.C08 .collapsed .detailRow{display:none}.C08 .expanded .detailRow{display:table-row}.C08 .detailRow td:not(:first-child){padding-left:2.8em}.C08 .paging{border-bottom:0;text-align:right}.C08 .paging tr{border-bottom:0;text-align:right}.C08 .arrow{color:#5b779f;font-size:1.1em}.C08 .control{width:2.8em;text-align:center}.tabPanel{padding:0}.mainTab{list-style-type:none;padding:0;background-color:#fff;font-weight:bold;display:block;width:auto;overflow:auto;margin:0;border-bottom:8px solid #5b779f;height:2em}.mainTab li{float:left;margin:0;padding:0;background-color:transparent}.mainTab a,.mainTab span{background:url("/aoenv/public/corp/latest/images/tabs/stackedRightTab.png") no-repeat right top;background-position:100% -250px;display:block;white-space:nowrap;color:#fff}.mainTab a:hover{text-decoration:none}.subTab a:hover{text-decoration:none}.mainTab a span,.mainTab span span{background:url("/aoenv/public/corp/latest/images/tabs/stackedLeftTab.png") no-repeat left top;background-position:0 -250px;padding:0 10px;line-height:2em}.mainTab .selected span,.mainTab .selected a{background-position:100% -500px}.mainTab .selected span span,.mainTab .selected a span{background-position:0 -500px;cursor:default}.mainTab .disabled span{background-position:100% 0}.mainTab .disabled span span{background-position:0 0;color:#7a7e81;cursor:default}.mainTab li:hover ul{display:block}.mainTab ul{position:absolute;margin:0;padding:0;list-style-type:none;display:none;width:auto;color:black;z-index:1;border:2px solid #2b345d;font-weight:normal;font-size:.9em;background-color:#dcc5af}.mainTab ul li{padding:0;margin:0;display:block;float:none;width:auto;border:1px solid #dcc5af}.mainTab ul a,.mainTab ul span{background-image:none;text-align:left;margin:0;width:auto;display:block;background-color:#dcc5af}.mainTab ul a span,.mainTab ul span span{font-weight:bold;padding:0 5px;cursor:pointer;color:black;line-height:1.6em}.mainTab ul a:hover span{background-color:linen}.mainTab ul .disabled span span{color:#8e7358;background-image:none;cursor:default}.subTab{height:1.6em;list-style:none;padding:3px 0 0 4px;margin:0;background-color:#5b779f;width:auto;clear:both;font-weight:bold;font-size:1em}.subTab li{display:block;float:left;background-color:#dcc5af;border-right:1px solid #8e7358}.subTab a,.subTab span{padding:.25em 10px;background-color:#dcc5af}.subTab a span,.subTab span span{padding:0;line-height:1.6em;color:black}.subTab .selected span,.subTab .selected a,.subTab .selected span span,.subTab .selected a span{background-color:white}.subTab .selected span span,.subTab .selected a span{padding:0;cursor:default}.subTab .disabled{border-color:#7a7e81}.subTab .disabled span{background-color:#d3d3d3}.subTab .disabled span span{background-color:#d3d3d3;padding:0;color:#636363;cursor:default}.tabPanel p{margin:0 8px;padding:auto 10px}.tabPanel hr{height:1px;color:#d3d3d3;background-color:#d3d3d3;border:none;margin:10px 10%}.tabPanel h1{font-size:large;padding-left:5px;margin:0}.tabPanel h4{display:inline;font-size:1em;margin-left:5px}.tabPanel fieldset{padding:0 10px;margin-bottom:16px}.tabPanel fieldset input,.tabPanel fieldset textarea{text-transform:uppercase}.errorTab{margin:20px 0 0 4px;padding:0;display:block;float:left}.errorTab a{display:block;float:left;background:url("/aoenv/public/corp/latest/images/tabs/stackedRightTab.png") no-repeat right top;background-position:100% -500px;white-space:nowrap}.errorTab a:hover{text-decoration:none}.errorTab span{float:left;background:url("/aoenv/public/corp/latest/images/tabs/stackedLeftTab.png") no-repeat left top;background-position:0 -500px;color:#fff;padding:6px 10px 5px 10px;cursor:pointer}.errorBox{clear:left;margin:0 4px 20px 4px;border:4px solid #5b779f;padding:8px}.errorBox table{margin:0;width:100%}.errorBox table td,.errorBox table th{text-align:left;vertical-align:top;margin:auto}.errorBox ul{margin:0 0 0 16px}.sortable{cursor:pointer;text-decoration:underline}.errRow{background-color:#ff9}.deleted{text-decoration:line-through;color:#C0C0C0}.tabPanel input[type="button"],.tabPanel input[type="submit"]{text-transform:none;margin-bottom:2px}#ratingFooter{width:auto;background-color:transparent;text-align:center;margin:0;font-size:.82em}#ratingFooter p{margin:0 15%}#ratingFooter hr{width:80%}#notification{position:fixed;bottom:0;z-index:5;padding:0;height:20px;margin:0;width:100%;background-color:#FF9;color:inherit;text-align:center;font-weight:bold;font-size:1.1em;border:none}.tabPanel .disabled{color:#bbb}.tabPanel li.disabled{background-color:white}.ui-multiselect{font-weight:bold;color:#000}.ui-multiselect-menu .ui-widget-header{background:#fff}.ui-multiselect-header span{color:#7a7e81}.ui-multiselect-header li:first-child{margin-right:20%}.ui-multiselect-none{padding:0}.ui-multiselect-menu{background:#eee}.ui-multiselect-checkboxes .ui-state-hover{background:#93b7ee}label.bigLabel{font-size:150%;font-weight:bold}#totalPolicyPremium{text-align:right;font-size:110%;font-weight:bold;margin:0 auto}#totalPolicyPremium td{padding-right:5px;padding-left:5px}