/* =reset.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }

/* ------------------------------------------------------- */

/* =general */

body {
background: url(../img/b_header.jpg) repeat-x;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

.clear {
clear: both;
}

a {
font: bold 11px;
text-decoration: none;
color: #000;
}

h1 {
font: bold 21px Arial, Helvetica, sans-serif;
color: #B3AEA1;
float: left;
}

h2 {
font: bold 22px Arial, Helvetica, sans-serif;
color: #fff;
padding: 13px 0;
text-align: center;
margin: 0 16px;
}

h3 {
text-transform: uppercase;
text-align: center;
}

h3 a {
font: bold 14px Arial, Helvetica, sans-serif;
color: #999;
display: block;
padding: 8px 0;
}

h5 {
color:#999999;
font-family:"trebuchet ms",Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

/* =wrapper */

#wrapper {
width: 100%;
}

/* =header */

#header {
position: relative;
width: 100%;
height: 128px;
}

/* =logo-wrapper */

#logo-wrapper {
position: absolute;
left: 44px;
top: 30px;
}

/* =system-links */

#system-links {
float: right;
}

#system-links li {
display: inline;
}

#system-links li a {
display: block;
float: left;
padding: 20px 5px 0 5px;
background: url(../img/blt_system.jpg) no-repeat center top;
margin: 7px 10px 0 10px;
color: #E6E6E6;
text-decoration: none;
}

#system-links li a:hover {
color: #fff;
text-decoration: underline;
}

.system-message {
position:absolute;
right:0pt;
margin-top:75px;
}

.system-message a {
background:transparent url(../img/blt_system_message.jpg) no-repeat scroll right 0.4em;
color:#FF9945;
font-size:12px;
margin:66px 0pt 0pt;
padding:5px 20px 0pt 5px;
text-decoration:none;
width:auto;
text-align:right;
}

.system-message a:hover { color: #fff; text-decoration:underline; cursor:pointer; }

#company-name {
position:absolute;
top:50px;
left:250px;
color:#FF9945;
font-size:150%;
font-weight:bold;
}
#company-name h1 {
color:#FF9945;
font-size:120%;
}

/* LANGUAGE LINKS */
#language-links {
float:right;
margin: 80px 0 0 0;
}

#language-links li {
display: inline;
}

#language-links li a {
display: block;
float: left;
padding: 0px 5px 0 5px;
color: #E6E6E6;
text-decoration: none;
}

#language-links li a:hover {
color: #fff;
text-decoration: underline;
}

/* LANGUAGE LINKS END */


/* =navigation-wrapper */

#navigation-wrapper {
position: absolute;
left: 208px;
right: 0;
bottom: 0;
background: url(../img/b_navigation.jpg) no-repeat;
height: 32px;
}

/* =navigation */

#navigation {
background: url(../img/b_navigation_wrapper.jpg) no-repeat right;
height: 32px;
padding-left: 16px;
}

#navigation li {
display: inline;
white-space: nowrap;
}

#navigation li a {
display: block;
float: left;
height: 32px;
padding: 0 1.2%;
line-height: 30px;
}

#navigation li a:hover {
background: url(../img/b_white.gif);
}

#navigation li a.first:hover {
background: url(../img/b_navigation_first.jpg) no-repeat;
}


/** STEPPER WRAPPER **/

/* =stepper-wrapper */

#stepper-wrapper {
left: 208px;
right: 0;
bottom: 0;
color: white;
background-color: #B3AEA1;
height: 32px;
}

/* =stepper */

#stepper {
height: 32px;
padding-left: 16px;
}

#stepper li {
display: inline;
}

#stepper li.inactive {
display: inline;
display: block;
padding: 8px 25px 0 0;
float: left;
color: grey;
height: 32px;
}


#stepper li a {
display: block;
padding: 8px 25px 0 0;
float: left;
color: white;
height: 32px;
}

#stepper li a.active {
display: block;
color: #990000;
float: left;
height: 32px;
}


/** END STEPPER **/




/* =content-wrapper */

#content-wrapper .content-shadow {
position: absolute;
right: 0;
background: url(../img/b_content_shadow.jpg) no-repeat right top;
width: 24px;
height: 640px;
}

/* =ie6 */

.ie6 #content-wrapper .content-shadow { 
right: -1px; /* ie6's natural mystic */
}

/* =sidebar */

#sidebar {
width: 24px;
height: 640px;
background: url(../img/b_sublinks.jpg) repeat-x;
position: relative;
float: left;
}

#sidebar .sidebar-shadow {
position: absolute;
right: 0;
background: url(../img/b_sublinks_shadow.jpg) no-repeat right top;
width: 16px;
height: 100%;
}

/* =sublinks-wrapper */

.sublinks-wrapper {
margin: 0 16px 20px 16px;
background: #fff /*url(../images/b_sublinks_wrapper.jpg) no-repeat*/;
}

/* =sublinks */

.sublinks {
text-align: center;
}

.sublinks li {
background: #EDF6FF;
width: 100%;
}

.sublinks li a {
display: block;
width: 182px;
border: 5px solid #fff;
border-top-width: 0;
padding: 4px 0;
}

.sublinks li a:hover {
background-color: #FFFEE6;
}


/* =content */

#content {
margin-left: 24px;
margin-right: 24px;
}

/* =options-wrapper */

.options-wrapper {
background: #FAFAFA;
height: 30px;
padding: 14px 0;
}

.options-wrapper h1 {
background: #FAFAFA;
padding-left: 64px;
margin-right: 64px;
}

.options-wrapper div {
float: left;
margin: 3px 15px 0;
background: url(../images/b_options.jpg) repeat-x;
position: relative;
}

.options-wrapper div a {
display: block;
border: 1px solid #DFE6C4;
padding: 6px 8px 6px 25px;
}

.options-wrapper div a:hover {
background: url(../images/b_white.gif);
border: 1px solid #C0CC8F;
}

.options-wrapper div img {
position: absolute;
left: 0.5em;
top: 0.5em;
}

/* =content-table */

.content-table {
width: 96%;
margin: 20px 20px 0;
border: 1px solid #E6E6E6;
}

.content-table th{
/*width: 99.7%;*/
margin: 20px 20px 0;
border: 1px solid #E6E6E6;
}

.content-table tr.altrow {
background-color: #F5F5F5;
}

.content-table tr.activerow {
background-color: #99ccff;
}
.content-table tr:hover {
background-color:#D9F1FA;
}
.content-table td {
padding: 2px;
text-align: left;
vertical-align: middle;
}

.content-table th {
color: #666;
text-align: left;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 3px;
background-color: #FFFEE6;
border-bottom: 1px solid #E6E6E6;
}

.content-table th.translations {
padding: 0;
width: 10%;
text-align:center;
}

.content-table th.actions {
padding: 0;
background-color: #EDF6FF;
width: 10%;
text-align:center;
}

.content-table td a {
color: #000;
text-decoration: underline;
}

/* =project-details */

.project-details {
}

.project-details p{
font-style:normal;
font-weight: normal;
display:table-row;
padding:10px;
}

.project-details p.project-date {
display:block;
}

.project-details p.short-description {
}

.project-details p.full-description {
}

/* view specific css*/
#view-wrapper {
padding:10px;
/* background-color: #FAFAFA; */
}

#view-wrapper h1{
display: block;
float: none;
/* background-color: #FAFAFA; */
}

#view-wrapper h3{
float: none;
display: block;
/* background-color: #FAFAFA; */
}

#breadcrumbs-wrapper {
font-size:10px;
background-color: #E9E9E9;
padding:6px;
padding-left:15px;
}

/* FORM SPECIFIC */

.form-wrapper {
background:#FFFEE6 url(../img/b_form_wrapper.jpg) repeat-x scroll left bottom;
border:1px solid #E6E6E6;
margin:20px 20px 0pt;
padding:10px;
font-weight: normal;
}

.form-wrapper div h5 {
margin:5px 0pt 5px;
padding:5px 0pt 5px 0px;
text-transform:uppercase;
font-weight: bold;
}

.form-wrapper div h5 a{
margin:5px 0pt 5px 10px;
padding:5px 0pt 5px 0px;
text-transform:uppercase;
font-weight: bold;
text-decoration: underline;
color: orange;
}

.form-wrapper label{
font-weight: bold;
}

.cssform div.input {
width: 680px;
margin: 0;
padding: 5px 0 8px 130px;
}

.cssform .submit {
padding: 5px 0 8px 150px;	
}

.cssform div.error-message{
width: 300px;
margin: 0;
padding: 5px 0 8px 15px;
color:#990000;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -130px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input.required {
width: 180px;
border-width:thin;
border-right-width: thick;
border-right-color:#FF0000;
}

.cssform textarea{
width: 300px;
height: 150px;
}

.cssform textarea.required {
width: 300px;
border-width:thin;
border-left-width: thick;
border-left-color:#FF0000;
}

.cssform checkbox{
width: 300px;
height: 150px;
}

 /* ---------------- specific input elements ----- */


/* END OF FORM DATA SPECIFIC */

/* FLASH MESSAGE */

.message {
font-weight: normal;
margin: 20px 20px 5px 20px;
padding: 5px;
}

.message#okMessage {
background-color: #ccffcc;
}

.message#errorMessage {
background-color: #ff9999;
}

.message#infoMessage {
background-color: #ffcc99;
}

.message#flashMessage {
background-color: #ffcc99;
}

/* END OF FLASH */

/* =paginator position */
.paginator { padding-bottom: 10px; }
.paginator .inner { width: 56em; margin: 0 auto; }
.paginator .inner a, .paginator .inner .current { padding: 3px 8px; }
.paginator .inner .prev { margin-right: 5px; }
.paginator .inner .num { margin-right: 5px; }

/* =paginator color */
.paginator { /*border-bottom: 5px solid #eee;*/ }
.paginator .inner a { background-color: #ccc; color: #fff; }
.paginator .inner a:hover { background-color: #888; }
.paginator .inner .current { background: #124b98 /*#888*/; cursor: default; color: #fff; }

/* =paginator typo */
.paginator .inner a, .paginator .inner .current { line-height: 2em; }
.paginator .inner a { font-weight: bold; }
.paginator .inner a:hover { text-decoration: none; }
.paginator .inner .current { font-weight: bold; }