/* -------------------------------------------------------

	Main CSS for login.asp page
	Also html & body css is needed (login_body.css)

------------------------------------------------------- */


#search-form {
	width: 100%;
	/* height: 360px; */
	/* margin: 60px auto 0 auto; */
	/* padding: 1px 0 0 0; */
	box-sizing: border-box;
	/* padding: 30px */
	/* background: url(/images/form-bg.png) top center no-repeat; */
}


body {
	background: url("/images/page-backgrounds/back-1.jpg") top center;
}

.form-container {
	/* width: 99%; */
	/* height: 49px; */
	margin: 10px auto 0 auto;		/*  20px  */
	padding: 0;
	/* overflow: hidden; */
	background: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: linear-gradient(top, #f8f8f8, #eeeeee);
	-moz-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	/* box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5); */
	box-shadow: 0 6px 8px rgba(0,0,0,.5);
}


.input_fields {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: 46px;			/*  104px   MAKE SURE TO CHANGE HEIGHT OF submit-containter(s) ALSO DOWN BELOW */
	/* margin: 6px 0 0 8px; */
	/* padding: 0 8px; */
	padding-left: 8px;			/*  THIS IS TO INSET THE TEXT A LITTLE TO THE RIGHT */
	text-align: left;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;		/*  40px  */
	color: #666;
	font-style: italic;
	font-weight: 400;	
	border: 1px solid #ccc;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: linear-gradient(top, #f5f5f5, #ffffff);
	-moz-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	background: #fff;
	/* background: url('/images/magnifier_black.png') 10px 10px repeat-x #fff; */
}

.input_fields:focus {
	outline: 0;
	color: #222;
	border-color: #aaa;
	-moz-box-shadow: 0 1px 1px #dadada inset;
	-webkit-box-shadow: 0 1px 1px #dadada inset;
	box-shadow: 0 1px 1px #dadada inset;
}


.input_dropdown {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: 28px;			/*  104px   MAKE SURE TO CHANGE HEIGHT OF submit-containter(s) ALSO DOWN BELOW */
	/* margin: 6px 0 0 8px; */
	/* padding: 0 8px; */
	padding-left: 8px;			/*  THIS IS TO INSET THE TEXT A LITTLE TO THE RIGHT */
	text-align: left;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;		/*  40px  */
	color: #888;
	font-style: italic;
	font-weight: 400;	
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: linear-gradient(top, #f5f5f5, #ffffff);
	-moz-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	background: #fff;
	/* background: url('/images/magnifier_black.png') 10px 10px repeat-x #fff; */
}

.input_dropdown:focus {
	outline: 0;
	color: #666;
	border-color: #aaa;
	-moz-box-shadow: 0 1px 1px #dadada inset;
	-webkit-box-shadow: 0 1px 1px #dadada inset;
	box-shadow: 0 1px 1px #dadada inset;
}

.employee_name {
	box-sizing: border-box;
	float: left;
	height: 16px;
	padding-left: 8px;			/*  THIS IS TO INSET THE TEXT A LITTLE TO THE RIGHT */
	text-align: left;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	color: #888;
	font-style: normal;
	font-weight: 800;
}

.submit-container {
	float: left;
	/* height: 32px; */
	/* margin: 7px 0 0 7px; */
	padding: 0;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	
	/*
	background: #e63c0d;
	border: 1px solid #d62700;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f55f15), to(#e63c0d));
	background-image: -webkit-linear-gradient(top, #f55f15, #e63c0d);
	background-image: -moz-linear-gradient(top, #f55f15, #e63c0d);
	background-image: -ms-linear-gradient(top, #f55f15, #e63c0d);
	background-image: -o-linear-gradient(top, #f55f15, #e63c0d);
	background-image: linear-gradient(top, #f55f15, #e63c0d);
	
	-moz-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	*/
	
	background: 			#2567ab /*{b-bup-background-color}*/;
	border: 1px solid 		#145072 /*{b-bup-border}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
	
	-moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
}

.submit-container-blue {
	float: left;
	padding: 0;
	cursor: hand;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;		/* 40px */
	color: #fff;
	font-weight: 600;
	outline: none;
	background-color: transparent;
	text-shadow:  0 1px 0 #666;
	width: 100%;
	
	background: 			#2567ab;
	border: 1px solid 		#145072;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
	
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3), 0 1px 1px #8fbad6 inset;
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3), 0 1px 1px #8fbad6 inset;
	box-shadow: 0px 1px 4px rgba(0,0,0,.3), 0 1px 1px #8fbad6 inset;
}

.submit-container-green {

	background: #77b55a;
	border: 1px solid #458029;		/* 84c964  569e39 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #257a25 /*{b-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#86d562), to(#66b147));		/* f55f15  e63c0d  */
	background-image: -webkit-linear-gradient(top, #86d562, #66b147);
	background-image: -moz-linear-gradient(top, #86d562, #66b147);
	background-image: -ms-linear-gradient(top, #86d562, #66b147);
	background-image: -o-linear-gradient(top, #86d562, #66b147);
	background-image: linear-gradient(top, #86d562, #66b147);

	-moz-box-shadow: 0 1px 1px #c3f2ad inset, 0 1px 0 #aaa;
	-webkit-box-shadow: 0 1px 1px #c3f2ad inset, 0 1px 0 #aaa;
	box-shadow: 0 1px 1px #c3f2ad inset, 0 1px 1px #aaa;
}

.submit-container-green:hover, .submit-container-green:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7ccc5b), to(#86d562));		/* f55f15  e63c0d  */
	background-image: -webkit-linear-gradient(top, #7ccc5b, #86d562);
	background-image: -moz-linear-gradient(top, #7ccc5b, #86d562);
	background-image: -ms-linear-gradient(top, #7ccc5b, #86d562);
	background-image: -o-linear-gradient(top, #7ccc5b, #86d562);
	background-image: linear-gradient(top, #7ccc5b, #86d562);
}

.submit-container:hover, .submit-container:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e63c0d), to(#f55f15));
	background-image: -webkit-linear-gradient(top, #e63c0d, #f55f15);
	background-image: -moz-linear-gradient(top, #e63c0d, #f55f15);
	background-image: -ms-linear-gradient(top, #e63c0d, #f55f15);
	background-image: -o-linear-gradient(top, #e63c0d, #f55f15);
	background-image: linear-gradient(top, #e63c0d, #f55f15);
	-moz-box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;
}

.submit-container-blue:hover, .submit-container-blue:focus {
	border: 1px solid 		#225377 /*{b-bdown-border}*/;
	background: 			#4e89c5 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #396b9e /*{b-bdown-background-start}*/), to( #4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
}

.submit-container:active {
	outline: 0;
	-moz-box-shadow: 0 1px 6px #e4340b inset;
	-webkit-box-shadow: 0 1px 6px #e4340b inset;
	box-shadow: 0 1px 6px #e4340b inset;
}

.submit {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0px solid #000;
	/* background: url(/images/magnifier.png) 20px 6px no-repeat; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;		/* 40px */
	color: #fff;
	font-weight: 600;
	outline: none;
	background-color: transparent;
	text-shadow:  0 1px 0 #666;  /*{c-body-shadow-x}, {c-body-shadow-y}, {c-body-shadow-radius}, {c-body-shadow-color} */
		
	/*  THESE FUNCTIONS A LOT OF PEOPLE SAID ARE NEEDED TO MAKE BUTTON TRANSPARENT SO IT SHOWS GRADIENT BACKGROUND BUT DOESNT APPEAR SO */
	/*
	background-repeat: no-repeat;
	overflow: hidden; */
	/* background: url(/images/spacer.png) 20px 6px no-repeat; */
}


.submit-container-login {
	width: 70px;		/*  190px  */
	height: 42px;		/*  98px MAKE SURE TO CHANGE HEIGHT OF search-field ALSO UP ABOVE */
}

.submit-button {
	width: 100%;
	height: 48px;
}

.table-folder-created {
	width: 100%;
}

.new_folder {
	padding-left: 10px;
}

.popup {
	width: 210px;
	margin: 10px 0 0 10px;
	padding: 1px 0 0 0;
	background: url(/images/popup-bg.png) 10px 0 no-repeat;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	text-shadow: none;
}

.popup p {
	margin: 8px 0 0 0;
	padding: 8px 14px 9px 14px;
	background: #3d3d3d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}



header, footer, content {
	display: table-row;
}

header, footer {
	height: 1px;
}

content {
	height: auto;
}



.error_text {
	text-align: left;
	font-size: 14px;
	color: #F30;
	font-weight: 600;
	font-family: 'Open Sans', Arial, sans-serif;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 16px;
}