/* 
CSS Document
Projet : JOHNNIE WALKER - STATUS UPDATE 
Version : 1.0
*/

.formError .formErrorContent{
 behavior: url('ie-css3.htc');
}


@font-face {
    font-family: 'headerpolice';
    src: url('../font/PTS55F.ttf') format('truetype');
}

@font-face {
    font-family: 'CabinSemiBold';
    src: url('../font/Cabin-SemiBold-webfont.eot');
    src: url('../font/Cabin-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Cabin-SemiBold-webfont.woff') format('woff'),
         url('../font/Cabin-SemiBold-webfont.ttf') format('truetype'),
         url('../font/Cabin-SemiBold-webfont.svg#CabinSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinRegular';
    src: url('../font/Cabin-Regular-webfont.eot');
    src: url('../font/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Cabin-Regular-webfont.woff') format('woff'),
         url('../font/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../font/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ font-family:arial; margin:0; padding:0;}
body.home,
body.details { background: #000000 url(/statusupdate/images/bg.jpg) no-repeat top;}
body.terms,
body.gallery { background: #000000 url(/statusupdate/images/bg_terms.jpg) no-repeat top;}
body.age, body.register, body.ipp{ background: #000000 url(/statusupdate/images/bg_age.jpg) no-repeat top;    height: 1226px;}

body.entry{ background: #000000 url(/statusupdate/images/bg-gallery.jpg) no-repeat top; }

.banner{ background:url(/statusupdate/images/header.png) no-repeat top center;height:207px;left: -34px;position: relative;width: 1048px;}
ul.navigation{height:50px; padding:0;margin:0 auto 22px;list-style-type:none; }
ul.navigation li{float:left;padding: 0}
ul.navigation li a{ background: url(/statusupdate/images/nav-sprite.png) no-repeat;height:50px;overflow:hidden;display: block;text-indent:-9999px;}
ul.navigation li.nav-home {width: 148px;}
ul.navigation li.nav-home a:hover, ul.navigation li.nav-home.current a {background-position: 0px -50px;}
ul.navigation li.nav-takepart {width: 177px;}
ul.navigation li.nav-takepart a {background-position: -148px 0;}
ul.navigation li.nav-takepart a:hover, ul.navigation li.nav-takepart.current a {background-position: -148px -50px;}
ul.navigation li.nav-gallery {width: 166px;}
ul.navigation li.nav-gallery a {background-position: -325px 0;}
ul.navigation li.nav-gallery a:hover, ul.navigation li.nav-gallery.current a  {background-position: -325px -50px;}
ul.navigation li.nav-details {width: 217px;}
ul.navigation li.nav-details a {background-position: -491px 0;}
ul.navigation li.nav-details a:hover, ul.navigation li.nav-details.current a {background-position: -491px -50px;}
ul.navigation li.nav-facebook {width: 272px;}
ul.navigation li.nav-facebook a {background-position: -708px 0;}
ul.navigation li.nav-facebook a:hover, ul.navigation li.nav-facebook.current a {background-position: -708px -50px;}
.homevideo{float: right;position: relative;right: 118px;top: 27px;}
.contener{width:981px; margin:0 auto;height:760px}
body.terms .contener{height:auto;}
body.age .contener{height:819px}
body.ipp .contener{height: 750px;}
body.gallery .contener{  padding: 0 30px 0 30px; width: 921px; height: auto;}
body.entry .contener{    height: auto; position: relative;}

body p {line-height: 20px; opacity:0.8;}

.home .contener {position: relative; }
.homepage-bloc{ position: absolute; color:#FFFFFF; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 29px 36px 29px 36px; width:314px; float:left; background:url(/statusupdate/images/panel.png) no-repeat;}
.homepage-bloc p{ color:#FFFFFF; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; opacity:0.8}
.homepage-bloc img{ padding-top:10px;}
.homepage-bloc h1 {margin: 0; background: transparent url(/statusupdate/images/header_home.png) no-repeat; display: block; width:299px; height: 34px; text-indent:-9999px;}
.homepage-bloc h2 {background: transparent url(/statusupdate/images/share-img.png) no-repeat; margin:30px 0 30px 0; display: block; width:126px; height: 37px; text-indent:-9999px; float:left;}
.homepage-bloc a.upload {background: transparent url(/statusupdate/images/uploadEntrySM.png) no-repeat; display: block; width:153px; height: 47px; text-indent:-9999px; float:left; margin: 10px 7px 36px 0;}

.homepage-bloc a.tell-me {background: transparent url(/statusupdate/images/tellMore.png) no-repeat 0 -47px; display: block; width:153px; height: 47px; text-indent:-9999px; float:left; margin: 10px 0 36px 0;}

.homepage-bloc h2, .step_4 .ipp-form h2 {background: transparent url(/statusupdate/images/share-img.png) no-repeat; margin:30px 0 30px 0; display: block; width:126px; height: 37px; text-indent:-9999px; float:left;}
.homepage-video{position: absolute; background:url(/statusupdate/images/man_and_video_screen.png) no-repeat; right: -88px; width:749px; height:604px;}


.gallery-bloc{  color:#FFFFFF; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.gallery-bloc p{ color:#FFFFFF; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; opacity:0.8}
.gallery-bloc h1 {background: transparent url(/statusupdate/images/title_gallery.png) no-repeat; display: block; width:140px; height: 31px; text-indent:-9999px;}
.gallery .entry{    background: url("/statusupdate/images/boxentrylg.png") no-repeat scroll 0 170px transparent;
    float: left;
    height: 505px;
    width: 245px;
	margin: 0 90px 47px 0;
	position: relative;
}

.gallery .entry.last {margin-right: 0;}
	
.gallery .frame {
	height: 200px;
    margin: 0 auto 50px 26px;
    padding-left: 34px;
    padding-top: 36px;
    position: relative;
}

.gallery .frame div {
	height: 235px;
	width: 200px;
    left: 0;
    top: 0;
    position: absolute;
}
  
  
.gallery .frame.frame_0 div {background: url("/statusupdate/images/frame_0_small.png") no-repeat scroll 0 0 transparent;}		

.gallery .frame.frame_0 {
padding-left: 28px;
padding-top: 28px;
margin-bottom: 0px;
height: 220px;}	

.gallery .frame.frame_1 div {background: url("/statusupdate/images/frame_1_small.png") no-repeat scroll 0 0 transparent; 
}	

.gallery .frame.frame_1 {
padding-left: 28px;
padding-top: 28px;
margin-bottom: 0px;
height: 220px;
}

.gallery .frame.frame_2 div {background: url("/statusupdate/images/frame_2_small.png") no-repeat scroll 0 0 transparent; 
}		

.gallery .frame.frame_2  {
padding-left: 28px;
padding-top: 28px;
margin-bottom: 0;
height: 220px;
}

.gallery .frame.frame_3 div {background: url("/statusupdate/images/frame_3_small.png") no-repeat scroll 0 0 transparent;
}

.gallery .frame.frame_3 {
padding-left: 28px;
padding-top: 28px;
margin-bottom: 0;
height: 220px;
}

.gallery .frame.frame_4 div {background: url("/statusupdate/images/frame_4_small.png") no-repeat scroll 0 0 transparent;

}

.gallery .frame.frame_4 {
padding-left: 28px;
padding-top: 28px;
margin-bottom: 0px;
height: 220px;
}

.gallery .frame.frame_5 div {background: url("/statusupdate/images/frame_5_small.png") no-repeat scroll 0 0 transparent;

}

.gallery .frame.frame_5 {
padding-left: 34px;
padding-top: 36px;
margin-bottom: 0px;
height: 220px;
}

.gallery .frame.frame_6 div {background: url("/statusupdate/images/frame_6_small.png") no-repeat scroll 0 0 transparent;

}

.gallery .frame.frame_6 {

margin-bottom: 0px;
height: 220px;
}

.gallery .frame.frame_7 div {background: url("/statusupdate/images/frame_7_small.png") no-repeat scroll 0 0 transparent;
}

.gallery .frame.frame_7 {
padding-left: 28px;
padding-top: 28px;
margin-bottom: 0px;
height: 220px;}
	 
.gallery-list{margin-top:50px;}
.gallery-list .entry .desc p{   
    color: #fff;
    font-size: 12px;
    height: 80px;
    overflow: hidden;
    padding: 0 10px;
    width: 225px;
    line-height: 20px;
    opacity: 0.8;
    }
.gallery-list .entry .fb{   
    overflow: hidden;
    padding: 10px;
    width: 225px;
    background-color: #333333;
    }

body .gallery-list .entry .fb .fb-like iframe {width: 230px!important;}    
    
.gallery-list h2{     color: #F5DD94;
    font-size: 20px;
    margin: 15px 0;
    text-align: center;}
	
.fullentry{    display: block;

    width: 120px;
    height: 31px;
    background: url("/statusupdate/images/viewFullEntry.png") no-repeat 0 0 transparent;
    text-indent: -9999px;
    position: absolute;
    top: 217px;
    left: 61px;
}

	
.single {
    margin: auto;
    width: 700px;
}		
	
.single .frame,
.step_2 .ipp-form .frame {
    position: relative;
    height: 245px;
    padding-left: 34px;
    padding-top: 32px;
    width: 230px;
    float: left;
    margin: 0;
}

.single .frame div,
.step_2 .ipp-form .frame div {
    background: url("/statusupdate/images/frame_0.png") no-repeat scroll 0 0 transparent;
    height: 280px;
    left: 0;
    top: 0;
    width: 230px;
    position: absolute;
}


.single .frame.frame_0 div,
.step_2 .ipp-form .frame.frame_0 div {
background: url("/statusupdate/images/frame_0.png") no-repeat scroll 0 0 transparent;
}

.single .frame.frame_0,
.step_2 .ipp-form .frame.frame_0 {
background: url("/statusupdate/images/frame_0.png") no-repeat scroll 0 0 transparent;

}

.single .frame.frame_1 div,
.step_2 .ipp-form .frame.frame_1 div {
background: url("/statusupdate/images/frame_1.png") no-repeat scroll 0 0 transparent;
}

.single .frame.frame_1,
.step_2 .ipp-form .frame.frame_1  {

}

.single .frame.frame_2 div,
.step_2 .ipp-form .frame.frame_2 div {
background: url("/statusupdate/images/frame_2.png") no-repeat scroll 0 0 transparent;

}

.single .frame.frame_2,
.step_2 .ipp-form .frame.frame_2 {

}

.single .frame.frame_3 div,
.step_2 .ipp-form .frame.frame_3 div {
background: url("/statusupdate/images/frame_3.png") no-repeat scroll 0 0 transparent;


}

.single .frame.frame_3,
.step_2 .ipp-form .frame.frame_3 {

}

.single .frame.frame_4 div,
.step_2 .ipp-form .frame.frame_4 div {
background: url("/statusupdate/images/frame_4.png") no-repeat scroll 0 0 transparent;
}

.single .frame.frame_4,
.step_2 .ipp-form .frame.frame_4 {

}

.single .frame.frame_5 div,
.step_2 .ipp-form .frame.frame_5 div {
background: url("/statusupdate/images/frame_5.png") no-repeat scroll 0 0 transparent;
}

.single .frame.frame_5,
.step_2 .ipp-form .frame.frame_5 {

}

.single .frame.frame_6 div,
.step_2 .ipp-form .frame.frame_6 div {
background: url("/statusupdate/images/frame_6.png") no-repeat scroll 0 0 transparent;
}

.single .frame.frame_6,
.step_2 .ipp-form .frame.frame_6 {
padding-left: 41px;
padding-top: 43px;
width: 223px;
}

.single .frame.frame_7 div,
.step_2 .ipp-form .frame.frame_7 div {
background: url("/statusupdate/images/frame_6.png") no-repeat scroll 0 0 transparent;
}

.single .frame.frame_7,
.step_2 .ipp-form .frame.frame_7 {

}

.single .desc{   
    float: left;
    width: 400px;}
.single .desc p{   
	line-height: 20px;
    font-size: 12px;
    opacity: 0.8;
    padding: 0;
    font-family: arial;
    color: #fff;
    }
.single .fb{   
    margin: 20px 0;
    padding: 0;
    width: 225px;}
.single h1{     color: #F5DD94;
    font-size: 20px;
    margin: 15px 0;}
.gallery-single .facepile{  clear:both; float:left}
.gallery-single .facecom{  float:left}
.gallery-single .social{  clear: both;
    margin: 50px auto 0;
    width: 800px}
.gallery-single .single{  height:300px}

.gallery-single .btn-back-gallery {display: block; width: 175px; height: 47px; background: url("/statusupdate/images/backtoGallery.png") no-repeat; text-indent: -9999px;}

.entry a.btn {
    height: 87px;
    width: 62px;
    overflow:hidden;
    text-indent: -9999px;
    padding:0px;
    margin:0px;
    background: url("/statusupdate/images/sprite-prev-next.jpg") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 50%;
    margin-top: -43px;
}

.entry a.preventry {background-position: 0 0; left: 0;}
.entry a.preventry:hover {background-position: 0 -100px;}
.entry a.nextentry {background-position: 0 -200px; right: 0;}
.entry a.nextentry:hover {background-position: 0 -300px;}

.entry .preventry{float:left;position: relative;
    top: 100px;}	
.entry .nextentry{float:right;    position: relative;
    top: 100px;}	
	
.shortlist{   
background:url(/statusupdate/images/shortlist.png) no-repeat;
 }	

.idea-bloc{      background: url("/statusupdate/images/submission_confirm.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 396px;
    padding: 30px;
    width: 381px;}
.idea-bloc p{     color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;}
	
.idea-bloc .button{  text-align:center; display:block; margin:auto}
.idea-bloc .separator{ 
    background: url("/statusupdate/images/line.png") repeat-x scroll 0 0 transparent;
    width: 369px;
}


.idea-right{     background: url("/statusupdate/images/video_frame.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 281px;
    width: 438px;}
.idea-video{     float: right;
    position: relative;
    right: 27px;
    top: 26px;}

.homepage-right{ background: url("/statusupdate/images/frames_table.png") no-repeat scroll 0 0 transparent;float: right;height: 602px;margin-right: -90px;margin-top: -25px; width: 666px;}



.alldetails-bloc{  color:#FFFFFF; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 29px 36px 29px 36px;
width: 314px; float:left; background:url(/statusupdate/images/panel.png) no-repeat;}
.alldetails-bloc p{ color:#FFFFFF; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; opacity:0.8;}
.alldetails-bloc img{ padding-top:10px;}
.alldetails-bloc h1 {margin: 0; display:block; text-indent: -9999px; height: 33px; width: 244px; background:url(/statusupdate/images/header_text1.png) no-repeat;}
.alldetails-bloc .button {display:block; text-indent: -9999px; height: 49px; width: 232px; background:url(/statusupdate/images/uploadEntryLG.png) no-repeat; margin-top: 16px;}


.alldetails-video{ background:url(/statusupdate/images/man_and_video_screen.png) no-repeat; float:right; width:749px; height:604px;margin-right: -90px;}
.alldetails-right{ background: url("/statusupdate/images/frames_table.png") no-repeat scroll 0 0 transparent;float: right;height: 602px;margin-right: -90px;margin-top: -25px; width: 666px; text-indent: -9999px;}






.bottomfooter{background: #000000 url(/statusupdate/images/bottomfooter.png) repeat-x top;height: 38px;margin:0}
.homeul{color: #C4AC74;list-style-type: square; margin: 20px 0 20px 5px; padding-left: 10px;text-align: left;}
.homeul li{margin-bottom:5px}	
#footer{clear: both;color: #B7B7B7; font-size: 11px;padding: 0 30px 0 30px; width: 921px; margin:30px auto 30px;}
#footer ul{list-style-type:none; padding: 0; margin:0;}
#footer ul li{float:left}
#footer ul li a, #footer ul li a:visited, #footer ul li a:hover{color: #B7B7B7;text-decoration:underline;margin-right:10px}
.footer-likefb{ font-size: 11px; background:#333333; width:400px; height:50px; float:right; padding:10px; color:#808080}


#header, #nav{width:981px; margin:0 auto;}

.terms-bloc{  color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 0px;}
.terms-bloc p{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; opacity:0.8;}
.terms-bloc img{ padding-top:10px;}
.terms-bloc h1 {background: transparent url(/statusupdate/images/terms_text.png) no-repeat; display: block; width:221px; height: 32px; text-indent:-9999px;}
.terms-bloc h2{ font-size:15px; color:#c38f4c; text-transform:uppercase}

.register-bloc{  color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 0 0 0 20px;}
.register-bloc p{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; opacity:0.8; text-align:left; margin-top:15px}
.register-bloc .headertext{ margin:0 10px 30px; text-align:center; width: 920px;}

.step1, .step2, .step2on, .step3, .step3on{ 
    background: url("/statusupdate/images/btn_step_1.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 33px;
    width: 265px;
    text-indent: -9999px;
}

 .sep1,  .sep1on, .sep2, .sep2on, .sep2on2, .sep3{ 
    background: url("/statusupdate/images/step_1_arrow_on.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 33px;
    width: 14px;
}

.breadcrumbs {display: block; width: 913px; height: 32px; background: url("/statusupdate/images/breadcrumbs-sprite.jpg") no-repeat 0 0; text-indent: -9999px; margin: 0 auto 20px auto;}
.breadcrumbs ul {margin: 0; padding: 0; list-style-type: none; width: 0; height: 0;}

.step_2 .breadcrumbs {background-position: 0 -32px;}
.step_3 .breadcrumbs {background-position: 0 -64px;}

.register-bloc img{ padding-top:10px;}
.register-bloc h2{ font-size:15px; color:#c38f4c; text-transform:uppercase}

body #cboxWrapper {  color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:12px; width:574px; height:600px; background:url(/statusupdate/images/fieldsetage.png) no-repeat; margin:0 auto}
body #gate-container {height: 600px; text-align: center;}

body #gate-container .gate-heading {
	border: medium none;
    padding: 112px 60px 32px 60px;
    text-align: center;
    width: 440px;
    color: #fff;
    font-size: 12px;
    letter-spacing: normal;
	font-family: arial;
    line-height: 20px; opacity:0.8;
    
}

body #gate-box label.questions {width: 254px; text-indent: -9999px; float:left; clear: left; height: 20px;}

body #gate-box .rem-cont {margin: 40px 0 0 0; float: left; }

body #gate-box label.remember {float:left; color: #fff; font-size: 11px;
    margin: 0 0 10px;
        text-align: left;
    width: 212px; }

body #gate-box label.remember span {color: #C38F4C; font-size: 10px; float:left;}
  
    body form#gate-box {margin: 5px 0 120px; height: 170px; }
body form#gate-box .gate-boxselect {float: left; margin-bottom: 26px; width: 233px;}
body form#gate-box .gate-boxinput {float:left; width: 75px;}
body #gate-container a {color: #C38F4C;}
body #gate-container input#remember {margin: 3px 5px 10px 161px; float:left; clear:left;}

body #gate-container .gate-subheading {text-align: center; width: 200px;padding: 0 40px;width: 470px; line-height: 13px; clear: both; color: #C38F4C; text-align: center; font-size: 10px; font-family: arial;}

form#gate-box input.enterage {
	background: url("/statusupdate/images/enter_age.png") no-repeat 0 0;
    border: medium none;
    display: block;
    height: 47px;
    margin: auto;
    width: 230px; cursor:pointer; border:0
	cursor:pointer;
	text-indent: -9999px;
	clear: both;
	margin-bottom: 0;
	margin-top: 35px;
	margin-left: 160px;
	float:left;
}

.bg-footer {background: url("/statusupdate/images/bg_terms_btm.jpg") no-repeat; height: 212px;}
.terms-bloc p{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px;}
.terms-bloc img{ padding-top:10px;}
.terms-bloc h2{ font-size:15px; color:#c38f4c; text-transform:uppercase}
.terms .button {display: block; width:232px; height:49px; text-indent: -9999px; background: url(/statusupdate/images/viewFullGallery.png) no-repeat;}
#scrollbar1 { width:981px; clear: both; margin: 10px 0 20px; }
#scrollbar1 .viewport { width:961px; height: 700px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: url(/statusupdate/images/scroll1.png) no-repeat; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background: url(/statusupdate/images/scroll2.png) repeat-y; height: 100%; width:12px; position: relative; padding: 0 1px; border-radius:10px}
#scrollbar1 .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  border-radius:10px}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 12px; }
#scrollbar1 .disable{ display: none; }


#scrollbar2 { width:981px; clear: both; margin: 10px 0 20px; }
#scrollbar2 .viewport { width:961px; height: 950px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background: url(/statusupdate/images/scroll1.png) no-repeat; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar2 .track { background: url(/statusupdate/images/scroll2.png) repeat-y; height: 100%; width:12px; position: relative; padding: 0 1px; border-radius:10px}
#scrollbar2 .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  border-radius:10px}
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 12px; }
#scrollbar2 .disable{ display: none; }

.formage{
    float: right;
    margin-top: 41px;
    width: 230px;
}

.selectage{margin-top:46px}
.selectage select, .formage select{
float:left;
margin-right:5px
}

.formage select#country {width:220px}

.cookieage {    margin-bottom: 30px;
    margin-top: 40px;}
.cookieage span{    color: #C38F4C;
    font-size: 11px;
    margin-left: 45px;}
	
.enterage{background: url(/statusupdate/images/enter_age.png) no-repeat; height: 47px;
    margin: auto;
    width: 230px; cursor:pointer; border:0}	


#footer.agegateway{width: 485px; color:#c38f4c; text-align:center;    margin-top: 0;
    padding-top: 0;}
#footer.agegateway a{color:#c38f4c}
#footer.agegateway p span{font-size:9px}

.separator{
background:url(/statusupdate/images/line.png) no-repeat;
    height: 1px;
    opacity: 0.5;
    width: 319px;
    clear:both;
}

a {    text-decoration:underline;
	color: #c38f4c;}

a:visited {    text-decoration:underline;
	color: #c38f4c;}
	
a img{border:0}

.login-register{
    background: url("/statusupdate/images/form-login-register.png") no-repeat scroll 0 0 transparent;
    height: 484px;
    width: 880px;
	padding:50px 40px;
}

div.editprofile{
    background: url("/statusupdate/images/edit_my_details.png") no-repeat scroll 0 0 transparent;
    height: 395px;
    padding: 40px 30px;
    width: 410px;
	margin:auto;
}

.loginform{width:376px; float:left; margin-right:95px}
.loginform label{width:168px; float:left}
.loginform .field{clear:both; height:40px;}
.loginform .submit {   
    background: url("/statusupdate/images/demandEntry.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 49px;
    margin: 0 auto;
    width: 233px;
	cursor:pointer;
	text-indent: -9999px;
}



.loginform .input{
    background: url("/statusupdate/images/textinput.png") repeat-x scroll 0 0 transparent;
    border: medium none;
    height: 25px;
    padding: 0 5px;
    width: 196px;
}

.loginform .forgotpass{
    text-decoration:underline;
	color: #c38f4c;
	text-align:center;
	display:block;
	margin-top: 30px;
	font-size: 11px;
}

.loginform dt, .loginform dd {height: 40px; float: left; margin:0;}

.loginform dt label {padding: 5px; margin:5px;}
.loginform dd input {width: 165px; margin:5px; background: url("/statusupdate/images/textinput.png") repeat-x scroll 0 0 transparent;
    border: medium none;
    height: 25px;
    padding: 0 5px;}
.loginform dt#login-label {display: none;}
.loginform dd#login-element {float: none; clear: both; padding: 14px 0 0 0;}


.registerform{width:388px; float:left}
.registerform label{width:170px; float:left}
.registerform #register-contact {float:left; margin: 2px 10px 0 0;}
.registerform label.contact{width:355px; float:left; font-size: 11px;}
.registerform .field{clear:both; height:40px;}
.registerform .enterage,
.forgot-password .submit {   
    background: url("/statusupdate/images/demandEntry.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 49px;
    margin: 30px auto 10px;
    width: 233px;
	cursor:pointer;
	text-indent: -9999px;
}

.forgot-password {text-align: center;}

.forgot-password #email-label {margin: 0 0 20px 35px;}

.forgot-password #email-label label {text-align:center; font-size: 15px; color: #C38F4C; }

.forgot-password .formtext {background: url("/statusupdate/images/textinput.png") repeat-x scroll 0 0 transparent;
border: medium none;
height: 25px;
padding: 0 5px;
width: 196px;}

.registerform .input {
    background: url("/statusupdate/images/textinput.png") repeat-x scroll 0 0 transparent;
    border: medium none;
    height: 25px;
    padding: 0 5px;
    width: 196px;
}


.registerform  input.submitprofile{   
    background: url("/statusupdate/images/btn_make_my_changes.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 49px;
    width: 232px;
	cursor:pointer;
}

.registerform input.cancelprofile{   
    background: url("/statusupdate/images/btn_cacel_.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 47px;
    width: 135px;
	cursor:pointer;
}
.registerform .checkbox{width:30px; float:left}
.registerform .error, .loginform .error{     background: none repeat scroll 0 0 #9A8254;
    color: #FFFFFF;
    float: right;
    margin: 1px 1px 10px 0;
    padding: 3px;
    text-align: center;
    width: 198px;}
	
.registerform .text{    float: left;
    font-size: 11px;
    margin: 0;
    text-align: justify;
    width: 330px;}

.registerform .forgotpass{
    text-decoration:underline;
	color: #c38f4c;
	text-align:center;
	display:block;
}



.ipp-form{
    background: url("/statusupdate/images/upload_your_idea.png") no-repeat scroll 0 0 transparent;
    height: 600px;
	padding: 40px;
    width: 373px;
	margin:30px auto;
	color: #fff;
}
.step_2 .ipp-form {
    background: url("/statusupdate/images/preview_your_entry.png") no-repeat scroll 50% 0 transparent;
    height: 600px;
    padding: 40px 50px;
    width: 470px;
    margin:30px auto;
    color: #fff;
}
.step_4 .content {
    width: 980px;
    margin: 30px auto;
}

.step_4 .content .content-1 {float: left;}
.step_4 .content .content-2 {float: right; margin: 8px 50px 0 0;}

.step_4 .content .content-2 .video {
    background: url("/statusupdate/images/video_frame.png") no-repeat scroll 0 0 transparent;
    padding: 25px 48px 25px 25px;
}

.step_4 .content .ipp-form{
    margin: 0;
}

.step_4 .ipp-form {
    background: url("/statusupdate/images/submission_confirm.png") no-repeat scroll 0 0 transparent;
    height: 670px;
}
.step_4 .ipp-form a.viewFullGallery {
    margin: 20px auto 0 auto;
	display: block; width:232px; height:49px; text-indent: -9999px; background: url(/statusupdate/images/viewFullGallery.png) no-repeat;
}

.step_4 .ipp-form {background: url("/statusupdate/images/thanks_for_entry.png") no-repeat scroll 0 0 transparent;}

.step_2 .ipp-form p,
.step_4 .ipp-form p {line-height: 20px; opacity:0.8; font-size: 12px;}

.step_2 .ipp-form .sub-details {float:left; width: 200px; padding-top: 50px;}

.step_2 .ipp-form .sub-buttons {overflow: hidden; clear: both;}

.step_2 .ipp-form input {float:left; margin-top: 40px;}
.step_2 .ipp-form input.edit {clear: left;}

.step_2 .ipp-form input.edit {
	background: url("/statusupdate/images/reeditEntry.png") no-repeat 0 -47px;
    border: medium none;
    display: block;
    height: 47px;
    width: 229px;
	cursor:pointer;
	text-indent: -9999px;
	margin-right: 9px;
}

.step_2 .ipp-form input.save {
	background: url("/statusupdate/images/submitEntry.png") no-repeat 0 0;
    border: medium none;
    display: block;
    height: 49px;
    width: 232px;
	cursor:pointer;
	text-indent: -9999px;
}

.registerform .input{
    background: url("/statusupdate/images/textinput.png") repeat-x scroll 0 0 transparent;
    border: medium none;
    height: 25px;
    padding: 0 5px;
    width: 196px;
}

.ipp-bloc{  color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:12px;
padding: 0px 50px;}
.ipp-bloc p{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 17px; text-align:left; margin-top:0px}
.ipp-bloc .headertext{ margin:0 10px 30px; text-align:center}

.ipp h1 {text-indent: -9999px; margin: 0; padding: 0; height: 0; width: 0;}

.ipp-form .hint {color:#c38f4c; display:block; font-size:11px;  margin-top: 3px; width: 145px; clear: left; float:left;}

.ipp-form label{width:165px; float:left; font-size: 12px; margin: 0 0 5px 0; float:left;}
.ipp-form .field {clear:both; margin-bottom: 20px; border-bottom: 1px solid #695955; padding: 0 0 15px 0; overflow: hidden;}
.ipp-form  input{
    border: medium none;
    height: 25px;
    padding: 0 5px;
    width: 196px;
}

.SI-FILES-STYLIZED label.cabinet {
    width: 1px;
    height: 16px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input#image {
	display: none;
}


.ipp-form input#preview {
	background: url("/statusupdate/images/letsseePreview.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 49px;
    width: 233px;
	cursor:pointer;
	text-indent: -9999px;
	float: left;
}

#editprofile-element {float: left; margin:0 5px 0 0;}

#editprofile {
    background: url("/statusupdate/images/btn_edit_my_profile.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 47px;
    width: 135px;
    cursor:pointer;
    text-indent: -9999px;
    float: left;
    margin:0 5px 0 0;
}
.ipp-form  .upload{
    width: 196px;
}

.ipp-form  .separator{
    background: url("/statusupdate/images/line.png") repeat-x scroll 0 0 transparent;
    width: 368px;
}

.ipp-form  .editprofile{
    background: url("/statusupdate/images/btn_edit_my_profile.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 47px;
    width: 135px;
	cursor:pointer;
	display:block;
	float:left;
	margin-right:3px;
}

.ipp-form  .preview{
    background: url("/statusupdate/images/btn_lets_see_a_preview.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 48px;
    width: 230px;
	cursor:pointer;
}

.ipp-form  textarea{
    background: url("/statusupdate/images/text_field.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 86px;
    padding: 5px;
    width: 196px;
    overflow: hidden;
    float:right;
}

.ipp-preview{
    background: url("/statusupdate/images/preview_your_entry.png") no-repeat scroll 0 0 transparent;
    height: 451px;
    margin: 0 auto;
    padding: 40px;
    width: 529px;
}

.ipp-preview .cadre{
    background: url("/statusupdate/images/frame_0.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 245px;
    margin-right: 25px;
    padding-left: 37px;
    padding-top: 34px;
    width: 191px;
}

.ipp-preview .desc h3{
    color: #F5DD94;
    font-size: 22px;
    margin: 5px 0;
}

.ipp-preview .desc {
    float: left;
    margin: 50px 0;
    width: 255px;
}

.ipp-preview .editidea{
    background: url("/statusupdate/images/btn_re_edit_my_entry.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: left;
    height: 47px;
    margin-right: 10px;
    width: 229px;
	cursor:pointer;
}

.ipp-preview .submit{
    background: url("/statusupdate/images/btn_submit_my_entry.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 48px;
    width: 231px;
	
}

.ipp-preview .button{
    margin: 40px auto 20px;
    width: 550px;
}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#1F0802;
	padding:5px;
	display:none;
	color:#fff;
	}

.imgradius_2, .imgradius_3, .imgradius_4{
    border: 1px solid #1F0802;
    border-radius: 80px;
}	

/* -------------------- */
/* PAGINATION			*/
/* -------------------- */

.pagination {
	padding: 5px;
	background:#1A1A1A;
	text-align:center;
	position: relative;
	height: 20px;
	margin-top: 8px;
}

.pagination .drop-down {position: absolute; right: 0; top:5px; width: 200px;}

.pagination span {
	padding:0.2em 0.5em;
	font-size: 12px;
	float: left;
}
.pagination a {
	padding:0.2em 0.5em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
}
.pagination a:hover {
	background-color:#6D0702;
	color:white;
}

.pagination a.next:hover, .pagination a.prev:hover  {
	border:0;
	background-color:#000;
}

.pagination .prev {
    background: url("/statusupdate/images/btn_page-prev.png") no-repeat scroll 0 0 #000;
    height: 23px;
    width: 64px;
	float:left;
	padding:0;
}
.pagination .next {
    background: url("/statusupdate/images/btn_page-next.png") no-repeat scroll 0 0 #000;
    height: 23px;
    width: 48px;
	float:right;
	padding:0;
}

.pagination span.current {
	border:1px solid #6D0702;
	background-color:#6D0702;
	color:white;
	font-weight:bold;
}

.newsletter{    background: url("/statusupdate/images/newsletter.jpg") no-repeat scroll 0 0 #1F0802;
    height: 621px;
    width: 720px;}
.newsletter header{margin: 5px auto 20px auto; color:#b5b5b5; text-align:center; font-size:10px;width: 720px;}
.newsletter #footer{margin: 5px auto 20px auto; color:#bda472; text-align:center; font-size:10px;width: 720px;}
.newsletter #footer ul{margin: 5px auto 20px auto; color:#bda472; text-align:center; font-size:10px;width: 720px;}
.newsletter .contener{    color: #000000;
    font-family: arial;
    font-size: 14px;
    line-height: 20px;
    margin: 200px 0 0 70px;
    padding: 0 50px;
    width: 530px;
	height: 320px;}
.newsletter h3{    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;}	
.newsletter p{ margin-bottom:20px;}	

.perpage{    background: none repeat scroll 0 0 #333333;
    border: 0 none;
    color: #FFFFFF;
    padding: 2px 5px;}

.pagination .numbers {margin: 0 auto;

overflow: hidden;

display: inline-block;
margin: 0 0 0 360px;
float: left;}

.pagination .numbers a,
.pagination .numbers span {float: left;}
	
.formperpage{float: left;}	

.sharesocial{height:25px; overflow:hidden; float: right; margin: 34px 4px 0 0;}

.sharesocial .fb-like {width:48px;}

.sharesocial div {vertical-align:top;}

.entrytext{  
	
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: justify;
	margin:20px 10px 40px
	}

.sharesocial .bt1, .sharesocial .bt2, .sharesocial .bt3{ float: left; margin: 0 2px 0 10px}

.sharesocial .bt1 {overflow:hidden;}

.notshown {height: 1px;overflow:hidden;text-indent: -9999px;padding:0px;margin:0px;}
.progressbar {
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0px;
}
.progressbar .progressbar-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
}
.progressbar .progressbar-visual {
    background-color: #fff;
    width: 659px;
    height: 186px;
}
.progressbar .progressbar-bar {
    display: block;
    height: 29px;
    width: 523px;
    background-color: #000;
    position: absolute;
    top: 64px;
    left: 110px;
}
.progressbar .progressbar-title {
    position: absolute;
    left: 23px;
    top: 23px;
}
.progressbar .progressbar-label {
	position: absolute;
	left: 27px;
	top: 74px;
}
.progressbar .progressbar-done {
    width: 80%;
    height: 100%;
    background-image: url(/statusupdate/images/progress-done.png);
    background-repeat: repeat-x;
    background-color: #d69a33;
}
.progressbar-cancel-button {
    text-indent: -9999px;
    display: block;
    width: 136px;
    height: 48px;
    position: absolute;
    left: 500px;
    top: 116px;
    background-image: url(/statusupdate/images/progress-cancel.jpg);
    overflow: hidden;
}
.clickable{cursor: pointer;}
.show {display: block;}
.hide {display: none;}

#gate-container {color: #666;}

#messages {
    width: 950px; margin: 10px auto; color: #C38F4C;
}

.forgot-password {color: #fff;}
.ipp-error {
    background-image: url(/statusupdate/images/an-error-occured.png) !important;
}
.ipp-form p {
	font-size: 12px;
}