/* LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date: 28/XI/2009 */
/* author: Daniel Angel */
/* ----------------------------------------- */
/* Color Codes								 */
/*											 */
/* Johansson Light Red: #DE1B2D				 */
/* Johansson Dark Red: #C10022				 */

/* ----------------------------------------- */
/* begin tag redefinition */
/* ----------------------------------------- */

body {
	background: #FFF;
	/*border-top: 3px solid #000;*/
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
}
blockquote {
	background: url(../images/blockquote.png) top right no-repeat;
	border-bottom: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	color: #C10022;
	font-size: 1.35em;
	font-style: oblique;
	padding: .8em 2em .8em 1.2em;	
	text-align: right;
}
blockquote.fl {
	width: 280px;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6, div#content p, div#content ul, div#content blockquote {
	margin: 1em 0;
}
object {
	display: block;
	margin: auto;
}
em {
	font-weight: bold;
	font-style: normal;
}
strong {
	font-weight: normal;
	font-style: oblique;
}

object p {
	display: none;
}



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




form small {
	color: #DE1B2D;
	display: block;
	margin: -2em 0 2em 0;
	padding: 0 0 0 29.6em;
}
form p {
	margin: .3em 0 !important;
}
form p.buttonholder {
	margin: 2em 0 1em 0 !important;
	text-align: right;
	width: 46em;
}
fieldset {
	border: 1px solid #EEE;
	margin: 2em 0;
	padding: 1em 2em;
}
fieldset fieldset {
	border: none;
	margin: 1em 0;
	padding: 0;
}
legend span {
	background: #F5F5F5;
	display: block;
	font-weight: bold;
	padding: 0 1em;
	width: 21em;
	white-space:normal;
}
fieldset fieldset legend span {
	background: none;
	font-weight: normal;
	padding: 0;
}
form label {
	display: block;
	width: 23em;
}
form label.lab-cr {
	display: inline;
}
input[type=text], input[type=password], select {
	border: 1px solid #DDD;
	height: 1.8em;
	left: 26em;
	position: relative;
	top: -2.1em;
	width: 22em;
}
select {
	left: 28.5em;
}
fieldset select {
	left: 26em;
}
textarea {
	border: 1px solid #DDD;
	height: 7em;
	width: 40.5em;
}
fieldset textarea {
	left: 22em;
}
button {
	background: #FFF url(../images/buttons.png) -50px -140px;
	border: none;
	height: 35px;
	text-indent: -9999px;
	width: 144px;
}
button:hover, button:focus {
	background-position: 144px -140px;
}
form#question p#p-hear {
	margin-top: 2em !important;
}
/* 
 	New styling for the phone number and area code input boxes
 	Remove these to revert back to previous style
*/
p#p-area_code, p#p-phone  {
	display: block;
	width: 150px !important;
	float: left	!important;
}
p#p-area_code input {
	width: 20px;
}
p#p-phone input {
	margin: 19px 0 0 -123px;
	width: 214px;
}
p#p-phone label {
	display: none;
}
p#p-area_code small, p#p-phone small {
	width: 220px;
	float: left;
}
p#p-phone small {
	left:-150px;
	position:relative;
	top:14px;
}
p#number-example {
	font-size: 10px;
	color: #bfbfbd;
	line-height: 11px;
	top: 22px;
	left: -300px;
	position: relative;
}
/* End new styling for phone number and area code */

body#admin form button {
	background-position: -50px -245px;
}
body#admin form button:hover, body#admin form button:focus {
	background-position: 144px -245px;
}


/* specifics */

p#p-death-date input, p#p-grant-date input {
	left: 26em;
}
p#p-grant-date input {
	top: -3.8em;
}
p#p-appr-date {
	left: 24em;
	position: relative;
	top: -2.5em;
	width: 245px;
}
fieldset legend.nowrap span, fieldset#f-disabled-group legend span {
	width: auto;
}
p#p-prob-group, p#p-legal-group, p#p-disabled-group, p#p-type-group {
	padding: 0 0 0 24em;
	position: relative;
}
p#p-legal-group, p#p-disabled-group, p#p-type-group {
	top: -1.9em;
}
p#p-prob-group {
	top: -5em;
}

fieldset#f-checkboxes {
	padding: 2em 0;
}
fieldset#f-checkboxes p {
	margin: -.5em 0 0 1em !important;
}
fieldset#f-checkboxes p label {
	display: block;
	left: 2em;
	position: relative;
	top: -1.6em;
	width: 35em;

}

p#p-specify, {
	margin: -1.2em 0 0 0 !important;
}
p#p-legal-specify {
	margin: -3em 0 0 0 !important;
}
p#p-specify textarea {
	height: 4.5em;
	width: 42.5em;
}
p#p-outline label {
	width: auto;
}



/* ----------------------------------------- */
/* Layout elements */
/* ----------------------------------------- */

div.wrapper {
	margin: 0 auto;
	position: relative;
	width: 950px;
}
div#header {
	background: #F7F7F7 url(../images/header.png) bottom left repeat-x;
}

div#top-nav {
	height: 142px;
}
	div#top-nav h1 {
		float: left;
		height: 117px;
		width: 243px;
	}
	div#top-nav h1 a {
		background: url(../images/header-h1.png) top left no-repeat;
		display: block;
		height: 117px;
		overflow: hidden;
		text-indent: -9999px;
	}


div#deco {
	background: #D9D9D9;
	border-bottom: 2px solid #C10022;
	height: 160px;
}
body#home div#deco {
	height: 419px;
}
	div#deco div#info {
		background: #DE1B2D url(../images/info-internal.png) top left no-repeat;
		color: #FFF;
		float: left;
		font-size: .93em;
		line-height: 1.4em;
		height: 70px;
		padding: 90px 10px 0 15px;
		width: 218px;
	}
	body#home div#deco div#info {
		background: #DE1B2D url(../images/info.png) top left no-repeat;
		height: 329px;
		padding: 90px 10px 0 15px;
	}
	div#deco div#info h2, div#deco div#info ul {
		display: none;
	}
	
	div#deco h1 {
		background: url(../images/deco-h1-internal.jpg) top left no-repeat;
		float: left;
		height: 160px;
		text-indent: -9999px;
		width: 707px;
	}
	body#home div#deco h1 {
		background: url(../images/deco-h1.jpg) top left no-repeat;
		height: 419px;	
	}
	div#deco.nosuccess h1 {
		background: url(../images/header-no-success.jpg) top left no-repeat;
	}
	div#deco.longdistance h1 {
		background: url(../images/header-long-distance.jpg) top left no-repeat;
	}
	div#deco.mediation h1 {
		background: url(../images/header-mediation.jpg) top left no-repeat;
	}
	div#deco.others h1 {
		background: url(../images/header-other-services.jpg) top left no-repeat;
	}


	
div#content {
	background: url(../images/content.png) top left repeat-y;
}
	div#content div#sidebar {
		background: url(../images/sidebar.png) top left no-repeat;
		float: left;
		font-size: .93em;
		line-height: 1.4em;
		margin: 1em 0;
		min-height: 200px;
		padding: 0 20px;
		width: 203px;
	}
	div#content div#main {
		float: left;
		margin: 1em 0;
		padding: 0 0 0 20px;
		width: 687px;
	}
	div#content div#main div.main-split {
		float: left;
		margin-right: 10px;
		width: 327px;
	}
	div#content div#main div.main-split:last-child {
		background: #F7F7F7;
		margin-left: 22px;
		margin-right: 0;
	}
	div#content div#main div.aside {
		background: #F7F7F7;
		float: right;
		margin: 0 0 20px 22px;
		width: 327px;
	}
	div#content div#main div.aside p img {
		display: block;
		margin: 0 auto;
	}


div#footer {
	background: #F3F3F3;
	border-top: 2px solid #E9E9E9;
	color: #666;
	font-size: 80%;
	padding: 1.5em 0;
}
div#footer div.wrapper {
	position: relative;
}

	div#footer div#ticker {
		border-bottom: 1px solid #E9E9E9;
		border-top: 1px solid #E9E9E9;
		font-size: 1.2em;
		height: 1.5em;
		margin: 0 0 1em 0;
		padding: 1em 1em 1em 170px;
	}
	div#footer div#ticker ul {
		float: none;
	}

	div#footer div.vcard {
		float: left;
		line-height: 1.8em;
		margin: 0 0 15px 0;
		width: 490px;
	}
	div#footer div.vcard h6.fn.org {
		display: none;
	}
	div#footer div.vcard  div.city-branch {
		float: left;
		margin: 0 0 0 18px;
		width: 137px;
	}
	div#footer div.vcard p.office {
		font-weight: bolder;
	}
	div#footer div#footer-nav {
		float: left;
		margin: 0 0 15px 0;
		width: 460px;
	}
	div#footer div#footer-nav ul {
		float: left;
		margin: 0 10px 0 0;
		width: 186px;
	}
	div#footer div#footer-nav ul#fnav1 {
		width: 93px;
	}
	div#footer div#footer-nav ul#fnav3 {
		margin: 0;
		width: 150px;
	}
	div#footer div#legal {
		border-top: 1px solid #E9E9E9;
		clear: both;
		float: none;
		display: block;
		padding: 15px 0 0 0;
	}
	div#footer div#legal p {
		float: right;
		line-height: 130%;
		text-align: right;
		width: 600px;
	}
	div#footer div#legal p span {
		display: block;
	}
	div#footer div#legal p#koodoz {
		float: left;
		text-align: left;
		width: 330px;
	}
	div#footer div#legal p#koodoz a {
		background: url(../images/koodoz-logo.png) 0 0 no-repeat;
		display: block;
		height: 13px;
		padding: 3px 0 0 24px;
	}

div.branch {
	border: 1px solid #DDD;
	float: left;
	padding: 0 20px 10px 20px;
	margin: 5px 5px 2em 0;
	width: 295px;
}
div#main div.branch p {
	margin: 0;
}
div#main div.branch p.phone-bold {
	font-weight: bold;
}
div#main h3.local-number {
	margin-bottom: 30px;
}



/* articles and statistics */

body#statistics-and-articles div#main h3, body#statistics-and-articles div#main h4 {
	clear: both;
}
body#statistics-and-articles div#content div#main div.aside {
	background: #FFF8C4;
	border: 1px solid #F8DB89;

}
body#statistics-and-articles div#content div#main div.aside ul {
	padding-left: 1em;
}
body#statistics-and-articles div#content div#main div.aside ul li {
	background: url(../images/icon-pdf.png) top left no-repeat;
	list-style: none;
	display: block;
	height: 16px;
	padding: 0 0 0 24px;
}
body#statistics-and-articles div#content div#main div.aside ul li.doc {
	background: url(../images/icon-doc.png) top left no-repeat;
}
body#statistics-and-articles div#content div#main div.aside ul li.xls {
	background: url(../images/icon-doc.xls) top left no-repeat;
}

body#statistics-and-articles div#content div#main div.aside ul li a {
	color: #666;
}
body#statistics-and-articles div#content div#main div.aside ul li a:hover {
	border-color: #666;
}
body#statistics-and-articles div#content div#main div.aside h5 {
	background: #FFF;
	border: 1px solid #F8DB89;
	color: #9F6000;
	margin: -0.8em 0 0 1em;
	padding: 0 .8em;
	width: 5.8em;
	
}


/* other helpful classes */

div.warning, div.success, div.info {
	border: 1px solid;
	font-size: 1.2em;
    margin: .75em 0;
    min-height: 45px;
    padding: .75em 12px .75em 80px;
}

div.warning.bi, div.success.bi, div.info.bi {
	width: 244px;
	float: left;
	border-color: #F7AD28;
	background: #FFF8C4 url(../images/warning.png) 1em 1.2em no-repeat;
	color: #9F6000;
	padding: .75em 12px .75em 80px;
}

div.warning {
	border-color: #d81900;
	background: #f1b5ad url(../images/error.png) 1em 0.7em no-repeat;
	color: #730d00;
	padding: 1.6em 12px 0 80px;
}
div.success {
	background: #DFF2BF url(../images/success.png) 1em 1em no-repeat;
    color: #4F8A10;
}
div.info {
	background: #BDE5F8 url(../images/div-info.png) 1em 1em no-repeat;
    color: #00529B;
}
div.last {
	margin-left: 10px;
}

div.warning p span, div.success p span, div.info p span {
	font-size: 1.1em;
	font-style: oblique;
}


.img {
	outline: none;
	text-indent: -9999px;
}
span.skirt {
	clear: both;
	display: block;
	height: 0px;
}
.that-thing { /* you know .... *that* thing! */
	unicode-bidi: bidi-override;
	direction: rtl;
}
p.video-description {
	float: left;
	line-height: normal;
	margin: 1em 20px !important;
	width: 160px;
}
p.topmost {
	margin-top: 0 !important
}
p.next {
	border-top: 1px solid #DDD;
	color: #DE1B2D;
	padding-top: 1.5em;
	text-align: right;
}

a.logout {
	color: #4F8A10;
}
a.logout:hover {
	color: #56BE00;
}


/* the video file */

body#video object {
	margin: 0;
}
div#vimeo-holder { /* fixes ie 'object over div' bug */
	position: relative;
	z-index: 0;
}