/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
body{
font:13px/1.231  arial,helvetica,clean,sans-serif;
*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

a
{
	color:inherit;
}

h1
{

	font-family:"Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;
	font-weight: normal;
    color: #FFF;
}



#user_menu
{
	background-color:#FFF;
	color:#222222;
	border:1px solid #ADADAD;
	padding:15px;
	font-size:15px;
	display:none;
}

.inputbutton
{
margin:3px;
background-color:#FFF;
	color:#222222;
 border: 1px solid #ADADAD;
    width: 110px;
	font-family: "Andale Mono", AndaleMono, monospace;
    -webkit-appearance:none;
    cursor:pointer;

}

button[disabled] {

 -khtml-opacity:.80;
 -moz-opacity:.80;
 -ms-filter:�alpha(opacity=80)�;
  filter:alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
  opacity:.80;
	cursor: not-allowed;
}

.inputbox
{
margin:3px;
	background-color:#FFF;
	color:#222222;
 border: 1px solid #ADADAD;
    width: 110px;
	font-family: "Andale Mono", AndaleMono, monospace;
    -webkit-appearance:none;
    text-align:right;

}

h1:hover > #user_menu
{
	display:inherit;
}

.block
{


	/*-moz-border-radius:25px;
    -webkit-border-radius:25px;
	border-radius:25px;*/

	color:#222222;
	width:238px;
	height:250px;
	min-height:250px;
	margin:20px 20px;
	padding:6px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFF;
	display:inline-block;
	text-align:right;
	font-size:15px;
	vertical-align:top;
	position:relative;
	z-index:1;
	border:1px solid #ADADAD;



}

.block_left_align
{


	/*-moz-border-radius:25px;
    -webkit-border-radius:25px;
	border-radius:25px;*/

	color:#222222;
	width:238px;
	height:250px;
	min-height:250px;
	margin:20px 20px;
	padding:6px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFF;
	display:inline-block;
	text-align:left;
	font-size:15px;
	vertical-align:top;
	position:relative;
	z-index:1;
	border:4px solid #ADADAD;
}

.block.highlighted
{
	border:1px solid black;
}

.block_big
{
	width:444px !important;
}

.block_v_big
{
	width:556px !important;
}


.block_full
{
	width:840px !important;
}

.block_message
{

	text-align:center;
	height:42px;
}

.block_med
{
	width:332px !important;
}

.main
{
	width:910px;
	margin:60px auto;
	padding:20px;

}

.backstrip
{
	background-color:#EEEEEE;
}

.backstrip a
{
    color:#000000;
}

a
{
    color: #FFF;
}
.blockColourForm
{

	background-color:#FFF;
	color:#222222;
}

body
{
	padding:0px;
	margin:0px;
	background-color:#0072C6;
	width:100%;
	height:100%;
	color:#000000;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;


}

.brandingTitle
{
 	font-size:300%;
	color:#222222;

}

.block h1
{
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#222222;
}

.block img.block_img
{
	position:absolute;
	top:5px;
	left:5px;
	width:170px;

}

.block a
{
	color:inherit;
}

.block ul
{
	list-style-type: none;

}



.styled-select {
    background: url("../images/sprite.png") no-repeat scroll right -798px #FFF;
	margin:0px;
	padding:0px;
    overflow: hidden;
    width: 92px;
	display:inline-block;
}


.styled-select-nobg {
    background: #FFF;
	margin:0px;
	padding:0px;
    overflow: auto;
    width: 92px;
	display:inline-block;
}
.styled-select select {

	color:inherit;
    background: transparent;

    border: 1px solid #000000;
    width: 110px;
	font-family: "Andale Mono", AndaleMono, monospace;
	font-size:80%;
    -webkit-appearance:none;
}

.styled-select-wider {

    width: 292px;
	display:inline-block;

}

.styled-select-wider select {

	border:1px solid black;
    width: 311px;
	padding: 0px 60px 0 2px !important;
}

.styled-select-half {

    width: 150px;

}

.styled-select-half select {


    width: 188px;

}

label {
	color:black;
}

.table_data
{
	border-collapse:collapse;
}
.table_data th, .table_data, .table_data td
{

}
/* Start of addition for scrolling in bulletins */
.builletins table.table_data
{
	display: table;
	width: 100%;
}

.builletins table.table_data tbody
{
	overflow: auto;
	height: 200px;
}

.builletins table.table_data thead, .builletins table.table_data tbody
{
	float: left;
	width: 100%;
}
.builletins table.table_data tr
{
	width: 100%;
	display: table-row;
	text-align: left;
}
.builletins table.table_data th.datetitle
{
	width:125px !important;
}
.builletins table.table_data th.messagetitle
{
	width:500px !important;
}
.builletins table.table_data td.dateitem
{
	vertical-align:top;
	width:125px !important;
}
.builletins table.table_data td.messageitem
{
	width:500px !important;
}
.builletins table.table_data td.iconitem, .builletins table.table_data th.icontitle
{
	width:20px !important;
}
.builletin-display
{
	vertical-align: top;
}
/* END of addition for scrolling in bulletins */

/* added for firefox issue */
@-moz-document url-prefix()
{
    .inputbutton
	{
		width: 120px !important;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
/* IE10+ CSS styles go here */
	.inputbutton
	{
		width: auto !important;
	}
}





/**
 * SAM
 *
 * Skin colors used:
 *
 * - Control Border : 808080
 * - Control Chrome : f2f2f2
 * - Cell Borders : cccccc
 * - Normal Cell BG : ffffff
 * - Date Links : 0066cc
 * - Selected Cells BG : b3d4ff
 * - Cell Hover BG : 426fd9
 * - Disabled BG : cccccc
 * - Disabled Text Color : a6a6a6
 **/

/* CALENDAR BOUNDING BOX */
.yui-skin-sam .yui-calcontainer {
	background-color:#FFF;;
	border:0px solid #808080;
	padding:10px;
}

/* CALENDARGROUP BOUNDING BOX */
.yui-skin-sam .yui-calcontainer.multi {
	padding:0 5px 0 5px;
	background-color:transparent;
}

/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-skin-sam .yui-calcontainer.multi .groupcal {
	background-color:transparent;
	border:none;
	padding:10px 5px 10px 5px;
	margin:0;
}

/* TITLE BAR */
.yui-skin-sam .yui-calcontainer .title {
	background:url("../images/sprite.png") repeat-x 0 0;
	border-bottom:1px solid #cccccc;
	font:100% sans-serif;
	color:#000;
	font-weight:bold;
	height:auto;
	padding:.4em;
	margin:0 -10px 10px -10px;
	top:0;
	left:0;
	text-align:left;
}

.yui-skin-sam .yui-calcontainer.multi .title {
	margin:0 -5px 0 -5px;
}

.yui-skin-sam .yui-calcontainer.withtitle {
	padding-top:0;
}

/* CLOSE BUTTON */
.yui-skin-sam .yui-calcontainer .calclose {
	background:url('../images/sprite.png') no-repeat 0 -300px;
	width:25px;
	height:15px;
	top:.4em;
	right:.4em;
	cursor:pointer;
}

/* CALENDAR TABLE */
.yui-skin-sam .yui-calendar {
	border-spacing:0;
	border-collapse:collapse;
	font:100% sans-serif;
	text-align:center;
	margin:0;
}

/* NAVBAR BOUNDING BOX */
.yui-skin-sam .yui-calendar .calhead {
	background:transparent;
	border:none;
	vertical-align:middle;
	padding:0;
}

/* NAVBAR TEXT CONTAINER */
.yui-skin-sam .yui-calendar .calheader {
	background:transparent;
	font-weight:bold;
	padding:0 0 .6em 0;
	text-align:center;
}

.yui-skin-sam .yui-calendar .calheader img {
	border:none;
}

/* NAVBAR LEFT ARROW */
.yui-skin-sam .yui-calendar .calnavleft {
	background:url('../images/sprite.png') no-repeat 0 -450px;
	width:25px;
	height:15px;
	top:0;
	bottom:0;
	left:-10px;
	margin-left:.4em;
	cursor:pointer;
}

/* NAVBAR RIGHT ARROW */
.yui-skin-sam .yui-calendar .calnavright {
	background:url('../images/sprite.png') no-repeat 0 -500px;
	width:25px;
	height:15px;
	top:0;
	bottom:0;
	right:-10px;
	margin-right:.4em;
	cursor:pointer;
}

/* WEEKDAY HEADER ROW */
.yui-skin-sam .yui-calendar .calweekdayrow {
	height:2em;
}

.yui-skin-sam .yui-calendar .calweekdayrow th {
	padding:0;
	border:none;
}

/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-skin-sam .yui-calendar .calweekdaycell {
	color:#000;
	font-weight:bold;
	text-align:center;
	width:2em;
}

/* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
.yui-skin-sam .yui-calendar .calfoot {
	background-color:#f2f2f2;
}

/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
.yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
	color:#a6a6a6;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	border:none;
}

.yui-skin-sam .yui-calendar .calrowhead {
	text-align:right;
	padding:0 2px 0 0;
}

.yui-skin-sam .yui-calendar .calrowfoot {
	text-align:left;
	padding:0 0 0 2px;
}

/* NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell {
	border:1px solid #cccccc;
	background:#fff;
	padding:1px;
	height:1.6em;
	line-height:1.6em; /* set line height equal to cell height to center vertically */
	text-align:center;
	white-space:nowrap;
}

/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell a {
	color:#222222;
	background-color:#EEEEEE;
	display:block;
	height:100%;
	text-decoration:none;
}

/* TODAY'S DATE */
.yui-skin-sam .yui-calendar td.calcell.today {
	background-color:#000;
}

.yui-skin-sam .yui-calendar td.calcell.today a {

}




/* OOM DATES */
.yui-skin-sam .yui-calendar td.calcell.oom {
	background-color:#cccccc;
	color:#a6a6a6;
	cursor:default;
	visibility:hidden;
}

/* SELECTED DATE */
.yui-skin-sam .yui-calendar td.calcell.selected {
	background-color:#fff;
	color:#000;
}



.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color:#FFF;
	color:#222222;
}

/* HOVER DATE */
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color:#426fd9;
	color:#fff;
	cursor:pointer;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color:#222222;
	color:#FFF;
}

/* DEFAULT OOB DATES */
.yui-skin-sam .yui-calendar td.calcell.previous {
	color:#e0e0e0;
}

/* CUSTOM RENDERERS */
.yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; }
.yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
.yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
.yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
.yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }

/* CalendarNavigator */

/* MONTH/YEAR LABEL */
.yui-skin-sam .yui-calendar a.calnav {
	border: 1px solid #f2f2f2;
	padding:0 4px;
	text-decoration:none;
	color:#000;
	zoom:1;
}

.yui-skin-sam .yui-calendar a.calnav:hover {
	background: url('../images/sprite.png') repeat-x 0 0;
	border-color:#A0A0A0;
	cursor:pointer;
}

/* NAVIGATOR MASK */
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
	background-color:#000;
	opacity:0.25;
	*filter:alpha(opacity=25); /* IE */
}

/* NAVIGATOR BOUNDING BOX */
.yui-skin-sam .yui-calcontainer .yui-cal-nav {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:93%;
	border:1px solid #808080;
	left:50%;
	margin-left:-7em;
	width:14em;
	padding:0;
	top:2.5em;
	background-color:#f2f2f2;
}

.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
	top:4.5em;
}

/* NAVIGATOR BOUNDING BOX */
.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
	width:16em;
	margin-left:-8em;
}

/* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,
.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
	padding:5px 10px 5px 10px;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
	margin-top:5px;
	padding:5px;
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
}

/* NAVIGATOR LABELS */
.yui-skin-sam .yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}

/* NAVIGATOR MONTH CONTROL */
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
	width:100%;
	_width:auto; /* IE6, IE7 Quirks don't handle 100% well */
}

/* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border: 1px solid #000;
}

/* NAVIGATOR YEAR CONTROL */
.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
	width:4em;
}

/* NAVIGATOR BUTTONS */

/* BUTTON WRAPPER */
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
	border:1px solid #808080;
	background: url('../images/sprite.png') repeat-x 0 0;
	background-color:#ccc;
	margin: auto .15em;
}

/* BUTTON (based on button-skin.css) */
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	padding:0 8px;
	font-size:93%;
	line-height: 2;  /* ~24px */
	*line-height: 1.7; /* For IE */
	min-height: 2em; /* For Gecko */
	*min-height: auto; /* For IE */
	color: #000;
}

/* DEFAULT BUTTONS */
/* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
	border:1px solid #304369;
	background-color: #426fd9;
	background: url('../images/sprite.png') repeat-x 0 -1400px;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
	color:#fff;
}


/**
 * CORE
 *
 * This is the set of CSS rules required by Calendar to drive core functionality and structure.
 * Changes to these rules may result in the Calendar not functioning or rendering correctly.
 *
 * They should not be modified for skinning.
 **/

/* CALENDAR BOUNDING BOX */
.yui-calcontainer {
	position:relative;
	float:left;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

/* IFRAME SHIM */
.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IFRAME SHIM IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-calcontainer.multi .groupcal {
	z-index:1;
	float:left;
	position:relative;
}

/* TITLE BAR */
.yui-calcontainer .title {
	position:relative;
	z-index:1;
}

/* CLOSE ICON CONTAINER */
.yui-calcontainer .close-icon {
	position:absolute;
	z-index:1;
}

/* CALENDAR TABLE */
.yui-calendar {
	position:relative;
}

/* NAVBAR LEFT ARROW CONTAINER */
.yui-calendar .calnavleft {
background-color:green;
    overflow: hidden;
    position: absolute;
    text-indent: -10000em;
	z-index:1;
}

/* NAVBAR RIGHT ARROW CONTAINER */
.yui-calendar .calnavright {
	overflow: hidden;
    position: absolute;
    text-indent: -10000em;
	z-index:1;
}

/* NAVBAR TEXT CONTAINER */
.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

/* CalendarNavigator */
.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 quirks - width/height set programmatically to match container */
	_height:0;
	left:0;
	top:0;
	display:none;
}

/* NAVIGATOR BOUNDING BOX */
.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	top:0;
	display:none;
}

/* NAVIGATOR BUTTONS (based on button-core.css) */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn  {
	display: -moz-inline-box; /* Gecko */
	display: inline-block; /* IE, Opera and Safari */
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	display: block;
	*display: inline-block; /* IE */
	*overflow: visible; /* Remove superfluous padding for IE */
	border: none;
	background-color: transparent;
	cursor: pointer;
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}


.report
{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;

	border:2px solid #ADADAD;
	margin-bottom:15px;
}
.report thead th
{

font-size:90%;
text-align:center;
	margin-bottom:3px;
	padding:3px;
//	aborder-bottom:2px solid #EEEEEE;


}

.report tr td
{
//	aborder-bottom:1px solid inherit;
//	aborder-top:1px solid inherit;

//	aborder-bottom:1px hidden #222222;
//	aborder-top:1px hidden #222222;


}

.report tr:hover td
{
	aborder-bottom:1px solid #222222;
	aborder-top:1px solid #222222;
	font-style: oblique;
	background-color:rgba(255,255,255,0.2);
}

.report  tr td
{
font-size:85%;
padding:2px;
text-align:center;
	wborder-left:1px solid #ADADAD;

	wborder-right:1px solid #ADADAD;

}
.report  tr th
{
font-size:90%;
padding:2px;
text-align:center;
	margin-top:3px;
	padding-top:3px;
}

.report tr.even
{
	background-color:#EEEEEE;
	color:#222222;

}

#auditLog tr{
	cursor: pointer;
}

thead #auditLogSort{
	cursor: pointer;
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	-o-user-select:none;
	text-decoration: underline;
}

.modalDialog{
	position: fixed;
	top: 0;
	right :0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target{
	opacity: 1;
	pointer-events: auto;
}

.modalDialog > div{

	width:500px;
	position:relative;
	margin: 10% auto;
	padding: 20px, 40px, 20px, 40px;
	background: #FFF;
	font-size: 120%;
	border-radius: 10px;
	background-color:#FFF;
	border:4px solid #ADADAD;
}
.modalDialog span
{
	display:block;
	width: 490px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    border-bottom-color: black;
	background-color:#EEEEEE;
	padding: 5px;
}

.modalDialog #popupTitle , .modalDialog #popupText
{
	text-align:center;
}

.modalDialog #buttonCenter
{
	 margin: 5px;
}

.modalDialog #popupButton , .modalDialog #popupButtonCancel
{
	margin: 5px;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #FFBE00; }

div[ReportType="SimultaneousCalls"]{
	width: 50%;
    margin: 0 auto;
    display: block;
}