body {
	background: #f1f1f1;
	}

	
/*  fonts  ----------------------------------------------------------------------- */

body {
	color: #333333;
	}

.readonly {
	color: #333;
	}

.infoText {
	color: #888888;
	}

.infoTextBig {
	color: #888888;
	}

.inactive {
	color: #999999;
	background-color:#f2f2f2;
	}

.isdone {
	color: #999999;
	}

.warningText {
	}

#searchBox div.infoText {
	color: #333333;
	}
	
/* links */

a:link , a:visited, a:active {
	color: #333333; 
	}
a:hover {
	color: #4b7ebf; 
	} 

#unreadInfo a:link, #unreadInfo a:visited {
	color: #333;
	}
#unreadInfo a:hover, #unreadInfo a:focus {
	color: #5f7db5;
	}

#footer a:link, #footer a:visited {
	color: #333;
	}

#footer a:hover {
	color: #4b7ebf; 
	} 




/*  div layout ----------------------------------------------------------------------- */

#wrapper {
	background: #fff;
	}

.startPage .login {
	background: #fff url(../images/header_bg.png) -10px top no-repeat;
	}

#headerContainer {
	background: #f8f8f8;
	}

#navigation { 
	background: #4b7ebf;
	}

#footer {
	background: #fff;
	border-top: 1px solid #4b7ebf;
	}

#topLink {
	background-color: #888;
	}

#topLink:hover {
	background-color: #4b7ebf;
	}

#quickNewsContainer,
#quickStartContainer {
	background: #f4f4f4;
	}

#projectInfoBox {
	color: #888888;
	}

#projectInfoBox table tr:hover  {
	background-color: #fff;
	}

.okStatusBox {
    background: none;
}

.internalDepartmentInfo {
	background: #f1f1f1;
	}

.tip {
	border: 1px solid #cccccc;
	}



/*  navigation  ----------------------------------------------------------------------- */

#navigation a {
	color: #fff;
	}

#navigation a:hover {
	color: #e9eff7;
	}

#navigation li.active a:hover {
	color: #fff;
	}

#navigation li.active {
	background: rgba(255, 255, 255, 0.5);
	}

#navigation > ul > li.active > a:before {
	background-image: url(../images/navigation_icon_sprite_333.png);
	}

#navigation li.active a {
	text-shadow: none;
	color:#333;
	}

#navigation li.active a:hover {
	color:#333;
	}

/* second-level lists */

#navigation ul ul {
	background-color: #fff;
	border-color: #ededed;
	}

#navigation li li a {
	border-top: none;
	border-bottom: 1px solid #ededed;
	color:#333;
	margin-top:0;
	}

#navigation li li a:hover, #navigation li.active li a:hover {
	color: #4b7ebf;
	}

#navigation li.active li.active strong {
	color: #4b7ebf;
	}
	

/* subNavigation ----------------------------------------------------------------------- */

#subNavigation li.active {
	background: url(../images/navigation_sub_arrow_x2.png) right center no-repeat;
	background-size: 25px 30px;
	}

#subNavigation li.active a {
	background-position: 0 -60px;
	background-color: #4b7ebf;
	color:#fff;
	}


	
/*  meta search ------------------------------------------------------------------- */

#metaSearch #msContent {
	background-color: #fff;
}

#metaSearch #msCloser {
	background-color: #4a4a4a;
}



/*  forms ----------------------------------------------------------------------- */

fieldset {
	border-color: #e8e8e8;
	}

fieldset legend {
	background-color: #e8e8e8;
	}

input, textarea, select {
	color: #333333; 
	background-color: #fff; 
	}
	
input:focus, textarea:focus {
	background-color: #e9eff7;
	}

input.readonly, textarea.readonly { 
	color: #888;
	}

.mandatory, .inputWidth1.mandatory, .inputWidth2.mandatory {
	border-left-color: #ff8947;
	}


/*  actions box  */

#actionsBox, #actionsBox2, #actionsBox3, #actionsBox4,
.actionsBoxTop {
	border-color: #e8e8e8;
	}

/*  status box  */

#statusBox, #buttonBox, #footer {
	color:#333;
	}


/*  buttons  ---------------------------------------------------------------------- */

a.button {
	background-color: #dfdfdf;
	border-color: #dfdfdf;
	}

a.button:hover {
	background-color: #e9eff7;
	color: #333333;
	}

/*  styling submit buttons  */

input.submitButton {
	background-color: #888;
	border-color: #888 !important;
	}
	
input.submitButton:hover {
	background-color: #4b7ebf;
	border-color: #4b7ebf !important;
	}
	
input.submitButton.noHighlight {
	background-color: #dfdfdf;
	border-color: #dfdfdf !important;
	}
	
input.submitButton.noHighlight:hover {
	background-color: #e9eff7;
	}

#searchBox input.submitButton {
	background-color: #dfdfdf;
	border-color: #dfdfdf !important;
	}
	
#searchBox input.submitButton:hover {
	background-color: #e9eff7;
	}

	
/* special buttons */
#quickStart a.button,
#buttonBox a.button {
	border-color: #dfdfdf;
	}

#quickStart a.button:hover,
#buttonBox a.button:hover {
	background-color: #e9eff7;
	}


/* tabs  ----------------------------------------------------------------------------- */

#main ul.tabs li.active .button {
	background: #e9eff7;
}


/* sub filters  ------------------------------------------------------------------------- */

#main ul.subFilter a.button:hover {
	background: #e9eff7;
}

#main ul.subFilter li.active .button {
	background: #e9eff7;
}

	
/*  pagination  ---------------------------------------------------------------------- */

div.pagination strong {
	background-color: #4b7ebf;
	border: none; 
	color: #fff;
	}


/*  task boards -------------------------------------------------------------- */

.boardContainer4Cols > div {
	background: #f0f0f0;
	}


/*  category group list  ------------------------------------------------------------------- */

#main ul.groupsList li:hover, #main ul.groupsList li:hover li:hover {
	background-color: #4b7ebf;
	color:#fff;
	}

#main ul.groupsList li:hover li {
	background-color: #fff;
	color:#333;
	}

#main ul.groupsList li:hover li:hover {
	background-color: #e9eff7;
	color:#333;
	}


/*  roar confirm  ---------------------------------------------------------------------- */
.roar-alert-message-body {
    background-color: #fff;
}

a.roar-alert-message-button-cancel,
a.roar-alert-message-button-cancel:link {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
}

a.roar-alert-message-button-cancel:hover {
    background-color: #e9eff7;
}

a.roar-alert-message-button-confirm,
a.roar-alert-message-button-confirm:link {
    background-color: #888;
    border-color: #888;
}

a.roar-alert-message-button-confirm:hover {
	background-color: #4b7ebf;
	border-color: #4b7ebf !important;
}


/*  others  ---------------------------------------------------------------------------- */

th {
	background: #4b7ebf;
	color: #fefefe;
	}

table.light th {
	color: #888;
	}

.tdColor1 {
	background-color: #f1f1f1;
	}
	
.tdColor2 {
	background-color: #e8e8e8;
	}

tr:hover , tr:hover .tdColor1, tr:hover .tdColor2, tr.isActive {
	background: #f6f6f6;
	}

.tdColor1 tr:hover {
	background-color: #f1f1f1;
	}

.projectMilestone td {
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	}

tr.customerInfo td {
	background-color: #eee;
	color: #827e78 !important;
	}

tr.customerInfo  a {
	color: #827e78 !important;
	}

#main ul li {
	background: url(../images/bullet.png) no-repeat;
	background-position: 0 0.5em;
	margin-left: 2px;
	padding: 0 0 0.4em 13px;
	}

.itemCounter.alert {
	background: #4b7ebf;
	}

/*  Login  ----------------------------------------------------------------------- */

#loginBoxWebapp {
  background: #f1f1f1 url(../../../images/login_webapp.jpg) left -15px no-repeat;
}



/* iPad portrait mode */
@media only screen and (max-width:979px) {
#wrapper {
	background: #fff;
	background-image: none;
	}

}


/* SmartPhones */
@media only screen and (max-width:760px) {
#wrapper {
	background: #fff;
	background-image: none;
	}

#contentContainer {
  background: #fff;
  background-image: none;
  padding-top: 0;
}

}


/* Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
	.startPage .login {
		background-image: url('../images/header_bg@2x.png');
		background-size: 1200px 70px;
	}
}

/* jQuery UI */
.ui-widget-header  {
	background: #4b7ebf;
	border: 1px solid #4b7ebf;
	}

.ui-accordion .ui-state-active, .ui-accordion .ui-widget .ui-state-active,
.ui-accordion  .ui-state-hover, .ui-accordion  .ui-widget .ui-state-hover,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active  {
	color: #5a74ab !important;
	}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active  {
	border:1px solid #dddddd !important;
	}

.ui-datepicker .ui-datepicker-calendar .ui-state-active  {
	border:1px solid #5a74ab !important;
	}

/* chosen */
.chosen-container .chosen-results li.result-selected {
	background-color: #4b7ebf !important; 
	}

.chosen-container .chosen-results li.highlighted {
	background-color: #4b7ebf !important; 
	}