/**********************************************************************************************************
	RMS IT Application PRINT Styles -
	
	DATE CREATED: 	9/1/2011
	DATE UPDATED:	9/1/2011
	AUTHOR:			Stefan Walz
	
	PLEASE NOTE*
	Changing the settings in the file is NOT recommended. If you need a custom style for your application, 
	use the CUSTOM.css file.	     
/**********************************************************************************************************/

body {
	margin: 0;
	background-color: #fff; 
}

body, td, p {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
}

img {
	border:0;
	}


#security-markings {
	height: auto;
	background: #666;
	color: #fff;
	font-size: .6em;
	text-align:center;
}

#rtn-exim {
	background-color: #B9A281; 
	display: flex; 
	justify-content: space-between; 
	color: black; 
	font-size: 18px;
}

#quicksearch {
    display:none;
}

#corporate-nav {
	display:none;
}

#maincontent {
	text-align: left;
}

#container {
	width:99%;
	}

.skip-links {
	display: none;
}
	
.mainbox {
	text-align: left;
	padding:0 15px;
}

.ui-progressbar, .ui-slider-horizontal, .ui-slider {
	display:none;
	}
	
.ui-tabs .ui-tabs-nav {
	font-size:.5em;
	padding: 0.2em 0.2em 0;
}

/***HYPERLINK STYLES***/

a:link,a:visited {
	text-decoration: none;
	color: #035997;
}

a.underline:link {
	text-decoration: underline;
	color: #035997;
}

a.underline:visited {
	text-decoration: underline;
	color: #035997;
}

a.cancel:link {
	display:none;
}

a.cancel:visited {
	text-decoration: underline;
	font-weight: bold;
	background: transparent url("../images/ico_pipe.png") no-repeat left;
	color: #333333;
}

/***HEADERS***/

h1 {
	font: bold 1em Arial, Helvetica, Verdana, Sans-serif;
	color: #333333;
}

h2 {
	font: bold 1em Arial, Helvetica, Verdana, Sans-serif;
	color: #334d55;
}

h3 {
	font: bold 1em Arial, Helvetica, Verdana, Sans-serif;
	color: #707070;
}

h4 {
	font: 1em Arial, Helvetica, Verdana, Sans-serif;
	color: #333333;
}

h5 {
	font: .8em Arial, Helvetica, Verdana, Sans-serif;
	color: #333333;
}

.boldred {
	font-weight: bold;
	color: #ce1126;
}

#pagecell{
	background:#fff;
}

#masthead {
	position: relative;
	top: 0px;
}

#title {
	display:none;
}

/***NAVIGATION ***/

#global-nav {
	display:none;
	}
	
#utility {
	display:none;
	}
	
#util-right {
	display:none;
	}

#breadcrumbs {
	display:none;
}

.subglobalNav {
	display:none;
}

.ribbonBanner, .ribbonBanner.visible {
	display:none !important;
	}
	
/**FOOTER STYLES***/

#footer {
	font-size: 1em;
	width: 100%;
	color:#334D55;
}

#footer strong {
	font-size: 1.2em;
	color: #334D55;
	font-weight: bold;
	display: block;
}

#footer #contact {
	float: left;
	text-align:left;
	width: 50%;
	padding:0;
	margin:0;
}

#contact ul {
	list-style-type: none;
}

#footer #copyright {
	float: right;
	width: 50%;
	text-align: right;
	padding-top:45px;
}

#copyright ul {
	list-style-type: none;
}

#footer a {
	color: #334D55;
	text-decoration: underline;
}

#footer #it_logo {
	display:none;
	}

#paging {
	display:none;
	}
	
	
/***FORM styles***/

form {
    margin: 0;
    padding: 0;
}
fieldset {
    background-color: #ffffff;
    background-position: 50% 50%;
    font-size: 100%;
    border:solid 1px #666465;
}
legend {
    color: #0066cc;
	font-weight: bold;
    font-size: 1.15em;
}

fieldset div span input, fieldset div span textarea {
    color: #333333;
    min-width: 100px;
}

input:focus, textarea:focus {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #000000;
}
fieldset div.frm-req {
    font-weight: bold;
}
fieldset .star {
    font-weight: bold;
    color: #ce1126;
    padding-right: 0.3em;
}

fieldset div label {
    float: left;
    text-align: right;
    width: 30%;
}
fieldset div span.entry{
    width: 60%;
    min-width: 200px;
}

.key-disp {
	font-weight: normal;	
}
 
* html .width {
	border-left: 0px solid #fff;
	position:relative;
	float:left;
	z-index:1;
	}
	
* html .minwidth {
	margin-left:0px;
	position:relative;
	float:left;
	z-index:2;
	text-align:left;
	}


/***Status Dialog Boxes - green, yellow and red boxes across the top ***/


.confirm-box {
	position: relative;
	border: 1px solid #ccc;
	width: 92%;
	background-color: #ffff99;
	margin-bottom: 8px;
}

.confirm-box p {
	font-size: 90%;
}

.confirm-box .close {
	position: absolute;
	right: 8px;
	top: 15px;
}

.confirm-box ul {
	list-style: none;
}

.confirm-box li {
	background: transparent url("../images/ico_info_sm.png") no-repeat;
	text-align: left;
}

.success-box {
	position: relative;
	border: 1px solid #7eb589;
	width: 92%;
	background-color: #d7f1dc;
	margin-bottom: 8px;
}

.success-box p {
	font-size: 90%;
}

.success-box .close {
	position: absolute;
	right: 8px;
	top: 15px;
}

.success-box ul {
	list-style: none;
}

.success-box li {
	background: transparent url("../images/ico_info_sm.png") no-repeat;
	text-align: left;
}

.failure-box {
	position: relative;
	border: 1px solid #cd0a0a;
	width: 92%;
	background-color: #dfbaba;
	margin-bottom: 8px;
}

.failure-box p {
	font-size: 90%;
}

.failure-box .close {
	position: absolute;
	right: 8px;
	top: 15px;
}

.failure-box ul {
	list-style: none;
}

.failure-box li {
	background: transparent url("../images/ico_warning_sm.png") no-repeat;
	text-align: left;
}

.error-box {
	position: relative;
	border: 1px solid #cd0a0a;
	width: 92%;
	background-color: #dfbaba;
	margin-bottom: 8px;	
}

.error-box p {
	font-size: 90%;
}

.error-box .close {
	position: absolute;
	right: 8px;
	top: 15px;
}

.error-box ul {
	list-style: none;
}

.error-box li {
	background: transparent url("../images/ico_error_sm.png") no-repeat;
	text-align: left;
}

/***CSS3 Buttons - Primary class is blue. Secondary is gray.***/

.primary, .secondary, .small, .disabled, .icon-button {
	display:none;
}

.button-zone {
	margin:0px auto 0px auto;
	text-align:center;
}

/***1, 2, 3 column form layout using fieldsets***/

form.rayform {
    color: #333333;
    font-size: 1.1em;
    width: 98%;
}

form.rayform legend {
    padding-left: 0;
}

form.rayform legend, form.rayform label {
    color: #334D55;
}

form.rayform fieldset {
    background: url("../images/rayform-fieldset.png") repeat-x scroll left bottom #fff;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    width: 100%;
	padding-bottom: 1em;
}

form.rayform fieldset fieldset {
    background: none repeat scroll 0 0 transparent;
}

form.rayform fieldset li {
	/* background: url("../images/rayform-divider.png") repeat-x scroll left bottom transparent; */
    padding: 5px 10px 7px;
}

form.rayform fieldset {
    padding-top:15px; /* IE Hack to provide spacing between fieldsets cause it doesn't read the margin*/
    margin-bottom:10px;
}

form.rayform legend {
    font-weight: bold;
    padding: 0 2px;
}

form.rayform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}

form.rayform fieldset ol {
    margin: 0;
    padding: 0 5px;
    width:28%;
    float:left;
}

form.rayform fieldset li {
    list-style: none outside none;
    margin: 0;
	padding: 0 0 3px 20px;
}

form.rayform fieldset li.error{ 
	background: #dfbaba url("../images/ico_warning_sm.png") no-repeat left;
}

form.rayform fieldset fieldset {
    border: medium none;
    margin: 3px 0 0;
}

form.rayform fieldset fieldset legend {
    font-weight: normal;
    padding: 0 0 5px;
    display: block;
}

form.rayform fieldset fieldset label {
    display: block;
    width: auto;
}

form.rayform em {
    color: #FF0000;
    font-style: normal;
    font-weight: bold;
    padding-right:3px;
}

form.rayform label {
    width: 100%;
}

form.rayform fieldset fieldset label {
    width: 100%;
}

.sr {
    height: 1px;
    left: -9999em;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1px;
}

/***Rayform hack WITHOUT the blue background***/

form.rayform-white {
    color: #333333;
    font-size: 1.1em;
    width: 98%;
}
form.rayform-white legend {
    padding-left: 0;
}
form.rayform-white legend, form.rayform label {
    color: #334D55;
}
form.rayform-white fieldset {
    background-color: #fff;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    width: 100%;
	padding-bottom: 1em;
}
form.rayform-white fieldset fieldset {
    background: none repeat scroll 0 0 transparent;
}
form.rayform-white fieldset li {
    padding: 5px 10px 7px;
}

form.rayform-white fieldset {
    margin-bottom:10px;
}
form.rayform-white legend {
    font-weight: bold;
    padding: 0 2px;
}
form.rayform-white label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
form.rayform-white fieldset ol {
    margin: 0;
    padding: 0 5px;
    width:28%;
    float:left;
}
form.rayform-white fieldset li {
    list-style: none outside none;
    margin: 0;
	padding: 0 0 3px 20px;
}

form.rayform-white fieldset li.error{ 
	background: #dfbaba url("../images/ico_warning_sm.png") no-repeat left;
}

form.rayform-white fieldset fieldset {
    border: medium none;
    margin: 3px 0 0;
}
form.rayform-white fieldset fieldset legend {
    font-weight: normal;
    padding: 0 0 5px;
    display: block;
}
form.rayform-white fieldset fieldset label {
    display: block;
    width: auto;
}

form.rayform-white em {
    color: #FF0000;
    font-style: normal;
    font-weight: bold;
    padding-right:3px;
}

form.rayform-white label {
    width: 100%;
}

form.rayform-white fieldset fieldset label {
    width: 100%;
}

/***Read only field set for read only forms***/

form.raydisplay {
    color: #333333;
    font-size: 1.1em;
}

form.raydisplay legend {
    padding-left: 0;
}

form.raydisplay legend, form.raydisplay label {
    color: #334D55;
}
form.raydisplay fieldset {
    background: url("../images/rayform-fieldset.png") repeat-x scroll left bottom transparent;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
	padding-bottom: 1em;
	width:auto;
	float:none;
	padding-top:15px; /* IE Hack to provide spacing between fieldsets cause it doesn't read the margin*/
    }
    
form.raydisplay fieldset fieldset {
    background: none repeat scroll 0 0 transparent;
}

form.raydisplay legend {
    font-weight: bold;
    padding: 0 2px;
}

form.raydisplay label {
    line-height: 1.8;
    float:left;
    width:50%;
    text-align:right;
    padding-right:1em;
}

form.raydisplay span {
	line-height: 1.8;
	font-weight:bold;
}

form.raydisplay fieldset ol {
    margin: 0;
    padding: 0 5px;
}

form.raydisplay fieldset li {
    list-style: none outside none;
    margin-left:auto;
    margin-right:auto;
	clear:both;
}

form.raydisplay fieldset li.error{ 
	background: #dfbaba url("../images/ico_warning_sm.png") no-repeat left;
}

form.raydisplay fieldset fieldset {
    border: medium none;
    margin: 3px 0 0;
}
form.raydisplay fieldset fieldset legend {
    font-weight: normal;
    padding: 0 0 5px;
    display: block;
}

form.raydisplay fieldset fieldset label {
    display: block;
}

form.raydisplay em {
    color: #FF0000;
    font-style: normal;
    font-weight: bold;
    padding-right:3px;
}

/*******************WIZARD STYLES*****************/

form .wizardform {
    height: 24px;
    width: 100%;
    font:bold 1.25em Arial, Verdana, sans-serif;
 
}

.wizardform ul{
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    height: 24px;
    list-style-type: none;
		}

.wizardform ul li{
    list-style-type: none;
    height:24px;
}

.wizardform li{
    float: left;
    line-height: 24px;
    width:20%;
    font-size:.5em;
}

.wizardform li a{
    color: #ccc;
    display: block;
    height:24px;
    text-decoration:none;
}

.wizardform li.wiz-title-active{
	height:24px;
	margin: 0px auto 0px auto;
}
	
.wizardform li.wiz-section1-title {
	margin-left:5px;
	padding-left:35px;
    color:#ccc;
    text-align:left;
	}
	
.wizardform li.wiz-section2-title {
	margin-left:5px;
	padding-left:35px;
    color:#ccc;
    text-align:left;
	}
	
.wizardform li.wiz-section3-title {
	margin-left:5px;
	padding-left:35px;
    color:#ccc;
    text-align:left;
	}
	
.wizardform li.wiz-section4-title {
	margin-left:5px;
	padding-left:35px;
    color:#ccc;
    text-align:left;
	}
	
.wizardform li.wiz-section5-title {
	margin-left:5px;
	padding-left:35px;
    color:#ccc;
    text-align:left;
	}
	
.wizardform li.wiz-section1 {
	margin-left:5px;
	padding-left:35px;
    color:#0076A3;
    text-align:left;
	}
	
.wizardform li.wiz-section2 {
	margin-left:5px;
	padding-left:35px;
    color:#0076A3;
    text-align:left;
	}

.wizardform li.wiz-section3 {
	margin-left:5px;
	padding-left:35px;
    color:#0076A3;
    text-align:left;
	}


.wizardform li.wiz-section4 {
	margin-left:5px;
	padding-left:35px;
    color:#0076A3;
    text-align:left;
	}
	
	
.wizardform li.wiz-section5 {
	margin-left:5px;
	padding-left:35px;
    color:#0076A3;
    text-align:left;
	}
	
form .wizard-button-zone{
	padding:5px 0;
	margin:0px auto 0px auto;
	text-align:center;
}

form .wizard-button-next {
	display:none;
}

form .wizard-button-previous {
	display:none;
	}

#clear {
	clear:both;
}

/***ADMIN screen styles for the role and users pages***/

#users_top_bar .search_bold_right, #roles_top_bar .search_bold_right {
	display:none;
}

#roleUsersTitleRow .search_bold_right{
	float:left;
	font-weight:bold;
	border-bottom:solid 1px #c2dee7;
	width:100%;
	padding-bottom:2px;
}

#roles_top_bar input, #roleUsersDiv input {
	margin-top:-2px;
}	

#roleUsersDiv img, #autofillUserId img{
	margin-bottom:-4px;
	padding: 0 5px;
	cursor:pointer;
	text-decoration:none;
	}

#user_container, #roles_container {
	width: 100%;
	margin-top: 10px;
	height: 590px;
	border: solid 1px #ccc;
}

#user_list_container, #roles_list_container {
	width: 350px;
	float: left;
	height: 100%;
	border-right: solid 1px #ccc;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 590px;
}

#user_count, #roles_count {
	background-color: #ccc;
	color: #333;
	padding: 3px;
	height: 20px;
}

#user_list, #roles_list {
	background-color: #eee;
	padding: 0px;
}

#user_list .selectedListItem, #roles_list .selectedListItem {
	background-color: #A1C4DE;
	font-weight: bold;
}
	
#user_list li, #roles_list li {
	cursor: pointer;
	list-style: none;
	border-bottom: solid 1px #ccc;
}

#user_list li:hover, #roles_list li:hover {
	background-color: #D9EBF5;
}
				
#user_list li .user_record, #roles_list li .role_record {
	padding: 3px;
	max-width: 350px;	
	min-height: 35px;
}
				
#user_list li .additional_info, #roles_list li .additional_info {
	font-style: italic;
	font-size: .9em;
	display: block;
	color: #555;
}
		
#user_list li .additional_info .userId {
	float: left;
}
				
#user_list li .additional_info .userLocation, #roles_list li .additional_info .roleName  {
	float: right;
}

#user_profile_container, #role_profile_container {
	margin-left: 350px;
}
		
#user_profile_inner_container, #role_profile_inner_container {
	padding: 20px;
	height: 545px;
}

#user_list li .user_record.inactive_user, #roles_list li .role_record .inactive_user, #role-user-results-grid .inactive_role {
	background-color:#dfbaba;
}

#user_profile_inner_container #addRoleBtn, #role_profile_inner_container #addRoleBtn {
	display:none;
}
#user_profile_inner_container #addPermBtn, #role_profile_inner_container #addPermBtn {
	display:none;
}
#user_profile_inner_container #addRoleUserBtn, #role_profile_inner_container #addRoleUserBtn, #userActivationBtn {
	display:none;
}

#user_profile_inner_container #noUserSelected, #role_profile_inner_container #noRoleSelected {
	text-align: center;
	font-size: 3em;
	color: #ccc;
	margin: auto;
	margin-top: 20px;
	width: 70%;
}	

#user_profile_container .selectedContainer, #role_profile_container .selectedContainer {
	border: solid 4px #A1C4DE;
}	

#userSelected, #userRoleDetailArea #addRoleBtn, #userRoleDetailArea #addRoleDialog, #user_count_loading, #role_count_loading, 
#roleSelected {
	display: none;
}

#user_selected_header, #role_selected_header {
	width: 100%;
	float: left;
	margin-bottom:10px;
}


#user_selected_header #userInactivationDate, #role_selected_header #roleInactivationDate {
	font-weight: bold;
	margin-right: 10px;
	color: #CE1126;
}

#user_selected_title_row, #role_selected_title_row, #rolePermsTitleRow {
	width: 100%;
	clear: both;
	height:2em;
}
	
#user_selected_title_row h2, #role_selected_title_row h2, #user_selected_header h2, #roleUsersTitleRow h2, #roleUsersTitleRow h3,#rolePermsTitleRow h2, #role_selected_header h2 {
	padding: 0px 5px 0px 0px;
	float: left;
	width:65%;
}

#roleUsersDiv h2 {
	padding: 0px 5px 0px 0px;
	float: left;
	width:20%;
	}

#user_selected_photo_frame {
	height: 100%;
	float: left;
	width: 145px;
}

#user_selected_photo {
	border: 1px solid #CCCCCC;
	height: 118px;
	padding: 5px;
}

#user_selected_details_container {
	min-height: 100px;
	padding-top: 5px;
}

#role_selected_details_container {
	min-height: 30px;
	padding-top: 5px;
}

.user_selected_details_subcontainer, .role_selected_details_subcontainer {
	float: left;
	padding-right:20px;
}

.user_selected_container, .role_selected_container {
	margin: 0;
	padding: 0;
}

#user_selected_name, #role_selected_name {
	padding-bottom: 0px;
}

#user_selected_title, #role_selected_title {
	font-style: italic;
	padding-top:1px;
	vertical-align:bottom;
	float:left;
}

#userRoleDetailArea h3 , #rolePermDetailArea h3{
	padding-left:8px;
}

#roles_assigned, #role_users_assigned {
	width: 97%;
	margin: 8px 4px 4px 4px;
}

#roles_assigned .role, #role_users_assigned .user {
	width: 100%;
	border-top: 1px solid #c2dee7;
	margin: 6px;
	margin-bottom: 8px;
	min-height: 30px;
	list-style: none;
}

#roles_assigned .no_entries, #role_users_assigned .no_entries {
	margin-left: 5px;
	padding:2px 3px;
	color: #555;
	background-color: #eee;	
	font-style: italic;
	list-style: none;
}

.role_info, .user_info {
	margin-top: 4px;
	font-weight: bold;
	width: 100%;
}

.remove_role {
	right: 0px;
	margin: 4px;
	font-weight: normal;
	color: #333;
	margin-left: 40px;
	padding-left: 20px;
	float: right;
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	background: url("../images/remove_circle.gif") no-repeat left;
	margin-right: 15px;
}

#rolePermDetailArea {
	float:left; 
	width: 100%; 
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 195px; 
	padding-right: 10px;
}
#userRoleDetailArea {
	float:left; 
	width: 100%; 
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 395px; 
	padding-right: 10px;
}
#roleUsersDiv, #rolePermsDiv{
	float:left;
	width: 100%;
}
#roleUsersDetailDiv {
	float:left; 
	width: 100%; 
	overflow-x: hidden;
	overflow-y: auto; 
	padding:10px 10px 0 0;
}
.role-users-short {
	max-height: 195px;
}
.role-users-tall {
	max-height: 457px;
}

#autoFillUser {
	display:none;
	}

/***Margin for the date picker icon***/

.hasDatepicker {
    margin-right: 3px;
}

.default_win {
	display:none;
}

/***BASIC TABLE STYLES***/

.raytable {
	width:100%;
	margin-left:auto;
}
	
.raytable td {
	vertical-align:top;
	height:18px;
	border:solid 1px #e8e8e8;
	text-align:left;
	padding:4px;
	font-weight:.5em;
}
	
.raytable th {
	background-color: #E1EEFA;
	font-weight:bold;
	color: #333333;
	padding: 5px;
	font-weight:.5em;
}

.even-row {
	background-color: #fff;
}
	
.odd-row {
	background-color: #e7e6e6;
}
	
.raytable tr.columnhead td {
	background-color:#ccc;
	font-weight:bold;
	font-weight:.5em;
}

.total{
    color:#990000;
	
}
.total td{
  font-weight:bold;

}
.combinedtotal{
    background-color:#990000;
    color: #fff;

}
.combinedtotal td{
  font-weight:bold;

}