/*Container for pages and sets width*/

#Container {
	width: 1050px;
	margin-left:auto;
	margin-right:auto;
}
/*Header, Logo, & Text*/
#Header {
	width:100%;
	/*min-height: 100px;*/
	height: 100px;
	border-left: solid medium #000;
	border-right: solid medium #000;
	border-top: solid medium #000;
	/*padding:5px;*/
	
background-image: linear-gradient(left , #EAF2FE 0%, #B2D2FB 100%);
background-image: -o-linear-gradient(left , #EAF2FE 0%, #B2D2FB 100%);
background-image: -moz-linear-gradient(left , #EAF2FE 0%, #B2D2FB 100%);
background-image: -webkit-linear-gradient(left , #EAF2FE 0%, #B2D2FB 100%);
background-image: -ms-linear-gradient(left , #EAF2FE 0%, #B2D2FB 100%);

}
	/* REFERENCE FOR GRADIANT http://www.colorzilla.com/gradient-editor/#eaf2fe+1,b2d2fb+100;Custom */
	

	
.Logo {
	width: 210px;
	height: 100%;
	float:right;
}
.portal_font_head {
	float: left;
	padding-left: 10px;
	font-size:31px;
	font-family:Cambria;
	font-weight:bold;
	text-decoration: none;
}
#portal_text_DB {
	color:#1b4a79;
	text-decoration:none;
}
#portal_text_LB {
	color:#8aa9c9;
	text-decoration:none;
}
#Main_Content {
	width:100%;
	border: solid medium #000;
	background-color:#FFFFFF;
}
/*Inner Blue box for content on pages*/
#main_content_content {
	height: auto;
	width: 60%;
	/*used to align centre automatically, IMPORTANT!*/
	margin: 0 auto;
	margin-bottom: 8.45%;
	margin-top: 4%;
	border-style: solid;
	border-width: medium;
	border-color:#3399FF;
}
/*Add Page*/
.Add_Header {
	text-align: center;
	font-family:Cambria;
	font-size: 30px;
	font-weight:bold;
}
.Add_Headings {
	text-align: center;
	font-family:Cambria;
	font-size: 22px;
	font-weight:bold;
}
.Left_Container {
	width: 470px;
	float:left;
	margin-bottom:15px;
	margin-left: 11px;
}
.Right_Container {
	width: 470px;
	float:left;
	margin-left: 85px;
}
.Add_Containers {
	padding:5px;
	height:auto;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border: solid medium #6699FF;
	
}
.postCheck {
	color: #F00;
	font: 8pt verdana;
	font-weight: bold;
	text-decoration: none;
	float: left;
	width: 35%;
}
.emailCheck {
	color: #F00;
	font: 8pt verdana;
	font-weight: bold;
	text-decoration: none;
	width: 35%;
}
#Submit_Button {
	float: right;
	margin-top: -50px;
	margin-right: 42px;
}
.c1 {
	clear:both
}
/*Login Page*/

.portal_font_login {
	padding-top: 30px;
	font-family:Cambria;
	font-weight:bold;
	font-size: 30px;
	text-align: center;
}
.Login_Form {
	padding-left:140px;
}
.Login_Header {
	font-family:Cambria;
	font-weight:300;
	font-size:20px;
	color:#000000;
}
.Email_Password {
	font-family:Cambria;
	font-weight:600;
	font-size:18px;
	color:#000000;
}
.Login_Links {
}
.Login_Button {
	margin-left:350px;
	color: #FFF;
	background-color:#1b4a79;
	width:80px;
	height:35px;
	font-family:Cambria;
	font-weight:300;
	font-size:16px;
}
.login_image {
	float: right;
	width: 180px;
	height: 220px;
	margin-top: 80px;
}
/*Portal / landing page */
.ifemployee {
	font-size: 17px;
	margin-left: 60px;
	font-family: Cambria;
}

/*Email, Payroll*/

.Heading_title {
	text-align: center;
	font-family: calibri;
	font-weight: bold;
	font-size: 30px;
}
.sub_header_email {
	text-align: center;
	font-family: calibri;
}
.content_align {
	font-family :calibri;
	padding-left: 75px;
	width: 90%;
	Margin: 20px auto;
}
.message_box {
	width:35em;
	height:14em;
	position:relative;
	left:140px;
	top:-30px;
	resize: none;
}
.submit_email {
	width: 5.7em;
	font-family: calibri;
	background-color: #8aa9c9;
	border: 2px solid;
	padding: 7px;
	position: relative;
	left: 53em;
	top: -1.5em;
}

/*Change_password page CSS*/	  
.password {
	text-align:left;
}

.Logout {
	float:right;
	padding-right:5px;
	color: #E68AE1;
	text-decoration: none;
	font-size:16px;
	font-family:Cambria;
	font-weight: 200;
}
#Footer {
	width:1050px;
	clear: both;
	height: 60px;
	border-left: solid medium #000;
	border-right:  solid medium #000;
	border-bottom:  solid medium #000;
	text-align: center;
	background-image: url(images/footer.png);
}

.footer_content {
	padding-left: 5px;
	padding-right: 5px;
	
	width:1050px;
	border: none;
	text-align:center;
	height: auto;
}

.no-underline {
	text-decoration:none;
}

.portal_font {
	float: left;
	padding-left: 10px;
	font-size: 38px;
	font-family: Cambria;
	font-weight: bold;
}

.Save_Button_Right {
	float:right;
	color: #FFF;
	background-color:#1b4a79;
	width:80px;
	height:35px;
	font-family:Cambria;
	font-weight:300;
	font-size:16px;
	margin-right:20px;
	margin-top:20px;

}

.Save_Button_Centre {
	margin-left:auto;
	margin-right:auto;
	color: #FFF;
	background-color:#1b4a79;
	width:80px;
	height:35px;
	font-family:Cambria;
	font-weight:300;
	font-size:16px;
}
/*Used for error messages on multiple pages*/

.Error_Message {
	text-align:center;
	font-family:Cambria;
	font-weight:200;
	font-size:19px;
	color:#FF0000;
}

.Error {
	text-align:center;
	font-family:Cambria;
	font-weight:200;
	font-size:19px;
	color:#FF0000;
}

/*Print Icon*/ 
.Print_Icon {
	float:left;
	width:400px;
	height:400px;
	margin-left:55px;
	margin-top:5px;
}

/*P 60*/
.P60_Headings {
	
	font-family:Cambria;
	font-weight:600;
	font-size:19px;
	color:#1b4a79;
}

.P60_Data{
	
	font-family:Cambria;
	font-weight:500;
	font-size:19px;
	color: #000;
	
}
.P60_Bold{
	
	font-family:Cambria;
	font-weight:600;
	font-size:18px;
	color: #000;
	
}

.P60_Add{
Margin: 79.5px;
font-family:Cambria;
	font-weight:500;
	font-size:19px;
	color: #000;}

/*Payslip*/  
.Payslip_Headings {
	
	font-family:Cambria;
	font-weight:600;
	font-size:19px;
	color:#1b4a79;
}

.Payslip_Data{
	
	font-family:Cambria;
	font-weight:500;
	font-size:19px;
	color: #000;
	
}

.Payslip_Bold{
	
	font-family:Cambria;
	font-weight:600;
	font-size:18px;
	color: #000;
	
}


/*JQUERY LINKS PORTAL*/


.portal_page {
	padding-top:10px;
	text-align:left;
}
.glossymenu {
	margin:0;
	padding: 0;
	width: 400px;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	margin-left:auto;
	margin-right:auto;
}
.glossymenu a.menuitem {
	background: blue url(images/glossyback.gif) repeat-x bottom left;
	font-family:Cambria;
	font-weight: bold;
	font-size:18px;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: 389px;
	padding: 6px;
	text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: white;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	background-image: url(images/glossyback2.gif);
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: white;
}
.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a {
	display: block;
	font-family:Cambria;
	font-weight: normal;
	font-size:16px;
	color: black;
	text-decoration: none;
}
.glossymenu div.submenu ul li a:hover {
	background: #DFDCCB;
	color: white;
}

.Java_Error{
	background-color: #FCF;
	         
	height: auto;
	width: 100%;
	text-align:center;
	font-family:Cambria;
	font-weight:300;
	font-size:22px;
	color: #C00;
	border: thin solid #F3F;
	
}

.Table_Job{
	border-collapse:collapse;
	border:medium solid #4366AB;
	}
	
.Job_Roll_1{
	font-weight:bold;
	color:#6699FF;
}

.Department_1{
	font-weight:bolder;
	color:#FF66FF;
	font-size: 13px;	
}

.Total_Hours_Font{
	font-size:15px;
}


.Availability_Float{
	border-collapse:collapse;
	margin-left:45px;
	border-color:#66CCFF;
}

.scroll_left{
	width:60px;
		
}

.nowrap{
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:60px;
	
}

.Total_Hours{
	text-align:center;
}

.Information_Image{
	width:25px;
	height:25px;
	
}
.Table_Border{
	border:#000 medium solid;
}

.Payroll_Text{
	color:#CC0000;
	font-weight: bolder;
	font-size:18px;
}

.Payslip_Border{
	border:hidden;
}