* {
  font-family: Arial, Helvetica, Verdana, SunSans-Regular, Serif;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 99.5%;
}

.label
{
	font-weight: bold;
}

a,
a:visited {
  	color: #0000FF;
}

/* -------------------------------------------------- * 
 *             PET colors                             *
 *  dark grey: #303C49     // font: #EAEBED           *
 *  grey: #808890                                     *
 *  background grey: #EAEBED //border: #CDCDCD        *
 * -------------------------------------------------- */

/* -------------------------------------------------- *
 *              Header and Body content               *
 * -------------------------------------------------- */

div.pageContent {
	padding: 10px;
}

div.header {
/*	width: 100%;*/
	background-color: #FFFFFF;
}

div.logout {
	text-align: right;
}

div.bodyContent {
	border: solid 1px #CDCDCD;
	background-color: #EAEBED;
	margin-top: 2px;
	padding: 10px;
}

table.bodyTable {
	width: 100%;
}

table.bodyTable tr td {
	height: 100%;
}

table.bodyTable td.menuPart {
  padding-right: 10px;
  vertical-align: top;
}

table.bodyTable td.bodyPart {
  padding-left: 10px;
  vertical-align: top;
  border-left: solid 2px #CDCDCD;
  width: 100%;
} 

/* -------------------------------------------------- *
 *                Errors and Messages                 *
 * -------------------------------------------------- */

div.messageContent {
	/*background-color: #EDEDED;*/
    border: 1px solid #CDCDCD;
    margin-top: 2px;
}

.errorMessage,
.actionMessage {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 11px;
	width: 100%;
	display: block;
}

.errorMessage {
	color: #B40000;
}

.actionMessage {
	color: #008000;
}

.errorBorders
{
}

.messageBorders
{
}

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

div.footer {
	padding: 5px;	
}
div.footerInfo {
	text-align: left; 
	font-size: 9px; 
	color: #808890;
}

/* -------------------------------------------------- *
 *                      Login                         *
 * -------------------------------------------------- */
table.registrationLoginTable {
	padding: 5px 0;
}
table.registrationLoginTable td.caption {
	padding: 2px;
}
table.registrationLoginTable td.value {
	padding: 2px;
}
table.registrationLoginTable td.message {
	padding: 2px;
}
 
/* -------------------------------------------------- *
 *                      Buttons                       *
 * -------------------------------------------------- */

div.buttons {
}
 
button {
	padding: 2px 10px;
	margin: 2px 2px 0px 0px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	white-space: nowrap;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
}

button.enabledButton {
	color: #303C49;
	border-color: #808890;
	background-color: #EAEBED;
	font-weight: bold;
}

button.enabledButton:hover,
button.enabledButton:focus {
	color: #303C4A;
	border-color: #303C4A;
	background-color: #FFFFFF;
}

button.disabledButton {
	color: #CDCDCD;
	border: 1px solid #CDCDCD;
	background-color: #EAEBED;
}

/*
 *
 * tabs
 *
 */

td.subModuleTab {

}

td.headerNavigationTab {
	white-space: nowrap; 
	background-image:url('../img/layout/tab_not_selected_middle.png');
 	background-repeat: repeat-x; 
	background-position: top left;
	padding: 0px 10px;
	margin: 0px;
	color: #303C49;
}
td.headerNavigationTab a {
	font-weight: bold;
}

td.headerNavigationTabRight {
	white-space: nowrap; 
	background-image:url('../img/layout/tab_not_selected_right.png');	
 	background-repeat: no-repeat; 
 	padding-right: 2px;
	margin: 0px;
	width: 3px;
	height: 25px;	 
}

td.headerNavigationTabLeft {
	white-space: nowrap; 
	background-image:url('../img/layout/tab_not_selected_left.png');	
 	background-repeat: no-repeat; 
	margin: 0px;
	width: 3px;
	height: 25px;	 
}

td.headerNavigationTab a,
td.headerNavigationTab a:visited {
	color: #303848;
	text-decoration: none;
}

td.headerNavigationTab a:hover {
	text-decoration: none;
}

td.selectedHeaderNavigationTab {
	white-space: nowrap; 
	background-image:url('../img/layout/tab_selected_middle.png');
 	background-repeat: repeat-x; 
	background-position: top left;
	padding: 0px 10px;
	margin: 0px;
	color: #EAEBED;
	font-weight: bold;
}

td.selectedHeaderNavigationTabRight {
	white-space: nowrap; 
	background-image:url('../img/layout/tab_selected_right.png');	
 	background-repeat: no-repeat; 
 	padding-right: 2px;
	margin: 0px;
	width: 3px;
	height: 25px;
}

td.selectedHeaderNavigationTabLeft {
	white-space: nowrap; 
	background-image:url('../img/layout/tab_selected_left.png');	
 	background-repeat: no-repeat; 
	margin: 0px;
	width: 3px;
	height: 25px;	 
}

div.subModuleTabBottomBorder {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
}

td.subModuleTabSpacer {
	width: 1px;
}


td.subModuleTab {

}

/* -------------------------------------------------- *
 *                  Tabs and Menu                     *
 * -------------------------------------------------- */

div.menuNavigation {
  	height: 100%;
}
 
td.menuNavigationTitle,
td.menuNavigationLink {
  	padding: 0 0 4px 0;
}

td.menuNavigationTitle span {
  	background-color: #303C49;
  	color: #EAEBED;
  	font-weight: bold;
  	padding: 2px 5px;
  	text-align: center;
  	white-space: nowrap;
  	display: block;
}

td.menuNavigationTitle span.disabled, 
td.menuNavigationLink span.disabled {
  	color: #CDCDCD;
	border: 1px solid #CDCDCD;
	background-color: #EAEBED;
  	padding: 2px 5px;
  	text-align: center;
  	white-space: nowrap;
  	display: block;
}

td.menuNavigationTitle a,
td.menuNavigationLink a,
td.menuNavigationTitle a:visited,
td.menuNavigationLink a:visited {
  	padding: 2px 5px 2px 5px;
  	margin: 0;
  	text-align: center;
  	white-space: nowrap;
  	cursor: pointer;
  	border: 1px solid #CDCDCD;
  	text-decoration: none;
  	font-weight: normal;
  	display: block;
  	color: #303C49;
}

td.menuNavigationTitle a:hover,
td.menuNavigationLink a:hover {
	background-color: #FFFFFF;
	border-color: #303C49;
}

td.menuNavigationLink a.selected {
  	background-color: #FFFFFF;
  	border-color: #303C49;
  	color: #303C49;
}

/* -------------------------------------------------- *
 *               Abstracts text layouts               *
 * -------------------------------------------------- */
div.title {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	color: #303C49;
}

div.section {
	padding: 15px 0px 0px 0px;
}

div.impressum {
  padding: 10px 10px 10px 10px;
}

/* -------------------------------------------------- *
 *                       GROUPED                      *
 * -------------------------------------------------- */

div.grouped
{
  width: 100%;
}

table.grouped {
  width: 100%;
}

table.grouped th {
  background-color: #303C49;
  color: #EAEBED;
  text-align: left;
  padding: 2px 0px 2px 5px;
  font-weight: bold;
}

table.grouped td {
  padding: 5px 2px 5px 2px;
}

table.grouped td.abstract {
  padding-left: 5px;
}

/* -------------------------------------------------- *
 *                      FORMULARS                     *
 * -------------------------------------------------- */

table.boxed {
  width: 100%;
}

table.boxed td.norm {
  padding: 0px 5px 0px 5px;
  text-align: left;
  width: 47%;
}

table.boxed td.norm-text {
  vertical-align: text-top;
  padding-top: 0px;
}

table.boxed td.line {
  border-top-style: solid 1px #CDCDCD;
}

table.boxed select,
table.boxed input { 
  text-decoration: none;
  padding: 0;
  width: 100%;
}

table.boxed input[type="radio"] {
  width: 20px;
}

table.boxed textarea {
  text-decoration: none;
  padding: 0px 2px;
  width: 99%;
}

table.boxed input.txtPhoneCountry {
	width: 22px;
}
table.boxed input.txtPhoneArea {
	width: 32px;
}
table.boxed input.txtPhoneNumber {
	width: 58px;
}
table.boxed input.txtPhoneExt {
	width: 28px;
}
.mandatory {
  color: #C70331;
}

table.userData {
}

table.userData td.email input {
	width: 98%;
}

table.userRoles {
	padding: 5px;
	width: 100%;	
}
table.userRoles tr.even {
	background-color: #DDDDDD;
}
table.userRoles td {
	padding: 4px 0 4px 4px;
	border: 0;
}
table.userRoles td.userRole {
	vertical-align: top;
	width: 1px;
	white-space: nowrap;
}
table.userRoles td.userRole label {
	white-space: nowrap;
}
table.userRoles td.userRole input {
	width: 20px;
}
table.userRoles td.description {
	padding-left: 20px;
}

/* -------------------------------------------------- *
 *                Styles for Admin List               *
 * -------------------------------------------------- */

table.list
{
	width: 100%;
	border-collapse: collapse;
}

table.list thead th.sortable {
	background-image: url(../img/sort/bg.gif);
	cursor: pointer;
	background-repeat: no-repeat; 
    background-position: center right; 
    padding-right: 20px;
}
table.list thead th.headerSortUp { 
    background-image: url(../img/sort/asc.gif); 
} 
table.list thead th.headerSortDown { 
    background-image: url(../img/sort/desc.gif); 
} 

table.list td.listHeader,
table.list th.listHeader
{
  font-weight: bold;
  border: 1px solid #CDCDCD;
  margin: 0px 3px 0px 5px;
  padding: 1px 2px 1px 2px;
  text-align: left;
  color: #303C49;
  background-color: #EAEBED;
/*
  background-color: #303C49;
  color: #EAEBED;
*/
}

td.listBody {
	color: #303C49;
  border: 1px solid #CDCDCD;
  padding: 2px;
  vertical-align: middle;
}

td.listBody span {
}

.row0, tr.even td {
}
.row1, tr.odd td {
}

td.myAccount span {
	font-weight: bold;
	font-style: italic;
}

div.accountInfo {
	padding-bottom: 20px;
}

table.accountInfo {
	width: 100%;
	border-collapse: collapse;
}

table.accountInfo th
{
  font-weight: bold;
  margin: 0px 3px 0px 5px;
  padding: 1px 2px 1px 2px;
  text-align: left;
  color: #303C49;
  background-color: #EAEBED;
}

table.accountInfo td
{
  padding: 2px;
  vertical-align: middle;
}

#_usersTableDiv,
#_accountsTableDiv {
	border-bottom: 1px solid #cdcdcd;
}
#_usersTableDiv *,
#_accountsTableDiv * {
    box-sizing: border-box;
}
#_usersTableDiv table,
#_accountsTableDiv table {
	margin: 0;
}
#_usersTableDiv .dataTables_wrapper .dataTables_filter,
#_accountsTableDiv .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
    margin-bottom: 3px;
}
#_usersTableDiv .dataTables_wrapper .dataTables_filter input,
#_accountsTableDiv .dataTables_wrapper .dataTables_filter input {
    width: 45%;
    margin-left: 0;
}
#_usersTableDiv .dataTables_wrapper .dataTables_scrollBody,
#_accountsTableDiv .dataTables_wrapper .dataTables_scrollBody {
    border-bottom: none;
}
#_usersTableDiv .dataTableHeader,
#_accountsTableDiv .dataTableHeader {
  font-weight: bold;
  border: 1px solid #CDCDCD;
  padding: 1px 2px 1px 2px;
  text-align: left;
  color: #303C49;
  background-color: #EAEBED;
}
#_usersTableDiv table {
	table-layout: fixed;
}
#_usersTableDiv .controls {
	text-align: center;
	white-space: nowrap; 
	width: 91px;
	min-width: 91px;
	max-width: 91px;
}
#_usersTableDiv .delete {
	text-align: center;
	width: 28px;
	min-width: 28px;
	max-width: 28px;
}
#_usersTableDiv .delete a {
	display: inline-block;
}

#_usersTableDiv .login {
	width: 120px;
	min-width: 120px;
}
#_usersTableDiv .firstName {
	width: 120px;
	min-width: 120px;
}
#_usersTableDiv .lastName {
	width: 120px;
	min-width: 120px;
}
#_usersTableDiv .email {
	width: 230px;
	min-width: 230px;
}
#_usersTableDiv .roles {
	width: 300px; 
	min-width: 300px;
}
#_accountsTableDiv table {
	table-layout: fixed;
}
#_accountsTableDiv .controls {
	text-align: center;
	white-space: nowrap; 
	width: 56px;
	min-width: 56px;
	max-width: 56px;
}
#_accountsTableDiv .accountLogin {
	min-width: 120px;
}
#_accountsTableDiv .companyName {
	min-width: 120px;
}
#_accountsTableDiv .street {
	min-width: 150px;
}
#_accountsTableDiv .postalCode {
	min-width: 90px;
}
#_accountsTableDiv .city {
	min-width: 90px;
}
#_accountsTableDiv .country {
	min-width: 100px;
}

/* -------------------------------------------------- *
 *                    Icon buttons                    *
 * -------------------------------------------------- */
 
table.iconButtons {
	padding: 5px 2px;
} 
table.iconButtons td {
	padding: 0;
}
 
a.iconButton {
	margin: 0px 1px 0px 1px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
a.iconButton:hover {
	background-position: 0px -16px;
}
a.iconButton img {
	vertical-align: text-top;
	border: none;
}

table.listButtons td {
	vertical-align: middle; 
	text-align: center;
}

a.iconButton,
div.iconButton {
	background-repeat: no-repeat;
	width: 21px;
	height: 20px;
	border: 0px;
	text-decoration: none;
	cursor: default;
	overflow: hidden;
	background-position: 0px 0px ;
	display: block;
}

a.iconButton:hover,
a.iconButton:active {
	text-decoration: none;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0px;
	background-position: 0px -20px;
	cursor: pointer;
}

/* button trash */
a.linkTrash {
	background-image: url('../img/iconButtons/trash.gif');
}

/* button authentification */
a.linkAuthentification {
	background-image: url('../img/iconButtons/password.gif');
}

/* button availability */
a.linkAuthorization {
	background-image: url('../img/iconButtons/availability.gif');
}

/* button edit */
a.linkEdit {
	background-image: url('../img/iconButtons/edit.gif');
}

/* button list */
a.linkList {
	background-image: url('../img/iconButtons/list.gif');
	width: 24px;
}

/* button select all */
a.linkSelectAll {
	background-image: url('../img/iconButtons/selectall.gif');
}

/* button unselect all */
a.linkUnselectAll {
	background-image: url('../img/iconButtons/unselectall.gif');
}

/* button deselect all */
a.linkEmailBig {
	background-image: url('../img/iconButtons/emailBig.gif');
	width: 41px;
	height: 40px;
}
a.linkEmailBig:hover,
a.linkEmailBig:active {
	background-position: 0px -40px;
}

/* -------------------------------------------------- *
 *              Informations tab styles               *
 * -------------------------------------------------- */

div.infoInvitation {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px 5px;
}

div.infoBox {
	padding: 5px 0;
	color: #303C49;
}

div.infoBoxHeader {
	font-weight: bold;
}

div.infoBoxValues {
	border: 1px solid #CDCDCD;
}

table.infoTable td {
	vertical-align: top;
	padding: 3px 5px;
}

table.infoTable td.point {
	width: 10px;
	font-weight: bold;
}
table.infoTable td.value b {
	font-weight: bold;
}

div.infoImage {
	padding: 15px 0 0 0; 
	text-align: center;
}

div.infoImage img {
	padding: 5px 0 0 0;
}

div.warningBox {
    background-color: white;
    border: 2px solid red;
}

table.termsOfUse {
	padding-bottom: 5px;
}

/* -------------------------------------------------- *
 *               Offer Settings styles                *
 * -------------------------------------------------- */
 
div.offerSettingsBox {
	width: 801px; 
 	padding: 0 0 0 5px;
}
 
div.osMarketing {
 	padding: 20px; 
 	border: 2px solid #FAB900; 
 	width: 95%; 
 	background: rgb(48,60,73);
 	margin: 5px 0 5px 0;
}

div.osMarketing input.osTextfield {
	width: 630px; 
	background: rgb(48,60,73); 
	font-weight: bold;
}

div.osMarketing input.osTextfieldBig {
	color: #FFFFFF;
	font-size: 25px;
}

div.osMarketing input.osTextfieldSmall {
	color: rgb(0,153,153); 
	font-size: 14px;
}

/* -------------------------------------------------- *
 *                   Admin styles                     *
 * -------------------------------------------------- */
div.userRolePermissions {
	border-collapse: collapse;
}
table.userRolePermissions {
}
table.userRolePermissions th,
table.stats th {
	background-color: #EAEBED;
	border: 1px solid #CDCDCD;
	color: #303C49;
	padding: 5px 2px;
}
table.userRolePermissions th a {
	color: #303C49;
	padding: 5px 2px;
	text-decoration: none;
	font-weight: bold;
}
table.userRolePermissions td,
table.stats td {
	color: #303C49;
	border: 1px solid #CDCDCD;
	text-align: center;
	padding: 5px 2px;
}
table.userRolePermissions td.caption {
	text-align: left;
}

div.addNewStats {
	padding: 10px 0 0 0;
}
div.addNewStats input.newVersion {
	width: 25px;	
	margin: 0 20px 0 0;
}

/* -------------------------------------------------- *
 *                  Special Stuff                     *
 * -------------------------------------------------- */
table.boxed td.norm-thirty {
  padding: 0px 5px 0px 5px;
  text-align: left;
  width: 33%;
}

td.red-text {
  padding: 0px 5px 0px 5px;
  width: 33%;
  text-transform: uppercase;
  text-align: center;
  color: #C70331;
  font-weight: bold;
}