a
{
	color: #00f;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

p
{
	margin: 0 0 1em;
}

textarea
{
	width: 100%;
	height: 480px;
}

div#main-content h2
{
	color: #fff;
	padding: 2px;
	margin: 0 0 14px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	background: #b0c4de;
	border-bottom: solid 1px #369;
}

div#main-content h3
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	border-bottom: solid 1px #fd0;
}

div#main-content h3 span.highlight
{
	background: #ffff6f;
	padding: 0 2px 0 2px;
	border-left: solid 1px #fd0;
	border-top: solid 1px #fd0;
	border-right: solid 1px #fd0;
}

div#main-content h3 span.sparkline, div#main-content h3 span.tip
{
	float: right;
	font-size: 0.7em;
}

.error
{
	color: #f00;
}

fieldset
{
	margin-bottom: 1em;
}

fieldset label
{
	margin: 2px;
	padding: 2px;
	display: block;
	border-bottom: dotted 2px AliceBlue;
}

fieldset label span
{
	float: left;
	width: 24%;
	text-align: right;
	margin: .25em .5em .25em 0;
}

fieldset label input, fieldset label select
{
	width: 70%;
}

html body fieldset span.checkbox
{
	width: auto;
	font-size: 1em;
	white-space: nowrap;
}

html body fieldset span.checkbox label
{
	/* Nothing to change here */
}

html body fieldset span.checkbox input
{
	width: auto;
}

ul
{
	padding: 0;
	margin: 1em;
}

ul li
{
	padding: 0;
	margin: 0 0 0 1.5em;
}

ul li ul
{
	margin: 0;
}

label ul, label ul li, label ul li label, html body div.ui-dialog label ul li input
{
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
	display: inline;
}

label ul
{
	margin-left: 1em;
}

label ul li
{
	margin-right: 1em;
}

label ul li label
{
	margin-left: 2px;
}

div#main-content ul li
{
	margin-bottom: .25em;
	border-bottom: dashed 1px #eee;
}

div#main-content ul.ui-autocomplete
{
	margin: 0;
	padding: 0 2px 2px 0;
	position: absolute;
}

div#main-content ul.ui-autocomplete li
{
	padding: 0;
	border: none;
	list-style: none;
	margin: 2px 0 0 2px;
}

div#main-content ul.ui-autocomplete li a
{
	text-decoration: none;
}

ul.checkbox-list
{
	margin: 0;
	padding: 0;
}

ul.checkbox-list li
{
	display: inline;
	list-style: none;
}

ul.checkbox-list li label
{
	display: inline;
}

ul.checkbox-list li label span
{
	display: inline;
}

div.actions-panel, div.options-panel
{
	margin-bottom: 1em;
}

div.info-panel
{
	width: 40%;
	float: left;
	padding: 1em;
	margin: 0 1em 1em 0;
	border: solid 1px #eee;
}

div.fixed-size
{
	height: 92px;
}

div.fixed-size div
{
	margin: -2px -1em 0;
	height: 96px;
	overflow: auto;
}

html body div#main-content div.info-panel h3
{
	color: #fff;
	padding: .125em;
	text-align: center;
	background: #b0c4de;
	margin: -1em -1em .25em;
}

html body div#main-content div.info-panel dl
{
	margin-top: 1em;
}

dl
{
	margin: 0;
	padding: 0;
	display: block;
}

dt, dd
{
	margin: 0;
	padding: 0;
}

dt
{
	float: left;
	width: 10em;
}

dd
{
	display: block;
	margin-bottom: .125em;
	border-bottom: dotted 2px AliceBlue;
}

dd.alt
{
	float: right;
	border: none;
	margin-top: -20px;
}

html body div#main-content dd + dd.ui-progressbar
{
	width: 48px;
	font-size: 10px;
	margin-top: -22px;
}

html body div#main-content dd + dd.ui-progressbar div p
{
	margin-top: -2px;
}

div#main-content table tr td span.extra-info
{
	float: right;
}

table tr.high-priority td
{
	color: #f00;
}

html body table tr td
{
	padding: 1px 4px;
}

td.DateTime, td.Decimal, td.Int16, td.Int32, td.Int64
{
	text-align: right;
}

div.actions-panel
{
	clear: both;
	padding: 1em 0 0;
}

label.checkbox-label
{
	float: left;
	width: 140px;
	padding: 2px;
	margin: 2px 2px 0 0;
	background: AliceBlue;
	border: solid 1px #000;
}

tr.system-user td:first-child
{
	background: #fd0;
}

tr.web-user td
{
}

.action-panel
{
	margin-right: 0;
	padding-right: 0;
	white-space: nowrap;
}

div#header .action-panel
{
	float: left;
	margin-right: .25em;
}

.action-panel a
{
	float: left;
	width: 20px;
	height: 18px;
	margin-left: 4px;
	text-indent: -10000px;
}

a.delete-link
{
	background-image: url("Images/delete-icon.jpg");
}

a.help-link
{
	background-image: url("Images/help-icon.jpg");
}

a.identity-link
{
	width: 29px;
	background-image: url("Images/identity-icon.jpg");
}

a.info-link
{
	background-image: url("Images/info-icon.jpg");
}

a.settings-link
{
	background-image: url("Images/gear-icon.jpg");
}

a.lock-users-link
{
	background-image: url("Images/lock-users-icon.jpg");
}

a.access-key-link
{
	background-image: url("Images/access-key-icon.jpg");
}

a.message-link
{
	background-image: url("Images/send-message-icon.jpg");
}

a.reconnect-link
{
	background-image: url("Images/reconnect-user-icon.jpg");
}

a.demo-mode-link
{
	background-image: url("Images/star-on.jpg");
}

div.demo a.demo-mode-link
{
	background-image: url("Images/star-off.jpg");
}

a.payHarbor-mode-link
{
	background-image: url("Images/sun-off.jpg");
}

div.payHarbor a.payHarbor-mode-link
{
	background-image: url("Images/sun-on.jpg");
}

div.info-card div.action-panel a.text-link, div#header div.action-panel a.text-link, .action-panel a.text-link
{
	width: auto;
	height: auto;
	border: none;
	text-indent: 0;
	margin-left: 4px;
	margin-right: 4px;
	text-decoration: none;
}

div.info-card div.action-panel a.text-link:hover, div#header div.action-panel a.text-link:hover
{
	border: none;
	text-decoration: underline;
}

a.view-desktop-link
{
	background-image: url("Images/desktop-icon.jpg");
}

div.info-card
{
	padding: 0;
	float: left;
	width: 260px;
	height: 140px;
	overflow: auto;
	font-size: 12px;
	overflow: hidden;
	position: relative;
	margin: 0 1em 1em 0;
	border: solid 1px #000;
	background-position: 0 -50px;
	background-image: url("Images/gradient-panel-background.jpg");
	height: 158px;
}

div#main-content div.info-card h3
{
	color: #fff;
	font-size: 14px;
	background: #69c;
	margin: 0 0 .25em;
	text-align: center;
	border-bottom: solid 1px #000;
}

div.info-card.supportOnly
{
    border-style: dashed;
}

div#main-content div.info-card.supportOnly h3
{
    background: rgba(255, 0, 0, 0.75); 
}

div.info-card dl
{
	padding: 0;
	margin: .5em;
}

div.info-card dl dt
{
	width: 76px;
	width: 66px;
}

div.info-card dl dd
{
	white-space: nowrap;
}

div.info-card div.action-panel
{
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 260px;
	position: absolute;
	background: AliceBlue;
	border-top: dashed 1px #999;
}

div.info-card div.action-panel a, div#header div.action-panel a
{
	margin: 2px;
	padding-bottom: 2px;
	border: solid 1px #ccc;
}

div#header div.action-panel a
{
	margin: -2px 0 0 0;
}

div.info-card div.action-panel a:hover, div#header div.action-panel a:hover
{
	border: solid 1px #666;
}



#dialog label
{
	display: block;
	margin: 0 0 .5em;
}

#dialog label span
{
	float: left;
	width: 100px;
}

#dialog label.checkbox-label
{
	padding: 0;
	width: auto;
	float: none;
	border: none;
	display: block;
	background: none;
	position: relative;
}

#dialog label.checkbox-label span
{
	width: auto;
	margin: 0 4px 4px 0;
}

#dialog label.checkbox-label input
{
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
	margin: 2px 0;
}

#dialog button
{
	display: block;
	clear: both;
}

div#main-content ul.users-container
{
	padding: 8px;
	margin: 0 0 1em;
	min-height: 3em;
	background: #fff;
	border: dotted 1px #fd0;
}

div#main-content .ui-progressbar
{
	height: 1em;
	margin: 4px 0;
	position: relative;
}

div#main-content table tr td .ui-progressbar
{
	height: 1.2em;
	min-width: 280px;
	overflow: hidden;
	white-space: nowrap;
}

div#main-content .ui-progressbar p
{
	top: 3px;
	left: 4px;
	color: #666;
	font-size: 10px;
	line-height: .8em;
	position: absolute;
}

div#main-content table tr td .ui-progressbar p
{
	color: #000;
}

div#side-panel ul.users-container
{
	border: none;
	background: none;
	min-height: 280px;
}

div#main-content ul.users-container li, body > li
{
	float: left;
	width: 120px;
	padding: 4px;
	cursor: move;
	background: #fff;
	list-style: none;
	margin: 0 4px 4px 0;
	background: AliceBlue;
	border: solid 1px #000;
}

div#main-content ul.users-container li.blank
{
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	clear: both;
	float: none;
	border: none;
	cursor: default;
}

div#main-content ul.users-container li.on-call, body > li.on-call
{
	background: #f77;
}

div#main-content ul.users-container li.placeholder
{
	opacity: .25;
	height: 18px;
	background: #9cf;
	border: solid 1px #369;
}

ul.menu
{
	margin: 1em;
	padding: 2px;
	width: 180px;
	overflow: auto;
	background: #fff;
	max-height: 200px;
	position: absolute;
	border: solid 1px #369;
}

ul.menu li
{
	margin: 0;
	padding: 2px;
	list-style: none;
	border-bottom: dotted 1px #369;
}

ul.menu li:last-child
{
	border-bottom: none;
}

div#header ul.menu li a
{
	color: #00f;
	width: auto;
	float: none;
	cursor: hand;
	border: none;
	display: block;
	text-indent: 0;
	font-size: 10px;
	background: #fff;
	line-height: 12px;
}

div#header ul.menu li a:hover
{
	color: #f00;
	border: none;
}

div#main-content div.settings-panel
{
	float: left;
	width: 180px;
	height: 64px;
	background: AliceBlue;
	margin: 8px 8px 8px 0;
	border: solid 1px #369;
}

div#main-content div.settings-panel label.checkbox-label
{
	width: auto;
	float: none;
	border: none;
	display: block;
	background: AliceBlue;
}

div#main-content div.settings-panel p
{
	margin: 0 0 0 .5em;
	font-weight: bold;
}

div#main-content div.settings-panel select
{
	margin: 0 0 0 .5em;
}

/* BEGIN: Dialog */
.ui-dialog iframe
{
	width: 100%;
	border: none;
	height: 640px;
}

.ui-dialog img
{
	margin: auto;
	max-width: 640px;
	max-height: 480px;
	text-align: center;
}

.ui-dialog textarea
{
	width: 98%;
	height: 100px;
}
/* END: Dialog */

/* BEGIN: Cases and Events*/
div.from-beam
{
	margin: 0 0 1em 100px;
}

div.from-client
{
	margin: 0 100px 1em 0;
}

div.event-info
{
	padding: 6px;
	background: #f5f5dc;
	border: 1px solid #fd0;
	border-top: none;
	margin-bottom: 1em;
	background: #333;
	color: #fff;
}

div.event-info a
{
	color: #fff;
}

div.from-client div.event-info
{
	color: #000;
	background: #9cf;
}

div.from-client div.event-info a
{
	color: #00f;
}

div.event-info img
{
	max-height: 200px;
	max-width: 200px;
	border: solid 1px #000;
}

dd.total-line
{
	border-top: 1px solid black;
	border-bottom: 3px double black;
}

/* END: Cases and Events */

#report-ac div ul
{
	list-style-type: none;
}

#report-ac div ul li
{
	border: none;
}

#report-ac-roles
{
	width: 25em;
	position: absolute;
}

#report-ac-reports
{
	left: 26em;
	position: absolute;
	padding-bottom: 4em;
}

#report-ac-reports ul li label span
{
	font-weight: bold;
	color: #383;
}

.report-ac-role
{
}

.report-ac-role .selected
{
	color: Black;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}
#txtSearch
{
    width: 400px;
    height: 24px;
}

div#DayOfWeekRepeatPanel
{
    display:inline
}

div#DayOfWeekOccurrenceRepeatPanel
{
    display:inline
}

/*****Styles for Sunday Checkbox in EditSchedule*****/

div.scheduled-days {
    padding: 3px 0 0 10px;
}

#DayOfWeekSundayCheckBox, #DayOfWeekMondayCheckBox, #DayOfWeekTuesdayCheckBox, #DayOfWeekWednesdayCheckBox, 
#DayOfWeekThursdayCheckBox, #DayOfWeekFridayCheckBox, #DayOfWeekSaturdayCheckBox {
    cursor: pointer;
}

/****************************************************/