/* Copyright 2005-2009 Redwood Software.  All rights reserved. */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	border:0;
 	color:#333;
	margin: 0px;
 	padding: 0px;
    font-family: "Open Sans","Segoe UI","Avenir","Helvetica Neue",Helvetica,"Microsoft YaHei New","Microsoft Yahei","微软雅黑","宋体","SimSun","STXihei","STHeiti","�文细黑",Arial,sans-serif;
	font-size: 9pt;
    font-weight:400;
}


a, a:visited {
	color:#36495E;
	cursor:pointer;
	text-decoration:none;
}

a:hover {
 	color:#36495E;
 	text-decoration:underline;
}
a.searchLink, a.searchLink:visited{
	color:white;
	text-decoration: underline;
}

a.lightblue, a.lightblue:visited {
	color:#36495E;
	text-decoration:underline;
}

a.lightblue:focus{
	outline: 2px solid white;
}
a.toolbaricon:focus {
	outline: 2px solid #36495E;
}

a.alink {
	color:#246692;
	font-weight: bold;
}

a.alink:focus {
	outline: 2px solid #36495E;
}


img {
	border:none;
	vertical-align:middle;
}

th input[type="checkbox"] {
	border:none !important;  /* IE insists on adding a border around a checkbox when it resides in a <th> */
}

table {
	border-collapse:collapse;
	width:100%;
}

textarea {
	font-size:9pt;
}

th, td {
	vertical-align:middle;
}

input.disabled {
	border: 1px solid #888888;
	background-color: #ddd;
}

/* BEGIN: Message display */
a.error {
	color:red;
	font-weight:bold;
}

a.error:hover {
 	color:blue;
 	text-decoration:underline;
}

div.error, div.info, div.success, div.warning {
	background:url(../../images/common/info.png);
	background-position:6px 3px;
	background-repeat:no-repeat;
	font-style:normal; /* override .error */
	font-size:9pt;
	margin:4px;
	text-align:left;
	text-indent:-1px;
	padding:2px 10px 8px 25px; /* Don't randomly change padding-left because it works with text-indent to align text correctly. */
}

div.error {
	background:url(../../images/common/error.png);
	background-position:6px 3px;
	background-repeat:no-repeat;
	color:#F00;
}

div.info {
}

/* Struts 2 migration - turn off bullet points in lists of action / error messages*/
ul.r2wErrorMessage, ul.r2wActionMessage {
	list-style-type: none;
}

div.success {
	background:url(../../images/common/check.png);
	background-position:6px 3px;
	background-repeat:no-repeat;
	color:#000;
}

div.warning {
	background:url(../../images/common/warning.png);
	background-position:6px 3px;
	background-repeat:no-repeat;
	color:#000;
}
/* END: Message display */

span.required {
	color: #F00;
	font-weight:bold;
	padding-right:2px;
}

td.fieldLabel {
	font-weight:bold;	/* font-weight:400; */
	padding:6px 7px 4px 4px;
	text-align:right;
	vertical-align:top;
}

td.fieldValue {
	padding:4px;
	text-align:left;
}

td.fieldValue input:focus{
	outline: 2px solid #36495E;
}

td.fieldValue textarea:focus{
	outline: 2px solid #36495E;
}


td.fieldValue select:focus {
	outline: 2px solid #36495E;
}

td.fieldValue a:focus {
	outline: 2px solid #36495E;
}
td.fieldValue img:focus {
	outline: 2px solid #36495E;
}

div.right button:focus{
	outline: 2px solid #36495E;
}

div.copyright {
	text-align:center;
	white-space:nowrap;
	width:100%;
	font-size:8pt;
}

div.copyright a.copyright{font-size:8pt;}

table.bordered {
	border:1px solid #DDD;
}

tr.bottomBordered {
	border:1px solid #DDD;
}

.alignLeft {float:left;}	/* @deprecated - use floatLeft instead */
.alignRight {float:right;}	/* @deprecated - use floatRight instead */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}

.blue {color:blue;}
.bold {font-weight:bold;}

.displayBlock {display:block;}
.displayInlineBlock {display:inline-block;}
.displayNone {display:none;}
.visibilityHidden {visibility:hidden;}

.linkPointer {cursor:pointer;}

.noBorder {border:none;}

.noPaddingTop {padding-top:0;}

.shadow {
	box-shadow:inset 0 1px 0 rgba(255,0,100,0.6),0 20px 35px 0px rgba(0,0,0,0.25);
}

.spacer2px {font-size:1px; height:2px;}
.spacer4px {font-size:1px; height:4px;}
.spacer6px {font-size:1px; height:6px;}
.spacer8px {font-size:1px; height:8px;}
.spacer12px {font-size:1px; height:12px;}
.spacer18px {font-size:1px; height:18px;}
.spacer24px {font-size:1px; height:24px;}

.width25Percent {width:25%;}
.width50Percent {width:50%;}
.width90Percent {width:90%;}
.width99Percent {width:99%;}
.width100Percent {width:100%;}

.odd {
	border-top:1px solid #DDD;
}
.even {
	background-color:#eee;
    border-top:1px solid #DDD;
}

/*** BEGIN: Pager ***/
table.pagerInfo {
	width:auto;
}

table.pagerInfo td.info, table.pagerInfo td.navigation {
	border:0;	/* If this is not specified, and sortabletable.css is included, a bottom gray border is shown. font:Verdana, Arial, Helvetica, sans-serif; */
}

table.pagerInfo td.info {
	font-size:8pt;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
}

table.pagerInfo td.info input[type="text"] {
	font-size:8pt;
}

table.pagerInfo td.navigation {
	text-align:left;
	border-collapse:separate;
	border-spacing:0px;
}

table.pagerInfo td.navigation div {
	border-color:transparent;  /* Need to specify a transparent border, otherwise when the left and right borders are shown on mouseover, the TD shifts. */
    border-style:solid;
    border-width:0 1px;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	text-align:center;
	width:30px;
	display:table-cell;
}

table.pagerInfo td.navigation div.enabled:hover {
    background:linear-gradient(to bottom, #FFF, #ECECEC) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color:#BBB;
    border-style:solid;
    border-width:0 1px;
}

table.pagerInfo td.info input[type="text"]:focus {
	outline: 2px solid #36495E;
}

table.pagerInfo td.navigation div.enabled a:focus {
    outline: 2px solid #36495E;
}
/*** END: Pager ***/
table.header td.menu a:focus{
	outline: 2px solid #36495E;
}
table.header td.find input:focus{
	outline: 2px solid #36495E;
}
table.header td.go button:focus{
	outline: 2px solid #36495E;
}

div.noscript {
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:4px 12px;
	width:720px;
}

/* BEGIN: button bar */
div.buttons {
	background:linear-gradient(to top, #F0F0F0, #ececec) repeat scroll 0 0 rgba(0, 0, 0, 0); /* div.UIPanelToolbar */
    border-color:-moz-use-text-color #D1D1D1 #D1D1D1;
    border-image:none;
	border:1px solid #D1D1D1;
	border-top:none;
	border-collapse:collapse;
	line-height:40px;
	height:40px;
	padding:2px 8px;
	vertical-align:middle;
	display:table;
	width:100%;
}

div.buttons div {
	vertical-align:middle;
}

div.buttons div.left {
	display:table-cell;
	text-align:left;
}

div.buttons div.left button:first-of-type {
	margin-left:7px;		/* Override button's margin property */
}

div.buttons div.right {
	display:table-cell;
	text-align:right;
}

div.buttons div.right button[type=submit]:focus {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}
div.buttons div.right button[type=submit]:hover {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}

div.buttons div.right button[name=preview]:focus {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}

div.buttons div.right button[name=next]:focus {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}

div.buttons div.right button[name=back]:focus {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}
div.buttons div.right button[name=back]:hover {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}

div.buttons div.right button[name=cancel]:focus {
		background-color: white;
		font-weight: bold;
		color: #36495E;
		outline: 2px solid #36495E;
		box-shadow: none;
}

div.buttons div.right button.cancel:focus {
		background-color: white;
		font-weight: bold;
		color: #CC4035;
		outline: 2px solid #CC4035;
		box-shadow: none;
}
div.buttons div.right button.cancel:hover {
		background-color: white;
		font-weight: bold;
		color: #CC4035;
		outline: 2px solid #CC4035;
		box-shadow: none;
}

div.buttons div.right button:last-of-type {
	/*margin-right:0;*/		/* Override button's margin property */
}

button {
	background: none repeat scroll 0 0 #36495E;
    border:medium none;
    box-shadow:0 4px #283845;
    color:#FFF;
    cursor:pointer;
    font-size:9pt;
    font-weight:400;
    /*height:22px;*/
    line-height:22px;
    margin:0 7px 0 0;
    outline:medium none;
    padding:0 16px;
    text-decoration:none;
    transition:all 0.2s ease 0s;
    padding:auto 16px;
}

/*
button.Disabled, input.Disabled[type="button"], input.Disabled[type="submit"] {
    background: none repeat scroll 0 0 #f2f2f2;
    color: #9d9d9d;
    cursor: default;
    text-decoration: none;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background: linear-gradient(to top, #fff, #d9d9d9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: red;
    transition: all 0.2s ease 0s;
}
.UIButton.Disabled:hover, button.Disabled:hover, input.Disabled[type="button"]:hover, input.Disabled[type="submit"]:hover {
    background: none repeat scroll 0 0 #f2f2f2;
    color: #9d9d9d;
    cursor: default;
    text-decoration: none;
}
.UIButton:active, button:active, input[type="button"]:active, input[type="submit"]:active {
    background: linear-gradient(to top, #f0f0f0, #ececec) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #c00;
    transition: all 0.2s ease 0s;
}
.UIButton.Disabled:active, button.Disabled:active, input.Disabled[type="button"]:active, input.Disabled[type="submit"]:active {
    background: none repeat scroll 0 0 #f2f2f2;
    color: #9d9d9d;
    cursor: default;
    text-decoration: none;
}
*/

button:active, button:hover {
	background:none repeat scroll 0 0 #24343F;
}

button:hover {
    box-shadow:0 4px #151F25;
}

button:active {
	box-shadow:none;
}

button:active {
	box-shadow:none;
}
button.cancel {
    background:none repeat scroll 0 0 #E54D3B;
    box-shadow:0 4px #C03B2B;
}

button.cancel:active, button.cancel:hover {
    background:none repeat scroll 0 0 #CC4035;
    box-shadow:0 4px #B23227;
}

button.cancel:active { /* For some reasons this needs to be defined.  Having button:active above doesn't work for the Cancel button */
    box-shadow:none;
}

button[disabled] { /* UIEditControl-Disabled */
    color:#9D9D9D !important;
    cursor:default !important;
}

button[disabled]:hover { /* Use values from button to override button:hover */
	background: none repeat scroll 0 0 #36495E;
	box-shadow:0 4px #283845;
}

button[disabled]:active {
    box-shadow:0 4px #283845;  /* Use value from button to override button:active */
}
/* END: button bar */
/* BEGIN: Buttons for moving members to/from search result list to selected members list.
   Used by subscription wizards (bulk-subscriptions-wizard.jsp, bulk-1-to-n-subscriptions-wizrd.jsp), and select-members-fragment.jsp.
 */
div.chooseButtons {
	line-height:36px;
	margin:2px 0 4px;
}

div.chooseButtons button.choose {
	width:88px;
	height:22px;
}

div.chooseButtons button.choose img {
	text-align:center;
	vertical-align:middle;
}
/* END: Buttons for moving members to/from search result list to selected members list. */
/* BEGIN: Table for displaying info/data */
table.infoTable {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
	width:100%;
}

table.infoTable td, th {
	padding:4px;
	text-align:left;
}

table.infoTable th {
	background-color:#DDD;
	font-size:8pt;
}

table.infoTable td {
	border-bottom:1px solid #DDD;
}
/* END: Table for displaying info/data */

span.dateFormat{
	color:#777;
	font-size:8pt;
	padding-left:6px;
	padding-top:0px;
}

img.calendar{
	margin-left:4px;
}

/* For IE 7 and earlier. Takes care of a form margin inheritance bug */
form{
   margin:0px;
   padding:0px;
}

div.hoverText {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 8pt;
	position: absolute;
	width: 200px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-radius: 4px;
	box-shadow: 4px 4px 3px #999;
	-webkit-box-shadow: 10px 10px 5px #888;
	padding: 4px;
	background-color: #FFC;
	display: none;
	vertical-align:top;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=5);
}

div.hoverText p {
	font-size:8pt;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
    text-indent: -1em;
    margin-left: 1em;
}

span.dashedBottom {
	border-bottom:1px dashed blue;
}

/* Used by document-status-history-dialog.jsp, notes-page.jsp */
span.redRect {
	background-image:url(../../images/common/red-dot.png);
}

div.stretched {
	position:fixed !important;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
}

/*** BEGIN: Help info (used by home.jsp and change-password-novum.jsp, as of 2015-05-03 ***/
div.help {
	background:#FFF;
	border:1px solid #B5B5B5;
  	box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 20px 35px 0px rgba(0,0,0,0.25);
	color:#676767;
	z-index:999;

	display:none;
	min-height:200px;
	overflow:auto;
	position:absolute;
	width:260px;
}

div.helpTitle {
	background-color:#EBEBEB;
	border-bottom: 1px solid #B5B5B5;
	color:#36495E;
	height:24px;
	line-height:24px;
	padding:2px 12px 2px;
	vertical-align:middle;
}

div.helpTitle span.buildNumber {
	color:#9D9D9D;
	font-weight:normal;
	padding-left:6px;
}

div.helpTitle div.left {
	display:inline-block;
	float:left;
	color:#36495E;
	font-weight: bold;
}
div.helpTitle div.left span.buildNumber {
	color:#36495E;
	font-weight:normal;
	padding-left:6px;
}

div.helpTitle div.right {
	display:inline-block;
	float:right;
	padding-top:6px;
	text-align:right;
}

div.help:focus{
	outline: 3px solid #36495E;
}

div.helpTitle div.ht2 img.focus{
	outline: 2px solid #36495E;
}

div.helpContent {
	margin:8px 12px;
	font-size: 12px;
	color: #36495E !important;
}

div.helpContent div.entry {
	padding:2px 12px 6px;
	color: #36495E  !important;
}


div.helpContent div.entry  a:focus{
	outline: 2px solid #36495E;
}
div.helpContent div.entry  a:visited{
	color: #36495E !important;
}

div.helpContent div.entry a.help {
	padding-left:4px;
}

div.helpContent div.entry a:hover {
	weight: bold;
}
/*** END: Help info ***/

/*** BEGIN: Embedded error display ***/
div.errorDetailOuter {
	border-bottom:1px solid #D1D1D1;
}

div.errorDetail {
	padding:10px 16px;
	text-align:center;
}

div.errorDetail textarea {
	border:1px solid #EEE;
	padding:8px;
	height:100%;
	width:100%;
	resize:none;
}

/*** END: Embedded error display ***/

/* For Modal frame display */
modalFrameDisplay {
	display:block;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

/*** BEGIN: Context menu, from context-menu.css (for ui-common-context-menu.js) ***/
div.contextMenu {
	background-color: #FFF;
	background-repeat: repeat-y;
	border: 1px solid #B5B5B5;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 20px 35px 0 rgba(0, 0, 0, 0.25); /* div.UIPopupoMenu */
	color: #333;
	overflow-x: hidden;	position: absolute;
	visibility: hidden;
	z-index: 10;
}

div.menuItem, div.menuItemOver {
	background:transparent;
	border:none;
	color:#333;
	padding:2px 15px 2px 27px;
	position:relative;
}

div.menuItemDisabled {
	color:#999;
}

div.menuItemOver {
	background: none repeat scroll 0 0 #E6E6E6;
}

div.submenuItem, div.submenuItemOver {
	background-image: url(../images/context-menu/submenu-arrow.png);
}

div.submenuItemOver {
	background-image: url(../images/context-menu/submenu-arrow-over.png);
	-moz-user-select: none;
}

div.separator {
	font-size:0;
	height:2px;
	padding-left: 27px;
}

div.separator hr {
	margin-bottom:0px;
	margin-top:0px;
	padding:0;
	background-color:#AAA;
	color:#AAA;
	height:1px;
}
/*** END: Context menu (for ui-common-context-menu.js) ***/
/*** BEGIN: doc display ***/
div.docMain {
	overflow:hidden;
	width:100%;
}

div.docScrollWrapper {
	height:100% ;
	width:100%;
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	div.docScrollWrapper {
		-webkit-overflow-scrolling:touch;
		overflow-y:scroll;
	}
}

div.docHeader {
	height:30px;
	overflow:hidden;
	width:100%;
}

div.docScrollWrapper iframe, div.docHeader iframe {
	border:none;
	display:block;
	height:100%;
	width:100%;
}

div.docHeader iframe {
	overflow:hidden;
}

div.docNote {
	background:#FFF7DB;
	height:30px;
	overflow:hidden;
	padding:4px 8px;
	width:100%;
}

div.docNote a, a:visited {
    color:#3697D3;
    cursor:pointer;
    text-decoration:none;
}

div.docNote a:hover {
    color:blue;
    text-decoration:underline;
}
/*** END: doc display ***/

/*** BEING: RPS doc display ***/
div.rpsPageTitle {
	font-weight:600;
	margin:10px 25px;
}

div.rpsSection {
	margin:2px 20px;
}

div.rpsSectionTitle {
	background:linear-gradient(to bottom, #fff, #ececec) repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size:8pt;
	font-weight:600;
	padding:6px 12px;
	vertical-align:middle;
}

div.rpsSectionContent {
	border-top:1px solid #DDD;
	padding:4px 20px 15px 20px;
}
/*** END: RPS doc display ***/