#accountcontrol { font-family: Verdana, Helvetica, Sans-Serif; }

.statusIcon
{
 padding-top: 3px; 
 float:left;
 display:inline;
 margin-right:3px;
 margin-left:3px;
 }
.statusIconContainer
{
display:inline;
}
.loggedInUser
{
    padding-top: 3px;
    display: inline;
    float: left;
    font-size: 1.2em;
    font-weight: normal;
    margin-right: 7px;
    margin-left: 20px;
    vertical-align: middle;
}    

.inline
{
display:inline;
}


/* Form Builder */
.formTitle { font-size: 2em; font-weight:bold; }
.formDescription {}
.formHeadingText { font-size: 1.5em; padding-top: 15px; }
.formHeadingDescription { padding-bottom: 15px; }
.formQuestions, .formDisplayTable { width:100%; border:0px; }
.formQuestion { }
.formFieldLabel { width:35%; padding:3px 20px 3px 10px; vertical-align:top; text-align:right; }
.formFieldValue { padding:3px 20px 3px 10px; }
.formResponseRequired {}
.formBuildHeader {}
.formBuildContent {}
.sortableQuestion td { padding: 5px 0px 5px 0px;}
.questionHandle {}


.stripeTable {}
.noStripe {}
tr.alt td {background: #ddd;}
tr.altOther td {background: #bbb;}
tr.over td {background: #aaa;}
.stretch { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }

.wrapper { height:100%;}
.bar { width:100%; padding: 7px 5px 7px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0; }
.barTitle { float:left; margin:0; padding: 0;}
.barShrink { float:right; margin:0; padding: 0;}
.barShrink a, .barShrink a:link, .barShrink a:visited { text-decoration:none;}
.barShrink a:hover { color:#E0691A;}

/* Month Calendar */

/* top area w/ month title and buttons */
.full-calendar-title { text-align: left; }
.full-calendar-buttons { float: right; margin: 0 0 1em; }
.full-calendar-buttons button { vertical-align: middle; margin: 0 0 0 5px; font-size: 1em; }
.full-calendar-buttons button span { padding: 0 10px 0 10px; }

/* To always display the "today" button: .full-calendar-buttons button.today { visibility: visible !important; } */
/* table layout & outer border */
.full-calendar-month-wrap { /* clear: both; */ border: 1px solid #ccc; /* outer border color & style */ }
.full-calendar-month { width: 100%; overflow: hidden; }
.full-calendar-month table { border-collapse: collapse; border-spacing: 0; }

/* cell styling */
.full-calendar-month th, .full-calendar-month td.day { padding: 0; vertical-align: top; border-style: solid;    /* inner border style */ border-color: #ccc;     /* inner border color */ border-width: 1px 0 0 1px; }
.full-calendar-month th { border-top: 0; text-align: center; }
.full-calendar-month th.first, .full-calendar-month td.first { border-left: 0; }
.full-calendar-month td.today { background: #FFFFCC; }

.full-calendar-month .day-number { text-align: right; padding: 0 2px; } 
.full-calendar-month .other-month .day-number { color: #bbb; }
.full-calendar-month td.other-month { background: #888; }
.full-calendar-month .day-content { padding: 2px 2px 0; /* distance between events and day edges */ }

/* FullCalendar automatically chooses a cell's height, but this can be overridden: .full-calendar-month td.day { height: 100px !important; } */
/* event styling */
.full-calendar-month .event { margin-bottom: 2px; font-size: 1em; cursor: pointer; text-align: left; }
.full-calendar-month .ui-draggable-dragging td { cursor: move; } 
.full-calendar-month .event td { background: #C1D9EC; padding: 0; } 
.full-calendar-month .event td.ne,
.full-calendar-month .event td.nw,
.full-calendar-month .event td.se,
.full-calendar-month .event td.sw { background: none; width: 1px;  /* <-- remove if you dont want "rounded" corners */ height: 1px; /* <--                                           */ }
.full-calendar-month .nobg td { background: none; }
.full-calendar-month .event td.c { padding: 0 2px; }
.full-calendar-month .event-time { font-weight: bold; }

/* To change the color of events on a per-class basis (such as with the "className" attribute of a CalEvent), do something like this: .full-calendar-month .myclass td { background: green; } */
/* the rectangle that covers a day when dragging an event */
.full-calendar-month .over-day { background: #ADDBFF; opacity: .2; filter: alpha(opacity=20); /* for IE */ } 

/* right-to-left support */
.r2l .full-calendar-title { text-align: right; }
.r2l .full-calendar-buttons { float: left; }
.r2l .full-calendar-buttons button { margin: 0 5px 0 0; }
.r2l .full-calendar-month .day-number { text-align: left; }
.r2l .full-calendar-month .event { text-align: right; }

/* Week Calendar */

.week-calendar { } 
.week-calendar .calendar-nav { padding: 1em; text-align: right; }
.week-calendar .calendar-nav button { margin: 0 0.5em; }   
.week-calendar table { border-collapse: collapse; border-spacing: 0; }
.week-calendar table td { margin: 0; padding: 0; }
.week-calendar-header { background: #eee; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; width: 100%; }

.week-calendar-header .time-column-header { width: 5%; } 
.week-calendar-header .scrollbar-shim { width: 16px; } 
.week-calendar-header .day-column-header { text-align: center; padding: 0.4em; }
.week-calendar-header td { background-color: #eee; }
.grid-timeslot-header { width: 6%; background: #eee; }

.calendar-scrollable-grid { overflow: auto; overflow-x: hidden !important; overflow-y: auto !important;  position: relative; background-color: #fff; width: 100%; } 
table.week-calendar-time-slots { width: 100%; table-layout: fixed; cursor: default; }
.week-calendar-time-slots .day-column { width: 13.5%; border-left: 1px solid #ddd; overflow: visible; vertical-align: top; }
.week-calendar-time-slots .day-column-inner { width: 100%; position:relative; }
.time-slot-wrapper { position:relative; height: 1px; top: 1px; }
.time-slots { position: absolute; width: 100%; }
.time-header-cell { padding: 5px; height: 80px; /* reference height */ }
.time-slot { border-bottom: 1px dotted #ddd; }
.hour-header { text-align: right; } 
.hour-end, .hour-header { border-bottom: 1px solid #ccc; color: #555; }
.business-hours { background-color: #E6EEF1; border-bottom: 1px solid #ccc; color: #333; font-size: 1.4em; }
.business-hours .am-pm { font-size: 0.6em; }
.day-header-cell { text-align: center; vertical-align: middle; padding: 5px; }
.time-slot-header .header-cell { text-align: right; padding-right: 10px; }
.week-calendar-header .today  { font-weight: bold; }
.week-calendar-time-slots .today { background-color: #ffffcc; }
.cal-event { background-color: #68a1e5; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; position: absolute; text-align: center; overflow: hidden; cursor: pointer; color: #fff; width: 100%; display: none; }
.cal-event div { padding: 0 5px; }
.cal-event .time { background-color: #2b72d0; border: 1px solid #1b62c0; color: #fff; padding: 0; font-weight: bold; }
.ui-draggable .time { cursor: move; }
.cal-event .title { position: relative; }
.ui-resizable-s { height: 10px; bottom: -8px; }