body{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
}

h1{
	padding:10px 0 10px;
	margin:0;
	font-size:16px;
}

h4{
	font-size:16px;
	padding:0;
	margin:0;
	margin-bottom:10px;
}
h4 a{
	color:#2481ff !important;
}

img{
	vertical-align:middle;
	border:0;
}

table{
	font-size:12px;
}

#wrapper{
	max-width:1400px;
	margin:0 auto;
}

#header{
	height:118px;
	background:url(../images/header-background.jpg) 100%;
}
#site-title{
	font-weight:bold;
	padding:20px;
	font-size:20px;
}

#footer{
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
	font-size:12px;
}

a{
	color:#5990ff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}




div.disabled{
	color:#ccc;
}
div.disabled input, 
div.disabled select{
	background:#ccc;
}
   

div.row{
	float:left;
	margin-top:15px;
}
div._85percent{
	width:85%;
}
div._75percent{
	width:75%;
}
div._66percent{
	width:60%;
}
div._50percent{
	width:49%;
}
div._40percent{
	width:40%;
}
div._37percent{
	width:37%;
}
div._33percent{
	width:33%;
}
div._25percent{
	width:25%;
}
div._20percent{
	width:20%;
}
div._16percent{
	width:16%;
}
div._12percent{
	width:12%;
}
div._10percent{
	width:10%;
}
div._8percent{
	width:8%;
}
div._xsmall{
	width:30px;
}

.clear{
	clear:both;
}
.label{
	font-size:11px;
	font-weight:bold;
}

legend{
	margin-top:15px;
	font-weight:bold;
	font-size:14px;
}
fieldset fieldset,
fieldset fieldset legend{
	margin-top:0px;
}

textarea{
    width:100% !important;
}

input, select, textarea{
	background:#fff;
}

input:disabled, select:disabled, textarea:disabled{
	background:#f1f2f3;
}

input[type=submit]{
	background:#1b6bff;
	color:#fff;
	padding:3px 5px;
	border-radius:5px;
}

input.income-field{
	width:80px;
}

.date-field, 
.date{ 
	width:120px !important; 
}

select.country-field{
	width:150px;
}

#formTabs{
	z-index:0;
}

table.listing{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
	font-size:12px;
}
table.listing td{
	padding:2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.listing .header td{
	padding:5px;
	font-size:13px;
}
table.listing .header{
	background:#776dff;
	color:#fff;
	font-weight:bold;
}
table.listing .even-row{
	background:#f1f2f3;
}

a.delete_dep{
	cursor:pointer;
}

.info-container{
	position:relative;
}
.info-action{
	cursor:pointer;
}
.info-box-wrapper{
	width:220px;
	height:200px;
	position:absolute;
	overflow:auto;
	margin:-60px 0 0 20px;
	background:url(../images/info-box.png) no-repeat;
	z-index:1000;
}
.info-box{
	padding:5px 5px 5px 25px;
}
.info-close-box{
	text-align:right;
}


.highlight{
	color:#fff;
	font-weight:bold;
	border: 1px solid red !important;
	background-color:#ff6f6f !important;
}
.errors{
	display:none;
	width:18px;
	color:red;
	background:none;
	border:none;
	padding:0;
	font-weight:bold;
	font-size:11px;
}

.error{
	color:red;
}
.notice{
	padding:1px 3px 1px 3px;
	background:red;
	color:white;
	font-weight:bold;
	margin-right:3px;
}

.bt-content{
	font-size:12px;
}

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
	}
#popupMessages{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:400px;
	width:600px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
}
#popupMessages h1{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
#popupMessagesClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor:pointer;
}


.baloon-info-general{
	color:red;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin-bottom:5px;
	padding-bottom:5px;
}
.baloon-info-specific{
	border-bottom:1px solid #000;
	margin-bottom:5px;
	padding-bottom:5px;
}


table.form{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
	font-size:12px;
}
table.form td{
	text-align:center;
	padding:2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.form .header td{
	padding:5px;
}
table.form .header{
	background:#f1f2f3;
	color:#000;
	font-weight:bold;
}

table.form input{
	width:90%;
}


table.report{
	width:100%;
	font-size:12px;
}
table.report td.label{
	text-align:right;
	font-weight:normal;	
}

div.module{
	width:250px;
	float:left;
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

/* wall */
div.question{
	margin:1px;
	padding:5px;
	background:#edeff4;
}
div.question .name{
	font-weight:bold;
	color:#3b5998;
}

/* call to action */
a.cta{ 
	color:blue !important;
}


/* fix the menu going under the tabs on the casemanager wall */
#myslidemenu{
	position:relative;
	z-index:100;
}
#tabs{
	position:relative;
	z-index:10;
}

/* general table format with a form inside */
.tableform td{
	padding:10px;
}
.tableform .label{
	text-align:right;
	font-weight:bold;
	vertical-align:text-top;		
}

.note{ 
	margin:5px;
	border:1px solid #6BB9FF;
	background-color:#D8E8FF;
	color:#404040;
	padding:10px;
}
.note p{
	margin:0;
	padding:5px;
}


/* document checklist */
.checklist table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.checklist table td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.checklist table td.container{
	padding:0 !important;
}
.checklist .documentation{
	padding:10px;
	font-size:11px;
	font-style:italic;
}
.checklist .documentation a{
	display:inline;
	color:blue;
}
.checklist p{
	padding:0;
	margin:0;
}
.checklist ul{
	margin:0;
}

#legend td.completed,
#checklist td.completed,
#legend td.review,
#checklist td.review,
#legend td.waiting,
#checklist td.waiting,
#legend td.problems,
#checklist td.problems,
#checklist td.moreinfo{
	padding:10px;
	text-align:center;
}
#checklist td a{
	color:#000;
	font-weight:bold;
	display:block;
}

#legend td.completed,
.checklist td.completed{
	background:#4FFF61;
}
#legend td.review,
.checklist td.review{
	background:#C2C7C1;
}
#legend td.waiting,
.checklist td.waiting{
	background: #ffc2c2;
}
.checklist td.moreinfo{
	background: #FBFF87;
}
#legend td.problems,
.checklist td.problems{
	background: url(../images/icons/icon-attention.png) no-repeat #ffc2c2;	
}

#legend{
	position:fixed; 
	top:150px; 
	left:0px;
	border:1px solid #000;
	border-left:none;
	background:#f1eeee;
}
#legend-details{
	display:none;
	background:#f1f2f3;
	padding:5px;
	float:left;
	width:300px;
}
#legend-anchor{
	float:left;
}

.suspended{
	text-decoration:line-through;
	color:red;
}

.highlight{
	border:1px solid red;
}

.greenbk{
	background-color:#5cff6b;
}

.active-row:hover{
	background-color:#ccc;
}

.section-title{
	font-weight:bold;
	font-size:14px;
	background-color:#f1f2f3;
	padding:3px;
	
}

.hidden{
	display:none;
}

.highlightHover:hover{
	background-color:#FFD3EF;
}


.btn {
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight:bold;
  border-radius:5px;
}

.btn-success {
  background-color: #4CAF50; /* Green */
}

.btn-danger {
  background-color: #f44336; /* Red */
}

.btn-info {
  background-color: #008CBA; /* Blue */
}

.btn-secondary {
  background-color: #e7e7e7; /* Grey, text black */
  color: #000;
}

.text-right{
	text-align:right;
}

table.form tr:not(.header):hover{
	background-color:#CCCCFF;
}

.move-row-up,
.move-row-down,
.insert-row{
	font-size:16px;
}

.display-block{
	margin-top:10px;
	display: block;
}

.row label{
	padding: 10px 0;
	font-size:14px;
}

.d-none{
	display:none;
}