/*///////////////////////////////////////////////////////////////////
// 2009-03   |                                                     //
// Project   | sonyericsson Sales Incentive                        //
// Author    | Karsten Meyer | www.madebymeyer.de                  //                                                 
// Package   | basics                                              //
///////////////////////////////////////////////////////////////////*/


/* # general ########## */
HTML {
	margin:0;
	padding:0;
	height:100%;
}
BODY {
	color: #fff;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
}

A:link,
A:visited,
A:hover,
A:active,
A:focus{
	color: #333;
	text-decoration:none;
}


IMG {
	border:0;
}
A IMG {
	border:0;
}

P, H1, H2, H3, H4, H5, H6 {
 margin:0;
 padding:0;
}

P {
 font-size:11px;
 padding-bottom:10px;
}
H1, H1.sub {
	color: #fff;
	padding-bottom:10px;
}
H1 {
	font-size:18px;
}
H1.sub {
	font-size:14px;
}
H2 {
 font-size:14px;
	color: #fff;
	padding-bottom:5px;
}
H3, H4, H5, H6 {
 font-size:11px;
	color: #fff;
	padding-bottom:5px;
}


UL {
  margin-bottom:0;
  padding-bottom:0;
}

TABLE, TR, TD {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 vertical-align:top;
 color: #fff;
 font-size:11px;
 border-collapse:collapse;
 padding:0;
}
TD.middle {
	vertical-align:middle;
}

FORM {
  margin:0;
  padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

/* alignment classes */
.float-left  {  float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

.bo {border:1px solid #fff000;}

#main {
 position:relative;
 width:959px;
 height:535px;
 margin:0 auto;
 margin-top:519px;
 text-align: left;
}

#noscript {
 position:relative;
 width:300px;
 margin:600px auto;
 text-align: left;
 font-weight:700;
 font-size:20px;
}

#claim {
 position:absolute;
 left:4px;
 top:0;
 width: 660px;
 height: 39px;
 overflow:hidden;
}
#logo-insider {
 position:absolute;
 right:23px;
 top:17px;
	width: 221px;
	height: 18px;
}

/* # content area ####### */
#content {
 position:absolute;
 left:0;
 top:114px;
 width: 959px;
 height: 420px; 
}

#picture
{
 position:absolute;
 left:309px;
 top:4px;
 width: 643px;
 height: 416px;
}

#text1 {
 position:absolute;
 left:3px;
 top:0;
 width: 275px;
 height: 145px;
 overflow:hidden;
}

#text2 {
 position:absolute;
 left:18px;
 top:15px;
 width: 435px;
 height: 220px; 
 overflow:hidden;
}

#picture2 #text2,
#picture6 #text2 {
 height: 85px; 
}

#phones6 {
 position:absolute;
 left:309px;
 top:61px;
 width: 311px;
 height: 355px; 
 overflow:hidden;
}

DIV.box {
 position:absolute;
 /*left:0;
 top:0;*/
 color:#333;
 width: 293px;
 overflow:hidden;
 
}
.box-top {
 width: 293px;
 height: 7px;
  line-height: 0px;
  font-size:0px;
 background: url(../img/box1_top.png) no-repeat;
}
.box-center {
 width: 245px;
 padding:13px 24px 9px 24px;
 background: url(../img/box1_center.png) repeat-y; 
 overflow:hidden;
}
.box-bottom {
 width: 293px;
 height: 6px;
  line-height: 0px;
  font-size:0px;
 background: url(../img/box1_bottom.png) no-repeat; 
}


DIV.box2 {
 position:absolute;
 /*left:0;
 top:0;*/
 color:#333;
 width: 347px;
 overflow:hidden;
 display:none;
}
.box2-top {
 width: 347px;
 height: 7px;
  line-height: 0px;
  font-size:0px;
 background: url(../img/box2_top.png) no-repeat;
}
.box2-center {
 width: 299px;
 padding:13px 24px 9px 24px;
 background: url(../img/box2_center.png) repeat-y; 
 overflow:hidden;
}
.box2-bottom {
 width: 347px;
 height: 7px;
  line-height: 0px;
  font-size:0px;
 background: url(../img/box2_bottom.png) no-repeat; 
}

DIV.button {
 position:absolute;
 left:21px;
 bottom:22px;
  background: url(../img/button.png) no-repeat;
  width: 189px;
  height: 40px;
  text-align:center;
  cursor:pointer;
}
DIV.button SPAN {
  background: url(../img/bg_btnarrow.gif) 0 4px no-repeat;
  padding-left:10px;
  line-height:40px;
  color:#333;
  font-size:10px;
  font-weight:700;
}
DIV.button2 {
  float:left;
  width: 100px;
  height: 92px;
  text-align:left;
  cursor:pointer;
  background: url(../img/button2.png) no-repeat;  
  padding:0 11px 0 28px;
}
DIV.button2 SPAN {
  display:block;
  background: url(../img/bg_btnarrow.gif) 0 4px no-repeat;
  padding-left:10px;
  color:#333;
  font-size:10px;
  font-weight:700;
}
DIV.button2pressed {
  float:left;
  width: 100px;
  height: 92px;
  text-align:left;
  background: url(../img/button2_pressed.png) 0 3px no-repeat;
  color:#333;
  font-size:10px;
  font-weight:700;  
  padding:0 11px 0 28px;
}
DIV.button2pressed TD {
  font-size:10px;
}

.sep-dotted {
 height:17px;
 background: url(../img/bg_dotted.gif) 0 9px repeat-x;
}
.sep-dotted2 {
 background: url(../img/bg_dotted2.gif) 0 6px repeat-x;
 font-size:1px;
 height:24px;
 padding:0 0 7px 0;
 margin:0 13px;
 width:913px;
}
.sticker,
#sticker {
 position:absolute;
 left:15px;
 top:121px;
 background: url(../img/sticker.png) no-repeat;
 width: 174px;
 height: 72px; 
 padding:13px 10px 5px 18px;
}

.popup {
 position:absolute;
 left:383px;
 top:109px;
 width: 347px;
 height: 323px;
 /*display:none;*/
}
#popup-inside {
 position:absolute;
 left:24px;
 top:22px;
 width: 210px;
 height: 290px;
 color:#333;
 overflow:hidden;
}
.popup-close,
#popup-close {
 position:absolute;
 right:12px;
 top:10px;
 width: 27px;
 height: 27px;
 cursor:pointer;
}

.popup DIV.button {
 left:21px;
 bottom:22px;
}
.popupForm {
 padding-top:58px;
}
.popup A {
  background: url(../img/bg_btnarrow.gif) 0 4px no-repeat;
  padding-left:10px;
  color:#333;
  font-size:10px;
  font-weight:700;
}

.popup A.noArrow 
{
  background: transparent none repeat scroll 0 0;
}

#error #popup-inside {
 color:#ff0000;
}
#tc {
 position:absolute;
 left:144px;
 top:20px;
 width: 651px;
 height: 401px;
}
#tc #popup-inside {
 position:absolute;
 left:24px;
 top:22px;
 width: 575px;
 height: 360px;
 color:#333;
}

/* # registration # */
#bgregForm {
 position:absolute;
 left:0px;
 top:58px;
 width: 958px;
 height: 468px;
 background: url(../img/registryform3.png) no-repeat;
}
#regForm1 {
 position:absolute;
 left:24px;
 top:78px;
 width: 230px;
 height: 430px;
 overflow:hidden;
 color:#000;
}
#regForm2 {
 position:absolute;
 left:348px;
 top:78px;
 width: 590px;
 height: 430px;
 overflow:hidden;
 color:#000;
}
#mandatory {
 position:absolute;
 left:0px;
 bottom:0px;
 overflow:hidden;
 color:#000;
}

.watermarkDataEntry,
.watermark 
{
	color:#999999;
	width:103px;
}

.watermarkDataEntry
{
	margin-top:13px;
}

/* # data # */
#girl {
 position:absolute;
 left:267px;
 top:-5px;
 width: 136px;
 height: 421px;
 background: url(../img/girl.png) no-repeat; 
}

#databox-frame {
 position:absolute;
 left:0px;
 top:99px;
 width: 309px;
 height: 239px;
}
#databox {
 width: 268px;
 height: 217px;
 color:#000;
 background: url(../img/databox.png) no-repeat;
 padding:13px 24px 9px 24px;
 overflow:hidden;
}

/* # data entry # */
#boxtotal {
 position:absolute;
 left:554px;
 top:0px;
 width: 225px;
 height: 88px;
 background: url(../img/box_total.png) no-repeat;
 padding:16px 22px;
 color:#000;
 overflow:hidden;
}

#dataentry {
 position:absolute;
 left:0;
 top:105px;
 width: 940px;
}
#tabhl {
 width: 913px;
 height: 28px;
 font-weight:700;
 background: url(../img/bg_dotted.gif) left bottom repeat-x;
 margin:0 0 10px 13px;
 overflow:hidden;
}
.datarow {
 width: 921px;
 height: 96px;
 padding-left:19px;
 margin-bottom:7px;
 background: url(../img/row_phone2.png) no-repeat;
}
.rowinside {
 position:relative;
 width: 921px;
 height: 96px;
 clear:both;
}
.rowinside .credits {
 position:absolute;
 left:0;
 top:67px;
 width: 450px;
 color:#333;
}

.datarow TABLE {
  float:left;
  height:92px;
}

.datarow TABLE TD {
  vertical-align:middle;
  color:#000;
}


DIV.longbox {
 position:absolute;
 /*left:0;
 top:0;*/
 color:#333;
 width: 940px;
 overflow:hidden;
}
.longbox-top {
 width: 940px;
 height: 7px;
  line-height: 0px;
  font-size:0px;
 background: url(../img/longbox_top.png) no-repeat;
}
.longbox-center {
 width: 892px;
 padding:13px 24px 9px 24px;
 background: url(../img/longbox_center.png) repeat-y; 
 overflow:hidden;
}
.longbox-bottom {
 width: 940px;
 height: 6px;
  line-height: 0px;
  font-size:0px;
 background: url(../img/longbox_bottom.png) no-repeat; 
}

.phonesImeiBox 
{
	width:103px;
	margin-top:13px;
}
.previousSalesTextBox 
{
	width:35px;
	font-weight:700;
	font-size:14px;
	text-align:center;
}


/* # prizes # */
#gallery {
 position:absolute;
 left:310px;
 top:4px;
 width: 644px;
 height: 386px;
 z-index:25;
}

#prevDiv {
 position:absolute;
 left:326px;
 top:177px;
 width: 65px;
 height: 39px;
 background: url(../img/prev.png) no-repeat;
 cursor:pointer;
 z-index:50;
}
#nextDiv {
 position:absolute;
 left:875px;
 top:177px;
 width: 65px;
 height: 39px;
 background: url(../img/next.png) no-repeat;
 cursor:pointer;
 z-index:50;
}

/* # forms ########## */
INPUT {
 width:201px;    
 border-style: solid;
 border-width: 1px;	
 border-color: #7c7c7c #dddddd #dddddd #7c7c7c;
 margin:0;
 font-size:11px;
 margin-bottom:11px;
 padding:2px 2px;
 background-color:#fff;
}
LABEL{
 font-size:11px;
 color:#333;
}

.error,
LABEL.error{
 font-size:11px;
 color:#ff0000!important;
}

.check {
 border:0;
 width:15px;
 margin:0;
 background-color:transparent;
}

SELECT {
 width:207px;    
 border-style: solid;
 border-width: 1px;	
 border-color: #7c7c7c #dddddd #dddddd #7c7c7c;
 margin:0;
 font-size:11px;
 margin-bottom:11px;
 padding:2px 2px;
}
/* END */