/* ============================== COLOR DEFINITIONS ============================== */

/* Color c_head_top = #202020 */
/* Color c_head_bottom = #585858 */

/* Color c_back = white */
/* Color c_border = #f18e81 */

/* Color c_nav_link_border = #ff5b45 */
/* Color c_nav_link_text = #ff5b45 */
/* C _NAV_LINK_TEXT = #ff4931 */
/* C _NAV_LINK_TEXT = #F69900 */
/* Color c_nav_link_sel_text = white */

/* Color c_nav_menu_back = rgba(88, 88, 88, 0.9) */

/* Color c_foot_top = #585858 */
/* Color c_foot_bottom = #202020 */
/* Color c_foot_text = #ff5b45 */
/* Color c_foot_link_text = #ff7b37 */

/* Color c_right_back = #ffffff */

/* Color c_bottom_back = #ffffff */

/* Color c_border_hover = #db6454 */
/* Color c_border_focus = #c53a28 */
/* Color c_button_back = #fbe2df */
/* Color c_button_back_hover = #f9d1cc */

/* ============================== SIZE DEFINITIONS ============================== */

/* Size s_width = 900px */
/* Size s_pad = 15px */

/* ============================== GENERAL PAGE STYLES ============================== */

html
{
	background: #202020;
	cursor: default;
}
html,
input,
select,
textarea
{
	font: 13px/140% Arial, helvetica, sans-serif;
}
body
{
	margin: 0;
	padding: 0;
}

html.popup
{
	background: white;
}
html.popup body
{
	/* width: 100%; */
	/* margin: 0; */
	/* padding: 0; */
}

input[type="text"],
input[type="password"],
textarea
{
	cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
	cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
	cursor: default;
}

/* -------------------- Header -------------------- */

#head
{
	border-bottom: solid 1px #d9dadb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202020", endColorstr="#585858", gradientType=0);
background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#585858));
background: -moz-linear-gradient(top, #202020, #585858);

	padding: 25px 0 5px;   /* not 15px */
}
#head_inner
{
	width: 900px;
	margin: 0 auto;
}
#printhead
{
	display: none;
}
#logo
{
	float: right;
}

/* -------------------- Navigation elements -------------------- */

#navigation
{
	float: left;
	margin-top: 45px;
}
#navigation a
{
	float: left;
	padding: 0.2em 0.8em;
	color: #ff5b45;
	border-left: solid 1px #ff5b45;
	text-shadow: 0 0 6px black;
}
#navigation a:first-child
{
	border-left: none;
	padding-left: 0;
}
#navigation a.language-link
{
	font-weight: 500;
}
#navigation a.has-menu
{
	background-image: url(../img/arrow_down_3_w.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#navigation a:hover
{
	color: white;
}
#navigation a.selected,
#navigation a.selected:hover
{
	color: white;
}

/* ----- Navigation finder ----- */

#navigation .finder
{
	float: right;
	margin-right: 0.2em;
	padding: 0.2em 0em;
}

#navigation .finder input[type="text"]
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #9090b0;
	background: #e6edf0;
	margin-right: 0.4em;
}
#navigation .finder input[type="text"]:focus
{
	background: white;
}
#navigation .finder input[type="submit"].search-button
{
	border: none;
	background: #e6edf0 url(../img/action_arrow.png) no-repeat 0 60%;
	padding: 0 0 0 11px;
	color: #004fc0;
}

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

#printnavigation
{
	display: none;
}
#noprintnavigation
{
	display: none;
}

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

#subnavigation
{
	border-top: solid 1px #f1f6f7;
	background: #f6f9fa;
	border-bottom: solid 1px #fafcfc;
	padding: 0.2em 0.9em;
}
#subnavigation a
{
}

/* ----- Navigation drop-down menu ----- */

.nav-menu
{
	/*border: solid 1px #cccccc;*/
	background: rgba(88, 88, 88, 0.9);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
	padding: 0.4em 0;
	z-index: 10;   /* Must be in front of home page image animation */
}

.nav-menu a,
.nav-menu a:visited
{
	display: block;
	padding: 0 0.8em;
	color: #ff5b45;
	text-shadow: 0 0 6px black;
}
.nav-menu a:hover
{
	color: white;
}
.nav-menu a:focus
{
	outline: none;
}
.nav-menu a.selected
{
	color: white;
}

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

#afternavigation
{
	/*margin-bottom: 1em;*/
}

/* -------------------- Footer -------------------- */

#footer
{
	border-top: solid 1px #d9dadb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#585858", endColorstr="#202020", gradientType=0);
background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#202020));
background: -moz-linear-gradient(top, #585858, #202020);

	padding: 15px 0;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #ff5b45;
	text-shadow: 0 0 6px black;
}
#footer_inner
{
	width: 900px;
	margin: 0 auto;
}

#footer a
{
	color: #ff7b37;
}

.footer-column
{
	float: left;
	margin-right: 2em;
}
.footer-column-right
{
	float: right;
	text-align: right;
}

div.use-firefox
{
	margin-top: 15px;
	border: solid 1px #f18e81;
	padding: 0.2em 0.4em 0.2em 26px;
	background: url(../img/browser/firefox.png) no-repeat 0.4em 50%;
	color: #dddddd;
}

/* -------------------- Content columns -------------------- */

#content
{
	background: white;
}
#content_inner
{
	width: 900px;
	margin: 0 auto;
	padding: 15px 0;
	background: url(../img/right_fade.png) repeat-y 655px 0;   /* 640 + 15px */
}

.content_full
{
}

.content_left_middle
{
	float: left;
	width: 640px;
}

.content_right
{
	float: right;
	width: 230px;   /* 900 - 640 - 2 * 15px */
}
.content_right h1
{
	font-size: 1em;
	line-height: 140%;
	margin: 0;
}

.content_full :last-child,
.content_left_middle :last-child,
.content_right :last-child
{
	margin-bottom: 0;
}

/* ============================== GENERAL PARAGRAPH STYLES ============================== */

h1
{
	font-size: 1.8em;
	line-height: 120%;
	font-weight: bold;
	color: #9f2211;
	padding: 0 0 0.1em;
	margin: 0.6em 0 0.6em;
	text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px, rgba(0, 0, 0, 0.3) 0px 1px 2px;
	border-bottom: solid 1px #f18e81;
}
h2
{
	font-size: 1.4em;
	font-weight: bold;
	color: #9f2211;
	padding: 0 0 0.1em;
	margin: 1.5em 0 1em;
	text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px, rgba(0, 0, 0, 0.3) 0px 1px 2px;
	/* border-bottom: solid 1px #f6bbb3; */
}
h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #9f2211;
	padding: 0;
	margin: 1.1em 0 0.8em;
	text-shadow: rgba(255, 255, 255, 1) 0px 0px 7px, rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

p,
div.p
{
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

.p-extra-margin p
{
	margin-bottom: 2em;
}

ul
{
	padding-left: 18px;
	margin: 0.3em 0 0.3em;
	list-style-image: url(../img/bullet.png);
}
ul.next,
li.next
{
	list-style-image: url(../img/arrow_right_8.png);
}
ul.down,
li.down
{
	list-style-image: url(../img/arrow_down_8.png);
}

/* ============================== GENERAL CHARACTER STYLES ============================== */

/* -------------------- Hyperlinks -------------------- */

a
{
	text-decoration: none;
	color: #dc1a00;
}
a:visited
{
	color: #dc1a00;
}
a:hover
{
	color: #ff3b21;
}
a img
{
	border: 0;
}
a[rel~="help"]
{
	color: inherit;
	border-bottom: dotted 1px #89aaf7;
	cursor: help;
}
a[rel="help"]:hover,
a[rel~="help"][rel~="external"]:hover
{
	border-bottom: solid 1px #f48964;
}
a[rel~="external"]
{
	background: url(../img/out.png) 100% 30% no-repeat;
	padding-right: 8px;
}
a[rel~="help"][rel~="external"]
{
	background: none;
	padding-right: 0;
}
a.popup
{
	background: url(../img/popup.png) 100% 30% no-repeat;
	padding-right: 11px;
}

/* TODO: Remove or rename this */
td.big
{
	font-weight: bold;
	font-size: 30px;
}

/* -------------------- Others -------------------- */

small
{
	font-size: 0.85em;
}
p.small,
div.small
{
	font-size: 0.85em;
	line-height: 130%;
}

sup
{
	font-size: 0.85em;
	line-height: 0.85em;
	}
sub
{
	font-size: 0.85em;
	line-height: 0.85em;
	}

img.fotorand
{
	background: white;
	padding: 8px;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* ============================== GENERAL TABLE STYLES ============================== */

table
{
	border-spacing: 0;
}
table th
{
	text-align: left;
	font-weight: normal;
	font-style: italic;
}
table th,
table td
{
	vertical-align: top;
	padding: 0;
}
table.grid
{
	border-collapse: collapse;
}
table.grid th,
table.grid td
{
	border: solid 1px #e17313;
	padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
	border: solid 1px #e17313;
	padding: 0 0.2em;
}

table.pad td
{
	padding-right: 0.8em;
}
table.form td
{
	padding-top: 1px;
	padding-bottom: 1px;
}

table th.center,
table td.center
{
	text-align: center;
}
table th.right,
table td.right
{
	text-align: right;
}

/* ============================== GENERAL FORM STYLES ============================== */

form
{
	display: inline;
}

form div.label
{
	margin-top: 0.2em;
	margin-bottom: 0;
	font-size: 0.85em;
	line-height: 1.3em;
	font-weight: bold;
	color: #505050;
}
form div.label span.desc
{
	margin-left: 0.8em;
	font-weight: normal;
}
form div.checkbox
{
	margin-top: 1em;
	margin-bottom: 0;
}

input[type="text"],
input[type="password"],
textarea
{
	border: solid 1px #f18e81;
	padding: 1px 2px;
}
select
{
	border: solid 1px #f18e81;
	padding: 0;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover
{
	border: solid 1px #db6454;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
	border: solid 1px #c53a28;
}

input[type="radio"],
input[type="checkbox"]
{
	margin: -2px 6px 0 0;
	vertical-align: middle;
}

input[type="button"],
input[type="submit"]
{
	border: solid 1px #f18e81;
	background: #fbe2df;
	padding: 1px 4px;
	color: #000000;

	/* IE Button Width fix - http://jehiah.cz/archive/an-even-better-ie-button-width-fix */
	overflow: visible;
	width: auto;
}
input[type="button"]:hover,
input[type="submit"]:hover
{
	border: solid 1px #db6454;
	background: #f9d1cc;
}
input[type="button"].default,
input[type="submit"].default
{
	font-weight: bold;
}

input[type="text"].inputerror,
input[type="password"].inputerror,
select.inputerror,
textarea.inputerror
{
	background: #ffd1cb;
}

/*
input[type="submit"],
input[type="button"],
button,
input[type="text"],
input[type="password"],
textarea,
select
{
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
*/

/* ============================== OTHER SPECIFIC STYLES ============================== */

/* -------------------- Fotos -------------------- */

img.teamfoto
{
	width: 125px;
	height: 125px;
	margin-top: 1.5em;
	margin-bottom: 0.3em;
}
img.studiofoto
{
	margin-top: 1.5em;
}

/* Debug log:
Defining color c_head_top = #202020
Defining color c_head_bottom = #585858
Defining color c_back = white
Defining color c_border = #f18e81
Defining color c_nav_link_text = #ff5b45
Defining color c_nav_link_sel_text = white
Defining color c_nav_menu_back = rgba(88, 88, 88, 0.9)
Defining color c_foot_top = #585858
Defining color c_foot_bottom = #202020
Defining color c_nav_link_border = #ff5b45
Defining color c_foot_text = #ff5b45
Defining color c_foot_link_text = #ff7b37
Defining color c_right_back = #ffffff
Defining color c_bottom_back = #ffffff
Defining color c_border_hover = #db6454
Defining color c_border_focus = #c53a28
Defining color c_button_back = #fbe2df
Defining color c_button_back_hover = #f9d1cc
Defining size s_width = 900px
Defining size s_pad = 15px
*/