body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: rgb(27, 66, 152);
}

body#login-page {
	background: #fff;
}

a {
	color: rgb(27, 66, 152);
	text-decoration: none;
}

pre {
	color: rgb(27, 66, 152);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
/*-------------------------------------------------------------------------------*/
/* The feedback message. This is the default state - on load, it is NOT visible. */

#feedback {
	position: absolute;
	top: -50px;
	left:60%;
	border: 1px solid #ccc;
	background: #ffffcc url(Images/icon-feedback.gif) no-repeat 4px;
	color: #930;
	font-weight: bold;
	font-style: italic;
	padding: 8px 12px 5px 40px;  
}


/* The state when it's visible. */
#feedback.visible {
	top: 7px;
}
/* The state that we should be pulsating to. */
#feedback.pulse {
	background-color: #ffffff;
}

/*-------------------------------------------------------------------------------*/
/* The header.                                                                   */
/* Everything here is absolutely positioned within the header block itself.      */

#header {
	background: white url(Images/top-bg.gif) repeat-x top left;
	height: 86px;
}

#header-content {
	width: 1050px;
	margin: 0 auto;
	position: relative;
	height: 86px;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;
}

#tag {
	position: absolute;
	right: 0;
	bottom: -20px;
}

#main-navigation {
	height: 36px;
	position: absolute;
	bottom: 0;
	right: 230px;
	background: url(Images/nav-bg-divider.gif) repeat-x top left;
	line-height: 36px;
}
#main-navigation ul {
	display: block;
	margin: 0 -5px;
	padding: 0;
	list-style-type: none;
}
#main-navigation li {
	display: block;
	margin: 0;
	float: left;
	background: url(Images/nav-bg-default.gif) repeat-x -20px 0;
	margin-right: 1px;
}
#main-navigation li.first {
	background-position: 0px 0px;
}
#main-navigation li.last {
	background-position: 100% 0;
	margin-right: 0;
}
#main-navigation a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 0 16px;
	display: block;
}
#main-navigation li.active {
	background-image: url(Images/nav-bg-at.gif);
}
#main-navigation li.active a {
	color: white;
}

#main-navigation li a:hover {
	background: url(Images/nav-bg-hover.gif) repeat-x -20px 0;
}
#main-navigation li.first a:hover {
	background-position: 0px 0px;
}
#main-navigation li.last a:hover {
	background-position: 100% 0;
}
#main-navigation li.active a:hover {
	color: rgb(27, 66, 152);
}

#account-nav {
	position: absolute;
	right: -2px;
	top: 10px;
}
#account-nav ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	line-height: 20px;
	font-size: 11px;
}
#account-nav ul li {
	float: left;
	padding: 0 8px;
}
#account-nav ul li a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#account-nav .logout {
	background: url(Images/copy_but-sign-out-bg.gif) top left;

}
#account-nav a:hover {
	color: black;
}

/*-------------------------------------------------------------------------------*/
/* Content areas                                                                 */

#body {
	border-top: 24px solid rgb(27, 66, 152);
	background: white;
	padding: 20px 0;
}

#body-content {
	width: 1050px;
	margin: 0 auto;
	min-height: 570px;
	position: relative;
}


.left-column {
	float: left;
	width: 330px;
}
.left-column-Home {
	float: left;
	width: 390px;
}


.right-column {
	float: right;
	width: 580px;
}


/*-------------------------------------------------------------------------------*/
/* The footer                                                                    */

#footer-content {
	position: relative;
	width: 1050px;
	height: 10px;
	margin: auto auto;
	color: white;
	font-size: 10px;
	line-height: 15px;

}

#footer-content a {
	color: white;
}

#version {
	position: absolute;
	right: 0;
}


/*-------------------------------------------------------------------------------*/
/* Widgets                                                                       */

.widget {
	margin-bottom: 13px;
}

.widget .title {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 35px;
}

.widget .title img {
	float: left;
	padding: 6px 6px 5px 6px;
}

.widget .content {
	padding: 0px;
}

/* The left column and right columns have different top/bottom images because they are sized
* differently. If they had square corners instead, this would be irrelevant. */
.left-column .widget .title {
	background: url(Images/widget-small-top.png) no-repeat top left;
}
.left-column-Home .widget .title {
	background: url(Images/widget-small-top.png) no-repeat top left;
}
.left-column .widget .content {
	background: #ccc url(Images/widget-small-bottom.gif) no-repeat bottom left;
}
.left-column-Home .widget content {
	background: url(Images/widget-small-bottom.gif) no-repeat bottom left;
}

.right-column .widget .title {
	background: url(Images/widget-large-top.gif) no-repeat top left;
}

.right-column .widget .content {
	background: #ccc url(Images/widget-large-bottom.gif) no-repeat bottom left;
}

/*-------------------------------------------------------------------------------*/
/* The search panel (tweaks)                                                     */
/* -- This panel is also used for the search panel on the landing page of the    */
/*    Sites tab, and the advanced search box there. Yes, it's slightly different */
/*    but the styles are pretty similar.                                         */

#search .title {
	background: url(Images/widget-search-top.gif) no-repeat top left;
}

#search .content, .sites .table-column #search .content {
	background: rgb(225, 235, 250) url(Images/widget-search-bottom.gif) no-repeat bottom left;
	padding: 0 0 5px 0;
}

.content-section .search-column .search-box {
	background: rgb(225, 235, 250);
}

#search form, .search-box form {
	margin: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 16px;
}

/* Aligning Edit/Delete buttons with DropdownList in Language Management Tool */
#search form .control-language{
	float:right;
	height:28px;
	border-left:1px solid #ccc;
	padding:19px 0px 1px 18px;
	}
	#search form .control-language .delete-language-button{
		margin-left:4px;
		}

.search-box form {
	border: 0;
}

#search .search-box input, .search-column .search-box input {
	width: 231px;
	line-height: 35px;
	height: 35px;
	float: left;
	font-size: 24px;
	display: block;
	padding: 0;
}
#search .search-box .submit-button, .content-section .search-box .submit-button {
	width: 100px;
	text-align: center;
	line-height: 38px;
	float: left;
	display: block;
	text-align : center;
	vertical-align :middle;
	font-size : 14px;
	color : White;
	background: url(Images/but-search.png) no-repeat top left;
    text-transform: uppercase;
    font-weight: bold;
}
#search .options {
	line-height: 26px;
	clear: both;
}

#search .option label {
	display: inline-block;
	padding: 0 4px;
}

input, select {
	margin: 0;
	padding: 3px;
	border-width: 1px;
	font-size: 13px;
}

.flexigrid div.pDiv input, .flexigrid div.pDiv select {
	padding: 0;
}

/* IE6 and 7 tweaks */
* html .option label {
	padding: 0 2px;
}

*:first-child+html .option label {
	padding: 0 2px;
}

#search .search-box br {
	height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------------------------------*/
/* The links panel.                                                              */
/* The table styles are also applied on the Sites landing page.                  */
/* (See the few items in this section in '.content-section #search'.)                      */

#links .content {
	padding: 0 0 5px;
}

#links .row {
	background: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	border-top: 0;
}
#links .expanded {
	background: #eee;
}

#links .row .link-title {
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 16px;
	background: url(Images/list-arrow-closed.gif) no-repeat 0 50%;
	cursor: pointer;
	cursor: hand;			/* Error according to the W3C CSS validator: "hand" is not a valid cursor value.
	* Yes, I know this. IE does not recognize "pointer" here. */
}
#links .hover .link-title {
	color: #666;
}

#links .expanded .link-title {
	background-image: url(Images/list-arrow-open.gif);
}
#links .row .links {
	float: right;
	font-weight: bold;
}
#links .row .item {
	line-height: 32px;
}
#links .row .item-content {
	display: block;
	height: 0px;
	overflow: hidden;
	background: white;
	border: 0px solid #ccc;
}
#links .expanded .item-content, .content-section .search-column .item-content {
	border: 1px solid #ccc;
	height: auto;
}

#links table .number, .content-section .search-column table .number {
	font-weight: bold;
	text-align: right;
	width: 40px;
}
#links table .quantity, .content-section .search-column table .quantity {
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	width: 80px;
}
#links table .quantity small, .content-section .search-column table .quantity small {
	font-size: 0.6em;
}

/*-------------------------------------------------------------------------------*/
/* Announcements                                                                 */

#notices .title {
	background-image: url(Images/widget-announcements-top.gif);
}

#notices .content {
	background-color: rgb(252, 251, 203);
	background-image: url(Images/widget-announcements-bottom.gif);
	padding:  0 15px 5px 0px;
}

#notices .content .scroller {
	height: auto;
	overflow-y: auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#notices .content .row {
	border-bottom: 1px solid #ccc;
	padding: 16px;
}

/*-------------------------------------------------------------------------------*/
/* Activities / messages / tabs                                                  */

#activity .title .button {
	float: left;
	padding: 0 8px;
	color: #333;
	line-height: 35px;
	cursor: pointer;
	cursor: hand;			/* Error according to the W3C CSS validator: "hand" is not a valid cursor value.
	* Yes, I know this. IE does not recognize "pointer" here. */
}

#activity .title .active {
	background: url(Images/widget-tab-bg-at.gif) repeat-x;
	color: #fff;
}

#activity .content {
	padding: 0 0 5px;
	background-color: #fff;
	position: relative;
	height: 365px;
}

#sysOptions .column-header .button {
	float: left;
	padding: 0 15px;
	color: #333;
	line-height: 32px;
	cursor: pointer;
	cursor: hand;              /* Error according to the W3C CSS validator: "hand" is not a valid cursor value.
	* Yes, I know this. IE does not recognize "pointer" here. */
}

#sysOptions .column-header .active {
	background: url(../../Content/Images/widget-tab-bg-at.gif) repeat-x;
	color: #fff;
}

/* IE6, standards mode or not, regards height and width as including borders & padding;
* IE7 and every other browser has it outside (unless, as in some newer browsers,
* it is explicitly specified with "box-sizing: border-box;". */

* html #activity .content {
	height: 405px;
}

#activity .content .scroller {
	height: 365px;
	position: absolute;
	width: 563px;
	top: 0;
	left: 0;
	overflow-y: auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	z-index: 2;
	opacity: 1;
}

#activity .content .hidden {
	/* overflow: hidden; */
	opacity: 0;
	z-index: 1;
	filter: alpha(opacity=0);		/* IE does not support 'opacity'; it does, however, support "filter". Of course,
	* it is a syntax error, because 'alpha(' is an unknown function, and a property
	* error, since 'filter' is not a defined CSS property. */
}

.content .not-loaded, .popover.not-loaded {
	background: White url(Images/loader.gif) no-repeat 50% 50%;
}

.not-loaded-small {
	background: url(Images/ajax-loader.gif) no-repeat center;
}

.popover.not-loaded *
{
	visibility: hidden;
}
#activity .content .row {
	margin-top: -1px;
	border-top: 1px solid #ccc;
	padding: 16px;
}

#activity .content .row .date {
	border: 2px solid rgb(225, 235, 250);
	float: left;
	text-align: center;
	margin-right: 16px;
	font-size: 80%;
	font-weight: bold;
}
#activity .date .day {
	padding: 3px 8px;
	font-size: 1.7em;
	background: white;
	font-weight: bold;
}
#activity .date .month {
	background: rgb(225, 235, 250);
	text-transform: uppercase;
}

#activity .content .row { position: relative; }
#activity .content .row .buttons {
	float: right;
	margin-left: 16px;
	line-height: 32px;
}
#activity .content .row .buttons a {
	width: 110px;
	height: 22px;
	display: inline-block;
	margin: 0;
	line-height: 22px;
	margin: 0 6px;
	vertical-align: middle;
	font-weight:bold;
	color :White;
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
}


#activity .content .accept {
	background: url(Images/but-accept.jpg) no-repeat;
}
#activity .content .accept:hover {
	background: url(Images/but-accept-hover.jpg) no-repeat;
}
#activity .content .decline {
	background: url(Images/but-decline.jpg) no-repeat;
}
#activity .content .decline:hover {
	background: url(Images/but-decline-hover.jpg) no-repeat;
}
#activity .content .row .buttons a.delete {
	width: 22px;
	position:absolute ; top: 50%; right: 16px; margin-top: -11px;
	background: url(Images/x.gif) no-repeat 50% 50%;
}
#activity .content .row .buttons a.delete:hover {
	background-image: url(Images/x-hover.gif);
}
#activity p, #notices p {
	margin-top: 0;
	margin-bottom: 0em;
}

#notices .notice-title {
	color: #cc6600;
}


.activity-scroller table {
	margin: 15px;
	font-size: 0.9em;
	width: 500px;
	border-spacing: 0;
}
.activity-scroller tr th {
	text-align: left;
	padding: 7px 0;
}

.activity-scroller tr td {
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 7px 0;
}

/* tables -------------------------------------------------------------------------*/
table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 97%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	color: rgb(27, 66, 152);
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}


table.devices {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #CDCDCD;
	margin:5px 0pt 5px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.devices thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	color: rgb(27, 66, 152);
	padding: 4px;
}
table.devices thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
    font-weight:bold;
}
table.devices tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.devices tbody tr.odd td {
	background-color:#F0F0F6;
}
/*-------------------------------------------------------------------------------*/
/* Sites / Reports: columns                                                                */

/*
The column structure in Sites is:
column, more-columns?
Where "more-columns" is either a single column ('.last-column') or another pair
of columns. This was done so more columns could be inserted without having to fiddle
the width of the primary content - it'll automatically size, since the only thing that's
fixed in any of them is the amount of left margin on the 'next column' area.
*/

#body-content.content-section-body {
	width: auto;
}

.columns .this-column {
	float: left;
	width: 160px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	padding: 0 0;
	position: relative;
	height: 550px;
}

.columns .site-info-column {
	width: 340px;
	border: 0px;
	background: transparent;
}
.columns .site-info-column-sites {
	width: 375px;
	border: 0px;
	background: transparent;
}
.columns .site-info-column-keyholder {
	width: 375px;
	border: 0px;
	background: transparent;
}

.columns .wide-column {
	width: 375px;
}

.columns .wider-column {
	width: 400px;
}

.columns .next-column, .columns .last-column {
	margin-left: 170px;
}
.columns .last-column-keyholder {
	margin-left: 350px;
}
.columns .last-column-site {
	margin-left: 350px;
}
.columns .last-column, .columns .no-column-split .this-column {
	position: relative;
	height: 550px;
	border: 1px solid #ccc;
}
.columns .last-column-keyholder {
	position: relative;
	height: 550px;
	border: 1px solid #ccc;
}
.columns .last-column-site {
	position: relative;
	height: 550px;
	border: 1px solid #ccc;
}
.columns .no-column-split .this-column {
	width: 100%;
}
.columns .site-details-column, .columns .after-wide-column {
	margin-left: 410px;
}

.columns .last-column-no-border {
	border: 0;
}

.columns .nav-column, .columns .table-column, .columns .report-config {
	overflow-x: auto;
	overflow-y: auto;
	height: 500px;
	margin: 32px 0;
}

/* .columns .auto-height .nav-column {
height: auto;
} */
.columns .table-column {
	overflow-y: hidden;
}
.columns .report-config {
	margin: 32px 0;
	overflow-y: scroll;
}

/*-------------------------------------------------------------------------------*/
/* Sites: navigation entries (the big buttons on the left)					     */

.columns .nav-column {
	padding: 0px;
}

/* The left-hand navigation is structured as a definition list:
dl
dt: this is the header
dd ( a ): These are the buttons
*/

.nav-column dl dd, .nav-column ul li {
	margin: 0;
}

.columns .nav-column dl, .columns .nav-column ul {
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 8px;
	margin: 0;
	font-size: 11px;
}

.columns .nav-column ul {
	list-style-type: none;
}
.columns .nav-column dl dt {
	line-height: 16px;
	font-size: 10px;
	color: #666;
}

.columns .nav-column dl dd a, .columns .nav-column ul li a {
	padding: 4px 8px;
	/* -moz-border-radius and -webkit-border-radius apply the same rounded corners in Firefox
	* and Safari. The unprefixed 'border-radius' property is only supported in the IE9
	* previews. */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	background: #fff;
	display: block;
	color: rgb(27, 66, 152);
	display: block;
	white-space: nowrap;
}

.columns .nav-column dl dd.active a, .columns .nav-column dl dd.active a:hover,
.columns .nav-column ul li.active a, .columns .nav-column ul li.active a:hover,
.columns .nav-column div.groups table.active, .columns .nav-column div.groups table.active:hover,
.columns .nav-column ul li#selected-group-item > a, .columns .nav-column ul li#selected-group-item > a:hover {
	/* The active node doesn't change style. when hovered. */
	background: rgb(27, 66, 152);
	color: white;
}

.columns .nav-column dl dd a:hover,
.columns .nav-column ul li a:hover,
.columns .nav-column div.groups table:hover {
	color: #000;
	background: rgb(225, 235, 250);
}
/*-------------------------------------------------------------------------------*/
/* Sites: column headers & footers                                               */

.columns .column-header, .columns .column-footer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 8px;
	height: 32px;
	line-height: 32px;
	background-image: url(../../Scripts/flexigrid/css/flexigrid/images/wbg.gif);
	background-repeat: repeat-x;
	background-position: -1px left;
	background-color: #ccc;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.devices-column-header{
	top: 0;
	left: 0;
	right: 0;
	padding: 0 8px;
	height: 32px;
	line-height: 32px;
	background-position: -1px left;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.table-column .column-header {
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
}
* html .columns .column-header, * html .columns .column-footer {
	width: 150px;
}
.columns .column-header {
	/* For the action menu, to pull the column header up above other elements. */
	z-index: 100;
}

.columns .column-footer {
	top: auto;
	bottom: 0px;
	background-position: 0px left;
}

.columns .left-nav {
	background: #e3e3e3;
}

.columns .left-nav .column-header, .columns .left-nav .column-footer {
	background-image: url(Images/wbg-dark.gif);
}

.columns .table-column-no-header {
	margin: 0;
	overflow-y: auto;
}

.columns .table-column .column-header {
	text-align: right;
	line-height: 32px;
}

.columns .column-header button {
	line-height: 12px;
	height: 20px;
	margin: 6px 0;
}

.columns .column-footer button {
}

.columns .table-column div.content {
	padding: 0 8px;
}

h1 {
	margin: 0;
}

/*-------------------------------------------------------------------------------*/
/* Sites: The action menu                                                        */

.dropdown {
	float: left;
	line-height: 24px;
	padding: 2px 4px;
	margin: 3px 0;
	text-align: left;
	position: relative;
	width: 200px;
}

*:first-child+html .dropdown {
	width: 224px;
}

/* '.content' is the content area. When it's closed, it's styled to be large enough to show the label element. */
.dropdown .content, .report-config .dropdown .content, *:first-child+html .columns .report-config .dropdown .content {
	overflow: hidden;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: white;
	line-height: 24px;
	font-size: 12px;
	border: 0px solid transparent;
	height: 24px;
	list-style-type: none;
	padding: 0;
	bottom: auto;
	right: auto;
}

/* .open is applied to the dropdown when it opens. (Yes, this should be specified as '.dropdown.open', but the rule will have
* to be changed if IE6 is ever supported since it parses a simple selector "tag.class.otherclass" to be "tag.otherclass";
* the intervening ".class" is discarded since it only seems to understand one class per simple selector.) */
.open {
	z-index: 100;
}
*:first-child+html .columns .report-config .open .content, .report-config .open .content, .open .content {
	height: auto;
	border-width: 1px;
	border-color: #1B4298;

	z-index: 100;
	overflow: visible;
}

.dropdown li.label {
	border: 1px solid #ccc;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	background: #fff;
	padding: 0 25px 0 10px;
	line-height: 22px;
	display: block;
	cursor: pointer;
	cursor: hand;			/* Error according to the W3C CSS validator: "hand" is not a valid cursor value.
	* Yes, I know this. IE does not recognize "pointer" here. */
}

.open li.label { border-width: 0; background: #1b4298; color: #fff; }

/* The rest of the list items. */
.dropdown li {
	margin: 0;
	padding: 0 6px 0 10px;
	white-space: nowrap;
	line-height: 28px;
	border-top: 1px solid #ccc;
	cursor: pointer;
	cursor: hand;			/* Error according to the W3C CSS validator: "hand" is not a valid cursor value.
	* Yes, I know this. IE does not recognize "pointer" here. */
	color: rgb(27, 66, 152);
	display: block;
	float: none;
	position: relative;
	z-index: 1000;
}

*:first-child+html .dropdown li {
	border-top: 0;
}

*:first-child+html .dropdown li.label {
	border-top: 1px solid #ccc;
}

/* And the mouseover state. */
.dropdown li.hover {
	background: rgb(225, 235, 250);
	color: black;
}

.dropdown li.disabled
{
	background-color:#CCCCCC;
	font-style:oblique;
}

/* Submenus in the dropdown: they poke out off the right. */
.dropdown .submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -1px;
	margin-left: -10px;
	z-index: 10011;
	background: white;
	list-style-type: none;
	padding: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #1B4298;
}

.dropdown li.hover {
	z-index: 1001;
}

.dropdown li.hover .submenu {
	display: block;
}

/* Widths here are fiddled in IE7 because otherwise it gets screwy with the width. */
*:first-child+html .dropdown li { width: 184px; margin-top: 0; margin-bottom: 0; }
*:first-child+html .dropdown li.label { width: 185px; margin-top: 0; margin-bottom: 0; }
*:first-child+html .dropdown .submenu li { width: 100px; margin-top: 0; margin-bottom: 0; }

/*-------------------------------------------------------------------------------*/
/* Sites: The group panel. (More correctly, the list of owners, groups, etc, in  */
/* the second column.                                                            */

.columns .nav-column ul.groups {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.columns .nav-column ul.groups ul {
	padding: 0;
}
.columns .nav-column ul.groups li { margin: 0; }
.columns .nav-column ul.groups li a {
	margin: 0;
	font-weight: bold;
	padding: 8px 4px 8px 8px;
	background: #fff;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-top: 1px solid #ccc;
}
.columns .nav-column ul.groups li > ul li a { font-weight: normal; padding: 4px 4px 4px 8px; border: 0; }

.columns .nav-column ul.groups li.even > a /* , .columns .nav-column ul.groups li li.even > a, .columns .nav-column ul.groups li li li.even > a */ {
	background: #fff;
	color: rgb(27, 66, 152);
}
.columns .nav-column ul.groups li.odd > a /* , .columns .nav-column ul.groups li li.odd a, .columns .nav-column ul.groups li li li.odd a */ {
	background: #f7f7f7;
	color: rgb(27, 66, 152);
}
.columns .nav-column ul.groups li.even > a:hover,
.columns .nav-column ul.groups li.odd > a:hover
/* ,
.columns .nav-column ul.groups li li.even a:hover,
.columns .nav-column ul.groups li li.odd a:hover,
.columns .nav-column ul.groups li li li.even a:hover,
.columns .nav-column ul.groups li li li.odd a:hover */ {
color: #000;
background: rgb(225, 235, 250);
}

.columns .nav-column ul.groups li li {
	text-indent: 10px;
}
.columns .nav-column ul.groups li li li {
	text-indent: 20px;
}
.nav-column div.groups table.even {
	background: #fff;
	width:100%
}
.nav-column div.groups table.odd {
	background: #f7f7f7;
	width: 100%;
}

/*-------------------------------------------------------------------------------*/
/* Sites: The "Add Site" button.                                                 */

.add-content-button, .back-to-content-section-button {
	position: absolute;
	right: 0px;
	top: -11px;
}
.add-content-addbutton {
	position: absolute;
	right: 0px;
	top: -11px;
}

.back-to-content-section-button {
	top: -8px;
}
.back-to-content-section-button a {
	display: block;
	line-height: 34px;
	background: url(Images/img-back-arrow.gif) no-repeat 100% 2px;
	padding-right: 35px;
	font-size: 12px;
	text-transform: uppercase;
	position: static;
	top: 3px;
	font-weight: bold;
}
.add-content-button-container .add-content-button {
	position: static;
}
.add-content-button-container :hover
{
    background-image : url(Images/but-add-administrator-hover-1.png); 
}


.add-content-button a
{
	left: 8px;
	width: 125px;
	height: 40px;
	display:inline-block;
	background: url(Images/but-add.png) no-repeat top left;
	font-size : 14px;
	color : White;
	text-indent : 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.add-content-button a .add-content-button-text
{
	display : inline-block;
	font-size : 14px;
	color : White;
	text-indent : 10px;
	cursor : pointer;
    margin-top: 12px;
    margin-left: 4px;
    font-weight: bolder;
}

.add-content-button a .add-content-button-text-top
{
    display : inline-block;
	font-size : 14px;
	color : White;
	text-indent : 10px;
	cursor : pointer;
    margin-left: 4px;
    font-weight: bolder;
}

.add-keyholder-button a {
	width: 185px;
	background-image: url(Images/but-add-keyholder.png)
}

.add-division-button a {
	width: 155px;
	background-image: url(Images/but-add-division.png);
    text-align: center;
    padding-top: 12px;
}

.add-administrator-button a {
	width: 215px;
	background-image: url(Images/but-add-administrator.png);
}
.add-content-button a:hover {
	background-image: url(Images/but-add-hover.png);
}

.add-keyholder-button a:hover {
	background-image: url(Images/but-add-keyholder-hover.png);
}
.add-division-button a:hover {
	background-image: url(Images/but-add-division-hover.png);
}
.add-administrator-button a:hover {
	background-image: url(Images/but-add-administrator-hover.png);
}

.add-administrator-text{
	display : inline-block;
	margin-top : 12px;
	margin-left : 10px;
	text-align : center;
	font-size : 14px;
	color : White;
	text-indent : 5px;
	cursor : pointer;
}

h1.content-section-header, h1.reports-header {
	margin-top: -6px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

/*-------------------------------------------------------------------------------*/
/* Sites: The "No Content" bits.                                                 */

/* Positioning here is to make the text vertically center within the box. */
.content-section .no-content {
	height: 100%;
	z-index: 1000;
	overflow: hidden;
}
.content-section .no-content .content {
	position: relative;
	height: 100%;
}
.content-section .no-content h2 {
	position: absolute;
	top: 50%;
	text-align: center;
	margin-top: -16px;
	height: 32px;
	width: 100%;
	line-height: 32px;
	color: #999;
	font-weight: normal;
	font-style: italic;
	overflow: hidden;
}


/*-------------------------------------------------------------------------------*/
/* Sites: Action button styles [delete, edit, search, close]                     */

.trash, .edit, .columns .column-header form.search-box button, .popover .header .close-button, .flexigrid input.search-button {
	width: 25px;
	height: 25px;
	background: transparent url(Images/list-icons.png) no-repeat;
	padding: 0;
	margin: 5px 4px 0 0;
	display: block;
	float: left;
	text-indent: -10000px;
	border: 0;
}

.language-search-box {
    top:6px;
    right:100px;
    position:absolute;
}



.language-search-box button {
    width: 24px;
	height: 24px;
    top:-1px;
    left:160px;
    position:absolute;
	background: transparent url(Images/widget-icon-search.gif) no-repeat;
}

.language-search-box input.default {
	color: #666;
}

.popover .header .close-button {
	float: right;
	margin: 10px;
	background-position: -3px -93px;
}

.edit {
	background-position: -3px -3px;
}
.trash {
	background-position: -3px -33px;
}
.edit:hover {
	background-position: -33px -3px;
}
.trash:hover {
	background-position: -33px -33px;
}
.columns .column-header form.search-box button:hover, .flexigrid input.search-button:hover {
	background-position: -33px -63px;
}
.popover .header .close-button:hover {
	background-position: -33px -93px;
}

#add-button {
	background: url(Images/but-add-sm.png) no-repeat top left;
	width: 100px;
	height: 22px;
	border: 0;
	padding: 0;
}

#add-button:hover 
{
    color:White;
	background-image: url(Images/but-add-sm-hover.png);

}

.add-button-text
{
	display : inline-block;
	margin-top: 0px;
	margin-left : 0px;
	text-align : center;
	vertical-align :middle;
    color : #003366;
	text-indent: 0px;
	font-size : 10.5px;
	font-family : Arial;
	font-weight : bold;
}

.add-button-text2
{
	display : inline-block;
	margin-top: 0px;
	margin-left : 19px;
	text-align : center;
	vertical-align :middle;
	color : #003366;
	text-indent: 0px;
	font-size : 10.5px;
	font-family : Arial;
	font-weight: bolder;
	text-transform: uppercase;
}


#transfer-button {
	background: url(Images/but-transfer-sm.png) no-repeat top left;
	width: 90px;
	height: 19px;
	border: 0;
	padding: 0;
	margin-top: 5px;
}
#transfer-button:hover {
	background-image: url(Images/but-transfer-sm-hover.png);
}

.single-close-button
{
	position : absolute;
	left : 0px;
}

.single-close-button-text
{
	position : relative;
	display : inline-block;
	top : -4px;
}

/*-------------------------------------------------------------------------------*/
/* Sites: The search box                                                         */

.content-section form.search-box {
	float: right;
	line-height: 32px;
	padding: 0 170px 0 0;
	position: relative;
}
.content-section form.search-box input {
	padding: 3px;
	position: absolute;
	right: 32px;
	top: 4px;
	width: 120px;
}
.content-section form.search-box input.default {
	color: #666;
}

.columns .column-header form.search-box button {
	position: absolute;
	right: 0px;
	top: 4px;
	display: block;
	margin: 0;
	background-position: -3px -63px;
}

/*-------------------------------------------------------------------------------*/
/* Sites: Arrows                                                                 */

.left-arrow, .right-arrow {
	background: transparent url(Images/arrows.png) no-repeat;
}
.right-arrow {
	background-position: -24px -12px;
	text-indent: -10000px;
	width: 16px;
}
.left-arrow {
	display: inline-block;
	background-position: -20px 7px;
	width: 22px;
	position: relative;
	top: -30px;
	text-indent: -22px;
	height: 52px;
}

*:first-child+html .left-arrow {
	vertical-align: bottom;
}

.down-arrow {
	background: transparent url(Images/drop-arrow.png) no-repeat 50% 50%;
	text-indent: -10000px;
	width: 20px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

*:first-child+html .down-arrow {
	right: 1px;
	border-right: 1px solid #ccc;
}

.open .down-arrow {
	background: url(Images/drop-arrow-active.png);
	border: 0 !important;
}

/*-------------------------------------------------------------------------------*/
/* Sites: Popovers: Various styles...                                            */

.popover input {
	padding: 3px;
}
.small input {
	width: 300px;
}

.flexigrid input.search-button {
	margin: 0;
	background-position: -3px -63px;
	float: none;
	display: inline;
}

.popover {
	position: absolute;
	position: fixed;
	top: 50%;
	left: 50%;
	font-size: 120%;
	z-index: 10000;
	background: white;
	border: 10px solid #333;
	-webkit-box-shadow: #000 0px 3px 6px;
	-moz-box-shadow: #000 0px 3px 6px;
	padding: 20px 20px 65px 20px;
}
.large {
}

.popover .footer, .popover .header {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../../Scripts/flexigrid/css/flexigrid/images/wbg.gif);
	background-repeat: repeat-x;
	background-position: 0px left;
	height: 45px;
	background-color: #ccc;
}
.popover .header {
	bottom: auto;
	top: 0;
}

.small {
	width: 400px;
	margin-left: -160px;
}

.large {
	width: 660px;
	margin-left: -330px;
}

.popover .footer button, #delete  {
	width: 120px;
	height: 34px;
	border: 0;
	padding: 0;
	margin: 0;
}

.popover .one-button {
	text-align: center;
	
}
*:first-child+html .small .one-button {
	width: 370px;
}
.popover .one-button button {
	position: static !important;
	margin-top: 6px;
	display: inline;
}

*:first-child+html .small .one-button button {
	position: absolute !important;
	left: 125px;
	margin-top: 0;
}
*:first-child+html .large .one-button button {
	position: absolute !important;
	left: 290px;
	margin-top: 0;
}
.popover .footer .cancel-button {
	position: absolute;
	left: 8px;
	top: 6px;
	background: url(Images/but-cancel.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	text-transform: uppercase;
	font-weight : bolder;
}

.popover .footer .save-button {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-save.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	text-transform: uppercase;
	font-weight : bolder;
}
.popover .footer .ok-button{
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(../../Content/Images/but-OK.png) no-repeat top left;
	font-weight:bold;
	color:White;
}
.popover .footer .supra-save-button {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-save.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	font-weight : bolder;
	text-transform: uppercase;
}
.popover .footer .send-button {
	position: absolute;
	right: 8px;
	top: 6px;
	text-transform:uppercase;
	background: url(Images/but-send.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	font-weight : bolder;
}

.popover .footer .assign-button {
	background: url(Images/but-assign.png) no-repeat top left;
}
.popover .footer .supra-assign-button {
	background: url(Images/but-assign.png) no-repeat top left;
}
.popover .footer .switch-button {
	background: url(Images/but-switch.png) no-repeat top left;
}
.popover .footer .unassign-button {
	background: url(Images/but-unassign.png) no-repeat top left;
}

.popover .footer .delete-button , #delete {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-delete.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	font-size : 14px;
	text-transform: uppercase;
	font-weight : bolder;
	color : White;
	text-indent: 0px;
	text-align : center;
	vertical-align: middle;
	color : White;
	line-height: 30px;
	float: left;
}

.popover .content .delete-ownergroup-button {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-admin-delete.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	font-size : 14px;
	text-transform: uppercase;
	font-weight : bolder;
	color : White;
	text-indent: 0px;
	text-align : center;
	vertical-align: middle;
	color : White;
	line-height: 30px;
	float: left;
}

#delete {
	right: auto;
	left: 8px;
	top: 8px;
}
.popover .footer .close-button, .single-close-button {
	position: absolute;
	top: 4px;
	background: url(Images/but-close.png) no-repeat top left;
	text-align: center;
	line-height: 38px;
	display: inline;
	vertical-align :middle;
	font-size : 14px!important;
	left : 8px!important;
	color : White;
    text-transform: uppercase;
    font-weight: bolder;
}
.popover .footer .close-button, .nothing-to-delete-button {
	position: absolute;
	top: 4px;
	background: url(Images/but-close.png) no-repeat top left;
	text-align: center;
	line-height: 38px;
	display: inline;
	vertical-align :middle;
	font-size : 14px;
	left : 130px;
	color : White;
}



.popover .footer .remove-button {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-remove.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	font-weight : bolder;
    text-transform: uppercase;
}

.popover .footer .continue-button {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-continue.png) no-repeat top left;
	text-align : center;
	text-transform:uppercase;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	font-weight : bolder;
}

.popover .footer .try-again-button {
	position: absolute;
	right: 8px;
	top: 6px;
	background: url(Images/but-try-again.png) no-repeat top left;
	text-indent: -10000px;
}

.popover .footer .cancel-button:hover {
	background-image: url(Images/LangManagement/but-cancel-hover.png);
}

.popover .footer .save-button:hover {
	background-image: url(Images/but-save-hover.png);
}
.popover .footer .ok-button:hover {
	background-image: url(../../Content/Images/but-OK-hover.png);
}
.popover .footer .supra-save-button:hover {
	background-image: url(Images/but-save-hover.png);
}
.popover .footer .send-button:hover {
	background-image: url(Images/but-send-hover.png);
}
.popover .footer .assign-button:hover {
	background-image: url(Images/but-assign-hover.png);
}
.popover .footer .supra-assign-button:hover {
	background-image: url(Images/but-assign-hover.png);
}
.popover .footer .switch-button:hover {
	background-image: url(Images/but-switch-hover.png);
}
.popover .footer .unassign-button:hover {
	background-image: url(Images/but-unassign-hover.png);
}
.popover .footer .delete-button:hover , #delete:hover {
	background-image: url(Images/but-delete-hover.png);
}
.popover .footer .continue-button:hover {
	background-image: url(Images/but-continue-hover.png);
}
.popover .footer .try-again-button:hover {
	background-image: url(Images/but-try-again-hover.png);
}
.popover .footer .remove-button:hover {
	background-image: url(Images/but-remove-hover.png);
}
.popover .footer .close-button:hover {
	background-image: url(Images/but-close-hover.png);
}

.popover h3, .popover p {
	margin-top: 0;
}
.popover h3 {
	font-size: 1.17em;
}
.popover .group-name 
{
    font-size: 100%;
}


#advanced-search input, #advanced-search select {
	width: 220px;
	padding: 3px;
}

#advanced-search td {
	height: 22px;
	vertical-align: bottom;
}

.content-section .search-column .search-box input {
	width: 331px;
}

/*-------------------------------------------------------------------------------*/
/* Sites: Advanced search                                                        */

.advanced-search-fields {
	margin: 0 -15px;
	padding-bottom: 50px;
}

.advanced-search-fields input, .advanced-search-fields select {
	line-height: 18px;
	border: 1px solid #ccc;
}

#advanced-search-buttons .advanced-search-submit {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 140px;
	height: 34px;
	background: url(Images/but-search-now.png) no-repeat top left;
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: 0px;
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	color : White;
	text-transform: uppercase;
	vertical-align: middle;
	display:block;
}

#advanced-search-buttons .advanced-search-submit:hover {
	background-image: url(Images/but-search-now-hover.png);
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error, .report-config input.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.popup-input-border
{
    border: 1px solid #ccc;
}


.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}


/*-------------------------------------------------------------------------------*/
/* Sites: Info Box                                                               */

.scroller, .info-box {
	font-size: 12px;
}
.scroller dl, .info-box dl {
	margin: 0;
}
.scroller dl dt, .info-box dl dt {
	color: #666;
	line-height: 1.6em;
}

.scroller dl dd, .info-box dl dd {
	color: #000;
	line-height: 1.3em;
	font-weight: bold;
	margin-left: 0;
	margin-bottom: 1em;
}

.scroller dl dd a, .info-box dl dd a {
	font-size: 0.9em;
	font-weight: normal;
}

.location-scroller, .device-scroller {
	padding: 8px;
}

#site-details .column-header, #keyholder-details .column-header, #inventory-details .column-header {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
}

#site-details .column-header img, #keyholder-details .column-header img, #inventory-details .column-header img {
	float: left;
	padding: 4px 6px 4px 0px;
}

#site-details .column-header .button, #keyholder-details .column-header .button, #inventory-details .column-header .button {
	float: left;
	padding: 0 12px;
	color: #333;
	line-height: 32px;
	cursor: pointer;
	cursor: hand;			/* Error according to the W3C CSS validator: "hand" is not a valid cursor value.
	* Yes, I know this. IE does not recognize "pointer" here. */
       border-right:solid;
       border-right-width:2px; 
       border-right-color:#CCCCCC;
}

#site-details .column-header .active, #keyholder-details .column-header .active, #inventory-details .column-header .active {
	background: url(Images/widget-tab-bg-at.gif) repeat-x;
	color: #fff;
}

#site-details .content .scroller, #keyholder-details .content .scroller, #inventory-details .content .scroller, .site-groups .access-permissions .scroller {
	position: absolute;
	width: 100%;
	top: 64px;
	left: 0;
	bottom: 32px;
	overflow-y: auto;
	z-index: 2;
	opacity: 1;
	visibility: visible;
}
.site-groups .access-permissions .scroller {
	top: 32px;
	bottom: 0;
}
#inventory-details .content .scroller {
	top: 32px;
}
#site-details .content .scroller .row, .site-groups .access-permissions .scroller .row {
	border-bottom: 1px solid #ccc;
	padding: 30px 30px 30px 100px;
	position: relative;
	font-size: 1.3em;
}

#site-details .content .scroller .row .details {
	max-width:400px;
}


#site-details .content .scroller .row a {
	font-size: 0.8em;
}
#site-details .content .scroller .row .buttons, .site-groups .access-permissions .scroller .row .buttons{
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -11px;
	height: 22px;
}
#site-details .content .row .buttons a, #site-details .cancel-access ,
.site-groups .access-permissions .scroller .row .buttons a {
	width: 150px;
	height: 22px;
	display: inline-block;
	margin: 0;
	left : 10px;
	line-height: 22px;
	margin: 0 6px;
	vertical-align: middle;
    text-align : center;
	color : #FFFFFF;
}
#keyholder-details .cancel-access, #keyholder-details .grant-access
{
    width: 60px;
	height: 22px;
	display: inline-block;
	margin: 0;
	left : 10px;
	line-height: 22px;
	margin: 0 6px;
	vertical-align: middle;
	color : #FFFFFF;
}

.site-groups .access-permissions .cancel-access 
{
    width: 120px;
	height: 22px;
	display: inline-block;
	margin: 0;
	left : 10px;
	line-height: 22px;
	margin: 0 6px;
	vertical-align: middle;
	color : #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background: url(Images/but-cancel-access.jpg) no-repeat;
}
.site-groups .access-permissions .cancel-access:hover {
	background: url(Images/but-cancel-access-hover.jpg) no-repeat;
}

.cancel-access-text {
	margin: 0;
	left : 10px;
	line-height: 22px;
	margin: 0 6px;
	vertical-align: middle;
	color : #FFFFFF;
	font-weight: bold;
    font-size:11px;
	text-align:center;
    text-transform: uppercase;
}


#keyholder-details .content .cancel-access {
	background: url(Images/but-cancel.gif) no-repeat;
}
#keyholder-details .content .cancel-access:hover {
	background: url(Images/but-cancel-hover.gif) no-repeat;
}

#site-details .content .cancel-access{
	background: url(Images/but-cancel-access.jpg) no-repeat;
}
#site-details .content .cancel-access:hover {
	background: url(Images/but-cancel-access-hover.jpg) no-repeat;
}


#keyholder-details .content .grant-access {
	background: url(Images/but-grant.png) no-repeat;
}
#keyholder-details .content .grant-access:hover {
	background: url(Images/but-grant-hover.png) no-repeat;
}

#site-details .content .grant-access {
	background: url(Images/but-grant-access.png) no-repeat;
}
#site-details .content .grant-access:hover {
	background: url(Images/but-grant-access-hover.png) no-repeat;
}


#keyholder-details .cancel-access, #keyholder-details .grant-access
{
	text-indent:0px;
	text-align:center;
	color:White;
}

.columns #site-location-box .column-header, .columns #keyholder-details-box .column-header, .columns #hardware-info-box .column-header {
	border-top: 0;
}

.columns #site-device-box .column-footer, .columns #keyholder-key-box .column-footer, .columns #system-data-box .column-footer {
	border-bottom: 0;
}
#site-details .column-footer {
	z-index: 2;
}
#site-details .content .hidden, #keyholder-details .content .hidden, #site-details .hidden, #inventory-details .content .hidden {
	/* overflow: hidden; */
	opacity: 0;
	z-index: 1;
	filter: alpha(opacity=0);		/* IE does not support 'opacity'; it does, however, support "filter". Of course,
	* it is a syntax error, because 'alpha(' is an unknown function, and a property
	* error, since 'filter' is not a defined CSS property. */
	visibility: hidden;
}

.site-groups .access-permissions {
	width: 772px;
	position: absolute;
	top: 66px;
	bottom: 64px;
	left: 15px;
	border: 1px solid #ccc;
	background: #fff;
}
#site-details .content-header, #keyholder-details .content-header, #inventory-details .content-header, .site-groups .access-permissions-header {
	background: #666;
	color: white;
	position: absolute;
	top: 32px;
	height: 32px;
	left: 0;
	right: 0;
	padding: 0 8px;
	line-height: 32px;
	z-index: 110;
}
.site-groups .access-permissions-header { top: 0; }
.content-header .dropdown, .site-groups .access-permissions-header .dropdown {
	top: 1px;
}
.content-header a {
	color: white;
	font-weight: bold;
	display: inline-block;
	padding-left: 20px;
	background: transparent url(Images/icon-window.gif) no-repeat 0 50%;
}
.content-header a:hover {
	text-decoration: underline;
}
.content-header button {
}
.content-header button:active {
}

.info-box .device-not-assigned {
	display: none;
}

.info-box .device-assigned {
	display: inline-block;
}

.no-device .device-assigned {
	display: none;
}

.no-device .device-not-assigned {
	display: inline-block;
}
p.no-device-assigned {
	color: #f00;
	font-style: italic;
	font-size: 1.1em;
	margin: 0;
}

#program-device table th {
	font-weight: normal;
	text-align: left;
	color: #333;
}

#update-location-button {
	width: 132px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent url(Images/but-update-location-sm.png) no-repeat top left;
}
#update-location-button:hover { background-image: url(Images/but-update-location-sm-hover.png); }

#vendor-invite{
	width: 140px;
	height: 42px;
	display: block;
	margin: 0 auto;
	background: transparent url(Images/but-remove-sm-left.png) no-repeat top left;
	text-transform: uppercase;
	text-align: center;
}


#vendor-invite {
	background-image: url(Images/but-send-vendor-invite-sm-left.png);
}
#vendor-remove:hover {
	background-image: url(Images/but-remove-sm-hover.png);
	color: White;
}
#vendor-invite:hover {
	background-image: url(Images/but-send-vendor-invite-sm-hover.png);
	color: White;
}

.vendor-invite-text
{
	display: inline-block;
	position :relative;
	left : -8px;
	top : 2px;
	font-size : 9.5px;
	color : #003366;
	cursor : pointer;
	text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

#get-access-code-button {
	width: 135px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-get-access-code-sm.png) no-repeat top left;
}
#get-access-code-button:hover { background-image: url(Images/but-get-access-code-sm-hover.png); }

#delete-site-button {
	width: 98px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-delete-site-sm.png) no-repeat top left;
}
#delete-site-button:hover { background-image: url(Images/but-delete-site-sm-hover.png); }

#assign-device-button {
	width: 114px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-assign-device.png) no-repeat top left;
}
#assign-device-button:hover { background-image: url(Images/but-assign-device-hover.png); }

.activity-log-scroller, .division-administrators-scroller, .division-keyholders-scroller, .keyholder-permissions-scroller, .keyholder-syspermissions-scroller{
	overflow: hidden !important;
	bottom: 0px !important;
}

#replace-device-button {
	width: 78px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-replace-device-sm.png) no-repeat top left;
}
#replace-device-button:hover { background-image: url(Images/but-replace-device-sm-hover.png); }

#remove-device-button {
	width: 72px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-remove-device-sm.png) no-repeat top left;
}
#remove-device-button:hover { background-image: url(Images/but-remove-device-sm-hover.png); }

#program-device-button {
	width: 157px;
	height: 22px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-program-diagnose-sm.png) no-repeat top left;
}
#program-device-button:hover { background-image: url(Images/but-program-diagnose-sm-hover.png); }

#activity-log-set-date-range {
	width: 37px;
	height: 19px;
	text-indent: -10000px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-set.png) no-repeat top left;
}
#activity-log-set-date-range:hover {
	background-image: url(Images/but-set-hover.png);
}
.activity-log-header input {
	height: 20px;
	font-size: 12px;
	width: 75px;
	padding: 0;
	line-height: 18px;
}
.popover .footer .cancel-now-button {
	width: 140px;
	font-size : 14px!important;
	background-image: url(Images/but-pop-cancel-access.png);
}
.popover .footer .cancel-now-button:hover {
	background-image: url(Images/but-pop-cancel-access-hover.png);
}
.popover .footer .grant-now-button {
	width: 140px;
	background-image: url(Images/but-pop-cancel-access.png);
}
.popover .footer .grant-now-button:hover {
	background-image: url(Images/but-pop-cancel-access-hover.png);
}
*:first-child+html #site-details .content-header button, *:first-child+html #keyholder-details .content-header button{
	position: relative;
	top: -13px;
	margin-right: 5px;
}
*:first-child+html #site-details .activity-log-header button, *:first-child+html #keyholder-details .activity-log-header button {
	position: static;
	margin-left: 5px;
}

button.ie7 { display: none; }
*:first-child+html .ie7 { display: inline-block; }

#weekday-start-time, #weekday-end-time { width: 40px; }
#saturday-start-time, #saturday-end-time { width: 40px; }
#sunday-start-time, #sunday-end-time { width: 40px; }

table tr.bold td { font-weight: bold; }
table tr.bold td .label { font-weight: normal; }

.report-config .content, .search-column {
	font-size: 12px;
}
#report-schedule {
	line-height: 22px;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 235px;
	border: 1px solid #ccc;
	padding: 8px;
	background: #fff;
	height: 2.0em;
	margin-bottom :5px;
}
*:first-child+html #report-schedule {
	width: 246px;
}
#report-schedule h3 {
	margin: 0 0 0.5em 0;
	font-weight: bold;
	font-size: 1em;
}
.report-config .field-label {
	display: block;
}
.report-config .field {
	height: 4.0em;
	line-height: 1.6em;
}
.report-config .field-auto-height {
	height: auto;
	margin-bottom: 0.75em;
}
.report-config input, .report-config select {
	line-height: 18px;
	border: 1px solid #ccc;
	width: 190px;
}
.report-config .field button {
	padding: 0;
	line-height: 1.3em;
}
.report-config input.file {
	line-height: initial;
	border: initial;
	width: auto;
}
*:first-child+html .report-config input.file {
	background: #fff;
}
.report-config .small-text input {
	width: 75px;
}
.report-config input.input-button {
	border: 0;
	width: auto;
}

.report {
	display: none;
       height:100%;
}
.reportSchedule {
       display:none;
       height:486px;
}
.reportImport {
       display:none;
       height:490px;
}
*:first-child+html .report {
	min-height: 225px;
}
.report-config .content, .search-column .content {
	position: relative;
	top: 32px;
	left: 0px;
	right: 0px;
	padding: 15px 15px 65px 15px;
	/* border: 1px solid #ccc; */
	margin-bottom: 16px;
}
/* .auto-height .content {
padding-bottom: 15px;
} */
.report-config .content {
	padding-bottom: 65px;
}
.search-column .content {
	/*border: 0;*/
}
.search-column .search-box {
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
}
*:first-child+html .report-config .content {
	position: relative;
	margin-bottom: 20px;
	padding-left: 7px;
	padding-right: 7px;
}
#report-schedule, #report-buttons {
	display: block;
}
.advanced-search-fields {
	position: relative;
}
#report-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-right: 140px;
	line-height: 30px;
	text-align: right;
	border-top: 1px solid #ccc;
	background: #eee;
}
 #advanced-search-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-right: 140px;
    padding-bottom: 17px;
	line-height:35px;
	text-align: right;
	border-top: 1px solid #ccc;
	background: #eee;
}
#edit-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-right: 140px;
	line-height: 50px;
	text-align: right;
	border-top: 1px solid #ccc;
	background: #eee;
}
#import-buttons{
	position:inherit;
	bottom: 0;
	left: 0;
	right: 0;
	padding-right: 140px;

	text-align: left;
	border-top: 1px solid #ccc;
}
#report-buttons .reset-button, #advanced-search-buttons .advanced-search-reset, #edit-buttons .edit-cancel {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 130px;
	height: 34px;
	padding: 0;
	margin: 0;
	font-size : 14px;
	color : #FFFFFF;
	border: 0;
	background: url(Images/but-reset.png) no-repeat top left;
	text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
}

.reset-button-text, .save-report-button-text, .run-report-button-text
{
	display : inline-block;
	position : relative;
	text-align : center;
	font-size : 16px;
	font-weight : bold;
	color : White;
}

.advanced-search-reset-text
{
	display : inline-block;
	position : relative;
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	color : White;
    text-transform: uppercase;
    font-weight: bold;
}

.advanced-search-submit-text
{
	display : inline-block;
	position : relative;
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	color : White;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
}

#edit-buttons .edit-delete {
	position: absolute;
	left: 136px;
	top: 8px;
	height: 34px;
	width: 260px;
	padding: 0;
	margin: 0;
	border: 0;
	text-align : center;
	font-size : 18px;
	vertical-align: middle;
	line-height:30px;
	color : White;
	background: url(Images/but-admin-delete.png) no-repeat top left;
}

.edit-delete-text
{
	display : inline-block;
	position : relative;
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	color : White;
}

#edit-buttons .edit-cancel {
	line-height: 30px;
	float: left;
	background: url(Images/but-cancel.png) no-repeat top left;
    font-size: 14px!important;
}

#edit-buttons .edit-cancel:hover {
	background: url(Images/LangManagement/but-cancel-hover.png) no-repeat top left;
}
#edit-buttons .edit-delete:hover {
	background: url(Images/but-admin-delete-hover.png) no-repeat top left;
}
#report-buttons .reset-button:hover, #advanced-search-buttons .advanced-search-reset:hover {
	background-image: url(Images/but-reset-hover.png);
}
#report-buttons .run-report-button {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 180px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	font-size : 14px;
	color : #FFFFFF;
	background: url(Images/but-run-report.png) no-repeat top left;
    text-transform: uppercase;
    font-weight: bold;
}
#report-buttons .save-report-button {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 120px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	font-size : 14px;
	text-transform: uppercase;
	color : #FFFFFF;
	font-weight: bold;
	background: url(Images/but-save.png) no-repeat top left;
}
#report-buttons .save-report-button {
	background-image: url(Images/but-save.png);
}
#report-buttons .save-report-button:hover {
	background-image: url(Images/but-save-hover.png);
}
#report-buttons .run-report-button:hover {
	background-image: url(Images/but-run-report-hover.png);
}
#edit-buttons .edit-save {
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	bottom : 10px;
	width: 120px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	text-align : center;
	font-size : 14px!important;
	vertical-align: middle;
	color : White;
	line-height: 30px;
	float: left;
	background: url(Images/but-save.png) no-repeat top left;
	text-transform: uppercase;
    font-weight: bold;
}

#edit-buttons .edit-save:hover {
	background-image: url(Images/but-save-hover.png);
}

.import-import {
	position: relative;
	top: 8px;
	right: 8px;
	width: 120px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(Images/but-importNow-dis.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 12px;
	font-weight : bold;
    text-transform: uppercase;
}

.import-import:hover {
	background-image: url(Images/but-importNow-hover.png);
}

.import-reset{
	position: relative;
	top: 8px;
	right: 8px;
	width: 130px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(Images/but-reset.png) no-repeat top left;
	text-align : center;
	vertical-align :middle;
	color : White;
	text-indent: 0px;
	font-size : 12px;
	font-weight : bold;
    text-transform: uppercase;
}

.import-reset:hover {
	background-image: url(Images/but-reset-hover.png);
}

.import-cancel {
	position: relative;
	top: 8px;
	right: 8px;
	width: 120px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(Images/but-cancel.png) no-repeat top left;
	text-align : center;
	vertical-align: middle;
	color : White;
	text-indent: 0px;
	font-size : 14px;
	font-weight : bold;
    text-transform: uppercase;
}

.import-cancel-text, .import-reset-text, .import-import-text
{
	display : inline-block;
	position : relative;
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	color : White;
}

.import-cancel:hover {
	background-image: url(Images/LangManagement/but-cancel-hover.png);
}

.report-config .content {
	background: #eee;
}

.landing .content {
	background: #fff;
}
.report-landing {
	padding-top: 16px;
}
.columns .landing .content {
	padding-top: 8px;
}
.manage-reports .column-header {
	font-weight: normal;
	text-transform: none;
}


/* .columns .auto-height {
border: 0;
}
.columns .auto-height .column-header {
border: 1px solid #ccc;
border-bottom: 0;
background-position: 0 -2px;
} */
.reports .column-header {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
/* .columns .auto-height {
overflow: visible;
height: auto;
} */

#report-email-save-settings {
	width: 115px;
	height: 22px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url(Images/but-save-settings-sm.png) no-repeat top left;
	text-indent: -10000px;
}

#report-email-save-settings:hover {
	background-image: url(Images/but-save-settings-sm-hover.png);
}

button {
	cursor: pointer;
	cursor: hand;
}

.report-landing {
	width: 60%;
}

.search-column .column-header img {
	padding: 4px 0;
	float: left;
	margin-right: 6px;
}
.search-column .search-box 	{
	margin: -15px -15px 15px -15px;
}

*:first-child+html .advanced-search-fields input {
	display: block;
	margin-left: 15px;
}

.info-box {
	position: relative;
	height: 50%;
}
.info-box dl {
	margin: 0;
}
.info-box .content {
	position: absolute;
	top: 32px;
	bottom: 3px;
	left: 0px;
	right: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow:auto;
	overflow-y: auto;
	overflow-x: auto;
	padding: 8px 12px;
}
#keyholder-key-box.big-column-footer .content {
	bottom: 32px;
}
.info-box .column-header, .info-box .column-footer {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.info-box .column-footer {
	height: 3px;
	background: #ccc;
	overflow: hidden;
}
#keyholder-key-box.big-column-footer .column-footer {
	height: 32px;
	line-height: 32px;
	background-image: url(../../Scripts/flexigrid/css/flexigrid/images/wbg.gif);
	background-repeat: repeat-x;
	background-position: -1px left;
	background-color: #ccc;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#site-location-box, #keyholder-details-box, #hardware-info-box {
	border-top: 1px solid #ccc;
}
#site-location-box .content, #keyholder-details-box .content, #hardware-info-box .content {
	bottom: 8px;
}
#site-location-box .column-footer, #keyholder-details-box .column-footer, #hardware-info-box .column-footer {
	bottom: 5px;
}
.info-box table td {
	vertical-align: top;
}
.info-box .column-header a:hover {
	text-decoration: underline;
}
.access-permissions-scroller table tr td {
	border-bottom: 1px solid #ccc;
}

.access-permissions-scroller td.access {
	font-weight: normal;
	color: #666;
}
.access-permissions-scroller td.location {
	font-weight: bold;
}
.access-permissions-scroller td.inactive
{
	color:#666;
}

.error-message {
	display: none;
	border: 1px solid #c00;
	background: #fcc url(Images/icon-error.png) no-repeat 4px 4px;
	color: #c00;
	padding: 4px 8px 4px 43px;
	line-height: 35px;
	font-size: larger;
}
.warning-message {
	display: none;
	border: 1px solid #c60;
	background: #fee url(Images/icon-warning-sm36.36.png) no-repeat 4px 4px;
	color: #c60;
	padding: 4px 8px 4px 45px;
	line-height: 35px;
	font-size: larger;
}

.not-authorized-error-message
{
	border: 1px solid #c00;
	background: #fcc url(Images/icon-error.png) no-repeat 4px 4px;
	color: #c00;
	padding: 4px 8px 4px 43px;
	line-height: 35px;
	font-size: larger;
}
.reset-pw-message {
	border: 1px solid #0c0;
	color: #360;
	background: #cfc;
	padding: 4px 8px 4px 8px;
	line-height: 35px;
	font-size: larger;
}

.error {
	border-color: #c00;
}
label.error {
	color: #c00;
}


.info-box .dropdown {
	height: 20px;
	overflow: hidden;
	float: left;
	line-height: 24px;
	text-align: left;
	position: relative;
	width: 240px;
}
.info-box .open {
	overflow: visible;
}
.info-box .dropdown .content {
	top: 0px;
	bottom: auto !important;
	padding: 0;
	left: auto;
	right: 2px;
	overflow: visible;
	border: 0px solid #ccc;
	width: 240px;
}
.info-box .open .content {
	border: 1px solid #1b2498;
}
.info-box .dropdown .content li.label {
	width: 205px;
}
*:first-child+html .info-box .dropdown .content li.label .down-arrow {
	margin-right: -2px;
}
*:first-child+html .info-box .open .content li.label {
	margin-top: -1px;
}
*:first-child+html .info-box .open .content li.label .down-arrow {
	margin-right: -1px;
}
.info-box .dropdown .content li {
	width: 224px;
}



#grant-site-access-link {
	
	background: url(Images/but-grant-access-to-site.png) no-repeat top left;
	margin: 6px 0px;
	height: 19px;
	vertical-align: middle;
	padding: 0;
}

#grant-site-access-link:hover {
	background-image: url(Images/but-grant-access-to-site-hover.png);
	color : #FFFFFF;
}

#grant-site-access-link .grant-site-access-link-text
{
	display: inline-block;
	position :relative;
	left : 10px;
	top : -5px;
	font-size : 9.5px;
	color : #003366;
	cursor : pointer;
	text-decoration: none;
    text-transform: uppercase;
    text-align:center;
    font-weight: bold;
}

.transfer-button-text
{
	display: inline-block;
	position :relative;
	left : 0px;
	top : -1px;
	font-size : 10px;
	color : #003366;
	cursor : pointer;
	text-decoration: none;
    text-transform: uppercase;
    text-align:center;
    font-weight: bold;
}


#division-update-details {
	display: inline-block;
	background: url(Images/but-update-details-sm.png) no-repeat top left;
	height: 19px;
	vertical-align: middle;
	padding: 0;
	margin: 6px 0;
}
#division-update-details:hover { background-image: url(Images/but-update-details-sm-hover.png); }


#division-syspermission-grant
{
	display: inline-block;
	margin: 6px 0;
	background: url(../../Content/Images/but-grant-swa.png) no-repeat top left;
}
#division-syspermission-grant:hover { background-image: url(../../Content/Images/but-grant-swa-hover.png); color: #FFFFFF; }

#division-syspermission-grant .division-syspermission-grant-text 
{
    display: inline-block;
	position :relative;
	left : -10px;
	top : -7px;
	font-size : 10px;
	color : #003366;
	cursor : pointer;
	text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.division-update-details-text
{
	display: inline-block;
	position :relative;
	left : 8px;
	top : -7px;
	font-size : 9.5px;
	color : #003366;
	cursor : pointer;
	text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

#division-delete {
	display: inline-block;
	background: url(Images/but-delete-division-sm.png) no-repeat top left;
	height: 19px;
	vertical-align: middle;
	padding: 0;
	margin: 6px 0;
}
#division-delete:hover { background-image: url(Images/but-delete-division-sm-hover.png); }


.division-delete-text
{
	display: inline-block;
	position :relative;
	left : 8px;
	top : -7px;
	font-size : 9.5px;
	color : #003366;
	cursor : pointer;
	text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}


#division-add-keyholder {
	display: inline-block;
	text-indent: -10000px;
	background: url(Images/but-add-keyholders-sm.png) no-repeat top left;
	height: 19px;
	width: 110px;
	vertical-align: middle;
	padding: 0;
	margin: 6px 0;
}
#division-add-keyholder:hover { background-image: url(Images/but-add-keyholders-sm-hover.png); }

#division-move-keyholder {
	display: inline-block;
	text-indent: -10000px;
	background: url(Images/but-move-selected-to-another-sm.png) no-repeat top left;
	height: 19px;
	width: 219px;
	vertical-align: middle;
	padding: 0;
	margin: 6px 0;
}
#division-move-keyholder:hover { background-image: url(Images/but-move-selected-to-another-sm-hover.png); }

*:first-child+html .info-box .content {
	padding: 0;
}
*:first-child+html .info-box .content table {
	margin: 8px;
}
.content-header input, .content-header button {
	vertical-align: middle;
}

#login-form {
	border: 1px solid #ccc;
	font-size: 1.25em;
	padding: 3em 1em 1em 1em;
	position: relative;
	margin-bottom: 1em;
	border-bottom-width: 4px;
	background: #f7f7f7;
}
#login-form-container {
	margin-top: 3.75em;
}
#login-form label {
	display: block;
}
#login-form h1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 8px;
	height: 32px;
	line-height: 32px;
	background-image: url(Images/wbg-dark.gif);
	background-repeat: repeat-x;
	background-position: -1px left;
	background-color: #ccc;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

#login-form input {
	width: 305px;
}

#login-form input{
	border-width: 1px;
	margin-bottom: 1em;
}
 #login-form select {
	border-width: 1px;
	margin-bottom: 1em;
}
#login-form input.error, #login-form select.error {
	border-color: #c00;
}
#login-form #forgot-password, #login-form #back-to-login {
	float: left;
	font-size: 90%;
	line-height: 34px;
	margin: 1em 0;
}

*:first-child+html #login-form {
	padding-bottom: 2em;
}
#login-form #login-button, #login-form #continue-button, #login-form #reset-pw-button {
	display: block;
	margin: 1em 9px 0.5em auto;
	width: 145px;
	height: 34px;
	border: 0;
	padding: 0;
	text-align : center;
	vertical-align :middle;
	font-size : 14px;
	font-family: Arial;
	font-weight: 900;
	text-transform: uppercase;
	color : White;
	background-image: url(Images/but-login.png);
}

#login-form #reset-pw-button {
	background-image: url(Images/but-login.png);
}
#login-form #reset-pw-button:hover {
	background-image: url(Images/but-login-hover.png);
}
#login-form #continue-button {
	background-image: url(Images/but-login.png);
}
#login-form #continue-button:hover {
	background-image: url(Images/but-login-hover.png);
}
#login-form #login-button:hover {
	background-image: url(Images/but-login-hover.png);
}

#login-links, #login-page #copyright {
	text-align: center;
}
#login-page #copyright { color: #666; }
#login-form .error-message, #login-form .reset-pw-message {
	margin-top: 0;
}
#login-page table img {
	margin-bottom: 0.5em;
}


.system .content {
	padding: 32px 0;
}
.system .this-column {
	border-left: 0;
}
.system table {
	border-right: 1px solid #ccc;
}
.system td {
	padding: 20px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.system td h3 {
	margin-top: 0;
	font-size: 1.5em;
	margin-bottom: 0.4em;
	font-weight: bold;
	text-transform: uppercase;
}
.system td p {
	margin-top: 0;
}

.system td {
	font-size: 1.1em;
	vertical-align: top;
}
.system td a {
	font-weight: bold;
	display: block;
	line-height: 1.5em;
}
.system td a:hover { text-decoration: underline; }




.adminreport .content {
	padding: 32px 0;
}
.adminreport .this-column {
	border-left: 0;
}
.adminreport table {
	border-right: 1px solid #ccc;
}
.adminreport td {
	
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.adminreport td h3 {
	margin-top: 0;
	font-size: 1.5em;
	margin-bottom: 0.4em;
	font-weight: bold;
	text-transform: uppercase;
}
.adminreport td p {
	margin-top: 0;
}

.adminreport td {
	font-size: 1.1em;
	vertical-align: top;
}
.adminreport td a {
	font-weight: bold;
	display: block;
	line-height: 1.5em;
}
.adminreport td a:hover { text-decoration: underline; }



table .field label {
	display: block;
}
table .field {
	width: 300px;
	height: 4em;
}
table .field input, table .field select {
	width: 250px;
}
.divisions .content-header a {
	float: left;
	margin-right: 6px !important;
}
.report-config .content {
	position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
}

.report-config .checkbox input {
	width: auto;
}
.checkbox {
	border-spacing: 0;
	border-collapse: collapse;
}
.checkbox thead td {
	padding: 3px;
	background: #fff;
}
.checkbox tbody tr td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px;
	background: #fff;
}
.checkbox tbody tr.odd td {
	background: #f8f8f8;
}
.checkbox tbody tr td.first {
}
.checkbox tbody tr td.last {
}
.checkbox input { border: 0; }

*:first-child+html .columns .report-config {
	margin: 0;
	overflow: visible;
}

*:first-child+html .columns .report-config .content {
	height: 100%;
	padding: 0;
}
*:first-child+html .columns .report-config .content .report, *:first-child+html .columns .report-config .content #report-landing {
	padding: 8px;
}
div.number input {
	width: 100px;
}

.columns .transfer-table-column {
	width: 650px;
	background: #fff;
}
.columns .transfer-target-column {
	margin-left: 660px;
}

#hardware-info-box .content, #system-data-box .content {
	line-height: 150%;
}

.not-initialized
{
	display:none;
}

#super-account
{
	font-weight:bold;
	position: absolute;
	top: 90px;
	left: 0px;
}
#super-account a {
	color: #e1ebfa;
}
#super-account a:hover {
	text-decoration: underline;
}

#manage-reports {
	width: 141px;
	height: 40px;
	margin: 0 auto;
	display: block;
	outline: 0;
	background: url(Images/but-saved-reports.png) no-repeat 100% 100%;
}
#manage-reports:hover, .manage-reports #manage-reports {
	background-image: url(Images/but-saved-reports-hover.png);
}

.manage-reports-text {
	display : inline-block;
	margin-top : 7px;
	padding-right: 15px;
	margin-right: 15px;
	margin-left:10px;
	text-align:center;
	font-size : 14px;
	color : White;
	cursor : pointer;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 12px;
}

/** Report: scheduling */
#report-schedule-params input
{
	width: 390px;
}

#report-schedule-params input.input-button
{
	width: auto;
}

#report-schedule-params textarea {
	width: 390px;
}

.flexigrid div.nBtn {
	display: none !important;
}

.flexigrid tr td.link {
	color: rgb(27, 66, 152);
	font-weight: bold;
	cursor: pointer;
}

#activity .content .row .date {
	width: 36px;
}

#activity .content .row
{
	overflow:hidden
}
#activity .content .row .activity-item {
	margin-left: 48px;
}
#activity .content .row .activity-item p {
	width: auto !important;
	margin-right: 32px;
}

#details_update_div
{
	width: 100%;
	height: 100%;
	overflow: auto;
}

/* Report Specific*/

.report-config .reportfield
{
	height: 1.6em;
	/*line-height: 1.5em;*/
}
.report-config .reportfield .optionlabel
{
	/*width:150px; margin-right:100px;*/
}

.report-config .reportfield1
{
	height: 1.6em;
	line-height: 1.5em;
}

.report-config .reportfield .optionSpan
{
	width: 260px;
	float:left;
	vertical-align: top;
}
.report-search
{
	height: 3.2em;
	margin-bottom :5px;
}
.report-search p
{
	display:table-cell;
	*float:left;
	width:215px;
	text-align:left;
	table-layout:100;
}

.legend-style
{
	color: Black;
	font-weight:bold;
	font-size: 12px;
	padding-top:3px;
	padding-bottom:3px;
}

.watermarkOn
{
	color: #CCCCCC;
	font-style: italic;
}
.watermark
{
	color:Silver;
}


.fieldset
{
	padding :5pt;
}

#selectOffices
{
	width:323px;
	height:80px;
	overflow:auto;
	background-color:#E3E3E3;
	border:1px solid #CCCCCC;
}
.languageChoose{
	position:absolute;
	right:0px;
	top : 50px;
	font-size:12px;
}
.languageChoose label
{
	padding-right:8px;
}
.languageChoose select
{
	width:160px;
}

.translationTextArea
{
    resize: none;
}

/* Sliding Doors : change the size of the button with respect to text size */
/*Sliding Doors : AddKeyHolder*/
a.addbutton 
{
/* Sliding right image */
background: transparent url(Images/but-add-administrator-right.png) no-repeat scroll 100% 100% ; 
display: block;
float: left;
height: 41px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
margin-top:0px;
margin-left:4px;
padding-right: 30px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: White;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-indent : 15px;
text-transform:uppercase;
}
a.addbutton span {
/* Background left image */ 

background: transparent url(Images/but-add-administrator-left.png) no-repeat ; 
text-indent : 15px;
display: block;
line-height: 30px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
}
.addbutton:hover 
{
    background-image : url(Images/but-add-administrator-hover-1.png);
    height: 40px;
} 
.addbutton:hover span
{
    background-image : url(Images/but-add-administrator-hover-1.png);
    height: 41px;
} 


a.assign 
{
/* Sliding right image */
background: transparent url(Images/but-accept.jpg) no-repeat scroll 100% 100% ; 
display: block;
float: left;
height: 23px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
margin-top:0px;
margin-left:4px;
padding-right: 30px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: White;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-indent : 15px;
}
a.assign span {
/* Background left image */ 

background: transparent url(Images/but-accept.jpg) no-repeat ; 

display: block;
line-height: 10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
}
.assign:hover 
{
    background-image : url(Images/but-accept-hover.jpg);
    height: 24px;
} 
.assign:hover span
{
    background-image : url(Images/but-accept-hover.jpg);
    height: 24px;
} 


/*Sliding Doors : AddDivision*/
a.adddivisionbutton 
{
/* Sliding right image */
background: transparent url(Images/but-add-administrator-right.png) no-repeat scroll 100% 100% ; 
display: block;
float: left;
height: 41px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
margin-top:0px;
margin-left:4px;
padding-right: 30px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: White;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-indent : 15px;
text-transform:uppercase;
}
a.adddivisionbutton span {
/* Background left image */ 

background: transparent url(Images/but-add-administrator-left.png) no-repeat ; 
text-indent : 15px;
display: block;
line-height: 30px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
}
.adddivisionbutton:hover
{
    background-image : url(Images/but-add-administrator-hover-1.png);
    height: 40px;
} 
.adddivisionbutton:hover span
{
    background-image : url(Images/but-add-administrator-hover-1.png);
    height: 41px;
} 

/*Sliding Doors : Vendor Directory Buttons*/
a.Vendor 
{
/* Sliding right image */
background: transparent url(Images/but-send-vendor-invite-sm-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top:5px;
margin-left:4px;
padding-top:5px;
padding-bottom:4px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;

}
a.Vendor span {
/* Background left image */ 
background: transparent url(Images/but-send-vendor-invite-sm-left.png) no-repeat ; 
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:  5px 0 5px 15px;
font-size : 10px;
}
.Vendor:hover 
{
    background-image: url(Images/but-remove-sm-hover.png);
    height:30px;
    padding-bottom:3px;
	color: White;   
} 
.Vendor:hover span
{
    background-image: url(Images/but-remove-sm-hover.png);
    height:31px;
	color: White;  
} 

/*Sliding Doors : Keyholder Details*/
a.Keyholder 
{
/* Sliding right image */
background: transparent url(Images/but-grant-access-to-site-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top:5px;
margin-left:4px;
padding-top:6px;
padding-bottom:1px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;

}
a.Keyholder span {
/* Background left image */ 
background: transparent url(Images/but-grant-access-to-site-left.png) no-repeat ; 
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding:  5px 0 5px 15px;

}

#grant-system-access-link {
	display: inline-block;
	background: url(../../Content/Images/but-grant-swa.png) no-repeat top left;
    height: 19px;
    margin:10px 0;
    vertical-align: middle;
    padding: 0;
}


#grant-system-access-link  
{
   /* Sliding right image */
background: transparent url(Images/but-GRANT-swa-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top: 0px;
margin-left:4px;
padding-top:0px;
padding-bottom:0px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;
}
#grant-system-access-link span
{
background: transparent url(Images/but-GRANT-swa-left.png) no-repeat ; 
color : #003366;
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:  5px 0 5px 15px;
font-size : 10px;
}
#grant-system-access-link:hover 
{
    background-image: url(Images/but-GRANT-swa-hover-right.png);
    height:26px;
	color: White;   
} 
#grant-system-access-link:hover span
{
    background-image: url(Images/but-GRANT-swa-hover-left.png);
    height:25px;
	color: White;  
} 

#grant-site-access-link
{
   /* Sliding right image */
background: transparent url(Images/but-GRANT-swa-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 25.5px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top: 0px;
margin-left:4px;
padding-top:0px;
padding-bottom:0px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;
}
#grant-site-access-link span
{
background: transparent url(Images/but-GRANT-swa-left.png) no-repeat ; 
color : #003366;
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:  5px 0 5px 15px;
font-size : 10px;
}
#grant-site-access-link:hover 
{
    background-image: url(Images/but-GRANT-swa-hover-right.png);
    height:26px;
	color: White;   
} 
#grant-site-access-link:hover span
{
    background-image: url(Images/but-GRANT-swa-hover-left.png);
    height:25px;
	color: White;  
} 

#vendor-update
{
/* Sliding right image */
background: transparent url(Images/but-send-vendor-invite-sm-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top:5px;
margin-left:4px;
padding-top:5px;
padding-bottom:4px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;

}
#vendor-update span {
/* Background left image */ 
background: transparent url(Images/but-send-vendor-invite-sm-left.png) no-repeat ; 
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:  5px 0 5px 15px;
font-size : 10px;
}
#vendor-update:hover 
{
    background-image: url(Images/but-remove-sm-hover.png);
    height:30px;
    padding-bottom:3px;
	color: White;   
} 
#vendor-update:hover span
{
    background-image: url(Images/but-remove-sm-hover.png);
    height:31px;
	color: White;  
} 



#vendor-remove
{
/* Sliding right image */
background: transparent url(Images/but-send-vendor-invite-sm-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top:5px;
margin-left:4px;
padding-top:5px;
padding-bottom:4px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;

}
#vendor-remove span {
/* Background left image */ 
background: transparent url(Images/but-send-vendor-invite-sm-left.png) no-repeat ; 
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:  5px 0 5px 15px;
font-size : 10px;
}
#vendor-remove:hover 
{
    background-image: url(Images/but-remove-sm-hover.png);
    height:30px;
    padding-bottom:3px;
	color: White;   
} 
#vendor-remove:hover span
{
    background-image: url(Images/but-remove-sm-hover.png);
    height:31px;
	color: White;  
} 

#division-update-details
{
   /* Sliding right image */
background: transparent url(Images/but-update-details-sm-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 25.5px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top: 0px;
margin-left:4px;
padding-top:0px;
padding-bottom:0px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;
}
#division-update-details span
{
background: transparent url(Images/but-update-details-sm-left.png) no-repeat ; 
color : #003366;
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:   5px 0 5px 15px;
font-size : 9.5px;
}
#division-update-details:hover 
{
    background-image: url(Images/but-update-details-sm-right-hover.png);
    height:26px;
	color: White;   
} 
#division-update-details:hover span
{
    background-image: url(Images/but-update-details-sm-left-hover.png);
    height:25px;
	color: White;  
}

#division-delete
{
   /* Sliding right image */
background: transparent url(Images/but-update-details-sm-right.png) no-repeat scroll 100% 100% ;
line-height: 35px; 
height: 25.5px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 15px;
margin-top: 0px;
margin-left:4px;
padding-top:0px;
padding-bottom:0px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
text-transform:uppercase;
}
#division-delete span
{
background: transparent url(Images/but-update-details-sm-left.png) no-repeat ; 
color : #003366;
line-height: 35px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:   5px 0 5px 15px;
font-size : 9.5px;
}
#division-delete:hover 
{
    background-image: url(Images/but-update-details-sm-right-hover.png);
    height:26px;
	color: White;   
} 
#division-delete:hover span
{
    background-image: url(Images/but-update-details-sm-left-hover.png);
    height:25px;
	color: White;  
}  

#ui-datepicker-div
 { 
    display: none; 

}