body {
  color: #302100;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 15px;
}
.clear {
  clear: both;
}
h1 {
  font-size: 30px;
  font-weight: bold;
}
h2 {
  font-size: 25px;
  font-weight: bold;
}
h3 {
  font-size: 22px;
  font-weight: bold;
}
a {
  outline: none;
  color:00335e;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
p {
  text-align: justify;
}
.fullwidth {
  width: 990px;
}
.center {
  margin: 0 auto;
}
.hide {
  display: none;
}
.right {
  float:right !important;
}
.left {
  float:left;
}

/* Begin Style */

body {
    background: #fff;
	height: 100%;
}

/*HEADER CLASS HERE*/

#header-bg {
    height: 110px;
    padding-top: 10px;
}
#header {
    background: url("images/header-flag.png") no-repeat scroll right center transparent;
    height: 110px;
}
#header a.header-logo {
    float: left;
    margin-top: 10px;
}

/*FOOTER */
#footer-bg {
    background: url("images/footer-bg.png") repeat-x scroll 0 0 transparent;
    height: 81px;
}
#footer {
    background: url("images/footer-main-bg.png") no-repeat scroll right center transparent;
    height: 75px;
    padding-top: 6px;
    text-align: center;
}
#footer a.footer-logo {
    margin-top: 10px;
}

/*LOGIN */
#login-bg {
    background: url("images/login-gradient-bg.png") repeat-x scroll 0 0 #CCCCCC;
   /* min-height: px;*/
}
#login-container {
    background: url("images/login-form-bg.png") no-repeat scroll 0 0 transparent;
    height: 245px;
    margin-top: 75px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 120px;
    width: 490px;
}
#login-container #login-form {
    margin: 0 auto;
    width: 460px;
}
#login-container #login-form x-form-item  {
    margin-bottom: 10px;
}
#login-container #login-form input {
    border: 1px solid #8B8B8B;
    border-radius: 5px 5px 5px 5px;
    height: 35px;
    width: 450px;
}
#login-container #login-form label {
    color: #464646;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px
}
#login-container form.login-form input#remember {
    height: 5px;
    width: 5px;
}
#login-container #login-form #login-button button {
    background: url("images/loginbutton.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
    text-shadow: 1px 1px 2px #000000;
    text-transform: uppercase;
    width: 152px;
}
#login-container p {
    font-size: 14px;
    font-weight: normal;
    margin: 20px 5px 0;
}
#login-container p a {
    color: #FFFFFF;
}
#text-bottom {
    color: #2D2D2D;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
	padding-bottom: 75px;
    text-align: center;
    width: 980px;
}
#text-bottom p {
    font-size: 15px;
    line-height: 20px;
}
#text-bottom h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: underline;
}

.leftcolumn {
 width: 316px;float:left;
}
.separator {

 margin-top: 10px;
 border-top: 1px solid #8DB2E3;
 padding-top:10px;
}
.leftcolumn3 {
 width: 205px;float:left;
}
.highlight input {
 font-weight:bold;
}
.x-grid3-hd-checker {
  background: none !important;
}

.leftalign{
float:left;
margin-right:8px;
}
.margintop {
margin-top:5px;
}
.datetime input {
width:100px !important;
}

.ext-gecko .x-window-body .datetime {
 overflow:hidden !important;
}
#gmap{
width:922px;
height:400px;
}

#add-event-form .ux-datetime-date {
display:none;
}
.x-panel-body-noborder {
padding-left:7px;
}
#gridzone table,#greventmonths table {
 border-collaps:collapse;
}
#gridliable table td,#gridzone table td, #gridvfiles table td,#greventdays table td ,#greventmonths table td,#grtaskdays  table td {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding-left: 0px;
    padding-right: 0px;
}
#gridliable .x-grid3-row,#gridzone .x-grid3-row,#gridvfiles .x-grid3-row,#greventdays  .x-grid3-row,
       #greventmonths .x-grid3-row,#grtaskdays .x-grid3-row {
    border-color:  #999 !important;
}
#greventmonths  .x-grid3-hd-inner {
 text-overflow: clip;
}

#addresstxt {
 padding: 7px 0;
}
.margin-35 {
 margin-top:-35px;
}

textarea[readonly="readonly"], textarea[readonly],input[readonly="readonly"], input[readonly] {
 color:#888;
}

#evFilterForm .x-form-text, #evFilterForm textarea.x-form-field {
 background:none;
}
.left100 {
 margin-left:9%;
}
.left200 {
 margin-left:27%;
}
.right80 {
 margin-right:6.5%;
}

.ext-gecko2 .ext-mb-fix-cursor {
    overflow: hidden !important;
}
#task_panel .x-form-item { overflow:hidden}

#cleardiv {
 clear:both;
}

#grtaskplan table td.x-grid3-col {
padding:0;
}
#grtaskplan table td.x-grid3-col div.x-grid3-cell-inner {
 padding-left:0;padding-right:0;
}
.x-grid-editor {
 overflow:hidden !important;
}

.rates {
	float:left;width:100px !important;margin:10px;
	
	
}		
	.rates .fc-event {
		margin: 5px 0;
		cursor: pointer;
		font-size: 1em;
		padding-left:4px;
	}
	#plancontract {
	 height:850px;
	 width:1300px;
	 overflow-y:hidden;
	}
	#staffP {
	 height:800px;
	 width:100px !important;
    /* overflow-y:auto;*/
	}
	#staffP .fc-event {
		font-size: 11px;
		margin: 3px 0;
	}
	
	.rates .color1 {background: red}
	.rates .color2 {background: blue}
	.rates .color3 {background: green}
	.rates .color4 {background: brown}
	.rates .color5 {background: black}
	.rates .colorgrey {background: #666}
	.rates .colorlightgrey {background: #888}

#ratescalendar,#plancalendar {
 float:left;width:1150px !important;
 margin-top:20px;
 height:720px !important;
 overflow-y:auto;
}
#mainTabs > div:first-of-type {
 background: url(images/logo.png) no-repeat;
 padding-left:90px;
 padding-top:20px;
 margin-top:3px;
 margin-left:3px;
 border: none;
}
#mainTabs > div:first-of-type > div > ul {
 background:none;
}

#grreportcontracts .x-grid3-cell-inner div, #grreportstaff .x-grid3-cell-inner > div, #grreportperson .x-grid3-cell-inner > div{
 padding: 4px;
 text-align:center;
 color:#707070;
 white-space: normal;
}
#grreportcontracts .x-grid3-cell-inner a, #grreportstaff .x-grid3-cell-inner a, #grreportperson .x-grid3-cell-inner a {
 padding: 4px 3px 4px 3px;
 white-space: normal
}
#contractfilterForm label,#reportstafffilterForm label,#reportpersonfilterForm label {
 margin-left: 7px;
}
.x-grid3-hd-inner {
 font-weight: bold;
}

#grworktime .x-grid3-hd-inner,#grdistance .x-grid3-hd-inner {
 font-weight: normal;
}
.greycolor {
 color:#999;
}
#plancalendar .fc-time-grid .fc-slats td {
 height:8px;
}
#plancalendar .fc-event-container a {
 max-width:95%
}
#plancalendar .fc-event-container .fc-time {
 display:none;
}
#plancontract table.x-btn-wrap {
 float:left;
 margin-right:10px;
}
td .x-grid3-cell-inner, td .x-grid3-hd-inner {
 text-overflow:clip;
}

.fc-day-grid-event .fc-content {
    padding:4px 0 0 5px;
}