@charset "utf-8";
/* CSS Document */

#primo_login {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 12px;
}

/* -----------------------------------*/
/* >>>>>>>>>> Tab Styles <<<<<<<<<<   */
/* -----------------------------------*/

/* style for hiding panels */
#primo_login .ui-tabs-hide {
	display: none;
}
/* for ul holding tab li elements */
#primo_login .ui-tabs-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}
/* tabs */
#primo_login .ui-tabs-nav li {
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
}
/* style link inside tab */
#primo_login .ui-tabs-nav a {
	font-weight: bold;
	color: #005D61;
	text-decoration: none;
	display: block;
	padding: 5px 15px 3px 15px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}
/* link style for selected tab */
#primo_login .ui-tabs-selected a {
	background: #ffffff;
	/* background-image:url('https://umanitoba.ca/libraries/images/backgrounds/buttons/grey_tab_selected.png'); */
	background-image:url('grey_tab_selected.png');
	background-repeat:repeat-x;
	position: relative;
	top: 1px;
}
/* remove outline around link of selected tab */
#primo_login .ui-tabs-nav a:focus {
	outline: none;
}
/*panel style*/
#primo_login .ui-tabs-panel {
	clear: left;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	background: #FFF;
	width: 100%;
}

/* -----------------------------------*/
/* >>>>>>>>>> Form Styles <<<<<<<<<<  */
/* -----------------------------------*/

#primo_login form {
	margin: 0px;
	padding: 0px;
}
#primo_login .submit_button {	
	background: #fff9ea;
	/* background-image:url('https://umanitoba.ca/libraries/images/backgrounds/buttons/yellow_button.png'); */
	background-image:url('yellow_button.png');
	background-repeat:repeat-x;
	color: #000000;
	height: 26px;
	cursor: pointer;
	border: 1px solid #FED052;
}
#primo_login #panel1, 
#primo_login #panel2, 
#primo_login .helper_text_1, 
#primo_login .helper_text_2 {
	padding: 25px;
}
#primo_login .helper_text_1 {
	background-color: #CCC;
	width: 85%;
	margin-bottom: 25px;
}
#primo_login .thumbnail {
	background-color: #BBB;
	width: 150px;
	float: left;
}
#primo_login .thumbnail img {
	border: none;
}
#primo_login .helper_text_2 {
	background-color: #AAA;
	width: 144px;
	float: right;
}
#primo_login .helper_text_1, #primo_login .helper_text_2 {
	/* begin: gradient */
	background: #fffefb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZWZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #fffefb 0%, #fff9ea 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fffefb), color-stop(100%,#fff9ea));
	background: -webkit-linear-gradient(-45deg,  #fffefb 0%,#fff9ea 100%);
	background: -o-linear-gradient(-45deg,  #fffefb 0%,#fff9ea 100%);
	background: -ms-linear-gradient(-45deg,  #fffefb 0%,#fff9ea 100%);
	background: linear-gradient(135deg,  #fffefb 0%,#fff9ea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefb', endColorstr='#fff9ea',GradientType=1 );
	/* end: gradient */
	border: 3px dashed #FED052;
}
#primo_login label {
	display: inline-block;
    font-weight: bold;
    width: 130px;
}
#primo_login .form {
	border: 1px solid #CCCCCC;
    padding: 5px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
}
#primo_login .username_field {
	float: left;
	margin-bottom: 10px;
}
#primo_login .password_field {
	clear: both;
	margin-bottom: 10px;
}
#primo_login .left_col {
	float: left;
	width: 375px;
	margin-top: 15px;
}
#primo_login .right_col {
	float: left;
    width: 375px;
	/* background-color: #ddd; */
}
#primo_login .clear {
	clear: both;
}
#primo_login .underline {
	text-decoration: underline;
}
#primo_login #lang_switcher {
	font-size: 14px;
}