/* Content CSS */
#pnlContent
{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	position: relative;
	min-width: 820px;
	z-index: 1;
	padding: 5px;
	margin: 63px 5px 30px 171px;
	overflow: hidden;
}

#pnlContent #lblTitle, #pnlContent > .title
{
	font-family: Exo;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 2px 2px 4px #AAAAAA;
	display: block;
	min-height: 18px;
	margin: 3px 0px 6px 3px;
}

#pnlContent #lblTitle span.sub, #pnlContent .title span.sub
{
	font-size: 11px;
	font-weight: normal;
	vertical-align: bottom;
}

/* Search */
#pnlContent .search
{
	font-size: 0px;
	vertical-align: top;
	text-align: right;
	margin: 5px 0px;
}
#pnlContent .search .item
{
	font-size: 11px;
	line-height: 25px;
	border-left: 1px solid #BBBBBB;
	display: inline-block;
	vertical-align: top;
	height: 24px;
	padding: 0px 5px;
}
#pnlContent .search .item, #NOT#IE8
{
	line-height: 24px;
}
#pnlContent .search .item:first-child
{
	border-left: none;
	padding-left: 0px;
}
#pnlContent .search .item:last-child
{
	padding-right: 0px;
}
#pnlContent .search .item.field.left
{
	padding-right: 0px;
}
#pnlContent .search .item.field.left input:last-child
{
	border-radius: 8px 0px 0px 8px;
	width: 200px;
}
#pnlContent .search .item.field.center
{
	border: none;
	padding: 0px;
	width: auto;
}
#pnlContent .search .item.field.center input,
#pnlContent .search .item.field.center .button
{
	border-radius: 0px;
	min-width: auto;
	padding: 4px 5px 3px;
}
#pnlContent .search .item.field.right
{
	border-left: none;
	padding-left: 0px;
}
#pnlContent .search .item.field.right input
{
	border-radius: 0px 8px 8px 0px;
	border-left: none;
}
#pnlContent .search .item select
{
	width: auto;
}
#pnlContent .search .item input[type="checkbox"]
{
	margin: 6px 2px 0px 2px;
}

/* Alpha */
#pnlContent #pnlAlpha
{
	font-size: 0px;
	margin: 5px 0px;
}
#pnlContent #pnlAlpha table
{
	width: 100%;
}
#pnlContent #pnlAlpha table td
{
	width: 1%;
}
#pnlContent #pnlAlpha table input[type="submit"].alpha_button
{
	width: 100%;
}
#pnlContent #pnlAlpha table td:not(:first-child):not(:last-child) input[type="submit"].alpha_button
{
	border-radius: 0px;
}
#pnlContent #pnlAlpha table td:first-child input[type="submit"].alpha_button
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
#pnlContent #pnlAlpha table td:last-child input[type="submit"].alpha_button
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* Filters */
#pnlContent #pnlFilters
{
	margin-top: 5px;
}
#pnlContent #pnlFilters > div.filter
{
	display: inline-block;
	position: relative;
	margin: 0px 5px 5px 0px;
}
#pnlContent #pnlFilters > div.filter div
{
	display: inline-block;
	position: relative;
}
#pnlContent #pnlFilters > div.filter .label
{
	display: block;
	padding: 1px 6px;
}
#pnlContent #pnlFilters > div.filter .button, #pnlContent #pnlFilters > div.filter .close
{
	color: #000000;
	font-weight: normal;
	line-height: 15px;
	background: linear-gradient(#FFFFFF, #FFDD00 22px);
	box-shadow: none;
	border: 1px outset #FFDD00;
	border-radius: 8px 0px 0px 8px;
	display: inline-block;
	min-width: 0px;
	height: 16px;
	vertical-align: top;
	padding: 3px 6px 3px 8px;
	margin: 0px;
	
	behavior: url(PIE.htc);
}
#pnlContent #pnlFilters > div.filter .button
{
	cursor: default;
}
#pnlContent #pnlFilters > div.filter .close
{
	border-radius: 0px 8px 8px 0px;
	background: linear-gradient(#FFFFFF, #FFDD00 22px);
	padding: 3px 4px;
}
#pnlContent #pnlFilters > div.filter .close:hover
{
	background: linear-gradient(#FFFFFF, #FFFFFF 25%, #FFDD00 22px);
}
#pnlContent #pnlFilters > div.filter .close:active:hover
{
	background: linear-gradient(#FFDD00, #FFFFFF 22px);
}
#pnlContent #pnlFilters > div.filter select
{
	border-radius: 8px 0px 0px 8px;
	display: inline-block;
	vertical-align: top;
	width: auto;
}

/* Wording */
#pnlContent #pnlWording
{
	padding: 0px 5px 5px;
}

/* Forms */
#pnlContent .form
{}
#pnlContent .form table
{
	width: 100%;
	padding: 0px;
}
#pnlContent .form table .section
{
	font-family: Exo;
	font-size: 13px;
	vertical-align: bottom;
	padding: 20px 0px 0px 6px;
}
#pnlContent .form table .section.short
{
	padding-top: 0px;
}

/* Label */
#pnlContent .form .label
{
	color: #555555;
	font-family: Exo;
	line-height: 12px;
	text-align: right;
	vertical-align: top;
	padding: 10px 5px 0px 7px;
}
#pnlContent .form .label > span
{
	width: 100%;
	border-bottom: 1px solid #9AC6ED;
	display: block;
	padding: 0 0 0px 5px;
	margin-right: 5px;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#pnlContent .form .label img
{
	float: left;
	margin: -5px 3px 0;
}
#pnlContent .form .label.ck_width
{
	width: 125px;
}
#pnlContent .form .label.ck_height span
{
	margin-bottom: 150px;
}
#pnlContent .form tr.local .label span
{
	border-bottom: 1px solid #6699FF;
}
#pnlContent .form tr.privy .label span
{
	border-bottom: 3px dotted #9AC6ED;
	margin-bottom: 3px;
}

/* Input */
#pnlContent .form .input
{
	border-radius: 9px;
	vertical-align: top;
	height: 24px;
	padding: 2px;
	position: relative;
}
#pnlContent .form .input:hover
{
	background-color: #C9DCED;
	position: relative;
}
#pnlContent .form .input.error:hover
{
	background-color: #EFA9A9;
}
#pnlContent .form .input.password input[type="submit"]
{
	width: 100%;
}
#pnlContent .form .input.readonly
{
	padding: 7px 7px 0px;
	height: 21px;
}
#pnlContent .form .input.readonly:hover
{
	background-color: inherit;
}
#pnlContent .form .input.readonly div
{
	min-height: 14px;
	margin: 5px 5px 4px;
}
#pnlContent .form .input.nohighlight
{
	height: auto;
}
#pnlContent .form .input.nohighlight:hover
{
	background-color: inherit;
}
#pnlContent .form .input.right
{
	text-align: right;
}
#pnlContent .form tr.local .input:hover
{
	background-color: #6699FF;
}
#pnlContent .form a:not([class="aspNetDisabled"])
{
	cursor: pointer;
}
#pnlContent .form td img
{
	vertical-align: top;
}

/* Radio Button & Checkbox Lists */
#pnlContent .form .check, #pnlContent .form .radio
{
	overflow: hidden;
	vertical-align: middle;
	padding: 2px 0px 2px 7px;
}
#pnlContent .form .check input[type="checkbox"], #pnlContent .form .radio input[type="radio"]
{
	vertical-align: middle;
}
#pnlContent .form .check label, #pnlContent .form .radio label
{
	line-height: 23px;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	height: 24px;
	margin-right: -26px;
}
#pnlContent .form .check.middle label, #pnlContent .form .radio.middle label
{
	line-height: 79px;
	height: 80px;
}
#pnlContent .form .input.check.readonly, #pnlContent .form .input.radio.readonly
{
	padding: 2px 0px 2px 7px;
}
/* Radio Check Multi-Purpose Style */
#pnlContent .form .radiocheck
{
	font-size: 0px;
	padding: 2px;
}
#pnlContent .form .radiocheck table /* Table Mode */
{
	border: 0px;
	overflow: hidden;
	padding: 3px 0px 0px 3px;
	margin: 0px;
}
#pnlContent .form .radiocheck table td
{
	line-height: 15px;
	border: 0px;
	padding: 0px 3px 3px 0px;
	margin: 0px;
}
#pnlContent .form .radiocheck table label
{
	font-size: 11px;
	line-height: 15px;
	display: inline-block;
	width: 100%;
	margin-right: -26px;
}
#pnlContent .form .radiocheck ul /* Unordered List Mode */
{
	padding: 5px 0px 0px 5px;
	margin: 0px;
}
#pnlContent .form .radiocheck ul li
{
	font-size: 11px;
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0px 5px 5px 0px;
}
#pnlContent .form .radiocheck ul li label
{
	font-size: 11px;
	margin: 0px 10px 0px 0px;
}
#pnlContent .form .radiocheck img,
#pnlContent .form .radiocheck input[type="image"]
{
	vertical-align: top;
	margin: 0px 2px;
}
#pnlContent .form .radiocheck img:first-child,
#pnlContent .form .radiocheck input[type="image"]:first-child
{
	margin-left: 0px;
}
#pnlContent .form .radiocheck img:last-child
#pnlContent .form .radiocheck input[type="image"]:last-child
{
	margin-right: 0px;
}
#pnlContent .form .radiocheck.fullwidth ul li,
#pnlContent .form .radiocheck.fullwidth ul li label
{
	display: block;
}

/* Error CSS */
#pnlContent .form .radiocheck table
{
	background: #FFF;
	border-radius: 8px;
}
#pnlContent .form .radiocheck table.error
{
	border: 1px solid red;
	box-shadow: 1px 1px 3px rgb(255, 193, 193) inset !important;
}

/* Info */
#pnlContent .form td.info
{
	color: #999999;
	vertical-align: top;
	padding: 7px 0px 0px 5px;
}

/* Icon */
#pnlContent .list .icon .icon
{
	text-align: center;
	padding: 2px;
}
#pnlContent .list .icon img.icon, #pnlContent .form img.icon
{
	display: inline-block;
	width: 16px;
	height: 16px;
}
#pnlContent .form .input.icon img, #pnlContent .form .input.icon input[type="image"]
{
	display: inline-block;
	margin: 4px;
}

/* Portrait */
#pnlContent .portrait
{
	text-align: center;
	padding: 2px;
}
#pnlContent .portrait img
{
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.75);
	box-shadow: 1px 1px 4px #777777;
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 2px;
	
	behavior: url(PIE.htc);
}
#pnlContent .portrait img.online
{
	border: 1px solid #00CC00;
	margin: 1px;
	box-shadow: 0px 0px 4px #44FF44;
}
#pnlContent .portrait img.you
{
	border: 1px solid #0099FF;
	margin: 1px;
	box-shadow: 0px 0px 4px #0099FF;
}
#pnlContent .form .portrait .shadow
{
	width: 76px;
	height: 76px;
	display: inline-block;
	position: relative;
	margin-top: -80px;
}
#pnlContent .form .portrait .shadow.one
{
	z-index: -2;
	background-color: #aaa;
	border: 2px solid #999;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
#pnlContent .form .portrait .shadow.two
{
	z-index: -3;
	background-color: #ccc;
	border: 2px solid #bbb;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
}
#pnlContent .form .portrait .shadow.three
{
	z-index: -4;
	background-color: #eee;
	border: 2px solid #ddd;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

/* Logo */
#pnlContent .form td.branding
{
	white-space: nowrap;
}
#pnlContent .form td.branding img
{
	margin-left: 7px;
	margin-right: 5px;
}
#pnlContent .form td.label.branding
{
	vertical-align: bottom;
	padding-bottom: 5px;
}
#pnlContent .form td.logo
{
	padding: 4px 5px;
}
#pnlContent .form td.logo img
{
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.75);
	box-shadow: 1px 1px 4px #777777;
	display: inline-block;
	position: relative;
	margin: 2px;
	
	behavior: url(PIE.htc);
}

/* Misc */
#pnlContent .form .right
{
	text-align: right;
}

/* Actions */
#pnlContent .form .actions
{
	font-size: 0px;
	text-align: center;
	padding: 10px;
}
#pnlContent .form .actions > input
{
	margin-right: 5px;
}
#pnlContent .form .actions input.left
{
	border-radius: 8px 0px 0px 8px;
	margin-right: 0px;
}
#pnlContent .form .actions input.right
{
	border-radius: 0px 8px 8px 0px;
}
#pnlContent .form .actions input.center
{
	border-radius: 0px;
	margin-right: 0px;
}

/* Information Table */
#pnlContent .information table
{
	width: 100%;
}
#pnlContent .information .label
{
	color: #555555;
	font-family: Exo;
	line-height: 12px;
	text-align: right;
	vertical-align: top;
	padding: 5px 5px 4px 7px;
}
#pnlContent .information .label span
{
	width: 100%;
	border-bottom: 1px solid #9AC6ED;
	display: block;
	padding: 0 0 0px 5px;
	margin-right: 5px;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#pnlContent .information .input
{
	vertical-align: top;
	padding: 2px;
}
#pnlContent .information .input .outdated
{
	color: #DD0000;
}

/* Error Logs */
#pnlContent .errorLog
{
	white-space: pre;
	display: block;
	position: relative;
	margin: 5px 5px 0px;
	padding-bottom: 5px;
	overflow: auto;
}

#pnlContent .errorLogDate
{
	font-family: Courier, monospace;
	position: absolute;
	right: 30px;
}

/* Collapsible Panels */
#pnlContent div.section
{
	background-color: #FFFFFF;
	box-shadow: 0px 1px 3px #DDDDDD;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-radius: 8px;
	position: relative;
	margin: 10px 2px 0px;
}
#pnlContent div.section > a
{
	text-decoration: none;
}
#pnlContent div.section .top
{
	font-family: Exo;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.5px;
	background: #DEE8F1 linear-gradient(#FFFFFF, #DEE8F1 27px);
	background-size: 100% 100%;
	box-shadow: 0px 1px 3px #BBBBBB;
	border: 1px solid #75B6EF;
	border-bottom: 1px solid #4BA1ED;
	border-radius: 8px 8px 0px 0px;
	vertical-align: top;
	display: block;
	position: relative;
	min-height: 17px;
	padding: 6px 5px 4px;
	margin: 0px -3px 0px -3px;
	
	behavior: url(PIE.htc);
}
#pnlContent div.section .top.enabled:hover
{
	background: #B3D3EF linear-gradient(#FFFFFF, #B3D3EF 27px);
	background-size: 100% 100%;
}
#pnlContent div.section .top.local
{
	background-image: linear-gradient(#FFFFFF, #E0E8D8 95%, #B6EF75 39px);
	border: 1px solid #77B044;
}
#pnlContent div.section .top.grey
{
	background: #DEE8F1 linear-gradient(#FFFFFF, #DDDDDD 27px);
	background-size: 100% 100%;
	border: 1px solid #CCCCCC;
}
#pnlContent div.section .top.grey a, #pnlContent div.section .top.grey span
{
	color: #999999;
}
#pnlContent div.section .top.error
{
	background: #F1C9D6 linear-gradient(#FFFFFF, #F1C9D6 27px);
	background-size: 100% 100%;
	border: 1px solid #EF9099;
}
#pnlContent div.section .top.error.enabled:hover
{
	background: #EFB3D3 linear-gradient(#FFFFFF, #EFB3D3 27px);
	background-size: 100% 100%;
}
#pnlContent div.section .top, #NOT#IE8
{
	line-height: 18px;
	padding: 5px 5px 4px;
}
#pnlContent div.section .top img
{
	vertical-align: top;
}
#pnlContent div.section .content
{
	padding: 3px;
}
#pnlContent div.section .control
{
	vertical-align: top;
	float: right;
	margin: 0px;
}
#pnlContent table.rack
{
	margin-top: -6px;
}

/* MOTD Features */
#pnlContent div.section .top div.left
{
	display: inline-block;
}
#pnlContent div.section .top div.left img
{
	margin-right: 4px;
}
#pnlContent div.section .top div.right
{
	float: right;
	margin-left: 10px;
}
#pnlContent div.section .top div.right .expired
{
	color: #BBBBBB;
	font-style: italic;
	margin-right: 20px;
}
#pnlContent div.section .top div.right img
{
	margin-left: 4px;
}
#pnlContent div.section .content .MOTDFooter
{
	font-style: italic;
	background: #EFEFEF linear-gradient(#FFFFFF, #EFEFEF 27px);
	background-size: 100% 100%;
	border-top: 1px solid #CCCCCC;
	border-radius: 0px 0px 8px 8px;
	position: relative;
	padding: 3px 5px;
	margin: 3px -3px -3px -3px;
}
#pnlContent div.section .content .MOTDFooter .read
{
	color: #999999;
	margin-right: 4px;
}
#pnlContent div.section .content .MOTDFooter .date
{
	color: #999999;
	float: right;
}
#pnlContent div.section .content .MOTDFooter .edit
{
	float: right;
	margin-left: 4px;
}

/* Ticket Events */
#pnlContent .events div .event
{
	background-color: #F4F4F4;
	box-shadow: 0px 1px 3px #CCCCCC;
	position: relative;
	overflow: hidden;
	margin: 8px 5px;
}
#pnlContent .events div:first-child .event
{
	margin-top: 5px;
}
#pnlContent .events div:last-child .event
{
	margin-bottom: 5px;
}
#pnlContent .events .event table
{
	width: 100%;
}

#pnlContent .events .event .header
{
	border: 1px solid #BBBBBB;
	border-bottom: none;
	border-radius: 4px 4px 0px 0px;
	position: relative;
	height: 5px;
}
#pnlContent .events .event .header a
{
	position: absolute;
	margin-top: -350px;
}
#pnlContent .events .event .command-bar
{
	vertical-align: top;
	background-color: #DEE8F1;
	background-image: linear-gradient(#FFFFFF, #DEE8F1 200px);
	background-repeat: repeat-x;
	border: 1px solid #75B6EF;
	border-top: none;
	width: 20px;
	padding: 4px 0px 0px 4px;
}
#pnlContent .events .event .command-bar.support
{
	background-color: #FFF5B9;
	background-image: linear-gradient(#FFFFFF, #FFF5B9 200px);
	border: 1px solid #E5C912;
	border-top: none;
}
#pnlContent .events .event .command-bar.system
{
	background-color: #E7E7E7;
	background-image: linear-gradient(#FFFFFF, #E7E7E7 52px);
	border: 1px solid #BBBBBB;
	border-top: none;
}
#pnlContent .events .event .command-bar input[type="image"], #pnlContent .event .command-bar img
{
	margin: 0px 4px 4px 0px;
}
#pnlContent .events .event.left .command-bar
{
	border-radius: 0px 0px 0px 4px;
}
#pnlContent .events .event.right .command-bar
{
	border-radius: 0px 0px 4px 0px;
}

#pnlContent .events .event .portrait
{
	text-align: center;
	vertical-align: top;
	background-color: #DEE8F1;
	background-image: linear-gradient(#FFFFFF, #DEE8F1 200px);
	background-repeat: repeat-x;
	border: 1px solid #75B6EF;
	border-top: none;
	width: 120px;
	padding: 4px;
}
#pnlContent .events .event .portrait.support
{
	background-color: #FFF5B9;
	background-image: linear-gradient(#FFFFFF, #FFF5B9 200px);
	border: 1px solid #E5C912;
	border-top: none;
}
#pnlContent .events .event .portrait.system
{
	vertical-align: middle;
	background-color: #E7E7E7;
	background-image: linear-gradient(#FFFFFF, #E7E7E7 52px);
	border: 1px solid #BBBBBB;
	border-top: none;
}
#pnlContent .events .event .portrait img
{
	box-shadow: 1px 1px 4px #777777;
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0px auto 3px;
}
#pnlContent .events .event .portrait .name
{
	font-weight: bold;
	display: block;
}
#pnlContent .events .event .portrait .date
{
	display: block;
	margin-top: 3px;
}
#pnlContent .events .event.left .portrait
{
	border-left: none;
}
#pnlContent .events .event.right .portrait
{
	border-right: none;
}
#pnlContent .events .event .portrait.last
{
	border: 1px solid #75B6EF;
	border-top: none;
}
#pnlContent .events .event .portrait.support.last
{
	border: 1px solid #E5C912;
	border-top: none;
}
#pnlContent .events .event.left .portrait.last
{
	border-radius: 0px 0px 0px 4px;
}
#pnlContent .events .event.right .portrait.last
{
	border-radius: 0px 0px 4px 0px;
}

#pnlContent .events .event .message
{
	text-align: left;
	vertical-align: top;
	border: 1px solid #BBBBBB;
	border-top: none;
	position: relative;
	padding: 10px 13px;
}
#pnlContent .events .event.left .message
{
	border-left: none;
}
#pnlContent .events .event.right .message
{
	border-right: none;
}
#pnlContent .events .event.left .message.last
{
	border-radius: 0px 0px 4px 0px;
}
#pnlContent .events .event.right .message.last
{
	border-radius: 0px 0px 0px 4px;
}

#pnlContent .events .event .message .type, #pnlContent .event .message .notice
{
	background-color: #EEEEEE;
	background-image: linear-gradient(#FFFFFF, #EEEEEE 20px);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #BBBBBB;
	border-top: none;
	padding: 2px 4px;
	margin: -10px 0px 0px 0px;
}

#pnlContent .events .event.left .message .type
{
	border-right: none;
	float: right;
	margin-right: -13px;
}
#pnlContent .events .event.right .message .type
{
	border-left: none;
	float: left;
	margin-left: -13px;
}

#pnlContent .events .event.left .message .notice
{
	border-left: none;
	float: left;
	margin-left: -13px;
}
#pnlContent .events .event.right .message .notice
{
	border-right: none;
	float: right;
	margin-right: -13px;
}

#pnlContent .events .event .message .content
{
	display: block;
	clear: both;
}

#pnlContent .events .event .message p[dir="rtl"]
{
	text-align: right;
}
#pnlContent .events .event .message li[dir="rtl"]
{
	text-align: right;
	margin-left: 0px;
	margin-right: 15px;
}

#pnlContent .events .event .attachments
{
	text-align: left;
	line-height: 15px;
	vertical-align: top;
	background: repeating-linear-gradient(45deg, #F4F4F4 0px, #F4F4F4 4px, #E8E8E8 4px, #E8E8E8 8px);
	border: 1px solid #BBBBBB;
	border-top: none;
	height: 1%;
	padding: 5px 0px 0px 5px;
}
#pnlContent .events .event.left .attachments
{
	border-left: none;
	border-radius: 0px 0px 4px 0px;
}
#pnlContent .events .event.right .attachments
{
	border-right: none;
	border-radius: 0px 0px 0px 4px;
}

#pnlContent .events .event .attachments a
{
	background: #E5E5E5;
	background: rgba(225, 225, 225, 0.5);
	border: 1px solid #BBBBBB;
	display: inline-block;
	padding: 2px;
	margin: 0px 5px 5px 0px;
}
#pnlContent .events .event .attachments a:hover
{
	background: #EEEEEE;
	background: rgba(240, 240, 240, 0.75);
	border: 1px solid #888888;
}
#pnlContent .events .event .attachments a:active:hover
{
	background: #FFFFFF;
	background: rgba(255, 255, 255, 1);
	border: 1px solid #666666;
}
#pnlContent .events .event .attachments img
{
	vertical-align: top;
	margin-right: 2px;
}

/* Instances Page */
/* Organizations */
#pnlInstances .organization
{
	margin-top: 10px;
}
#pnlInstances .organization:first-child
{
	margin-top: 0px;
}
#pnlInstances .organization.expanded > .header
{
	border-radius: 10px 10px 0px 0px;
}
#pnlInstances .organization > .header
{
	font-family: Exo;
	line-height: 34px;
	background: #DEE8F1 linear-gradient(#FFFFFF, #DEE8F1 48px);
	background-size: 100% 100%;
	box-shadow: 0px 1px 3px #BBBBBB;
	border: 1px solid #75B6EF;
	border-radius: 10px;
	position: relative;
	height: 48px;
	
	behavior: url(PIE.htc);
}
#pnlInstances .organization > .header.populated:hover
{
	background: #B3D3EF linear-gradient(#FFFFFF, #B3D3EF 48px);
}
#pnlInstances .organization > .header span
{
	vertical-align: top;
	display: inline-block;
	margin: 8px;
}
#pnlInstances .organization > .header .logo
{
	vertical-align: top;
	display: inline-block;
	box-shadow: 1px 1px 4px #777777;
	max-width: 128px;
	max-height: 32px;
	margin: 8px 0px 8px 8px;
	padding: 0px;
}
#pnlInstances .organization > .header .name
{
	font-size: 22px;
}
#pnlInstances .organization > .header .details
{
	font-size: 12px;
	line-height: 28px;
	vertical-align: bottom;
}
#pnlInstances .organization > .header .control
{
	border: 1px solid transparent;
	border-radius: 5px;
	position: relative;
	float: right;
	width: 32px;
	height: 32px;
	margin: 7px 7px 7px 0px;
	
	behavior: url(PIE.htc);
}
#pnlInstances .organization > .header .control:hover
{
	background-color: #FFFFFF;
	border: 1px solid #75B6EF;
}
#pnlInstances .organization > .header .control img, #pnlInstances .organization > .header .control input
{
	padding: 8px;
}

/* Instances */
#pnlInstances .instance
{
	line-height: 16px;
}
#pnlInstances .instance.expanded
{
}
#pnlInstances .instance > .header
{
	background: url('../images/tree/node_instance.png') no-repeat;
	min-height: 42px;
	padding-left: 16px;
	padding-right: 4px;
}
#pnlInstances .instance > .header:hover
{
	background-color: #F0F4F8;
}
#pnlInstances .instance > .header.inactive
{
	color: #AAAAAA;
}
#pnlInstances .instance.last > .header
{
	background: url('../images/tree/node_last_instance.png') no-repeat;
}
#pnlInstances .instance.last > .header:hover
{
	background-color: #F0F4F8;
}
#pnlInstances .instance > .header.expanded
{
}
#pnlInstances .instance span
{
	vertical-align: top;
	display: inline-block;
	margin: 2px 3px 0px 8px;
}
#pnlInstances .instance .icon
{
	float: left;
	margin: 9px 0px 9px 0px;
}
#pnlInstances .instance .name
{
	font-weight: bold;
}
#pnlInstances .instance .description
{
	font-size: 9px;
	line-height: 14px;
	vertical-align: bottom;
}
#pnlInstances .instance .label
{
	color: #888888;
	text-align: right;
	padding: 1px 0px 2px 0px;
}
#pnlInstances .instance .item
{
	border-left: 1px dotted #AAAAAA;
	border-bottom: 1px dotted #AAAAAA;
	min-width: 160px;
	padding: 1px 0px 2px 3px;
	margin-left: 0px;
}
#pnlInstances .instance .item span
{
	font-weight: bold;
	margin: 0px 0px 0px 5px;
}
#pnlInstances .instance .control
{
	border: 1px solid transparent;
	border-radius: 5px;
	position: relative;
	float: right;
	width: 32px;
	height: 32px;
	margin: 4px 4px 4px 0px;
	
	behavior: url(PIE.htc);
}
#pnlInstances .instance .control:hover
{
	background-color: #FFFFFF;
	border: 1px solid #75B6EF;
}
#pnlInstances .instance .control img, #pnlInstances .instance .control input
{
	padding: 8px;
}

/* Machines */
#pnlInstances .instance .machine
{
	background: url('../images/tree/node_machine.png') no-repeat;
	min-height: 42px;
	padding-left: 36px;
	padding-right: 4px;
}
#pnlInstances .instance .machine:hover
{
	background-color: #F0F4F8;
}
#pnlInstances .instance .machine.inactive
{
	color: #AAAAAA;
}

/* Last Machine */
#pnlInstances .instance .machine.last
{
	background: url('../images/tree/node_last_machine.png') no-repeat;
}
#pnlInstances .instance .machine.last:hover
{
	background-color: #F0F4F8;
}

/* Last Instance */
#pnlInstances .instance.last .machine
{
	background: url('../images/tree/node_last_instance_machine.png') no-repeat;
}
#pnlInstances .instance.last .machine:hover
{
	background-color: #F0F4F8;
}

/* Last Instance & Machine */
#pnlInstances .instance.last .machine.last
{
	background: url('../images/tree/node_last_instance_last_machine.png') no-repeat;
}
#pnlInstances .instance.last .machine.last:hover
{
	background-color: #F0F4F8;
}

/* Timeline */
#pnlContent .timeline
{
	overflow: auto;
	min-width: 500px;
	position: relative;
}

#pnlContent .timeline #pnlTop
{
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	background-repeat: repeat-x;
	position: relative;
	z-index: 2;
}

#pnlContent .timeline #pnlLine
{
	position: relative;
	z-index: 2;
}

#pnlContent .timeline #pnlBottom
{
	position: relative;
	min-height: 200px;
	z-index: 2;
}
#pnlContent .timeline #pnlBottom, #NOT#IE8
{
	min-height: 0px;
}

#pnlContent .timeline .branch
{
	behavior: url(PIE.htc);
}
#pnlContent .timeline .branch.above
{
	border-left: 1px solid #666;
	border-radius: 5px 0px 0px 0px;
	position: absolute;
	bottom: 0px;
	padding: 2px;
	clear: both;
}
#pnlContent .timeline .branch.below
{
	border-left: 1px solid #666;
	border-radius: 0px 0px 0px 5px;
	position: absolute;
	top: 0px;
	vertical-align: bottom;
	padding: 2px;
}

#pnlContent .timeline .branch:hover
{
	z-index: 255;
}

#pnlContent .timeline .leaf
{
	vertical-align: top;
	background-repeat: repeat-x;
	background-size: 100% 100%;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	width: 126px;
	height: 30px;
	padding: 3px;
	margin-bottom: 3px;
	border-radius: 5px;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	behavior: url(PIE.htc);
}
#pnlContent .timeline .date.leaf
{
	color: #444444;
	background-image: linear-gradient(#DDDDDD, #AAAAAA 32px);
	border: 1px solid #999;
}
#pnlContent .timeline .skip.leaf
{
	color: #990099;
	background-image: linear-gradient(#FFDDEE, #EE99DD 32px);
	width: 80px;
	border: 1px solid #C8B;
}
#pnlContent .timeline .customer.leaf
{
	background-color: rgb(222, 232, 241);
	background-image: linear-gradient(#FFFFFF, #DEE8F1 32px);
	border: 1px solid rgb(117, 182, 239);
	border-radius: 5px 6px 6px 5px;
}
#pnlContent .timeline .support.leaf
{
	background-color: rgb(255, 245, 185);
	background-image: linear-gradient(#FFFFFF, #FFF5B9 32px);
	border: 1px solid rgb(229, 201, 18);
	border-radius: 5px 6px 6px 5px;
}
#pnlContent .timeline .system.leaf
{
	background-color: rgb(231, 231, 231);
	background-image: linear-gradient(#FFFFFF, #E7E7E7 32px);
	
	padding-left: 25px;
	border: 1px solid rgb(187, 187, 187);
}

#pnlContent .timeline .leaf a.note
{
	float: left;
	height: 20px;
	margin: -2px 3px 0px;
}

#pnlContent .timeline .leaf a.note, #NOT#IE8
{
	margin: 0px 3px;
}

#pnlContent .timeline .date.leaf span, #pnlContent .timeline .skip.leaf span
{
	line-height: 22px;
	font-weight: bold;
}

#pnlContent .timeline .mug
{
	float: left;
}

#pnlContent .timeline .event.leaf .note
{
	line-height: 11px;
	max-width: 86px;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
}

#pnlContent .timeline .leaf img
{
	width: 20px;
	height: 20px;
	float: left;
	border: 1px solid #a96;
}
#pnlContent .timeline .leaf img.online
{
	border: 1px solid #00CC00;
	box-shadow: 0px 0px 2px #00FF00;
}
#pnlContent .timeline .leaf img.you
{
	border: 1px solid #0099FF;
	box-shadow: 0px 0px 2px #0099FF;
}

#pnlContent .timeline .leaf .eventColour
{
	border-radius: 0px 5px 5px 0px;
	width: 6px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	behavior: url(PIE.htc);
}

#pnlContent .timeline .monthPanel
{
	background-image: linear-gradient(to right, #D6D9DF, rgba(255, 255, 255, 0) 80px);
	border-left: 5px solid #C3C9CF;
	position: absolute;
	width: 80px;
	height: 100%;
	margin-left: -2px;
	top: 0px;
	z-index: 0;
}

#pnlContent .timeline .monthPanel .pivot
{
	white-space: nowrap;
	color: #CCCCCC;
	background-color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	position: absolute;
	left: -25px;
	bottom: 175px;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 10px 10px;
	-moz-transform-origin: 10px 10px;
	-ms-transform-origin: 10px 10px;
	-o-transform-origin: 10px 10px;
	transform-origin: 10px 10px;

	/* Should be unset in IE9+ I think. */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	
	behavior: url(PIE.htc);
}
#pnlContent .timeline .monthPanel .pivot, #NOT#IE8
{
	color: rgba(110, 120, 130, 0.5);
	background-color: transparent;
	bottom: 10px;
	filter: none;
}

/* Tools */
#pnlTools
{
	padding: 5px 0px 0px 5px;
}

#pnlTools .card
{
	display: inline-block;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background: #FFFFFF;
}

#pnlTools .card .title
{
	font-weight: bold;
	display: block;
	padding: 1px 5px 3px;
	border-radius: 3px;
	background: linear-gradient(to right, rgba(0, 68, 136, 0.26), rgba(0, 0, 0, 0) 300px);
}

#pnlTools .card img
{
	margin: 10px 0px;
	padding-bottom: 10px;
	box-shadow: 0px 4px 3px -2px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #888888;
}

#pnlTools .card .blurb
{
	height: 90px;
	width: 290px;
	padding: 3px 5px;
	border-radius: 5px;
}

/* Block */
#pnlWallet
{
	position: relative;
	overflow: hidden;
}
#pnlWallet .fade
{
	position: absolute;
	top: 0px;
	bottom: 18px;
	width: 10px;
	z-index: 2;
}
#pnlWallet .fade.left
{
	background: linear-gradient(to right, #FFFFFF, rgba(255, 255, 255, 0) 10px);
	left: 0px;
}
#pnlWallet .fade.right
{
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 10px);
	right: 0px;
}
#pnlWallet .sleeve.edit
{
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	height: 288px;
}
#pnlWallet .card
{
	text-align: left;
	vertical-align: top;
	background: #DEE8F1 linear-gradient(#FFFFFF, #DEE8F1 200px);
	background-size: 100% 100%;
	box-shadow: 0px 1px 3px #BBBBBB;
	border: 1px solid #75B6EF;
	border-bottom: 1px solid #4BA1ED;
	border-radius: 10px;
	display: inline-block;
	position: relative;
	min-width: 150px;
	min-height: 250px;
	z-index: 1;
	margin: 10px;
	
	behavior: url(PIE.htc);
}
#pnlWallet .card.inactive
{
	background: #EDEDED linear-gradient(#FFFFFF, #EDEDED 200px);
	background-size: 100% 100%;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
}
#pnlWallet .card.edit
{
	background: #D8FEC0 linear-gradient(#FFFFFF, #D8FEC0 200px);
	background-size: 100% 100%;
	border: 1px solid #74C47E;
	border-bottom: 1px solid #42A458;
}
#pnlWallet .card .portrait
{
	padding: 0px;
}
#pnlWallet .card .portrait a
{
	display: inline-block;
	margin: 10px auto 5px;
}
#pnlWallet .card .portrait img
{
	background: #FFFFFF;
	box-shadow: 1px 1px 4px #777777;
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
	
	behavior: url(PIE.htc);
}
#pnlWallet .card .details
{
	line-height: 15px;
	margin: 5px 6px;
}
#pnlWallet .card .details a.name:hover
{
	text-decoration: none;
}
#pnlWallet .card .details .name
{
	font-family: Exo;
	font-size: 14px;
	border-bottom: 1px solid #75B6EF;
	display: block;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
#pnlWallet .card.inactive .details .name,
#pnlWallet .card.inactive .details .detail,
#pnlWallet .card.inactive .details a
{
	color: #666666;
}
#pnlWallet .card.inactive .details .name
{
	border-bottom: 1px solid #CCCCCC;
}
#pnlWallet .card.locked .details .name,
#pnlWallet .card.locked .details .detail,
#pnlWallet .card.locked .details a
{
	color: #AA0000;
}
#pnlWallet .card .details .detail
{
	white-space: nowrap;
	display: block;
	margin-bottom: 5px;
}
#pnlWallet .card .details .detail img
{
	vertical-align: top;
	margin-right: 3px;
}
#pnlWallet .card .controls
{
	text-align: right;
	background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF 36px);
	border-radius: 0px 0px 11px 11px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	min-height: 26px;
	padding: 10px 5px 0px 10px;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	behavior: url(PIE.htc);
}
#pnlWallet .card .controls, #NOT#IE8
{
	min-height: 36px;
}
#pnlWallet .card .controls img, #pnlWallet .card .controls input[type="image"]
{
	margin: 0px 5px 10px 0px;
}
#pnlWallet .card .controls .left
{
	float: left;
	margin: 2px 0px -2px -2px;
}

/* Pending Action Ticket Event */
table.pendingAction
{
	display: inline-block;
	margin: 10px 0px;
}

table.pendingAction td.sticker
{
	color: #A1A2A3;
	font-style: italic;
	text-align: right;
}

table.pendingAction td.shrink
{
	padding-right: 30px;
}
table.pendingAction td.nowrap
{
	white-space: nowrap;
}
table.pendingAction span.clear
{
	clear: both;
}
span.pencil
{
	float: right;
	vertical-align: top;
}


/* Other */
#pnlContent p:first-child
{
	margin-top: 0px;
}
#pnlContent p:last-child
{
	margin-bottom: 0px;
}

/* Time Scheduler */
.time.preview
{
	padding: 4px;
}
.time.preview .today
{
	background: #FFEEBB !important;
}
.time.preview .week
{
	background: #EEEEEE;
}
.time.preview .name
{
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 10px;
}
.time.preview .day
{
	width: 100%;
}
.time.preview .day .content
{
	box-sizing: border-box;
	display: inline-block;
	font-size: 0px;
	min-height: 10px;
}
.time.preview .day.past .content
{
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
}
.time.preview .day .content.gap
{
	border: 1px solid #999999;
	background: #CCCCCC;
}
.time.preview.detail .day
{
	padding: 1px;
}
.time.preview.detail .day .content
{
	font-size: 10px;
	width: 100%;
}
.time.preview .day .content.vacant
{
	border: 1px dashed #CCCCCC;
	background: #F8F8F8;
}

/* Stale Ticket Notifications */
.staleBar
{
	margin: 0px 5px 10px;
	border: 1px solid #909090;
	border-radius: 15px;
}
.staleBar::after
{
	content: " ";
	clear: both;
	display: table;
}

.staleBarPiece
{
	display: inline-block;
	width: 100%;
	padding: 4px 0px;
	text-align: center;
	line-height: 16px;
	border: 3px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	box-sizing: border-box;
	white-space: nowrap;
}
.staleBarPiece:first-child
{
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.staleBarPiece:last-child
{
	border-right: 3px solid #A0A0A0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.staleBarPiece.event
{
	color: #FFFFFF;
	font-weight: bold;
}
.staleBarPiece img, .staleBarPiece input
{
	vertical-align: top;
	margin: 0px 5px;
}
.staleBarPiece img:first-child:not(:last-child), .staleBarPiece input:first-child:not(:last-child)
{
	margin-left: 0px;
}
.staleBarPiece img:last-child:not(:first-child), .staleBarPiece input:last-child:not(:first-child)
{
	margin-right: 0px;
}

/* Content Printing CSS */
@media print
{
	#pnlContent
	{
		border: none;
		margin: 5px;
	}
	
	#pnlSearch
	{
		display: none;
	}
	
	.form .actions
	{
		display: none;
	}
}