/**
* @document theme.css
* top level custom css
* @authors :  SAX453/UFHFD/NHH137/Neil
* @version : 2.0
* @created : 12 March 2014
* @lastmodified : 3 March 2015
*
* @History : 
* @modified: 18/09/2014
* @modified: 3/12/2014
* @modified: resync with common layout 12 Feb 2015
*
* @modified: 3/3/15 Anthony:
* 1. eliminated Droid Sans and included full OpenSans from project css
* 2. added Shakil's list summary message styles 
* resynced with common layout
*
* John, Anthony, Hieu: 
* hyperlinks underlined, h2 banner colour classes 
* breadcrumbs
*
*/ 


/* Droid Sans IS NOW OBSOLETE!
	body {
	font-family: 'Droid Sans', Arial, sans-serif ;
	padding: 66px 0 50px 0;
} */

/* open sans font is now the default font */
body { font-family: OpenSans, Helvetica-Neue, Arial, Sans Serif, Verdana ;
	   padding: 88px 0 0px 0 ! important;	
 }

body.nominee-body-style {
	padding: 66px 0 50px 0 ! important;
}

h1,h2,h3,h4,h5,h6 { font-family: OpenSansSemibold, Helvetica-Neue, Arial, Sans Serif, Verdana ; }


/* focus highlight   */
input:focus,
a:focus,
label.declaration-text:focus,
input[type=checkbox]:focus,
label.declaration-text:focus,
button.close:focus ,
.form-control:focus {
	outline: 2px solid #ff9900  ;
	outline-offset: 0 ;
	box-shadow: 0 0 0 2px #FF9900, 0 0 10px 3px #000000;
		
}

/* */

/* fix IE10 scroll bar issue!  added 22/5/14 */
 
@-ms-viewport{ 
	width: auto !important; 
}


/* added 14/4/14 */

h1,.h1,h2,.h2,h3,.h3{margin-top:10px;margin-bottom:10px}

/* add style definitions for different colour banners - Hieu 18/03/2015*/

.h1-title {
	font-size: 30px ;
	margin-top: 25px ;
	margin-bottom: 25px ;
	
}

.proj-h1 {
	font-size: 28px ;
	margin-top: 25px ;
	margin-bottom: 25px ;
}

.proj-h3 {
	font-size: 18px;
	font-family: OpenSansSemiBold;
	margin: 20px 0 0 0;
}


/*  hyperlink defaults  */
/* COLOR OVERRIDES  - default bootstrap is NOT WCAG AA compliant */
a {
	text-decoration: underline ;
}


a, a:visited {
		color: #0066C1;
		
}

a:hover {
		color: #004787;
}


/* */

.page-heading {
	font-size: 32px;
	padding: 10px 0;
}


/* other OpenSans Font Classes */
.osBold{
	font-family:OpenSansBold,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osItalic{
	font-family:OpenSansItalic,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osLightitalic{
	font-family:OpenSansLightItalic,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osLight{
	font-family:OpenSansLight,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osSemibold{
	font-family:OpenSansSemibold,Helvetica-Neue, Arial, Sans Serif, Verdana;
}

.osRegular { font-family: OpenSans,Helvetica-Neue, Arial, Sans Serif, Verdana; }

/* Warnings errors etc */

h2.h2error{
    padding-left:45px;
    background-image: url("images/error.png");
    background-repeat:no-repeat;
    background-position:0% 50%
}
/* added 24/7/14 */

.common-field-in-error,
select.common-field-in-error,
input.common-field-in-error{
    border: 1px solid #ff0000;
}

textarea.common-field-in-error,
input.common-field-in-error{
    color:#ff0000;
}

/*****/


/*** added 12/2/15 from Tim **/
.nominee-banner {
    padding-top:120px;
}

.nominee-banner .fixed-page-heading {
   top:80px;
}

.breadcrumb.nominee-aware {
                padding-top: 1em;
}

.nav-buttons .cancel-button:hover {
text-decoration: none;
background-color: #b7b7b7;
border-color: none !important;
}

/*   */

.background-container--grey {
	background-color: #f2f2f2;
}

/* added from Darren's version 24/7/2014 */

.error,
.has-error,
.has-error .control-label { 
	color:#cc0000; 
}

input.has-error,
select.has-error,
textarea.has-error{
	border:1px solid #cc0000;
	color:#333333;
}


input.has-error:focus,
select.has-error:focus,
textarea.has-error:focus{
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
/******/


/* move content below the menu bar */

.push-down  {
	margin-top: 5em;
}


/*
* all the approved button styles  -  16 January 2015
* Hieu and Anthony streamlined these 
* look at examples/buttons.html for further guidance
*/

.btn {
	border-radius:0;
	-mox-border-radius:0;
	-webkit-border-radius:0;
}

/*Added a tag so that button gets priority*/
a.btn-primary,
.btn-primary {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
	padding: 8px 20px 8px 20px;
	
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
color: #fff;
background-color: #525252;
border-color: #525252;
}


/*Added a tag so that button gets priority*/
a.cancel-button,
.cancel-button {
	background-color: #d7d7d7;
	border: none;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	padding: 8px 20px 8px 20px;
}

.cancel-button:hover {
	text-decoration: none ;
	1color: #ffffff ;
	color: #000000 ;
	background-color: #b7b7b7;
	border-color: none ;
}


.submit-btn {
	background-color: #418526;
	color: #ffffff;
	padding: 8px 20px 8px 20px;
	border: none;
}

.submit-btn:hover {
	color: #ffffff ;
	background-color: #1C5A04 ;
	border: none;
}

.submit-btn:visited {
  color: #ffffff;
 }
.submit-btn:focus {
  color: #ffffff;
 }

 
 
.submit-btn:focus {
	color: #ffffff ;
	border: none;
}


.dsbld {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}
/* add button and dropdown */

.add-new-wrapper {
	margin-top: 2em;
}

.add-new {
	background: #0066c1;
	padding: 0.5em 1em;
	margin-top: 1.3em;
	border-color: #0066c1;
}

.add-new:hover {
	background: #003360;
	color: #FFFFFF;
	border-color: #003360;
}

.add-link {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.glyphicon-plus-sign {
	margin-right: 1em;
}

.save-btn {
	font-family: OpenSans, Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background-color: #0066c1;
	padding: 8px 20px 8px 20px;
	border: none;
}

.btn-adjust > .save-btn {
	margin-right: 10px ;
}


/* put menu dropdown on collapse to the left */

.navbar-toggle {
	float: left;
	}

/* media query section! */

@media (min-width: 1200px) {
  .container {
    width: 1020px;
  }
}

/* de-URLify print screen */
 
@media print {
  a[href]:after {
    content: "";
  }
}

/* Added by Tim - copied from the UX WPIT.css */
.declaration-block{
	background:#fff;
	border-style:solid;
	border-color:#0077da;
	border-width:1px;
	padding:15px;
	margin-bottom:30px;
}

.declaration-text a{
	font-weight:bold;
	font-size:18px;
	color:#000;
	text-decoration:none;
}

.declaration-text {
	font-weight:bold;
	font-size:18px;
	color:#000;
	text-decoration:none;
	position: relative;
	top: -.5em ;
	left: -.8em ;
}



.declaration-block ul{
	margin-left:-22px;
}
div.clearfix.prettycheckbox.labelright.green > a { 
	position: relative;
	left: -18px ;
	top: 0px ;
}
div.clearfix.prettycheckbox.disabled a {
	background-position: 0 -30px !important;
}

/*
.declaration-block {
    border-style: solid;
    border-color: #24bbf2;
    border-width: 1px;
    padding: 15px;
	margin-top:3px;
}


.declaration-text {
    font-weight: bold !important;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: -.5em;
    left: -1.5em;
    margin: -32px 0 10px 30px;
}
*/

/* standard messaging alerts */

.alerts {
	margin-bottom: 1em;
}

.info-message {
	font-size: 14px;
	background-image: url("images/icon-infomessage.png");
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #166ba5;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #dff2fb;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}


.error-message {
	font-size: 14px;
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #51000c;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fcddde;
	background-image:url("images/icon-errormessage.png");
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}

.warning-message {
	font-size: 14px;
	background-image : url("images/icon-warningmessage.png");
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #563925;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fdf8d6;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}

.success-message {
	font-size: 14px;
	background-image : url("images/icon-successmessage.png");
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #034928;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #eef7e2;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}


.system-message {
	font-size: 14px;
	background-image : url("images/icon-systemmessage.png");
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #845400;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fcecd0;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}

.claim-message{
	font-size: 14px;
	background-image : url(images/return-to-claim-icon.png);
	background-size: 30px;
	padding: 1em 1em 1em 4.1em;
	color: #000;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #f4faf8;
	background-repeat: no-repeat;
	background-position: 1.1em center;
}

.info-message ul {
    padding-left: 0;
}

.info-message ul li {
    list-style-position: inside;
}

/*******/

/* house header */

.return-home {
	float: left;
	height: 100%;
}

.return-home a {
	height: 100%;
	line-height: 3.5em;
	padding: 0.2em 0.8em;
	display: block;
	text-decoration: none;
	margin-right:10px;
}    

.return-home.visible-xs a{
	margin-right:20px;
}

/* end house header */

/* sticky footer necessities */

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer */
        margin: 0 auto -47px;  /* was -80px */
      }

 
/*** by Tim C: fix JSF output by adding padding between input and label 
     JSF developers will need to add the class to their markup themselves 21/1/15 */

.padding-style-jsf tr>td>label { 
     padding-right: 0.5em;
     padding-left: 0.5em; 
} 
 
 .padding-style-jsf div>label  { 
      padding-right: 0.5em;
     padding-left: 0.5em; 
}

/* requested by Shakil 2/3/15 */

ul.summaryMessagesList{padding-left: 0;padding-top: 3px;}
.summaryMessagesBlock {
                font-size: 14px;
                background-size: 25px;
                padding: 1em 1em 0.5em 4.1em;
                color: #51000c;
                width: 100%;
                margin-bottom: 1em;
                list-style: none;
                background-color: #fcddde;
                background-image:url("images/error.png");
                background-repeat: no-repeat;
                background-position: 1em 1em;
}

ul.summaryMessagesList{list-style: none;}
li.summary-message{/* padding-bottom: 0.2em; */}

table.common-field-in-error {
    border:none;
}



/*  */

/* project overrides for UEDS team - JM/AS 17/3/15 */

.nav-buttons a,.nav-buttons a:hover,.nav-buttons a:focus,.nav-buttons a:link,.nav-buttons a:visited ,
a.row-toggle,a.row-toggle:hover,a.row-toggle:focus,a.row-toggle:link, a.row-toggle:visited,
a.all-rows-toggle,a.all-rows-toggle:hover,a.all-rows-toggle:focus,a.all-rows-toggle:link, a.all-rows-toggle:visited,
a.btn,a.btn:hover,a.btn:focus,a.btn:link, a.btn:visited,
a.tab,a.tab:hover,a.tab:focus,a.tab:link, a.tab:visited,
a.save,a.save:hover,a.save:focus,a.save:link, a.save:visited,
a.save-btn,a.save-btn:hover,a.save-btn:focus,a.save-btn:link, a.save-btn:visited,
a.cancel-button,a.cancel-button:hover,a.cancel-button:focus,a.cancel-button:link, a.cancel-button:visited{
	text-decoration: none ;
	
}



.h2-banner-steps {
	font-family: OpenSansLight;
}

.h2-banner {
	font-size: 20px;
	font-family: OpenSansSemiBold;
	color: #fff;
	padding: 12px 20px;
	margin: 20px 0 0 0;
}

.banner-COA-off-teal {
	background: #1378AF;
}

.banner-COA-navy {
	background: #03537F;
}

.banner-COA-sky {
	background: #0077DA;
}

.banner-COA-hotpink {
	background: #CA3498;
}

.banner-COA-bubblegum {
	background: #E80267;
}

.banner-COA-purple-nurple {
	background: #823DF0;
}

.banner-COA-blue-berry {
	background: #5916BC;
}

.banner-COA-plum {
	background: #581A67;
}

.banner-COA-green {
	background: #49850C;
}

.banner-COA-oj {
	background: #D74009;
}

.banner-COA-winter-night {
	background: #363636;
}

.banner-COA-burgundy{
	background:#911000;
}

/* breadcrumbs 19/3/15, margin-top altered 23/7/15 */
.breadcrumb{
	/* margin-top:5px; */
	margin-top:10px;
	background: none;
	padding: 0;
	font-family: OpenSansLight;
	font-size: 12px ;
	margin-bottom: 0 ;
}


.breadcrumb > li+li:before{
	content:"\e080";
	font-family:"Glyphicons Halflings";
	line-height:12px;
	font-size:6px;
	padding: 0 10px 0 6px ;
	color:#666;
	
}


.breadcrumb a{
	color:#666;
	text-decoration:none;
}

.breadcrumb a:hover{
	text-decoration:underline;
	color:#555;
	
}

.breadcrumb a:visited {
	color: #666;
	text-decoration:none;
}


.breadcrumb li.current{
	color: #666 ;
}


.breadcrumb li.current a:hover{
	
}

.glyphicon-home:hover {
	color: #555;
}


/* breadcrumb end */

#main-body{
    min-height: 100%;
}

/* Warnings, info, error section */
.common-info-wrapper{
	color: #166ba5;
	border: thin solid #a8cfed;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color:#fff;

}

.common-info-inner-wrapper{
	border-left: 10px solid #dff2fb;
	padding-top:1em;
	padding-bottom:	1em;
	padding-right:1em;
}

.common-info-txt{
	padding-left: 1em;

}

.common-info-wrapper.yellow-box {
	border: thin solid #ceac87;
	color:#563925;
	margin-top:1em;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.common-info-wrapper.yellow-box .common-info-inner-wrapper{
	border-left: 10px solid #fff8d5;
    padding-top: 1em;
    padding-bottom: 1em;
	padding-right:1em;
}

.common-info-wrapper.red-box {
	border: thin solid #ff9490;
	color:#51000c;
	margin-top:1em;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.common-info-wrapper.red-box .common-info-inner-wrapper{
	border-left: 10px solid #ffe9ea;
    padding-top: 1em;
    padding-bottom: 1em;
	padding-right:1em;
}




/* hide modal for printing */
@media print {
	#dummyLogoffWecform{
		display: none;
	}
}