Archive/kepler/Kepler-www/web-gallery/v2/styles/process.css

body.process-template {
	background-color: #bce0ee;
	background-image: none;
	padding: 0 10px;
}

body.process-template #container {
	width: 766px;
	margin-top: 12px;
	position:relative;
}

body#popup.process-template #container {
	width: 720px;	
}

body.process-template #header {
	width: auto;
	padding: 0;
	position: relative;
}

body.process-template #header h1 a {
	height: 54px;
}

body.secure-page #header h1 a {
    height: 42px;
}

body.process-template #process-content {
	clear: left;
	margin-top: 18px;
}

body.process-template #footer {
	padding-right: 0;
	padding-top: 16px;
}

body.process-template #column1 {
	float: none;
	width: auto;
}

body#landing.process-template #column1, 
body#reauthenticate.process-template #column1 {
	float: left;
	width: 404px;
	clear: left;
}

body#landing.process-template #column2, 
body#reauthenticate.process-template #column2 {
	float: left;
	width: 310px;
}

body#landing.process-template #column1 .cb, 
body#reauthenticate.process-template #column1 .cb, 
body#popup.process-template #column1 .cb {
	margin: 0 8px 8px 0;
}

body#landing.process-template #column2 .cb, 
body#reauthenticate.process-template #column2 .cb, 
body#popup.process-template #column2 .cb {
	margin-right: 0;
}

body#popup.process-template #column1 {
	width: 354px;
	float: left;	
}

body#popup.process-template #column2 {
	width: 314px;
	float: left;	
}

body.process-template #content.wide {
	padding: 0 8px;
}

body.process-template #content {
	padding: 0 21px;
}

body.plain-template #content {
	padding-bottom: 21px;
}


/* stats */

ul.stats {
	list-style: none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 56px;
	z-index: 1;
}

ul.stats li {
	margin: 0;
	float: left;
	color: #fc6204;
	text-align: right;
}

ul.stats li.stats-online { width: 395px; }
ul.stats li.stats-visited { width: 310px; }

#register ul.stats li.stats-online { width: 435px; }
#register ul.stats li.stats-visited { width: 269px; }

#logout ul.stats li.stats-online, #popup ul.stats li.stats-online { width: 346px; }
#logout ul.stats li.stats-visited, #popup ul.stats li.stats-visited { width: 313px; }

ul.stats span.stats-fig {
	color: #000;
	font-weight: bold;
}


/* rounded template */

.process-template-box .bt, .process-template-box .bt div, 
.process-template-box .bb, .process-template-box .bb div {
	background-image: url(../images/box_process.png);
}
body.process-template #column1 .cb { margin: 0; }
body.process-template #column2 .cbb { margin-right: 0; }


/* yellow boxes */

#content .cbb.process_yellow { background: #ffcd0a; }
#content .cb.process_yellow { background: transparent; }
#content .process_yellow .bt, #content .process_yellow .bt div { background-image: url(../images/box_yellow.png); }
#content .process_yellow .bb { background-image: url(../images/box_yellow.png); }
#content .process_yellow .bb div { background-image: url(../images/box_yellow.png); }
#content .process_yellow .i1, #content .process_yellow .i2, #content .process_yellow .i3 { background: #ffcd0a; }
#content .process_yellow h2 { background: #f29400; }


/* landing page */

#create-habbo-nonflash {
	padding: 0;
	height: 389px;
	position: relative;
	background: url(../images/landing/test1.gif) no-repeat 0 0;
	font-size: 16px;
}

#create-habbo-nonflash #landing-register-text {
	position: absolute;
	top: 290px;
	width: 100%;
	text-align: center;
	margin-top: -20px;
}

#create-habbo-nonflash #landing-register-text a {
	display: block;
	background: url(../images/landing/createbutton_arrow.png) no-repeat 100% 0;
	height: 40px;
	width: 290px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.layout-real_world #create-habbo-nonflash .landing-text-1 { 
    width: 306px; 
    height: 48px; 
    background: transparent url(../images/landing/speechbubble_big.gif) no-repeat 50% top; 
    line-height: 38px; 
    color: #000;
    font-weight: bold; 
    text-align: center;
    position: absolute;
    top: 10px;
    left: 68px; 
}

.layout-real_world #create-habbo-nonflash .landing-text-2 { 
    width: 172px; 
    height: 24px; 
    background: transparent url(../images/landing/speechbubble_small.gif) no-repeat 50% top; 
    color: #000;
    font-size: 9px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 123px;
    right: 24px; 
}

.layout-static #create-habbo-nonflash .landing-text-1 { 
    color: #fff;
    font-weight: bold;
    font-size: 28px; 
    text-align: center;
    padding: 15px 60px;
}

.layout-static #create-habbo-nonflash .landing-text-2, .layout-static #create-habbo-nonflash .landing-text-3 { 
    width: 172px; 
    height: 24px; 
    background: transparent url(../images/landing/speechbubble_small.gif) no-repeat 50% top; 
    color: #000;
    font-size: 9px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 97px;
    right: 130px; 	
}

.layout-static #create-habbo-nonflash .landing-text-3 {
    top: 123px;
    right: 24px; 
}

#create-habbo-nonflash .frame { width: 100%; height: 100%; background: transparent url(../images/landing/tranparent_hand.gif) no-repeat 0 0; }

#create-habbo-nonflash #landing-promotional-text {
    position: absolute;
    bottom: 28px;
    width: 100%;
    text-align: center;
    color: #fff;
}

#create-habbo-nonflash #landing-promotional-text span {
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 37px 0 27px;
}

#create-habbo-nonflash div a:hover {
	text-decoration: underline;
}

#create-habbo-nonflash div a span {
	display: block;
	height: inherit;
	margin-right: 17px;
	padding: 7px 0 14px 0;
	background: url(../images/landing/createbutton_bg.png) no-repeat 0 0;
}

#create-habbo h2 {
	font-weight: bold;
}

#habbo-intro-nonflash ul li {
	list-style-type: disc;
	margin-left: 1em;
	padding-left: .3em;
}


/* Make room for the logout page ad */

body#logout.process-template #content {
    padding:0pt 0px;
}

body#logout.process-template #header, body#logout.process-template .flash-message
{
      padding:0pt 22px;
}

body#logout.process-template .ad-container {
    margin-left: 8px;
}

#header { 
    background: none;
}