/* ***************************************************************

    Standard stylesheet for MOC Company TYPO3 site

     @AUTHOR: Jan-Erik Revsbech <jer@moccompany.com>

   ************************************************************** */

/*
   * { box-sizing:border-box; -moz-box-sizing:border-box }
*/
html,body {
    height: 100%;
}
body {
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    background-color: #f6f5ee;
    height: 100%;
}

a img {
  border: 0px;
}

p,td, div {
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 10px;

}



H1 {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;

}
H2 {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
H3 {
    padding-bottom: 0px;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;
}
H4 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    color: #990000;
}
p {
    margin: 0px 0px 7px 0px;
}

A, td a, div a {
    color: #9d0000;
    text-decoration: none;

}

A:hover {
    color: #c25c5c;
    text-decoration: none;

}

th {
    font-weight: bold;
    font-size: 10px;
    color: #990000;
    background-color: #f6f5ee;
    border-top: 1px solid #cbccce;
    border-bottom: 1px solid #cbccce;
    text-align: left;
}
tr.row-odd {
    background-color: white;
}
tr.row-even {
    background-color: #f6f5ee;
}

input, textarea
{
	background-color:#ffffff;
	border:1px solid #b2b2b2;
	font-familiy:Verdana;
	font-size:11px;
  margin:3px;
  padding:1px;
}

input.checkbox_workarea {
    background-color: #f6f5ee;
    border: 0px;
}

.csc-mailform
{
	border:0px solid #b2b2b2;
        width:100px;
}

.tipafriend {
	background-color: #F6F5EE;
	border: 1px solid #CCC;
	float: right;
	padding: 0pt 5px;
}

/* ##########################################
     Styles for various flexform elements.
########################################### */

/* ********* Two cols - equal width ****** */
.two-equal-width-cols{
  width:100%;
}
.two-equal-width-cols .left-col{
  float:left;
  width:48%;
}
.two-equal-width-cols .right-col{
  width:48%;
  float:right;
}
/* ******** Two cols - narrow left ******** */
.two-cols-narrow-left{
  width:100%;
}
.two-cols-narrow-left  .left-col{
  width:32%;
  float:left;
  margin-right:5%;
}
.two-cols-narrow-left  .right-col{
  width:60%;
  float:right;
}

/* ******** Two cols - narrow right divs ********* */
.two-cols-narrow-right{
  width: 980px;
  height: 100%;
}
.two-cols-narrow-right .left-col{
  width: 800px;
  float:left;
  padding-right:5px;
}
.two-cols-narrow-right .right-col{
  width: 180px;
  padding-left: 0x;
  float:left;
  height: 600px;
  border-left: 1px solid #cccccc;
}

/* ******** Two cols - narrow right table ********* */
.two-cols-narrow-righ-table{
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
.two-cols-narrow-right-table td.left-col{
  width: 692px;
  vertical-align: top;
  padding-right: 10px;
  height: 100%;
}
.two-cols-narrow-right-table td.right-col{
  border-left: 1px solid #d5d4d2;
  padding-left: 15px;
  height: 100%;
  vertical-align: top;
  width: 255px;
}


/* ********* Three cols - equal width ****** */
.three-equal-width-cols{
  width:100%;
}
.three-equal-width-cols .left-col{
  float:left;
  width:32%;
}
.three-equal-width-cols .middle-col{
  width:32%;
  float:left;
}
.three-equal-width-cols .right-col{
  width:32%;
  float:right;
}

/* ###########################################
                   Menu styles
   ########################################### */

/* ************* LEVEL 1 ********************* */
div.level-1-no,div.level-1-act, div.level-1-cur {
  padding-left: 0px;
  color: black;
}
div.level-1-act, div.level-1-cur {
  font-weight: bold;
}
div.level-1-no A,div.level-1-act A, div.level-1-cur A {
  color: black;
  text-decoration: none;
}
div.level-1-no A:hover,div.level-1-act A:hover, div.level-1-cur A:hover {
  color: black;
  text-decoration: underline;
}

div.layer2-menu {
    background-color: #6d6465;
    padding: 8px;
    color: #ddd6d6;
    width: 150px;
}
div.layer2-menu div.level-2-no, div.layer2-menu div.level-2-act {
    color: #ddd6d6;
    padding: 5px;
}
div.layer2-menu a {
    color: #ddd6d6;
    text-decoration: none;
}
div.layer2-menu a:hover {
    color: white;
}

/***************************** MAIN LAYOUT STYLES **************** */
div#pagecontainer {
    width: 990px;
    height: 100% 0;

    padding-top: 18px;
    padding-left: 20px;
    border-right: 1px solid #d5d4d2;
    background-color: white;
}
table#maintable {
    width: 980px;
    border-collapse: collapse;

}
td#logocell {
    width: 280px;
    padding-left:3px;
}
td#topmenu-cell {
    width: 710px;
    text-align: right;
    vertical-align: bottom;
}
td#maincontent {
    /*height: 100%;*/
    width: 975px;
    padding: 15px 0px 0px 0px;
}

table#topmenutable {
    border-collapse: collapse;
    float: right;
}
table#topmenutable td {
    padding: 0px;

}


/* **************************** Styles for invitastion editor *************************** */

table.invitationtable {
    width: 100%;
}
table.invitationtable td{
    padding: 2px;
}

table#editor_maintable {
    border-collapse: collapse;
    width: 980px;
    height: 100%;
    margin-top: 35px;
}

td#currentfunction {
    font-size: 18px;
    font-weight: bold;
    color: #cccccc;
    width: 280px;
    padding-bottom: 5px;
    /*background-color: green;*/
}
td#editor_menu {
    /*text-align: right;*/
    width: 700px;
    padding-bottom: 5px;
    /*background-color: yellow;*/

}
td.invitaion_infobar {
    padding: 2px;
    padding-left:7px;
    background-color: #f7eded;
    border:1px solid #990000;
    color: black;
}
td#invitation_templateselectorlink {
    text-align: right;
}
td#invitation_workarea {
    width: 250px;
    /*height: 600px;      */
    vertical-align: top;
     /*background-color: yellow;*/
    padding-left:0px;
    padding-right: 30px;
    padding-top: 10px;

}
td#preview_frame {
    /*border: 1px solid black;*/
    padding-top: 10px;
    margin: 0px;
    vertical-align: top;
    height: 1000px;
    width: 700px;

}
div.submit_workarea {
    text-align: right;
    margin-bottom: 10px;
}
/********** Used on pages statuc left menu, like send invitation */

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


td.topspacer {
    background-color: #f6f5ee;
    width: 100%;

/*    width: 676px;*/
    border-top: 1px solid #cccccc;
    font-size: 1px;
    height: 6px;
    padding: 0px;
}
td.leftspacer {
     background-color: #f6f5ee;
      border-left: 1px solid #cccccc;
}
td.rightspacer {
     background-color: #f6f5ee;
      border-right: 1px solid #cccccc;
}
td.center {
     background-color: #f6f5ee;
     padding: 5px;
}
td.bottomspacer {
    background-color: #f6f5ee;
    width: 100%;

/*    width: 676px;*/
    border-bottom: 1px solid #cccccc;
    font-size: 1px;
    height: 6px;
    padding: 0px;
}

/*url('../../../typo3conf/ext/123/res/images/blursquare.gif'); */
.bl {
 background: url('../../../typo3conf/ext/123/res/images/roundcorner_bottom_right.gif') 0 100% no-repeat #f6f5ee;
 width: 693px;
}
.br {background: url('../../../typo3conf/ext/123/res/images/roundcorner_bottom_left.gif') 100% 100% no-repeat}
.tl {background: url('../../../typo3conf/ext/123/res/images/roundcorner_top_left.gif') 0 0 no-repeat}
.tr {
 background: url('../../../typo3conf/ext/123/res/images/roundcorner_top_right.gif') 100% 0 no-repeat;
 padding:10px
}
.clear {font-size: 1px; height: 1px}

div.maincontent_container {
    background-color: #f6f5ee;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;

    padding: 10px 10px 20px 10px;
    width: 100%;
}
div.maincontent_container_bottom {
    width: 100%;
}
div.maincontent_container_bottom div.inner{
    background-color: #f6f5ee;
    float: left;
    height: 2px;
    width: 666px;
    border-bottom: 1px solid #cccccc;
}

td#contentcell {
    padding-top: 10px;
    margin: 0px;
    vertical-align: top;
    height: 900px;
    width: 676px;
}

td#google_bottom_bar {
    text-align: center;
    padding-top: 22px;
}
td#bottombar {
    color: #525252;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
}
td#bottombar A {
    color: #a82525;
    text-decoration: none;
}

td#bottombar A:visited {
    color: #a82525;
    text-decoration: none;
}

td#bottombar A:hover {
    color: #c25c5c;
    text-decoration: none;
}

textarea#texteditor {
    width: 200px;
    border: 1px solid black;
    height: 300px;
    font-size: 12px;
}
div.imageeditor {
  padding: 4px;
  border: 1px solid black;
}
div.currentimage {
    text-align: center;
}
td.image_cell {
    padding: 5px;
    text-align: center;
}

input.uploader {
  width: 200px;
  font-size: 9px;
  border: 1px solid black;
}

/* ************ Shortcut menu styles *************** */
div#shortcut_containertab {

    background-color: #990000;
    border-right: 1px solid #cccdcf;
    border-left: 1px solid #cccdcf;
    width: 230px;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
    margin-left: 10px;
    /*margin-right: 25px;*/
    color: white;


}
div#shortcut_container {
    width: 228px;
    background-color: white;
    margin-left: 11px;

    border: 1px solid #990000;

    padding: 3px 5px 3px 5px;
    position: absolute;
    visibility: hidden;
}
div.level1_shortmenu {
    padding: 3px 5px 3px 5px;
}
input.pagetitle {
    font-size: 12px;
    border: 1px solid black;
    width: 150px;
    font-family: Verdana,Arial,Sans-Serif;
}
input.pagetitle_submit {
    font-size: 10px;
    font-family: Verdana,Arial,Sans-Serif;
    border: 1px solid black;
    background-color: white;
    width: 40;
}
iframe#previewframe {
    width: 698px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #d5d4d2;

}
div#previewframe_blurobject {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 800;
    background-image: url('../../../typo3conf/ext/123/res/images/blursquare.gif');
    visibility: hidden;
}
td.error, div.error, div.misformedfield {
    color: red;
    font-weight: bold;
    font-style: italic;
}
div.info {
    font-weight: bold;
    color: green;
}
div#template_selector_labels {
    float: left;
    width: 150px;

}
div#template_selector_image {
    float: left;
    padding-top: 100px;

}

div.template_label_act {
  font-weight: bold;
  padding: 2px;

}
div.template_label {
  padding: 2px;
}


div#choose_features_container table {
  width: auto;
}

div#choose_features_container {
    /*margin-top: 20px;*/
}
td.flueben_cell {
  width: 25px;
}

td.feature_name_cell_act {
    width: 100%;
    padding-left: 4px;
}
td.feature_name_cell {
    width: 100%;
    padding-left: 4px;
}

td.feature_name_cell a {
    color: black;
    text-decoration: none;

}
td.feature_name_cell_act a {
    /*color: white;*/
    text-decoration: none;
}
input.submit {
    background-color: #990000;
    color: white;
    /*font-weight: bold;*/
    padding: 2px;
    border: 1px solid #c2c1bd;
    font-size: 12px;
    margin-right: 3px;
}
input.submit_small {
    background-color: #990000;
    color: white;
    /*font-weight: bold;*/
    border: 1px solid #c2c1bd;
    font-size: 10px;
    width:26px;
    margin-right: 0px;
}
input.cancel {
    background-color: #8e8e8e;
    color: white;
    /*font-weight: bold;*/
    padding: 2px;
    border: 1px solid #c2c1bd;
    font-size: 12px;
}
input.text, select.text {
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 10px;
    border: 1px solid black;
}
div.payment_content {
  width: 600px;
  padding: 10px;
  float: left;
}


/* ################## PAYMENT STYLES ################## */
table#paymenttable {
    border-collapse: collapse;
    width: 100%;
    margin-bottom:20px;
    margin-top:25px;

}
table#paymenttable th{
    font-weight: bold;
    text-align: left;
    background-color: #f6f5ee;
    color: black;
    padding: 2px;
    border-top: 1px solid #cbccce;
    border-bottom: 1px solid #cbccce;
}
table#paymenttable tr {
    background-color: #f6f5ee;
}

tr.row-even {

}
tr.row-odd {

}

td.paymentline_total {
    text-align: right;
}

td#total_incl_vat,td#total_vat {
    text-align: right;
    font-weight: bold;
}

div#login_super_container {
    float: left;
}
div#login_container, div#forgotpassword_container {
    float: right;
    width: 200px;
    /*margin-right: 50px;*/
    margin-top: 20px;
}
div#paymentaddress_container {
    float: left;
    width: 250px;
    margin-top: 20px;
}
div#paymentform_container {
    float: left;
    width: 250px;
    margin-top: 20px;
}

span.toolbarSelect select {
    font-size: 10px;

}
/*********************' Styles for menu (and static menu) ************ */

div.roundedmenu {
    margin-top: 0px;
    margin-bottom: 2px;
    padding-bottom: 5px;
    /*background-color: blue;*/

}

div#staticmenu_inner, div.roundedmenu_inner {
    background-color: #f6f5ee;
    margin: 0px;
    border-right: 1px solid #cccdcf;
    border-left: 1px solid #cccdcf;
    width: 225px;
    padding-left: 10px;
    padding-right: 10px;
}
div#staticmenu_inner div, div.roundedmenu_inner div {
    padding: 5px 0px 5px 0px;
}
div#staticmenu_header, div.roundedmenu_header {
    padding-left: 10px;
    padding-left: 10px;
    font-weight: bold;
    color: #6a6a6a;
    font-size: 12px;
    height: 15px;

}

/************** END STYLES FOR ROUNDED MENU ******************/

div#progressbar{
    position: relative;
}
div#progressbar_content {
    position: absolute;
    top: 10px;
    left: 20px;
    text-align: center;
}
form {
 margin: 0px;
}

/******************* STYLES FOR TEMPLATE SELECTOR **************/
div#fp_tmplChooser_tab_container_tab1_wide {
    position: relative;
    width: 980px;
    height: 40px;
    background-image: url('../../../typo3conf/ext/123/res/images/tmplChooser_Tab1_wide.gif');
    background-repeat: no-repeat;
}
div#fp_tmplChooser_tab_container_tab2_wide {
    position: relative;
    width: 980px;
    height: 40px;
    background-image: url('../../../typo3conf/ext/123/res/images/tmplChooser_Tab2_wide.gif');
    background-repeat: no-repeat;
}
div#fp_tmplChooser_tab_container_tab1 {
    position: relative;
    width: 691px;
    height: 40px;
    background-image: url('../../../typo3conf/ext/123/res/images/tmplChooser_Tab1.gif');
    background-repeat: no-repeat;
}
div#private_link {
    position: absolute;
    top: 2px;
    left: 10px;
}
div#business_link {
    position: absolute;
    top: 2px;
    left: 125px;
}
div#fp_tmplChooser_tab_container_tab2 {
    position: relative;
    width: 691px;
    height: 40px;
    background-image: url('../../../typo3conf/ext/123/res/images/tmplChooser_Tab2.gif');
    background-repeat: no-repeat;
}
div#template_selector {
    padding: 5px;
    padding-top: 30px;
    height: 100%;
    width: 679px;
    background-color: #f6f5ee;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
div#template_selector_wide {
    padding: 5px;
    /*width: 990px;*/
    width: 968px;
    background-color: #f6f5ee;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
td#template_selector_categories {
    width: 220px;
    /*float: left;*/
    padding: 5px;
    height: 100%;
    vertical-align: top;

}
td#template_selector_categories div.template_category {
    text-align: right;
    padding: 2px;
    padding-right: 16px;
}


td#template_selector_categories div.template_category_act {
    text-align: right;
    padding: 2px;
}

td#template_selector_template {

    vertical-align: top;
    width: 170px;
    padding-top: 5px;
}
td.no img {
    border: 1px solid #828281;
}
td.act img {
    border: 3px solid #990000;
}
td#template_selector_image {
    vertical-align: top;
    padding-top: 8px;
}

table#full_template_table {
    width: 100%;
}
table#full_template_table td {
    vertical-align: top;
}

td#fe_templatechooser_bottomlink {
}

div#active_invitation {
    position:absolute;
    left:247px;
    top:258px;
    width:360px;
    padding:4px;
    padding-left:5px;
    margin-left:20px;
    border:1px solid #990000;
    padding:4px;
    text-align:left;
    background-color:white;
}

div#more_templates {
    position:absolute;
    left:117px;
    top:588px;
    width:140px;
    padding:4px;
    text-align:left;
    margin-bottom:10px;
}



/******************* BUTTON STYLES **********/
div.redhtmlbutton {
    background-color: #990000; border: 1px solid #b2b2b2;padding: 3px; width: 117px; height: 32px;
}

/*******************' GALLERY STYLES *****************/
td#gallery_admin_images {
    width: 400px;
    vertical-align: top;

}
td#gallery_admin_upload {
    border-left: 1px solid #cccccc;
    padding-left: 10px;
    vertical-align: top;
}

/***************** GALLERY SHOWPIC *************** */
div#gallery_showpic_comment {
    text-align:center;
    padding: 10px;
}
div#gallery_showpic_image {
    text-align:center;
    padding: 10px;
}
div#gallery_showpic_download {
    padding: 10px;
}

table.colorpicker {
    border-spacing: 10px;
}
td.colorActive {
    width: 14px;
    height: 14px;
    border: 2px solid #990000;
}
td.colorNormal {
    width: 18px;
    height: 18px;
    border: 0px;
}

/*************** Budgetplanner **********************/

div.budgetcontainer_hidden {
    display: none;
}
div.budgetcontainer_visible {
    display: block;
}
table.budgetplanner_table {
    width: 400px;
}
td.budgetplanner_header {
    font-weight: bold;
    font-size: 12px;
    color: #990000;
    border-bottom: 1px solid #990000;

}
td.budgetplanner_header div {
    font-weight: bold;
    font-size: 12px;
    color: #990000;

}
tr.budgetplanner_header {
}
td.budgetplanner_subheader {
    font-weight: bold;
    color: #990000;
}
td.linetotal {
    width: 50px;
    text-align: right;
}
td.account_subtotal {
    font-weight: bold;
    width: 50px;
    text-align: right;
}
td.budgettotal {
    font-weight: bold;
    width: 50px;
    text-align: right;
    font-size: 11px;
}
td.budgettotal_label {
    font-weight: bold;
    font-size: 11px;
}
span.numguests{
    font-weight: bold;
}

div#payment_content {
    background-color: white;
    padding: 10px;
    width: 600px;
    margin: 20px;
    border: 1px solid #cccccc;

}

 div#loginbox_status_container {


 }
div#loginbox_container {
    text-align: right;
    padding-top: 0px;
    margin-bottom: 0px;
}
div#loginbox_container div {
    padding: 0px;
}

table.login_status td {
    vertical-align: top;
    text-align: left;
}
td.login_status_label {
    font-weight: bold;
}

/*********** Kontokunde styles ***********/
table.accountadmin_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
table.accountadmin_table tr.row-even {
    background-color: white;
}
table.accountadmin_table tr.row-odd {
    background-color: #f6f5ee;
}

table.accountadmin_table th {
  padding: 2px;
  background-color: white;
}
table.accountadmin_table td {
  padding: 2px;
}
span.accountcustomer_info_label {
    font-weight: bold;
}
div.accountcustomer_helptext {
    padding-top: 10px;
    padding-bottom: 10px;

}

div#image_navigator {
 text-align: center;
}