/**
*
* @note                                     css file for premium page
*
* @appdef                                   semigator
* @app-myapp-used                           True
* @media                                    screen
* @valid                                    true
*
* @author                                   Maak Fischer
* @version                                  1.0
* @link                                     http://www.semigator.de/
*
* @color                                    #787878 grey border
* @color                                    #d3d325 green "basic"
* @color                                    #f2f2be green "basic" light
* @color                                    #b4b4b4 grey "premium"
* @color                                    #d7d7d7 grey "premium" light
* @color                                    #dbdbd4 grey "platinum"
* @color                                    #f4f4f2 grey "platinum" light
*/

/**                                         
* @section                                  Premium Page, general styles
*/

/* firefox will only print first page due to class="scf" is set overflow: hidden -> change to overflow: visible !important; */
.scfprint                                   { width: 100%; overflow: visible !important; }

.premium .wizard                            { width: 26em; margin: 1.333em auto 1.333em auto; }
.premium label                              { line-height: 1.5; }

/**                                         
* @section                                  Premium first page
*/

#Premium                                    { margin:0 0 1em; width:99%; }

/**                                         
* @section                                  Basic or Premium-Table definition
*/
.PackageTable                               { width: 99.5%; margin: 0 0 1em; border-width: 1px 1px 1px 1px; border-collapse: collapse; }
.PackageTable th,
.PackageTable td                            { padding: .583em; vertical-align: middle; }

/* make Maincontent bigger to extend table ! */
.extendMainContent                          { margin-left: -98%; width: 90%; }

#table                                      { width: 70%; }

/**                                         
* @section                                  Choose Packages (Basic or Premium) Basic or Premium-Table definition
*/
.choosePackageTable                         { border-collapse: collapse; width: 100%; }
.choosePackageTable th,
.choosePackageTable td                      { padding: 4px; vertical-align: middle; line-height: 1; }
.choosePackageTable .textBottom             { padding: 10px 5px 0px 5px; line-height: 1.0em; }
sup                                         { font-weight: normal; }
.choosePackageTable .iconsHead              { width: 5%; }
.choosePackageTable .featuresHead           { width: 25%; }
.choosePackageTable .basicHead,
.choosePackageTable .premiumHead,
.choosePackageTable .platinHead             { width: 10%; text-align: center; }
.choosePackageTable .picsHead               { width: 21%; }

/* align pics on left side */
.choosePackageTable .alignPictures          { vertical-align: middle; }
/* format advice text on right colums */
.choosePackageTable .adviceText             { font-size: 0.75em; vertical-align: bottom; }

/* headlines in h3 style */
.headline                                   { font-size: 1.333em; }

/* confirm booking */
#showPackage                                { width: 40%; float: left; }
#changeOrder                                { width: 20%; float: right; margin-right: 40%; }
#confirmOrder                               { clear: both; }

/* centers text */
.center                                     { text-align: center; }

/* special offer formating */
#specialOfferBorder                         { margin-bottom: 0; padding: 0.583em; }
#specialOffer                               { margin: 0; padding: 0 5px 1em 0; }
#specialOffer ul li                         { padding: 2px; list-style-type: disc; margin-left: 5px; margin-top: 5px; }
.setMiddle                                  { margin-left: -60.00%; width: 77.215%; }

/**                                         
* @section                                  Premium Page 2
*/

.premium.step2 .dataTable .col1,
.premium.step2 .dataTable .col2,
.premium.step2 .dataTable .col3,
.premium.step2 .dataTable .col4             { text-align: center; }

/**                                         
* @section                                  Premium Page 3
*/

.premium.step3 .horiz .label                { width: 18%; }
.premium.step3 .horiz .labeled              { width: 65%; }
.premium.step3 .horiz .hints                { width: 15%; }


/*                                          *** DEPRECATED? *** */
/* new Table */

#new                                        { border-collapse: collapse; width: 100%; }
.newTable th,
.newTable td                                { padding: 10px; } 
.newTable .topLeftCell                      { border-top: hidden; border-left: hidden; border-collapse: separate; }
.newTable .topRightCell                     { border-top: hidden; border-right: hidden; border-collapse: separate; }
.areaHeaderModified                         { margin-bottom:0; padding:0.583em; }



.choosePackageTable .basicHead                          { background-color: #d3d325; }

.choosePackageTable .basicHead,
.choosePackageTable .premiumHead,
.choosePackageTable .platinHead                         { color: #fff; }

.choosePackageTable .platinHead                         { background-color: #dbdbd4; }

.choosePackageTable .showBottom,
.newTable .topRightCell                                 { border-bottom: 1px solid #dbdbd4; }

.choosePackageTable th,
.choosePackageTable td                                  { border: 1px solid #787878; }

.choosePackageTable .basic                              { background-color: #f2f2be; }
.choosePackageTable .premium                            { background-color: #d7d7d7; }
.choosePackageTable .platin                             { background-color: #f4f4f2; }
.choosePackageTable .premiumHead                        { background-color: #b4b4b4; }

.choosePackageTable .hideTop                            { border-top: none; }
.choosePackageTable .hideBottom                         { border-bottom: none; }
.choosePackageTable .hideLeftRight,                     
.choosePackageTable .hideLeft                           { border-left: none; }

.choosePackageTable .hideLeftRight,                     
.choosePackageTable .hideRight                          { border-right: none; }

.choosePackageTable .hidden                             { border: none; }

.choosePackageTable h3                                  { color: #333; }

.checked                                                { background-image: url(/images/icons/haekchen_weiss.png); background-position: center; background-repeat: no-repeat; }
.doubleChecked                                          { background-image: url(/images/icons/haekchen_weiss_double.png); background-position: center; background-repeat: no-repeat; }
.tripleChecked                                          { background-image: url(/images/icons/haekchen_weiss_triple.png); background-position: center; background-repeat: no-repeat; }