/* employee hub  forms */

.Initial
{
	display: inline-block;
	margin: 0 0.2em 0.2em 0;
	padding: 0.5em;
	text-decoration: none;
	border: 1px solid #e3e0e1;
	color: #000;

}
.Initial:hover
{
	background: #454545;
	color: #fff;
	text-decoration: none;
}
.Clicked
{
    display: inline-block;
	margin: 0 0.2em 0.2em 0;
	padding: 0.5em;
	text-decoration: none;
	border: 1px solid #e3e0e1;
    border: 1px solid red;
	background: #fd0287;
	color: #fff;
}
.login-container {
	overflow: hidden;
	margin: 1em 0 2em 0;
	clear: both;
}
.login,.sign-up {
	width: 45%;
	background: #ebf4f7;
	border: 1px solid #dde5e7;
	padding: 1em 1em 0.2em 1em;
	height: auto;
}
.login {
	float: left
}
.sign-up {
	float: right;
	height: auto;
}
.sign-up h3 {
	margin-top: 0;
}
.hidden {
	visibility: hidden;
}
#ctl00_ContentPlaceHolder1_lblMessage {
	color: red;
}
label {
	font-size: 110%;
	font-weight: normal;
}
.fixed {
	display: inline-block;
	width: 30%;
	text-align: right;
	margin-right: 1em;
	font-weight: normal;
}
.ca-nav {
	width: 100%;
	clear: both;
	font-size: 110%;
}
.ca-nav ul {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
}
.ca-nav ul li {
	display: inline;
	margin: 0 2em 0 0;
	padding: 0;
	list-style: none;
}
.ca-box-70 {
	background: #ebf4f7;
	border: 1px solid #dde5e7;
	padding: 1em;
	margin: 1em 0.5em 0.2em 0.5em;
	overflow: hidden;
    height: auto;
}
.ca-box-70 h3 {
	padding: 0;
	margin: 0 0 0.4em 0;
}
.ca-box-70 > ul {
	width: 75%;
}
.ca-box-70 > ul > li {
	padding-bottom: 0.5em;
	list-style: none;
}
.msg-box {
	margin: 0 0 2em 0;
}
.ca-box p, .ca-box-70 p, .msg-box p {
	margin: 0 0 0.6em 0;
	font-weight: normal;
}
.ca-box-70 > label {
	font-weight: normal;
}
ul.list-left {
	float: left;
	width: 47%;
	margin: 0;
	padding: 0;
}
ul.list-right {
	float: right;
	width: 47%;
}
/* form field widths for full width-forms */

input[type='text'], input[type='date'], input[type='password'], input[type='email'] {
	border: 1px solid #a9a9a9;
	margin: 0.1em 0 0.2em 0;
}
textarea {
	border: 1px solid #a9a9a9;
	margin: 0.5em 0 0.7em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 626px;
    height: 170px;
}
input[type='email'], input[id*='ctl00_ContentPlaceHolder1_txtCompletedBy'], input[id*='txtLineManager'] {
	width: 25%;
	width: 300px;
}
input[id*='_txtWhat'], input[id*='_txtOtherInfo'], input[id*='_tbDescription'] {
	width: 50%;
}
input[id*='txtStaffNumber'], input[type='password'] {
	width: 20%;
	width: 210px;
}
input[id*='FirstName'], input[id*='Surname'] {
	width: 17%;
	width: 170px;
}
input[id*='Hours'] {
	width: 7%;
	width: 50px;
}
input[id*='btn'] {
	color: #fff;
	background: #fd0287;
	height: 30px;
	text-align: center;
	border: none;
	font-size: 105%;
	padding: 0 1em 0 1em;
	margin-top: 1em;
}
select {
	font-size: 105%;
	font-weight: normal;
	margin-bottom: 0.4em;
    }
span[id*='_lblError'] {
	color: red;
}
hr {
	border: 1px solid #dde5e7;
}
.rb-box {
	padding: 0;
	margin: 0;
	overflow: hidden;
	clear: both;
    height: 120px;
}
.rb-box > label {
	display: inline-block;
	height: 1.5em;
	width: 17em;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	margin-right: 0.5em;
}
.rb-box p {
	font-weight: normal;
	margin-top: 1em;
}
/* track my case */

table[id*='_GridViewCases'], table[id*='_GridView'], table[id*='_GridView1'], table[id*='_GridView2'], table[id*='_GridView3'], table[id*='_GridView4'], table[id*='_GridView5'], table[id*='_GridView6'], table[id*='MainPostGridView'], table[id*='MainPostGridViewMove'], table[id*='MainPostGridViewPostNumber']    {
	width: 100%;
	border-collapse: collapse;
	padding: 0.5em;
	margin: 1em 0 1em 0;
  border: 1px solid #2165b0;
}
table[id*='_GridViewCases'] th, table[id*='_GridView1'] th, table[id*='_GridView2'] th, table[id*='_GridView3'] th, table[id*='_GridView4'] th, table[id*='_GridView5'] th, table[id*='_GridView6'] th {
	padding: 0.4em;
	color: #fff;
	background: #2165b0;
}
table[id*='_GridViewCases'] th a,  table[id*='_GridView1'] th a, table[id*='_GridView2'] th a, table[id*='_GridView3'] th a, table[id*='_GridView4'] th a, table[id*='_GridView5'] th a, table[id*='_GridView6'] th a {
	color: #fff;
}
table[id*='_GridViewCases'] td, table[id*='_GridView1'] td, table[id*='_GridView2'] td, table[id*='_GridView3'] td, table[id*='_GridView4'] td, table[id*='_GridView5'] td, table[id*='_GridView6'] td {
	padding: 0.6em;
	border: 1px solid #2165b0;
}
/*table[id*='_GridView1'] td, table[id*='_GridView2'] td, table[id*='_GridView3'] td, table[id*='_GridView4'] td, table[id*='_GridView5'] td, table[id*='_GridView6'] td {
	text-align: center;
	background: #fff;
}*/
.tp-holder {
	background: #2165b0;
	padding: 0;
	text-align: center;
}
.table-pager {
	background: #2165b0;
	width: 30%;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}
.table-pager td {
	width: 4%;
	text-align: center;
	padding: 0;
}
.table-pager td a {
	color: #fff;
}
.email-pw-tb {
	border: 1px solid #a9a9a9;
	width: 95%;
	height: 23px;
	margin: 0.5em 0 0.7em 0;
}
.calendar {
	display: none;
}
 @-moz-document url-prefix() {
.calendar {
 display: inline;
 margin-left: 0.7em;
}
.rb-box > label {
 height: 1.2em;
}
}
 @media screen and (max-width:800px) {
.rb-box > label {
	width: 90%;
	height: 2.7em;
	vertical-align: top;
}
}
@media screen and (max-width:620px) {
.container-fluid {
	width: 100%;
}
.login-container {
	width: 100%;
	background: #ebf4f7;
	border: 1px solid #dde5e7;
	margin: 0 auto;
}
.login, .sign-up {
	float: none;
	margin: 0 0.1em 1em 0;
	height: auto;
	border: none;
	width: 90%;
	background: transparent;
	border: none;
}
}
@media screen and (max-width:560px) {
.ca-box ul {
	width: 100%;
	clear: both;
}
.ca-box h3 {
	width: 50%;
}
}
 @media screen and (max-width:520px) {
.opt {
	display: none;
}
body, .container-fluid {
	background: #ebf4f7;
}
.login-container {
	border: none;	
}
.fixed {
	display: block;
	text-align: left;
	width: 100%
}
.ca-box-70 {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	border: none;
}

}
@media screen and (max-width:400px) {
.ca-nav ul li {
	display: block;
	padding-bottom: 0.5em;
}
input[id*='btn'] {
	padding: 0 0.5em 0 0.5em;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.9em;
}


}