body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

body.bodypopup {
	padding: 12px 10px 5px 10px;
	background-image: url(/resources/1/images/popup.backgr.png);
	background-position: left top;
	background-repeat: repeat-x;
}

body.bodypopup.dark {
	background-color: #333333;
	color: #FFFFFF;
}

a {
	color: #0069B4;
}

a:hover {
	color: #000000;
}

p {
	font-size: 11px;
}

img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.label {
	display: inline-block;
}

input,
select,
textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.input.userSetcardContent,
.select.userSetcardContent,
.textarea.userSetcardContent {
	width: 400px;
	margin-top: 5px;
}

.input.senderSetcardContentLeft,
.select.senderSetcardContentLeft,
.textarea.senderSetcardContentLeft {
	width: 470px;
}

.input.senderSetcardContentRight,
.select.senderSetcardContentRight,
.textarea.senderSetcardContentRight {
	width: 470px;
}

.radio,
.checkbox {
	vertical-align: middle;
	margin: 0px 5px 3px 3px;
}

.readonly {
	background-color: transparent;
	border-color: transparent;
	font-weight: bold;
}

input.disabled {
	background-color: #F4F4F4;
}

input.indicator {
	width: 50px;
	border: none;
	background-color: transparent;
	font-size: 11px;
	font-weight: bold;
}

input.heavy {
	font-size: 15px;
	font-weight: bold;
}

.light 			{	color: #999999;	}
.textGreen 		{	color: #09C400;	}
.textRed 		{	color: #FF0000;	}
.textOrange		{	color: #FF6600;	}
.textBlack		{	color: #000000;	}

.w200 {
	width: 200px;
}

.fullheight {
	min-height: 500px;
}

#loadBar {
	padding: 3px 0;
	cursor: wait;
}

ol {
	margin: 5px 0 0 5px;
	padding: 0;
}

ol li {
	margin: 0 0 15px 20px;
	padding: 0;
}

/* desktop container ------------------------------------------ */

#top {
	position: relative;
	width: 1250px;
	margin: 0 auto;
}

#topContainer {
	width: 100%;
	height: 91px;
	background-image: url(/resources/1/images/top.backgr.png);
	background-position: left top;
	background-repeat: repeat;
}

#desktop {
	clear: both;
	width: 1250px;
	min-height: 700px;
	margin: 0 auto;
	background-image: url(/resources/1/images/justine.hand.png);
	background-position: 795px 0;
	background-repeat: no-repeat;
}

#left {
	float: left;
	width: 199px;
}

#main {
	float: left;
	width: 1028px;
	min-height: 625px;
	padding: 20px 0 20px 20px;
	border-width: 0 1px 1px 1px;
	border-color: #DDDDDD;
	border-style: solid;
	opacity: 100;
}

#main.popup {
	float: none;
	width: 100%;
	min-height: 100px;
	padding: 0;
	margin: 0;
	border-width: 0;
}

#main .imagetip {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	padding: 5px;
	width: 270px;
	z-index: 90;
	font-weight: normal;
}

#main img.kiss {
	vertical-align: top;
}

#main .profileplayer {
	width: 320px;
	padding: 10px;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	background-color: #EEEEEE;
}

#main p.pininsert {
	width: 410px;
	padding: 10px 20px;
	color: #FFFFFF;
	background-color: #666666;
	background-image: url(/resources/1/images/arrow.show.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#main p.pininsert label {
	display: inline-block;
	width: 50px;
	vertical-align: middle;
}

#main p.pininsert span {
	display: inline-block;
	padding: 0px 10px;
	width: 180px;
	vertical-align: middle;
}

#main p.pininsert input {
	width: 60px;
	font-size: 20px;
	vertical-align: middle;
}

/* top -------------------------------------------------------- */

#top h1 {
	float: left;
	width: 200px;
	height: 86px;
	padding: 5px 0 0 0;
	margin: 0;
}

#top h1 a {
	display: block;
	width: 200px;
	height: 86px;
	background-image: url(/resources/1/images/logo.png);
	background-position: left 25px;
	background-repeat: no-repeat;
}

#top h1 a span {
	display: none;
}

#top p#yougotmail {
	position: absolute;
	left: 150px;
	top: -5px;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
}

#top p#yougotmail a {
	display: block;
	width: 45px;
	height: 50px;
	padding: 0 0 0 5px;
	background-position: center 23px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#top p#yougotmail a.true {
	background-image: url(/resources/1/images/top.mail.true.png);
}

#top p#yougotmail a.false {
	background-image: url(/resources/1/images/top.mail.false.png);
}

#top p#yougotmail a span {
	display: inline-block;
	line-height: 11px;
	padding: 0px 3px;
	margin: 15px 0 0 0;
	background-color: #FF0000;
}

#top #toptask {
	float: left;
	width: 1050px;
	height: 86px;
	margin: 5px 0 0 0;
	background-image: url(/resources/1/images/justine.top.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#top #toptask ul {
	margin: 0;
	padding: 49px 0 0 0;
	list-style: none;
}

#top #toptask ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#top #toptask ul li a {
	display: block;
	padding: 12px 10px 0 10px;
	height: 25px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-position: left;
	background-repeat: repeat;
}

#top #toptask ul li.selected a {
	background-image: url(/resources/1/images/transparent.gray.png);
}

#top #toptask ul li a:hover {
	background-image: url(/resources/1/images/transparent.black.png);
}

#top #toptask p.search {
	float: right;
	margin: 0;
	padding: 10px 10px 0 0;
	color: #FFFFFF;
	font-weight: bold;
}

#top #toptask p.search label {
	display: inline-block;
	padding: 2px 5px;
}

#top #toptask p.search input.text {
	width: 120px;
	margin: 0;
	padding: 2px 5px;
	border: none;
	font-size: 11px;
	vertical-align: bottom;
}

#top #toptask p.search input.button {
	border: none;
	margin: 0;
	padding: 1px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/resources/1/images/transparent.black.png);
	background-repeat: repeat;
	background-position: left;
	background-color: transparent;
	vertical-align: bottom;
	cursor: pointer;
}

#top #toptask p.search input.button.addon {
	padding: 2px 7px 3px 7px;
}

#top #toptask p.search a.language {
	display: inline-block;
	padding: 0 13px 1px 20px;
	background-image: url(/resources/1/images/selector.down.png);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: bottom;
}

/* alert & confirm --------------------------------------------- */

#main div.alert {
	position: relative;
	width: 750px;
	margin: 0;
	padding: 0 0 30px 0;
}

#main div.alert p.oops {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 0px;
	top: 0px;
}

#main div.alert div.message {
	width: 377px;
	min-height: 110px;
	padding: 10px;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	background-color: #F4F4F4;
}


#main div.alert div.message.large {
	width: 527px;
	min-height: 200px;
}

#main div.alert h3 {
	margin: 0;
	padding: 0 0 0 5px;
	border-width: 0;
	font-size: 20px;
	color: #FF6600;
}

#main div.alert p big {
	display: inline-block;
	padding: 5px 0;
	font-size: 20px;
}

#main div.alert ul.list li {
	color: #000000;
}

#main div.smallalert {
	margin: 0;
	padding: 5px 10px 10px 45px;
	background-image: url(/resources/1/icons32/failure.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#main div.confirm {
	margin: 0;
	padding: 5px 10px 10px 45px;
	background-image: url(/resources/1/icons32/success.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#main div.attention {
	margin: 0;
	padding: 5px 10px 10px 45px;
	background-image: url(/resources/1/icons32/attention.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}


#main.popup div.alert {
	width: auto;
}

#main.popup div.alert div.message {
	width: auto;
	margin-right: 200px;
}


/* left -------------------------------------------------------- */

#left h3 {
	clear: both;
	padding: 10px 3px 0 3px;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	border-width: 1px 0 0 0;
	border-color: #EEEEEE;
	border-style: solid;
}

#left h3.borderless {
	padding-top: 0;
	border: none;
}

#left p#statusimage {
	float: left;
	width: 80px;
	height: 60px;
	overflow: hidden;
	padding: 20px 0 0 0;
	margin: 0;
}

#left p#statusimage img {
	max-width: 80px;
	max-height: 60px;
}

#left p#statusinfo {
	float: left;
	height: 75px;
	margin: 0;
	padding: 18px 10px 0 5px;
	font-size: 11px;
	line-height: 13px;
}

#left p#statusinfo a.nickname {
	display: inline-block;
	padding-bottom: 7px;
	font-weight: bold;
	text-decoration: none;
}

#left p#statusinfo a.nickname:hover {
	text-decoration: underline;
}

ul.task {
	margin: 0;
	padding: 5px 0 10px 0;
	list-style: none;
}

ul.task.topborder {
	padding-top: 8px;
	border-width: 1px 0 0 0;
	border-color: #EEEEEE;
	border-style: solid;
}

ul.task li {
	font-size: 11px;
	padding: 0 1px 0 0;
	margin: 0;
}

ul.task li a {
	display: inline-block;
	min-height: 19px;
	padding: 3px 5px 0 27px;
	margin: 0;
	color: #000000;
	text-decoration: none;
	background-image: url(/resources/1/images/icon16.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#left ul.task li a {
	display: block;
}

#left ul.task li.selected a {
	font-weight: bold;
	background-color: #EEEEEE;
}

#left ul.task li a:hover {
	background-color: #F4F4F4;
}

#main ul.task li a {
	color: #0069b4;
}

#main ul.task li a:hover {
	color: #000000;
	text-decoration: underline;
}

/* main -------------------------------------------------------- */

#main .mainLeftContainer {
	float: left;
	width: 750px;
	padding-right: 20px;
	min-height: 50px;
}

#main .mainLeftContainer.home1 {
	width: 365px;
}

#main .mainLeftContainer.home2 {
	width: 365px;
	padding-right: 0;
}

#main .mainLeftContainer.userSetcardLeft {
	width: 520px;
}

#main .mainLeftContainer.senderSetcardLeft {
	width: 490px;
}

#main .mainRightContainer {
	float: left;
	width: 250px;
	padding-right: 8px;
}

#main .mainRightContainer.userSetcardRight {
	width: 460px;
}

#main .mainRightContainer.senderSetcardRight {
	width: 490px;
}

#main h2 {
	margin: 0;
	padding: 0 0 15px 5px;
	font-size: 18px;
}

#main h2.next {
	margin: 20px 0 -7px 0;
	padding: 0 0 0 5px;
}

#main.popup h2 {
	margin-bottom: 10px;
	padding: 0 0 10px 5px;
	font-size: 15px;
	color: #FFFFFF;
}

#main h2.icon {
	padding-left: 28px;
	background-image: url(/resources/1/images/icon24.png);
	background-position: left 0;
	background-repeat: no-repeat;
}

#main h2 span.separator {
	display: inline-block;
	text-indent: -1000px;
	width: 10px;
	background-image: url(/resources/1/images/h2.separator.png);
	background-position: center 7px;
	background-repeat: no-repeat;
}

#main h3 {
	clear: both;
	max-width: 990px;
	margin: 0;
	padding: 7px 5px;
	font-size: 11px;
	border-width: 1px 0 0 0;
	border-color: #DDDDDD;
	border-style: solid;
}

#main .mainRightContainer h3.first {
	margin-top: 0;
	border-width: 0;
}

#main h3.borderless {
	padding-top: 0;
	border: none;
}

#main h3.offset {
	margin-top: 20px;
}

#main h4 {
	margin: 0;
	padding: 5px;
	font-size: 11px;
}

#main p {
	margin: 0;
	padding: 5px 5px 10px 5px;
	max-width: 970px;
}

#main p.huge {
	font-size: 22px;
	color: #666666;
}

#main p.nodata {
	color: #999999;
	text-align: center;
	padding: 30px;
}

#main .listboxes {

}

#main .listboxes .box {
	float: left;
	width: 160px;
	min-height: 120px;
	margin: 0 10px 10px 0;
	padding: 7px;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	overflow: hidden;
}

#main .listboxes .box p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#main .listboxes .box p a {
	font-weight: bold;
	text-decoration: none;
	background-position: center top;
	background-repeat: no-repeat;
}

#main .listboxes .box p a.image {
	display: block;
	width: 160px;
	height: 120px;
	padding-bottom: 3px;
}

#main .listboxes .box p span.nickname {
	display: inline-block;
	padding-top: 3px;
}

#main div.more {
	width: 734px;
	height: 32px;
	background-color: #EBF8FF;
}

#main hr.separator {
	clear: both;
	width: 734px;
	float: left;
	height: 10px;
	background-color: transparent;
	background-image: url(/resources/1/images/separator.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	border-width: 1px 0 0 0;
	border-color: #a1ceee;
	border-style: solid;
	margin: 10px 0 10px 0;
}

#main ul.maintask {
	max-width: 1000px;
	min-height: 35px;
	padding: 0;
	margin: 0;
	list-style: none;
	border-width: 1px 0 0 0;
	border-color: #DDDDDD;
	border-style: solid;
}

#main ul.maintask.borderless {
	border-width: 0;
}

#main ul.maintask.offset {
	margin-top: 20px;
}

#main ul.maintask li {
	float: left;
	padding: 0 0 8px 0;
	margin: 0;
	list-style: none;
}

#main ul.maintask li.selected {
	background-image: url(/resources/1/images/maintask.selected.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#main ul.maintask li a {
	display: block;
	padding: 4px 6px 5px 25px;
	margin: 0;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-image: url(/resources/1/images/icon16.png);
}

#main ul.maintask li span {
	display: block;
	padding: 4px 6px 5px 25px;
	margin: 0;
	font-size: 11px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

#main ul.maintask.options li a {
	font-weight: normal;
}

#main ul.maintask li a:hover {
	background-color: #F4F4F4;
}

#main ul.maintask li.selected a {
	color: #000000;
	background-color: #EEEEEE;
}

#main .maintaskSubframe {
	padding-top: 20px;
}

/* profile ----------------------------------------------------- */

#main #profile {

}

#main #profile .profileleft {
	float: left;
	width: 320px;
	padding: 10px 20px 0 0;
}

#main #profile .profileleft p.video {
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 240px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

#main #profile .profileright {
	float: left;
	padding-top: 10px;
	width: 410px;
}

#main #profile .profileright p.description {
	padding-bottom: 20px;
}

/* listtable --------------------------------------------------- */

table.list {
	width: 100%;
	border-width: 0;
	border-collapse: collapse;
	margin: 0 0 5px 0;
	font-size: 11px;
}

table.list th {
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	color: #666666;
	padding: 5px;
}

table.list th a {
	color: #666666;
}

table.list th a.sortedDesc,
table.list th a.sortedAsc {
	padding-right: 10px;
	background-image: url(/resources/1/images/dot.up.gif);
	background-repeat: no-repeat;
	background-position: right;
}

table.list th a.sortedAsc {
	background-image: url(/resources/1/images/dot.down.gif);
}

table.list th a:hover {
	color: #000000;
}

table.list td {
	padding: 5px;
	vertical-align: top;
	border-width: 1px 0 0 0;
	border-color: #DDDDDD;
	border-style: solid;
}

table.list th.subLine,
table.list td.subLine {
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0 0 1px 0;
}

table.list .new {
	font-weight: bold;
}

table.list .marker {
	padding: 3px 0 0 0;
	width: 20px;
}

table.list td.options {
	padding: 1px 10px 0 0;
	text-align: right
}

table.list td.options img {
	margin: 2px 2px 0 0;
}

table.list td.nodata {
	text-align: center;
	padding: 40px 0;
	color: #999999;
}

table.list th.number {
	text-align: right;
	padding: 5px 15px 3px 0;
}

table.list td.number {
	text-align: right;
	padding: 5px 15px 5px 0;
}

table.list tr.total td {
	border-top: 1px solid #AAAAAA;
	border-bottom: none;
}

/* formtable --------------------------------------------------- */

table.form {
	width: 100%;
	margin: 0 0 10px 0;
	border-width: 0;
	border-collapse: collapse;
}

table.form th {
	padding: 9px 0 0 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table.form th.noinput {
	padding-top: 5px;
}

table.form td  {
	vertical-align: top;
	padding: 5px;
	text-align: left;
}

table.form td.thumbnail  {
	padding: 10px;
	line-height: 0;
	background-color: #EEEEEE;
}

table.form th.offset,
table.form td.offset {
	padding-top: 30px;
}

table.form td.cardid {
	background-image: url(/resources/1/images/cardid.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	padding: 95px 20px 0 0;
	width: 170px;
}

table.form td .alertballoon {
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold;
	padding: 28px 80px 0 10px;
	width: 400px;
	height: 35px;
	background-image: url(/resources/1/images/alert.balloon64.png);
	background-repeat: no-repeat;
	background-position: left top;
}

table.form td .alertballoon .radio {
	float: left;
	margin-bottom: 5px;
}

table.form td .alertballoon a {
	color: #FFFFFF;
}


/* lists ------------------------------------------------------- */

ul.list {
	margin: 0;
	padding: 10px 0 10px 5px;
	list-style: none;
}

ul.list li {
	padding: 0 7px 2px 12px;
	font-size: 11px;
	color: #666666;
	background-image: url(/resources/1/images/square.lightorange.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#main ul.info {
	margin: 0;
	padding: 0 0 10px 5px;
	list-style: none;
}

#main ul.info.h2assigned {
	margin-top: -13px;
}

#main ul.info li {
	display: inline-block;
	padding: 0 7px 2px 12px;
	font-size: 11px;
	background-image: url(/resources/1/images/square.lightorange.png);
	background-repeat: no-repeat;
	background-position: left;
}

#main ul.info.h2assigned li {
	color: #666666;
}

#main ul.info li a {
	text-decoration: none;
}

#main div.friends {
	padding: 0 0 10px 0;
}

#main div.friends ul.friendlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main div.friends ul.friendlist li {
	width: 245px;
	padding: 5px 0 0 5px;
	margin: 0;
}

#main div.friends ul.friendlist li.float {
	float: left;
}

#main div.friends ul.friendlist li a.image {
	display: inline-block;
	width: 80px;
	height: 60px;
	margin-right: 10px;
	background-color: #F4F4F4;
}

#main div.friends ul.friendlist li a.image img {
	max-width: 80px;
	max-height: 60px;
}

#main div.friends ul.friendlist li span.info {
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
	text-decoration: none;
}

/* main comments ----------------------------------------------- */

#main .comments {

}

#main div.comments div.item {
	clear: both;
	padding: 5px;
	margin: 4px 0 1px 0;
	background-color: #EBF8FF;
	min-height: 60px;
}

#main div.comments div.item.access_false {
	background-color: #F4F4F4;
}

#main div.comments div.item p.image {
	float: left;
	width: 90px;
	height: 60px;
	margin: 0;
	padding: 0;
}

#main div.comments div.item p.image img {
	max-width: 80px;
	max-height: 60px;
}

#main div.comments div.item p.entry {
	margin: 0;
	padding: 0 0 5px 90px;
}

#main div.comments div.item p.entry span.author {
	display: block;
	color: #000000;
}

#main div.comments div.item p.entry span.author a {
	color: #000000;
	text-decoration: none;
}

#main div.comments div.item p.entry a.subject,
#main div.comments div.item p.entry strong.subject {
	display: inline-block;
	padding: 5px 0;
	font-weight: bold;
	text-decoration: none;
}

#main div.comments div.item p.entry span.author a:hover,
#main div.comments div.item p.entry a.subject:hover {
	text-decoration: underline;
}

#main div.comments div.item p.entry a.imgright {
	float: right;
	margin: 0 0 10px 10px;
}

/* left comments ----------------------------------------------- */

#left .comments {

}

#left div.comments div.item {
	clear: both;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0 0;
	background-color: #EBF8FF;
	overflow: hidden;
}

#left div.comments div.item p {
	margin: 0;
	padding: 0 0 2px 0;
}

#left div.comments div.item p a.image {
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 7px 0 0;
	padding: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#left div.comments div.item p a.image img {
	width: 48px;
	height: 48px;
}

#left div.comments div.item p strong.title {
	display: block;
	padding: 0 0 4px 0;
}

#left div.comments div.item p strong.title a {
	color: #000000;
	text-decoration: none;
}

#left div.comments div.item p strong.title a:hover {
	text-decoration: underline;
}

#left div.comments div.item p span.content {
	clear: both;
	display: block;
	padding: 3px 0 0 0;
}

/* profileVideo ------------------------------------------------ */

p.fileConvert {
	height: 60px;
	text-align: center;
}

/* profileImage ------------------------------------------------ */

#profileImageContainer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	background-image: url(/resources/1/images/transparent.black.png);
	background-repeat: repeat;
	background-position: left;
}

#profileImageContainer p#profileP {
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -160px 0 0 -120px;
	width: 320px;
	height: 265px;
	background-color: #FFFFFF;
	text-align: center;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
}

#profileImageContainer #profileImage {
	max-width: 980px;
	max-height: 620px;
}

#profileImageContainer #profileImageNavigation {

}

#profileImageContainer #profileImageNavigation a {
	position: absolute;
	bottom: 4px;
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(/resources/1/images/image.navigation.png);
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
}

#profileImageContainer #profileImageNavigation a.next {
	right: 10px;
	background-position: -50px 0;
}

#profileImageContainer #profileImageNavigation a.close {
	right: 40px;
	background-position: -25px 0;
}

#profileImageContainer #profileImageNavigation a.prev {
	right: 70px;
	background-position: 0 0;
}

/* footer ------------------------------------------------------ */

#footer {
	clear: both;
	padding: 10px 10px 30px 210px;
}

#footer p {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #666666;
}

#footer p.float {
	float: left;
	padding-right: 50px;
}

#footer ul.subtask {
	float: left;
	padding: 0 50px 0 0;
	margin: 0;
	list-style: none;
}

#footer ul.subtask li {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 10px;
	border-right: 1px solid #666666;
	font-size: 11px;
}

#footer ul.subtask li.first {
	padding-left: 0;
}

#footer ul.subtask li.last {
	border-right: none;
}

#footer ul.subtask li a {
	display: inline-block;
	padding: 0 7px 0 7px;
	text-decoration: none;
}

#footer ul.subtask li a:hover {
	text-decoration: underline;
}

/* inlinePopupArea --------------------------------------------- */

#inlinePopupArea {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 91;
	width: 100%;
	height: 100%;
}

#inlinePopupArea #inlinePopupBackground {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 92;
	width: 100%;
	height: 100%;
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #333333;
	cursor: pointer;
}

#inlinePopupArea #inlinePopupContent {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 93;
	padding: 0;
	height: 485px;
	background-color: #FFFFFF;
}

#inlinePopupArea #inlinePopupContent .top {
	position: relative;
	padding: 0;
	margin: 0;
	height: 20px;
	background-color: #FF6600;
}

#inlinePopupArea #inlinePopupContent p.close {
	position: absolute;
	right: 15px;
	top: 5px;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
}

#inlinePopupArea #inlinePopupContent p.close a {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(/resources/1/images/popup.close.png);
	background-repeat: no-repeat;
	background-position: center;
}

#inlinePopupArea #inlinePopupContent p.close a span {
	display: none;
}

#inlinePopupArea #inlinePopupContent #inlinePopupiframe {
	border: none;
	margin: 0;
}

/* profile image slider ---------------------------------------- */

#main div.piSlider {
	clear: both;
	width: 320px;
	height: 75px;
}

#main div.piSlider p.piMove {
	float: left;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 60px;
}

#main div.piSlider p.piMove a {
	display: block;
	width: 20px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #666666;
}

#main div.piSlider p.piMove a:hover {
	background-color: #FF6600;
}

#main div.piSlider p.piMove a span {
	display: none;
}

#main div.piSlider p.piMove a.left {
	background-image: url(/resources/1/images/arrow.white.left.png);
}

#main div.piSlider p.piMove a.right {
	background-image: url(/resources/1/images/arrow.white.right.png);
}

#main div.piSlider p.piSliderFrame {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	width: 280px;
	height: 60px;
	margin: 0;
	padding: 0;
	background-color: #DDDDDD;
}

#main div.piSlider p.piSliderFrame span.piSliderTarget {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	white-space: nowrap;
}

#main div.piSlider p.piSliderFrame span.piSliderTarget img {
	margin: 0 5px 0 0;
	max-height: 60px;
}

/* cam button -------------------------------------------------- */

ul.cambutton {
	padding: 0 0 15px 0;
	margin: 0;
	list-style: none;
}

ul.cambutton li {
	display: block;
	padding: 0;
	margin: 0;
	height: 70px;
	background-color: #666666;
}

ul.cambutton li.animation {
	background-image: url(/resources/1/images/arrow.show.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

ul.cambutton li a {
	display: block;
	height: 55px;
	padding: 15px 0 0 80px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none;
	background-image: url(/resources/1/images/webcam.offline.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.cambutton li a.online {
	background-image: url(/resources/1/images/webcam.online.png);
}

ul.cambutton li a.video {
	background-image: url(/resources/1/images/video.online.png);
}

ul.cambutton li a small {
	font-size: 11px;
	font-weight: normal;
}

ul.cambutton li a:hover {
	background-color: #FF6600;
}

/* page navigation --------------------------------------------- */

ul.pageNavigation {
	clear: both;
	float: right;
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0 10px 0 0;
}

ul.pageNavigation li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	width: 24px;
	height: 24px;
}

ul.pageNavigation li.info {
	background-image: none;
	white-space: nowrap;
	width: 110px;
}

ul.pageNavigation li.info select {
	vertical-align: top;
	margin-top: 2px;
	width: 110px;
}

ul.pageNavigation li a {
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFFFFF;
}

ul.pageNavigation li span {
	display: none;
}



#main div#bannerSecurity {
	width: 248px;
	height: 240px;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	background-image: url(/resources/1/images/banner.security.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F0F0F0;
}

#main div#bannerSecurity p {
	margin: 0;
	padding: 85px 85px 0 10px;
}

#main div#bannerHelp {
	width: 248px;
	height: 220px;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
	background-image: url(/resources/1/images/banner.help.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F0F0F0;
}

#main div#bannerHelp h4 {
	padding: 25px 0 0 98px;
	font-size: 12px;
	letter-spacing: 0.09em;
}

#main div#bannerHelp p {
	padding: 80px 10px 0 13px;
	font-size: 11px;
}

/* account setcard -> thumbnail boxes ---------------------------------- */

#main #setcardThumbnail div.box {
	float: left;
	width: 468px;
	height: 200px;
	margin: 0 20px 20px 0;
	padding: 5px 10px;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
}

#main #setcardThumbnail div.box.access_dev {

}

#main #setcardThumbnail div.box.access_false,
#main #setcardThumbnail div.box.access_waiting {

}

#main #setcardThumbnail div.box h4 {
	margin: 0;
}

#main #setcardThumbnail div.box p.status {
	margin: 0;
	padding: 0 0 5px 5px;
	color: #999999;
}

#main #setcardThumbnail div.box p.thumbnail {
	float: left;
	width: 160px;
	height: 120px;
	margin-right: 15px;
	padding: 10px;
	line-height: 1px;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	background-color: #EEEEEE;
}

#main #setcardThumbnail div.box p.thumbnail a.upload {
	display: inline-block;
	width: 158px;
	height: 63px;
	text-align: center;
	padding-top: 55px;
	color: #999999;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	background-color: #FFFFFF;
}

#main #setcardThumbnail div.box div.right {
	float: left;
	width: 270px;
}

#main #setcardThumbnail div.box p.comment {
	padding: 0 0 0 5px;
	margin: -5px 0 0 0;
}

/* searchContainer ----------------------------------------------------- */

#main .searchContainer {
	margin-top: 10px;
	padding: 10px 10px 5px 10px;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}

#main .searchContainer input.input {
	width: 640px;
	padding: 4px;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	vertical-align: bottom;
}

#main .searchContainer input.button {
	width: 60px;
	padding: 3px;
	vertical-align: bottom;
}


#main .searchContainer ul.task {
	padding: 0;
}

/* livecams clearing frame --------------------------------------------- */

#main #livecamAction {
	width: 100%;
	height: 30px;
	border: none;
}

#main #livecamsClearing {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 30px;
  background-color: #505050;
	text-align: right;
}

#main #livecamsClearing p.clearing {
	padding: 0 3px 0 0;
	margin: 0;
}

#main #livecamsClearing p.clearing select {
	width: 250px;
	padding: 2px 0;
	margin-right: 5px;
	vertical-align: middle;
}

#main #livecamsClearing p.clearing span.button {
	vertical-align: middle;
}

#main #livecamsClearing div.livecamsCheck {
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
	width: 400px;
}

#main #livecamsClearing div.livecamsCheck p {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}

#main #livecamsClearing div.livecamsCheck p span.alert {
	display: block;
	padding: 0 0 0 35px;
	background-image: url(/resources/1/icons24/attention.png);
	background-repeat: no-repeat;
	background-position: 2px;
}

#main #livecamsClearing div.livecamsCheck .livecamTimeRemaining {
	font-size: 14px;
	display: inline-block;
	padding: 5px 0 0 10px;
}

#main #livecamsClearing div.livecamsCheck .alertOverlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 862px;
	height: 27px;
	margin: 0;
	padding: 3px 0 0 35px;
	font-size: 14px;
	text-align: left;
	background-color: #505050;
	background-image: url(/resources/1/icons24/failure.png);
	background-repeat: no-repeat;
	background-position: 5px 0;
}

#main #livecamsClearing div.livecamsCheck .alertOverlay a {
	color: #FF6600;
}


#main #livecamsClearing div.livecamsCheck .alertOverlay a:hover {
	color: #FFFFFF;
}