@charset "utf-8";
@font-face {
    font-family: 'SuzukiPROHeadlineRegular';
    src: url('webfonts/suzukiproheadline-webfont.eot');
    src: url('webfonts/suzukiproheadline-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/suzukiproheadline-webfont.woff') format('woff'),
         url('webfonts/suzukiproheadline-webfont.ttf') format('truetype'),
         url('webfonts/suzukiproheadline-webfont.svg#SuzukiPROHeadlineRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}


body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #4e4e4e;
	font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

div.content {
    /*min-height: 300px;*/
    padding: 8px;
    max-width: 734px;
    
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: -moz-linear-gradient(top,#efefef,#fff);
    background-image: -ms-linear-gradient(top,#efefef,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
    background-image: -webkit-linear-gradient(top,#efefef,#fff);
    background-image: -o-linear-gradient(top,#efefef,#fff);
    background-image: linear-gradient(top,#efefef,#fff);
    background-repeat: repeat-x;
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
    
    /*
    border-style: solid;
    border-width: 0 1px 16px;
    -moz-border-image: url(../img/teaserbox_startpage_shadow.png) 0 1 16 stretch;
    -webkit-border-image: url(../img/teaserbox_startpage_shadow.png) 0 1 16 stretch;
    -o-border-image: url(../img/teaserbox_startpage_shadow.png) 0 1 16 stretch;
    border-image: url(../img/teaserbox_startpage_shadow.png) 0 1 16 stretch;
    */
}

/* Search fields */

div.filterSection {
	margin-bottom: 10px;
}

div.filterSection table {
	border-collapse: collapse;
	border-spacing: 0px;
	max-width: 734px;
}

div.filterSection td label.label {
	cursor: pointer;
	white-space: nowrap;
	font-weight: bold;
	color: #7f7b6f;
}

div.filterSection td.value {
	padding-top: 0px;
	width: auto;
}

div.filterSection input.input {
    background-color: #fff;
    box-shadow: 2px 2px 5px rgb(136, 136, 136) inset;
    box-sizing: border-box;
    border: 1px solid rgb(212, 208, 195);
    
    font-weight: bold;
    height: 2.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    width: 200px;
}

div.filterSection table input.button {
    height: 2.5em;
    width: 120px;
    vertical-align: middle;
}

div.filterSection table.error input.input {
	border: 1px solid #C60C30;
}

div.filterSection table.error label.label {
	color: #C60C30;
}

div.validationError {
	margin-top: 10px;
	padding: 0px;
	color: #C60C30;
	font-weight: bold;
}

/* hints section */

div.hints {
	margin-top: 20px;
}

/* search result section */

div.campaignsSection {
	margin-top: 20px;
}

/* Messages */

div.campaignsSection span.message,
div.campaignsSection div.message {
    margin-top: 10px;
}

div.campaignsSection span.message a, 
div.campaignsSection span.message a:visited,
div.campaignsSection div.message a, 
div.campaignsSection div.message a:visited {
    color: #0098db;
    font-weight: bold;
    text-decoration: none;
}

div.campaignsSection span.message a:hover, 
div.campaignsSection div.message a:hover {
	color: #5eb6e4;
	font-weight: bold;
	text-decoration: none;
}

/* Campaign List */

table.campaigns {
	width: 734px;
	border-collapse: collapse;
	border-spacing: 0;
}

table.campaigns thead tr {
	color: #fff;
	background-color: #7f7b6f;
}

table.campaigns thead tr th {
	font-weight: bold;
    font-size: 13px;
    padding: 3px 8px;
    text-align: left;
}

table.campaigns tbody tr td {
    border-top: 1px solid #aaa38e;
	border-bottom: 1px solid #aaa38e;
    font-size: 13px;
    padding: 3px 8px;
    vertical-align: top;
}

table.campaigns tr.oddRow {
	background-color: #beb9a6;
}

table.campaigns td.campaignId {
	font-weight: bold;
	width: 0px;
	white-space: nowrap;
}

table.campaigns td.description {
	width: 100%;
	white-space: normal;
}