/**
 * import other sheets
 */
@import url('favourites.css');
@import url('../javascript/node_modules/dijit/themes/claro/claro.css');
@import url('dojo.css');
@import url('tables.css');
@import url('jobs.css');

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    border: 0px none;
    font-family: Verdana, Georgia, Arial, Helvetica, "Times New Roman", sans-serif;
    font-size:62.5% !important;
}

h1, h2, h3, h4{
    width:99.9%;
    margin:0px;
    padding:3px !important;
    display:block;
    border-right:2px solid #676767;
    border-bottom:2px solid #676767;
    border-top:1px solid #999997;
    border-left:1px solid #999997;
    background-color:#f0f0f0;
    color:inherit;
    text-align:center;
    vertical-align:middle;
    font-weight:normal;
}

h1 {
    font-size:1.6em !important;
    line-height:1.8em;
    margin-bottom:10px;
}

h2 {
    font-size:1.4em !important;
    line-height:1.6em;
    margin-bottom:9px;
}

h3 {
    font-size:1em !important;
    line-height:1.4em !important;
    margin-bottom:8px !important;
}

h4 {
    font-size:0.9em !important;
    line-height:1.4em;
}

table {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
    border-right:2px solid #676767;
    border-bottom:2px solid #676767;
    border-top:1px solid #999997;
    border-left:1px solid #999997;
    font-size: 1em;
}

td {
    border:1px solid #999997;
    
    /* ALLOWS WEBKIT BROWSERS TO PRINT THE BACKGROUND COLOUR */
    -webkit-print-color-adjust:exact;
}

th {
    border:1px solid #999997;
    background-color:#f0f0f0;
    color:inherit;
    
    /* ALLOWS WEBKIT BROWSERS TO PRINT THE BACKGROUND COLOUR */
    -webkit-print-color-adjust:exact;
}

a {
    background-color:inherit;
    color: #0000FF;
    text-decoration:underline;
    line-height:1.5em;
}

a:hover {
    background-color:inherit;
    color: #FF0000;
}

a:active {
    background-color:inherit;
    color: #077F0C;
}

a img {
    border:0px;
}

/* do the same for IE */
.externalLink {
	background: url(../images/external_link.gif) right center no-repeat;
	padding-right: 12px;
}
.externalLink a:hover {
	background: url(../images/external_link.gif) right center no-repeat;
}

/* error messages */
.errMsg {
	color: #FF0000;
	background-color:inherit;
}
/* required (mandatory) fields messages */
.reqMsg {
	color: #FF0000;
	background-color:inherit;
}
/* database update feedback message */
.dbInfoMsg {
	color: #FF0000;
	background-color:inherit;
	font-size: 1.2em;
}


/**
* Mast Head, Main Menu and Sub Menu Styles
*/
.mastHead {
	border:0px;
	background: url("../images/masthead/blank.png") repeat-x top center;
	vertical-align:bottom;
	height:80px;
}
.mainmenuback {
	padding: 0 0 ;
	text-align: center;
	border:0px;
	color:inherit;
	vertical-align:bottom;


}

.mainmenubacklogo {
	background: url("../images/masthead/csl10.png") no-repeat top center;
	padding: 0 0 4px 0;
	border:0px;
	color:#ffffff;
	vertical-align:bottom;
	font-size:.9em;
	font-weight:bold;
	text-align: center;
	border-left:6px solid #ffffff;


}


.submenuback {

	padding-right:190px;
	text-align:center;
	line-height:24px;
	margin-left:0px;
	margin-right:0px;
	border-top:2px solid #0d42b3;
	border-bottom:2px solid #0d42b3;
	background-color:#c9c9c9;
	color:inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

div.logoff{
	font-family: Arial, Helvetica, sans-serif;
	height:auto;
}
div.logoff a {
	text-decoration: none;
	margin: 1.5px 2px 0 0;
	padding: 0.4em 8px 0 0;
	height: auto;
	float: right;
	font-weight: bold;
	color:#FF0000;
	background-color:inherit;
}

div.logoff a img {
	text-decoration: none;
	height: auto;
	border: 0;
 	float: left;
 	margin: 0 3px 0 0;
 }

div.logoff a:hover {
	text-decoration:none;
	color:black;
	background-color:inherit;
}

#favourites_MenuButton_0:hover {
	text-decoration:none;
	color:black;
	background-color:inherit;
}

#favourites_MenuButton_1:hover {
	text-decoration:none;
	color:black;
	background-color:inherit;
}

.submenuback a, .mainmenuback a{
	text-decoration:none;
	color:#0056FF;
	background-color:inherit;
}

.submenuback a:hover, .mainmenuback a:hover  {
	text-decoration:none;
	color:black;
	background-color:inherit;
}


.myOfficeButton, .myOfficeButtonOn, .taskButtonOn,.taskButton, .contactsButtonOn,
.contactsButton,.docControlButtonOn,.docControlButton, .intranetButtonOn,.intranetButton,
.supportButtonOn,.supportButton, .sysadminButtonOn,.sysadminButton, .reportManButtonOn,.reportManButton {
	width:9em;
	height:80px;
	font-size:.9em;
	font-weight:bold;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

a .link {
	width:100%;
	color:white;
	background-color:inherit;
	position:absolute;
	bottom:5px;
	left:0px
}
a:hover .link {
	color: #8FCAFF;
	background-color:inherit;
	text-decoration:none;
}

.myOfficeButtonOn .link,
.taskButtonOn .link,
.contactsButtonOn .link,
.docControlButtonOn .link,
.intranetButtonOn .link,
.supportButtonOn .link,
.sysadminButtonOn .link,
.reportManButtonOn .link{
	color: #8FCAFF;
	background-color:inherit;
}


.myOfficeButtonOn, .myOfficeButton { background : transparent url(../images/masthead/header.png) no-repeat center -665px; }
.myOfficeButton:hover,.myOfficeButtonOn:hover {	background: transparent url("../images/masthead/header.png") no-repeat center -749px ; }

/*   [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit  */


.taskButtonOn,.taskButton { background: transparent url(../images/masthead/header.png) center -499px no-repeat; }
.taskButton:hover,.taskButtonOn:hover {	background: transparent url("../images/masthead/header.png") center -583px no-repeat ; }

.contactsButtonOn,.contactsButton { background: transparent url(../images/masthead/header.png) center 0px no-repeat; }
.contactsButton:hover,.contactsButtonOn:hover {	background: transparent url(../images/masthead/header.png) center -84px  no-repeat; }


.docControlButtonOn,.docControlButton { background: transparent url(../images/masthead/header.png) center -167px no-repeat; }
.docControlButton:hover,.docControlButtonOn:hover {	background: transparent url(../images/masthead/header.png) center -251px  no-repeat; }

.intranetButtonOn,.intranetButton { background: transparent url(../images/masthead/header.png) center -333px no-repeat; }
.intranetButton:hover,.intranetButtonOn:hover {	background: transparent url(../images/masthead/header.png) center -417px no-repeat; }

.supportButtonOn,.supportButton { background: transparent url(../images/masthead/header.png) top center no-repeat; }
.supportButton:hover,.supportButtonOn:hover {	background: transparent url(../images/masthead/header.png) 50% -84px  no-repeat; }

.sysadminButtonOn,.sysadminButton { background: transparent url(../images/masthead/header.png) center -997px no-repeat; }
.sysadminButton:hover,.sysadminButtonOn:hover {	background: transparent url(../images/masthead/header.png) center -1081px  no-repeat; }

.reportManButtonOn,.reportManButton { background: transparent url(../images/masthead/header.png) center -831px no-repeat; }
.reportManButton:hover,.reportManButtonOn:hover {	background: transparent url(../images/masthead/header.png) center -915px  no-repeat; }

/*Global Font size for inputs*/
input  {
	font-size: 1.2em;

}
select  {
	font-size: 1.2em;

}
textarea  {
	font-size: 1.2em;

}
/* button for divs */
.divButton input {
	width:	10em;				/* default button size */
	border: 1px solid #333333;
  	padding: 0.2em 1em;
  	margin:0 0 0.1em 0;
  	background: #555555;
  	color: #ffffff;
  	font-size: 100%;
}
/* close button for divs */
.divCloseButton input {
	width:	2em;		/* button size */
  	/* background-color: red; */
	background-color:inherit;
	background: url(../images/external_link.gif/close.gif);
  	color: #ffffff;
	margin-right: 1em;
	text-align: center;
	font-weight: bold;
  	font-size: 100%;
}

/**
 *Style for Readonly Inputs, attempts to hightlight them so that a user wiil avoid trying to edit.
 * @author James Porter
 */
input.readonly {
	border: 1px solid black;
	padding: 2px;
	background-color: #F0F0F0;
}

/**
 * Reset checkbox width to something sensible
 * Note: input[type="checkbox"] is an CSS3 selector and will not work in IE6/7
 * To work in IE 6 or 7 use the class inputCheckbox.
 */
input[type="checkbox"], input.inputCheckbox {
    width: 1em;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: bottom;
    font-size: 1.6em !important;
}

/***********************************************************
 * Styles for displaying submit button as hyperlink
 *
 * USAGE:
 *
 * <input onmouseover="this.className='submitLinkOver';" onmouseout="this.className='submitLink'" class="submitLink" type="submit" value="This is a submit button" />
 ***********************************************************/
.submitLink {
	border:0px solid white;
	background:white;
	width:auto;
	text-decoration:none;
	color:black;
}

.submitLinkOver {
	border:0px solid white;
	background:white;
	width:auto;
	color:red;
	text-decoration:none;
	cursor:pointer;
}

.submitLinkNone {
	border:0px solid white;
	background:white;
	width:auto;
	color:red;
	text-decoration:none;
	cursor:pointer;
}

.submitButtons {  /* Master submit button style for contact section - control width inline in the code eg. style="width:100px" */
	width:	10em;				/* default button size */
	border: 1px solid #333333;
  	padding: 0.2em 1em;
  	margin:0 0 0.1em 0;
  	background: #555555;
  	color: #ffffff;
  	font-size: 100%;
}

.finalSubmitButton {
  width:  12em;        /* default button size */
  border: 1px solid #A70E02;
  padding: 0.2em 1em;
  margin:0 0 0.1em 0;
  background: #F31503;
  color: #ffffff;
  cursor: pointer;
}

.approveButton {
	width:  12em;        /* default button size */
	border: 1px solid #07850c;
	padding: 0.2em 1em;
	margin:0 0 0.1em 0;
	background: #08a70e;
	color: #FFF;
	cursor: pointer;
}

.closeNoticeBtn {
    float: right;
    margin: 0 !important;
    padding: 0 !important;
}

.errorMsg p, .noticeMsg p, .successMsg p {
    margin: 0;
}

.noticeMsg .dijitButton .dijitButtonNode {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}

.label {
	font-weight: bold;
	padding-right: .5em;
	text-align: right;
	vertical-align: middle;
}

/**
 * Styles for displaying a popup window
 *
 * USAGE:
 * <a class="popup" href="#nogo">Chris Priestman
 * <div class="popbox">
 * <strong>Name: </strong>Chris Priestman<br/>
 * <strong>Tel: </strong>01234 567890<br/>
 * <strong>Email: </strong>chris.priestman@cspencerltd.co.uk
 * </div>
 * </a>
**/

.popup {
	color: #000;
	background-color:inherit;
	text-decoration: none;
	position:relative;
}
.popup div {
	display:none;
	z-index: 1000;
}
.popup:hover {
	z-index:5;
	color:#000;
	background-color:inherit;
}

.popup:hover div {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:auto;
	height:auto;
	color:#000;
	text-align:left;
	padding-top:0.45em;
	padding-left:0.45em;
	padding-right:0.45em;
	padding-bottom:0.45em;
	border-right:2px solid #676767;
	border-bottom:2px solid #676767;
	border-top:1px solid #999997;
	border-left:1px solid #999997;
	background-color:#f0f0f0;
	background-repeat: repeat-x;
	margin-bottom:1em;
	margin-top:1em;
	white-space:nowrap;
}

	/** this is to keep the form field text as normal,
	providing that nothing has changed from the previous history **/
.textformfields{
	color:#000000;
	font-size: 1em;
	background-color:inherit;
}

.textformfieldsred {
	color:#FF0000;
	font-size: 1em;
	background-color:inherit;
}

.treemenuheader {
	font-weight: bold;
}

/* ---------------------------------------------------------------*/
/* Class Styles for the inline Popup                              */
/* ---------------------------------------------------------------*/
.contactPopup {
/*	background-color:#d0e2fd;
	border:1px solid red;
	position:absolute;
	z-index:10;
	visibility: hidden;
	padding:1px;
	text-align:left;*/
}

/* Contact Inline Popup (person/organisation) */
.contactPopup div.popupWrapper {
	width: 97%;
	background-color:#d0e2fd;
	border:1px solid black;
	margin: 3px;
}

div.contactPopup table.contactPopupTable {
	border: none;
	background-color:#d0e2fd;
}

div.contactPopup table.contactPopupTable td {
	border: none;
	padding: 3px;
}

/* added 16/09/08 by JD to fix bug CSL/PR3/WI85/BI1127 and bug  CSL/PR3/WI85/BI1129 */
div.contactPopup table.contactPopupTable td.titleColumn {
	width: 45%;
	font-weight: bold;
}

/* Contact Inline Popup (person/organisation) */
.helpPopup {
/*	background-color:#d0e2fd;
	border:1px solid red;*/
	position:absolute;
	z-index:10;
	visibility: hidden;
	vertical-align:top;
	text-align:left;
}
.helpPopup div.popupWrapper {
	width: 97%;
	background-color:#FFFFCC;
	border:1px solid black;
	margin: 6px;
	padding-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;

}


div.helpPopup div.popupWrapper table {

	clear: both;
	border: none;
	background-color:#ffc;
	vertical-align:top;
	padding: 3px;

}

div.helpPopup table td {
	border: none;
	padding: 3px;
}
.helpPopup div.popupWrapper h4.inlineHelpheader{
	padding-top: 5px;
	float: left;
	text-align: left;
	font-weight: bold;
	background-color: transparent;
	width: 90%;
	margin: 0;
	border: none;
	font-size: 1.2em;

}

/* Calendar Popup Styles */

div.calendarContainer table, div.calendarContainer td, div.calendarContainer th {
	border: 0; /* Clears any inherited borders from other table styles */
    vertical-align:middle;
}

div.calendarContainer table tr td.today span{
    border-bottom:1px solid #F00;
}

/* Bug Fix Styles */

/**
*	Used on a BR or DIV tag to force a DIV with
*	floated elements to expand around its floated
*	contents.
 */
.clearboth {
	clear: both;
}

.pref25 {
	background-image:  url("../images/styles/blue.gif");
	text-align: center;
	padding:2px; border:none;
	background-repeat: repeat-y;border:0px;
	color:inherit;
	padding:0px;
	vertical-align:bottom;
	width:2em;
	height:1em;
}
.pref25On {
	background-image:  url("../images/styles/red.gif");
	text-align: center;
	padding:2px; border:none;
	background-repeat: repeat-y;border:0px;
	color:inherit;
	padding:0px;
	vertical-align:bottom;
	width:2em;
	height:1em;
}

ul.errors {
	color: #FF0000;
	background-color:inherit;
    text-align:left;
}

.errorMsg, .noticeMsg, .successMsg {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.errorMsg {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.noticeMsg {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.successMsg {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.errorMsg a {color:#cd2b15;}
.noticeMsg a {color:#514721; text-decoration:underline;}
.successMsg a {color:#264409;}
.sysMsg {margin:5px 0; width: 90%;}

.errorMsg .type {background:red;color: #fff;font-weight: bold;padding: 2px;border-radius:3px;}
.sysMsg .dijitButton .dijitButtonNode {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    box-shadow: none !important;
    padding: 0 4px !important;
}

.errorMsg ul, .noticeMsg ul, .successMsg ul {
    margin: 1em 0;
}

.errorMsg li, .noticeMsg li, .successMsg li {
    list-style-type: none;
}

#stageRoles {
    padding:5px;
}

/**
 * Add widget
 */
.addWidget label, .addWidget input {
    margin-top:5px !important;
    margin-bottom:5px !important;
    float:none !important;
}
/*.addWidget {
    text-align:left !important;
    margin-top:5px;
    margin-bottom:5px;
}*/

.addWidget {
    text-align:left !important;
    margin-right: 5px;
}


img.downloadIcon {
    margin:0.2em;
    vertical-align:middle;
}

.typeAndSelect {
    background:transparent url(../images/typeselect.jpg) no-repeat scroll 1% 50%;
}

input.days, input.percent {
    width:2em;
}

.contactsPopupWrapper .dijitTooltipContainer{
    text-align:left;
	width: auto;
}

.contactsPopupWrapper .dijitTooltipContainer table{
	border: 0px;
}

.contactsPopupWrapper .dijitTooltipContainer td{
	border: 0px;
	padding: 3px;
}

.contactsPopupWrapper .dijitTooltipContainer .titleColumn{
	width: 45%;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

.labelAlign{
	margin-top: 5px;
	float:left;
	width:12em;
}

.formElementHolder{
	padding: 2em;
}

#branchOfficeHolder{
	height: auto;
	margin: 2em 1em;
	padding: 2em 0em 0em 4em;
	background-color: #F0F0F0;
	border:1px solid #666666;
	font-weight:bold;
}

#branchOfficeHolder input{
	width: 30em;
}

#sysadminContainer #branchOfficeHolder #branchOfficeHelp p{
	padding: 1em 1em 1em 0em;
	color: #78808F;
}

.currency, .cost {
    text-align:right;
}

#tasksContainer #actionKeyContainer{
	float:left;
	margin:1em;
	width:100%;
}

.homeTaskList .noCentre{
	text-align: left;
}

.homeTaskList td{
	text-align: center;
}

.rightalign{
	margin-right: 1em;
	padding-top:2px;
}

#taskform fieldset{
	width:100%;
}

#taskform{
	padding-top: 1em;
}

div.sizeChanger {
    display:inline;
    clear:both;
}

.outstanding {
    background-color: #ffff00;
}

.good {
    background-color: #a1e859;
}

.okay {
    background-color: #e9a041;
}

.poor {
    background-color: #e95137;
}

.alignRadioButtons {
    width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
}