@font-face {
	font-family: '72Brand-Variable';
	src: url('font/72BrandVariable/72BrandVariable_Lt-Bd.woff') format('woff'),
	url('font/72BrandVariable/72BrandVariable_Lt-Bd.woff2') format('woff');
}
/*general*/
html,body{height:100%;}
body{font-size:.625em;font-family:'72Brand-Variable';color:#12171C;}
h3{color: #333}

/* usefull classes */
.marginReset{margin:0;}
.marginTopReset{margin-top:0;}
.marginBottomReset{margin-bottom:0;}
.hidden{display:none}

/* wrap + common */
#wrapperOuter{width:1030px;min-height:100%;margin:0 auto;margin:0 auto;margin:0 auto;}
#wrapperInner{padding-bottom:24px;overflow:auto;}
#logo{margin:.8em 0;color:white;}
#logo img{vertical-align:middle; width: 66px; height: 32px;}
.legalText{margin-left:5px;font-size:1.1em;color:white;}

/* general tooltip will go here */
.tooltip{width:330px;margin:0 auto}
.tooltip .ui-icon{float:left;margin-right:.3em;}
.tooltip p{float:left;width:292px;margin-top:0;}

/* pwd strength */
#password-strength { width:260px; margin:0 0 5px; margin-left: 175px}
#password-strength a, #password-strength-bar {float: left}
#password-strength-bar{padding:0 0 0 5px}
#password-strength-bar.weak{color: #FF0000}
#password-strength-bar.good{color: #6699cc}
#password-strength-bar.strong{color: #10b12e}
#password-strength-bar{margin-left:5px;padding-left:3px;font-weight:bold}

/*error handling*/
#login-errors ul{display:none;list-style: none; padding: 0; margin: 0}
label.error:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4.5px 0 4.5px;
	border-color: #ff0000 transparent transparent transparent;
}

/*text*/
#text.container { width: 100%; float: left;	overflow: hidden; margin-right: -100%; border-top:1px solid #d4d3cf; }
#text.container .content { padding:15px 25px 25px;}
#text p { margin: 0 0 5px;}
#text strong { font-weight: bold;}
#text em { font-style: italic;}
#text ul, #text ol { margin:5px 0 10px 0;}
#text ul li { margin:8px 0 0 20px; list-style: disc; line-height:18px;}
#text ol li { margin:8px 0 0 20px;  list-style: decimal; line-height:18px;}
#text h1, #text h2,#text h3, #text h4, #text h5, #text h6 { font-weight:normal; padding:2px 0; margin:5px 0 8px;}
#text h1 { font-size:22px;}
#text h2 { font-size:20px;}
#text h3 { font-size:18px;}
#text h4 { font-size:16px;}
#text h5 { font-size:14px;}
#text h6 { font-size:13px;}
#text h6.pageHeading { padding: 7px 10px; color:#0066B3; text-shadow: 0 1px 0 #fff; margin:16px 0; }
#text small { font-size:11px;}
#text .leftTitle { float:left; margin:0 10px 0 0;}
#text h6.pageHeadFirst { margin:0 0 16px;}
#text .regBox1 ul li, #text .regBox2 ul li { list-style:none; margin:8px 10px 0;}
#text #middle { width:100%; margin:0;}
#text #text #regPanel { padding:0;}

/*blocks*/
#text .block { border: 1px solid #eee; margin:0 0 20px; overflow:hidden; background:#f7f7f7;}
#text .block h6.pageHeading { margin:0; padding: 7px 10px; color:#666; background: url(../img/h-bg.png) repeat-x; border-bottom:1px solid #e8e8e8; font-weight: bold; text-shadow: 0 1px 0 #fff;}
#text .block .blockText td { padding:3px 5px; vertical-align:top;}
#text .block .blockText td .btn_24, #text .block .blockText td .btn_18 { margin: 0; }

/*Table style*/
#text table.simpleTable { border-top:1px solid #b6b6b6;	border-right:1px solid #b6b6b6; border-collapse:collapse; width:100%; table-layout: fixed; word-wrap: break-word; }
#text table.simpleTable.autoWidth { width:auto}
#text table.simpleTable tr.odd td { background:#f2f2f2}
#text table.simpleTable tr.activeRow td { background:#FDEBC0}
#text table.simpleTable td { vertical-align:top; font-size:11px; background:#fff; border-bottom:1px solid #b6b6b6; border-left:1px solid #b6b6b6; padding:3px 5px; text-align:left; }
#text table.simpleTable td.alignCenter, #text table.simpleTable th.alignCenter, #text table.simpleTable tr.alignCenter td, #text table.simpleTable tr.alignCenter th { text-align:center;}
#text table.simpleTable .noTable td { border:none;}

#text .pagelinks { padding:10px 0; display: inline-block; margin:0 10px 0 0; line-height:12px; }
#text .pagelinks { word-spacing:3px; }
#text .pagelinks a { cursor:pointer;}
#text .arrowNext, #text .arrowPrev, #text .arrowNextGrey, #text .arrowPrevGrey { background:url(../img/buttons.png); width:6px; height:10px; display:inline-block; vertical-align: middle; margin: 0 3px; cursor:pointer;}
#text .arrowNext { background-position: -1px -86px;}
#text .arrowNext:hover { background-position: -9px -86px;}
#text .arrowNextGrey { background-position: -16px -86px;}
#text .arrowPrev { background-position: -42px -86px;}
#text .arrowPrev:hover { background-position: -34px -86px;}
#text .arrowPrevGrey { background-position: -26px -86px;}
#text h1.blockTitle { font:16px Arial Narrow, Arial, Helvetica, sans-serif; margin:0; padding: 2px 265px 2px 0; text-shadow:0 1px 0 #fff;}

/*links*/
a{color:#0057D2; text-decoration:none;}
a:hover{text-decoration:underline;}
a, a:LINK, a:HOVER, a:VISITED, a:ACTIVE {outline:none;}
a.deleteLink { background:url(../img/delete_ico.png) no-repeat; display:inline-block; width:16px; height:16px;}
/* external links */
a[href^="http"]:hover {color:#df7500;text-decoration: none;}

/*buttons******************************************************************************************************************/
.btn_24, .btn_24 span, .btn_24 b, .btn_24 input  { background:url(../img/buttons.png) 0 0 no-repeat; }
.btn_18, .btn_18 span, .btn_18 b, .btn_18 input  { background:url(../img/buttons.png) 0 -48px no-repeat;}
.btn_24, .btn_18 { margin: 5px 6px 5px 0; padding: 0 0 0 6px;  position: relative; float:left; text-decoration:none; *display:inline;}
.btn_24 { height: 24px;}
.btn_18 { height: 18px;}
.btn_24:hover, .btn_18:hover { text-decoration: none;}
.btn_24 span, .btn_18 span { display:block; position: relative; right: -6px; cursor:pointer}
.btn_24 span { background-position: right 0; }
.btn_18 span { background-position: right -48px;}
.btn_24 input, .btn_24 b, .btn_18 input, .btn_18 b { display:block; color: #fff; cursor: pointer; font-weight:400; left: -12px;  padding: 0 15px 0 17px; position: relative; text-align: center; border:none; }
.btn_24 input, .btn_24 b { line-height:24px; font-size: 12px; height: 24px; }
.btn_18 input, .btn_18 b { line-height:18px; font-size: 11px; height: 18px; }
.btn_24:hover, .btn_24:hover input, .btn_24:hover b, .btn_24:hover span { background-position:0 -24px;}
.btn_24:hover span  { background-position: right -24px;}
.btn_18:hover, .btn_18:hover input, .btn_18:hover b { background-position:0 -66px;}
.btn_18:hover span  { background-position: right -66px;}
.excelBtn b { background-position: 0 -189px; padding: 0 15px 0 30px;}
.excelBtn:hover b { background-position: 0 -213px;}
.rightBtn { float:right;}
.leftBtn { float:left; margin:0 0 5px 0;}

/*forms****************************************************************************************************************/
.inputField, .inputField span  { background:url(../img/buttons.png) 0 -99px no-repeat; height:18px;}
.inputFieldWhite, .inputFieldWhite span  { background:url(../img/buttons.png) 0 -135px no-repeat; height:18px;}
.inputField, .inputFieldWhite { float:left; margin:0 6px 8px 0;}
.inputField input, .inputFieldWhite input, .inputField select, .inputFieldWhite select { display:block; left: -6px;  padding: 0 15px 0 17px; position: relative; height:16px; padding:1px 3px; border:none; background:none; color:#444;}
.inputField select, .inputFieldWhite select { padding:0; left:-5px; height:18px;}
.inputField span { display:block; position: relative; right: -6px; background-position: right -99px; }
.inputFieldWhite span { display:block; position: relative; right: -6px; background-position: right -135px;  }
.inputField:hover { background-position: 0 -117px;}
.inputField:hover span { background-position: right -117px;}
.inputFieldWhite:hover { background-position: 0 -153px;}
.inputFieldWhite:hover span { background-position: right -153px;}
.disabledInput { background-position: 0 -171px!important;}
.disabledInput span, .disabledInput:hover span { background-position: right -171px;}
.invalidInput {background-position: 0 -285px}
.invalidInput span {background-position: right -285px}
.inputWidth_40, .inputWidth_40 input { width:40px;}
.inputWidth_70, .inputWidth_70 input { width:70px;}
.inputWidth_100, .inputWidth_100 input { width:100px;}
.inputWidth_110, .inputWidth_110 input { width:110px;}
.inputWidth_120, .inputWidth_120 input { width:120px;}
.inputWidth_145, .inputWidth_145 input { width:145px;}
.inputWidth_150, .inputWidth_150 input { width:150px;}
.inputWidth_170, .inputWidth_170 input { width:170px;}
.inputWidth_200, .inputWidth_200 input { width:200px;}
.inputWidth_250, .inputWidth_250 input { width:250px;}
.inputWidth_270, .inputWidth_270 input { width:270px;}
.inputWidth_70 select { width:75px!important;}
.inputWidth_100 select { width:105px!important;}
.inputWidth_120 select { width:125px!important;}
.inputWidth_150 select { width:155px!important;}
.inputWidth_170 select { width:175px!important;}
.inputWidth_200 select { width:205px!important;}
.inputWidth_250 select { width:255px!important;}
.inputWidth_270 select { width:275px!important;}
.noMargin { margin:0 6px 0 0;}
.inputFile { position:relative; height: 18px;  z-index:5; width:260px; overflow:hidden; }
.inputFile input { filter: alpha(opacity=0); -moz-opacity: 0; opacity:0; font-size:13px; }
.radioList { position: relative; }
.radioList.invalidInput span { background-position: right -171px; }

/*tabs*/
#text .tabBox { border: 1px solid #B6B6B6; padding:10px; background:#fafafa; overflow:hidden;}
#text ul.tabsList { margin:5px 0 0; height:21px; }
#text ul.tabsList li { position:relative; margin:0 30px 0 0; list-style: none; float:left; background:url(../img/buttons.png) 0 -237px no-repeat; padding:0 0 0 20px; }
#text ul.tabsList li a { color:#555; text-decoration:none; float:left; font-size:11px; background:url(../img/buttons.png) right -237px no-repeat; line-height:21px; padding:0 20px 0 0; margin:0 -5px 0 0;}
#text ul.tabsList li a:hover { color:#0066B3;}
#text ul.tabsList li.activeTab { background:url(../img/buttons.png) 0 -261px no-repeat; margin:0 30px -1px 0; padding:1 0 0 20px; }
#text ul.tabsList li.activeTab a,  #text ul.tabsList li.activeTab a:hover { background:url(../img/buttons.png) right -261px no-repeat; color:#0066B3; padding:1px 20px 0 0; font-weight:800; }

/*login page + forgot pwd page*/
#login{width:355px;float:left;padding:10px;position: relative;display: inline-block;margin-top:10px;padding-top:75px;}
#login .login-copy{width:330px;margin:0 auto}
#login .login-copy h3{margin-top:0}
#login .login-copy p{text-indent:.1em;margin-top:0;text-align:justify;}
#login-form{padding:10px;width:330px;margin:0 auto;border:1px solid #cccccc;box-shadow:0 2px 7px -3px #827d7d;-moz-box-shadow:0 2px 7px -3px #827d7d;-webkit-box-shadow:0 2px 7px -3px #827d7d;}
#login-form label{display:inline-block;width:80px;margin-bottom:10px;font-weight:bold;color:#666666;text-align:right;}
#login-form #login-userId,#login-form #login-userPassword{width:228px;}
#login-form .btn_18{margin:0;margin-left:83px;}
#login-form a{margin-left:83px;}
#login-sso{overflow:hidden;padding:10px;width: 240px;margin:10px;padding-left:98px;}
#horizontalDevider{position: relative;height:1px;background-color: #537FB8;margin:18px 10% 30px 30px;width: 344px;left: -13px;}
#horizontalDevider div{margin: 0 auto;width: 40px;background-color: white;position: relative;top: -6px;}
#horizontalDevider p{ padding-left: 25%;}
#login-wrapper{float:left;display: inline-block;position: relative;width: 380px;margin-bottom: 5%;}
#wrapper-thrd{float: right;position: relative;display: inline-block;}
#wrapperInner{overflow:hidden;}
#login-sso p{margin:0 0 9px -86px;}
#login-sso h3{margin-top:0}
#login-utilities{float:right;padding:10px;width:209px;}
#login-utilities .login-subsection{border-bottom:1px dashed #ddd;padding:5px 0;}
#login-utilities .login-subsection h4{font-size:1.1em;margin:0}
#login-utilities .login-subsection .alert{color:#b2182b;}
#login-utilities .login-subsection p{margin:0 0 5px 0;}
#login-utilities .login-subsection p span{/*display:inline-block;*/vertical-align:bottom;}
#login-utilities .login-subsection ul li{margin-top:.5em;}
#login-utilities .login-subsection ul li span{font-weight:bold;color:#666666;}
#login-utilities .login-subsection ul li p{margin:0;margin-left:.5em;}
#login-utilities .login-subsection.noBorder{border:none;}
#forgotPasswordPage h3{color:#0076cb;margin-top:0;padding-left: 11px; }
#forgotPasswordForm{padding:29px;width:370px;margin:10px;margin-left:200px;float:left;border:1px solid #cccccc;box-shadow:0 2px 7px -3px #827d7d;-moz-box-shadow:0 2px 7px -3px #827d7d;-webkit-box-shadow:0 2px 7px -3px #827d7d;}
#forgotPasswordForm label{display:inline-block;width:85px;margin-bottom:10px;font-weight:bold;color:red;text-align:right;}
#forgotPasswordForm input[type="text"]{width:273px;}
#forgotPasswordForm .btn_18{margin:0;margin-left:83px;}
#forgotPasswordForm a{margin-left:70px;}
#forgotPasswordForm label.error {width: auto}

/*register panel*******************************************************************************************************/
#regPanel { padding:0 16px 16px}
#regPanel .chosen-container .chosen-results  {max-height: 200px;}
.regBox1, .regBox2 { float: left; margin:16px 0 0; }
.regBox1 { width:483px; padding:0 16px 6px 0;}
.regBox2 { width:483px;  padding:0 0 6px 16px; }
.inputLeftReg { float:left; width:200px}
.moreBox { margin:0 0 15px;}
.moreForm {  background:#E8E6E6; background: rgba(0,0,0,0.07); padding:10px 10px 2px; border:1px solid #cecece; display:none; margin:8px 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; o-border-radius:3px; border-radius:3px;}
.moreHead { float:left; color: #0085C1; text-decoration:none; padding-left: 10px; background: url(../img/more_arr.png) no-repeat 0 3px;}
.moreHead:hover {text-decoration: underline; }
.activeMore {background: url(../img/more_arr.png) no-repeat 0 -11px;}
#addedCostElementsDiv, #WBS_element { background: #E8E6E6; background: rgba(0,0,0,0.07); padding:10px; border:1px solid #cecece;  margin:8px 0 8px; -moz-border-radius:3px; -webkit-border-radius:3px; o-border-radius:3px; border-radius:3px;  }
#addedCostElementsDiv b, #WBS_element b { display:block; margin:0 0 5px;}
#addedCostElementsDiv table, #WBS_element table { background:#fff; border-top:1px solid #b6b6b6;	border-right:1px solid #b6b6b6; border-collapse:collapse; width:100%; table-layout: fixed; word-wrap: break-word; height:1%;}
#addedCostElementsDiv table td, #WBS_element table td { font-size:11px; border-bottom:1px solid #b6b6b6; border-left:1px solid #b6b6b6; padding:3px 5px; text-align:left; }
#addedCostElementsDiv table p, #WBS_element table p { margin:0;}
.imgDelete {cursor: pointer; float:right; margin:0 5px; *margin:-13px 5px 0; display:inline;}
.loginBoxCap { float: left; width:283px; }
.relativeBox {position: relative}

/*alert panel*************************************************************************************************************/
.alertPanel, .alertPanelError { position:relative; background:url(../img/alert_ico.png) 5px 5px no-repeat #fff3d0; padding:5px 15px 5px 30px; border:1px solid #D79F9F; margin:0 0 23px 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:1%; }
.alertPanelError { background:url(../img/alert_ico.png) 5px 5px no-repeat #F8E6E5;color:#993636; max-width: 248px;}
.closePanel { position:absolute; display:block; cursor:pointer; background:url(../img/close_ico.gif) no-repeat; width:16px; height:16px; top:0; right:0; }
.closePanel:hover { background-position: 0 -14px;}

/*other*/
hr { background:#CECECE; color:#CECECE; border:none; font-size:1px; height:1px; width:100%; margin:5px 0; display:block; clear:both;}
.clr { display:block; margin:0; padding:0; width:100%; overflow:hidden; height:0; font-size:0; clear:both}
.red { color:#ff2222}

ul.errorList {color: red; list-style-type: none; margin:0; padding:0;}
ul.errorList > li {color: red;list-style: none}
ul.errorList li {color: red; line-height: 16px; margin:0;}

.sub-window { background-color: #f2f2f2; }
.sub-window table {	border-collapse: collapse; border-spacing: 0; }
.sub-window form { margin-bottom: 0; }

#login-sso #headerCredLog{
	padding-left: 31px;
    margin-bottom: -2px;
}

.word-break {
  word-break:       break-word;
  word-wrap:        break-word;

  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
}


@supports (-ms-accelerator:true) {
   #login-sso p{
    width:371px;
	}

}