/* Reset
---------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,image,iframe,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0 }

/* Elements
---------------------------------------------*/

body {
	font: 100%/1 Arial;
	color: #5f5f5f;
	background-color: #FFF;
	font-weight: bold;
	line-height: 1.04em;
}

a,
a:link {
	color: #0099ff;
	text-decoration: none;
}

ul {
	list-style:none;
}

h3 {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.2em;
}

strong {
	font-weight: bold;
}

hr {
	height: 1px;
	border: 0;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/hr.png');
}


/* Id specified elements
---------------------------------------------*/

#content,
#header,
.centered {
	width: 950px;
	margin: auto;
}

#header {
	height: 157px;
}

#header h1 {
	position: absolute;
	top: 10px;
	width: 167px;
	height: 180px;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/header-title.png');
}

#header h1 span {
	display: none;
}

#header .logo {
	float: right;
	margin-top: 33px;
}

#header .logo p {
	font-size: 11px;
	color: #5e5e5e;
	line-height: 13px;
	margin-top: 10px;
}

#menu {
	float: left;
	margin-top: 55px;
	margin-left: 189px;
}

#menu ul li {
	float: left;
	margin-left: 15px;
	font-size: 17px;
	font-weight: bold;
	width: 125px;
	height: 85px;
	border-left: 1px solid #E0E0E0;
	cursor: pointer;
}

#menu ul li:hover {
	border-left: 1px solid #ABABAB;
	background-position: right;
	background-repeat: repeat;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/menu-bg-mouseover.png');
}

#menu ul li.compete:hover {
	cursor: default;
	border-left: 1px solid #E0E0E0;
	background-image: none;
}

#menu ul li .arrow {
	float: right;
	background-color: #F7F7F7;
}

#menu ul li a {
	width: 89px;
	padding: 17px 0 10px 10px;
	display: block;
	float: left;
}

#menu ul .compete a {
	width: 230px;
	opacity: .2;
	filter: alpha(opacity=20);
}

#menu ul .compete {
	width: 253px;
}

#menu ul .compete .ended {
	margin: 20px 0 0 35px;
}

#menu ul .compete * {
	float: left;
}

#menu ul li span {
	cursor: pointer;
	line-height: 15px;
}

#menu ul li p {
	clear: both;
	float: left;
	font-size: 11px;
	color: #5e5e5e;
	line-height: 13px;
	font-weight: normal;
	cursor: pointer;
}

#menu ul .compete p {
	width: 107px;
}

#menu ul .compete .offer {
	float:right;
	margin-right: 5px;
	margin-top: -20px;
}

#content {
	padding-top: 23px;
}

#gallery {
	margin-top: 26px;
	overflow: hidden;
}

/* Misc classes
---------------------------------------------*/
.uppercase { text-transform: uppercase; }

.left { float: left; }
.right { float: right; }

.grey {
	background-color: #f7f7f7;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/header-border.png');
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 40px;
	padding-bottom: 40px;
}

.footer-separator {
	background-color: #FFF;
	height: 10px;
	padding: 0px;
	margin-top: -10px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	font-size: 0px;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}

.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

.google-map {
	width: 330px;
	height: 190px;
}

.list-box,
.accordion dt {
	cursor: pointer;
	margin-top: 18px;
	background-color: #0099FF;
	padding: 10px 15px;
	font-size: 12px;
	color: #FFF;
}

.list-box {
	cursor: auto;
}

dd.framed,
.accordion dd {
	border: 1px solid #e0e0e0;
	border-top: 0;
}

.button {
	background-color: transparent;
	border: 0px;
	float: right;
	margin: 0;
	padding: 0;
	margin: 12px 0;
	font-size: 12px;
	color: #0099ff;
}

.fb-photo {
	float: left;	
	width: 140px;
	height: 140px;
	cursor: pointer;
}

.fb-photo img {
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
}

.hidden {
	display: none;
}

.absolute {
	position: absolute;
}

/* Global elements
---------------------------------------------*/

div.header {
	height: 155px;
	background-position: bottom;
	padding: 0;
}

div.content {
	margin-top: 0;
}

div.footer {
	height: 150px;
	margin-top: 20px;
	font-size: 11px;
}

div.background {
	width: 100%;
}

div.gallery-marginator {
	margin-top:-4px;
}

/* Facebook Button
---------------------------------------------*/

.fb-login-button {
	float:right;
	margin-bottom: 10px;
}

.fb_login_ready {
	margin-bottom: 20px;
}

.fb_login_not_logged_in {
	margin-bottom: 10px;
}


.FB_SERVER_IFRAME {
	height: 480px !important;
}

/* Footer
---------------------------------------------*/

.footer .partners span,
.footer ul,
.footer li {
	float: left;
	margin-right: 10px;
}

.footer .partners {
	float: right;
	display: inline-block;
}

.footer .partners img {
	vertical-align: top;
	margin-left: 20px;
}


/* Left column
---------------------------------------------*/

.left-column {
	width: 570px;
	float: left;
}
.left-column .comments {
	padding-top: 20px;
	margin-bottom: 20px;
	height: 510px;
}

.left-column .video-holder {
	width: 570px;
	height: 490px;
	background-color: #F6F6F6;
}

.left-column .comments .menu li {
	display: inline;
	float: left;
	margin-right: 5px;
	border: 1px solid #E0E0E0;
	border-bottom: 0;
	font-size: 13px;
	font-weight: normal;
	padding: 10px 10px 7px 28px;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/comment-icon-blue.png');
	background-position: 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.left-column .comments .menu li:hover,
.left-column .comments .menu .active {
	color: #FFF;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/comment-icon-white.png');
	background-color: #0099FF;
}

.left-column .comments .menu .socialbookmark {
	width: 16px;
	margin-left: 5px;
	vertical-align: bottom;
}

.left-column ul.all-comments {
	height: 416px;
	overflow: auto;
}

.left-column .comments .sources {
	height: 445px;
	margin-bottom: 20px;
}

.left-column .comments .sources .content-holder {
	display: none;
}

.left-column .comments .sources .active {
	display: block;
}

.all-comments {
	border: 1px solid #E0E0E0;
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
}

.all-comments li .avatar {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

.all-comments li {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.all-comments li p {
	padding-right: 20px;
}

.all-comments .more {
	text-align: center;
	font-weight: bold;
	padding: 10px;
	background-color: #FFF;
	color: #0099FF;
	margin-top: -10px;
	cursor: pointer;
}

.all-comments .more img {
	margin: -2px 10px 0;
	vertical-align: middle;
}

.all-comments .more:hover {
	background-color: #EEE;
}

.all-comments li span {
	margin-bottom: 7px;
}

.all-comments li .from img {
	float: right;
	width: 16px;
	margin-top: -15px;
}

.comments .twitter-hash {
	margin: 10px 0 20px;
}

.comments .twitter-hash img {
	width: 30px;
	margin-right: 10px;
	vertical-align: middle;
}

.comments .twitter-hash span {
	font-size: 17px;
	font-weight: normal;
	margin-top: 1px;
	color: #ABABAB;
}

/* Right column
---------------------------------------------*/

.right-column {
	width: 340px;
	float: right;
}

.right-column .FB_SERVER_IFRAME {
	height: 342px !important;
}


.right-column .tree,
.right-column .container {
	border: 1px solid #e0e0e0;
	padding: 4px;
	margin-top: 16px;
}

.right-column .tree-list {
	margin-top: 16px;
	padding: 0;
}

.accordion dt {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/tree-close.png');
}

.accordion .tree-open {
	background-image: url('http://telenorjobbamobilt.s3.amazonaws.com/images/tree-open.png');
}

.right-column .right-list {
	margin-top: 16px;
}

.right-column .top {
	margin-top: 0px;
}

.tail-holder {
	position: relative;
}

.currently-playing .tail,
.userbox .tail {
	position: absolute;
	left: -23px;
	bottom: 25px;
}

.grey-box {
	padding: 5px;
	background-color: #F6F6F6;
}

.currently-playing .grey-box {
	min-height: 40px
}
	

.dimmed {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.currently-playing h3,
.userbox h3 {
	float: left;
	margin:  15px 0 0 16px;
	width: 225px;
}

.currently-playing p,
.userbox p {
	margin: 0 0 10px 16px;
	font-size: 11px;
}

.currently-playing .thumb,
.userbox .thumb {
	float: right;
	margin: 8px 8px;
	width: 50px;
	/*height: 50px;*/
}

.currently-playing .se-blurb {
	margin: 10px 0 10px 5px;
}

.currently-playing .se-blurb a {
	margin-left: 10px;
}

.share h3 {
	margin-bottom: 10px;
}

.share ul,
.share .send-to-friend {
	padding: 12px;
}

.share li {
	float: left;
	margin-right: 7px;
}

.share li.last {
	margin-right: 0px;
}

.share .send-to-friend .name,
.share .send-to-friend .email {
	border: 1px solid #E0E0E0;
	padding: 7px;
	color: #ABABAB;
}

.share .send-to-friend .active {
	color: #5E5E5E;
	border-color: #0099FF;
}

.share .send-to-friend .invalid {
	color: #E5121C
}

.share .send-to-friend .name {
	width: 103px;
}

.share .send-to-friend .email {
	width: 166px;
}

.front-page .thumb-container {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 10px;
}

.front-page .thumb-container h3 {
	margin-bottom: 10px;
}

.front-page .thumb-container .event-thumb {
	width: 80px;
}

.front-page .thumb-container li {
	float: left;
	width: 80px;
	height: 60px;
}

.happenings {
	margin-top: 12px;
}

.happenings h3 {
	margin-bottom: 10px;
}

.happenings dt {
	background-color: #FFF;
	margin-top: 1px;
	border: 1px solid #0099FF;
	padding: 10px;
	padding-left: 15px;
	font-size: 12px;
	color: #0099FF;
}

.happenings dd {
	font-size: 13px;
	padding: 10px 15px;
	line-height: 1.4em;
}

.happenings dt:hover {
	background-color: #0099FF;
	color: #FFF;
}

.happenings .show-more {
	margin: 1px 0 20px;
	border: 1px solid #FF9900;
	background-color: #FFF;
	color: #FF9900;
	text-align: center;
	cursor: pointer;
}

/* Flash blurb
---------------------------------------------*/

.blurb {
	margin: 20px 0;
}

/* Gallery
---------------------------------------------*/

.gallery .info {
	margin-top: 20px;
	margin-bottom: 40px;
}

.gallery h4 {
	font-size: 33px;
	font-weight: normal;
	color: #0099FF;
	margin-bottom: 13px;
	display: block;
}

.gallery p {
	font-size: 17px;
	color: #5e5e5e;
	font-weight: normal;
	display: block;
}

.gallery-sort {
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #ABABAB;
}

.gallery .compete {
	margin-top: 10px;
}

.gallery-sort span {
	height: 32px;
	display: inline-block;
}

.gallery-sort .sort-by {
	background: #ABABAB;
	padding: 10px;
	margin: 4px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
}

.gallery-sort .sort-by.selected {
	padding-right: 30px;
}

.gallery-sort .sort-by.selected.desc {
	background: #000 url(http://telenorjobbamobilt.s3.amazonaws.com/images/gallery-sort-arrow-desc.gif) no-repeat right center;
}

.gallery-sort .sort-by.selected.asc {
	background: #000 url(http://telenorjobbamobilt.s3.amazonaws.com/images/gallery-sort-arrow-asc.gif) no-repeat right center;
}

.gallery-container {
	margin-left: -6px;
	width: 1000px;
}

.gallery-item {
	float: left;
	margin: 6px;
	padding: 4px 4px 10px;
	width: 138px;
	height: 200px;
	border: 1px solid #E0E0E0;
	font-size: 0em;
	cursor: pointer;
}

.gallery-item:hover,
.gallery-item.selected {
	border: 1px solid #0099FF;
}

.gallery-item .center-image {
	width: 131px;
	height: 130px;
	margin-left: 2px;
}


.top-score .comments,
.top-score .date,
.gallery-item h5,
.gallery-item .comments,
.gallery-item .date {
	display: block;
	margin-top: 2px;
	font-size: 13px;
}

.gallery-item h5,
.gallery-item .comments {
	color: #0099ff;
}

.top-score .comments,
.gallery-item .comments {
	margin-top: 3px;
}

.top-score .comments img,
.gallery-item .comments img {
	position: relative;
	padding-right: 3px;
	top: 2px;
	height: 14px;
	width: 14px;
}

.top-score .points,
.top-score .date,
.gallery-item .points,
.gallery-item .date {
	color: #ABABAB;
}

.gallery-item .gallery-item-info {
	width: 140px;
	margin-left: 5px;
	margin-top: 16px;
}

.top-score .points,
.gallery-item .points {
	float: right;
	font-size: 25px;
	margin-top: -25px;
	margin-right: 5px;
	min-width: 20px;
	font-weight: normal;
}

.gallery .pagination {
	display: block;
	text-align: center;
	font-size: 12px;
	margin-top: 60px;
	color: #5e5e5e;
}

.gallery .pagination a {
	background-color: #FFF;
	border: 1px solid #0099FF;
	padding: 5px;
	display: inline-block;
}

.gallery .pagination a:hover {
	background-color: #0099FF;
	color: #FFF;
}

.gallery .pagination .inactive,
.gallery .pagination .active {
	border: 0;
	background-color: transparent;
	color: #5E5E5E;
	cursor: default;
}

.gallery .pagination .inactive:hover,
.gallery .pagination .active:hover {
	background-color: transparent;
	color: #5E5E5E;
}

.gallery .pagination .inactive:hover,
.gallery .pagination .inactive:hover, 
.gallery .pagination .inactive {
	color: #919191;
}

.gallery-prev-next ul{
	text-align: center;
	padding: 10px;
	height: 136px
}
.gallery-prev-next li {
	float: left;
	width: 159px;
	height: 136px;
}

.gallery-prev-next li img {
	padding: 3px;
	border: 1px solid #E0E0E0;
}

/* Winners
---------------------------------------------*/

div.winners {
	padding-top: 20px;
}

div.winners h2 {
	font-size: 20px;
	line-height: 1.13em;
	color: #000;
}

div.winners p {
	font-size: 13px;
	color: #5e5e5e;
}

ul.winners {
	padding-top: 25px;
}

ul.winners .list {
	margin-bottom: 25px;
}

ul.winners .list hr.separator {
	margin-top: 25px;
}

/* User
---------------------------------------------*/

.user-page {
	padding-top: 50px;
}

.user-page .user-info .avatar {
	width: 50px;
	height: 50px;
	float: left;
	padding-right: 20px;
}

.user-page .user-info hr {
	margin-top: -1px;
}

.user-page .user-info h2 {
	margin-top: 10px;
	font-size: 30px;
	line-height: 32px;
	color: #0099ff;
	float: left;
}

.user-page .user-info .add-more-entries {
	padding-top: 16px
}

.user-page .user-info span {
	font-size: 13px;
	color: #ABABAB;
	float: right;
	margin-top: 10px;
}

.user-page .user-results,
.user-page .user-entries,
.user-page .user-comments {
	margin-bottom: 20px;
}

.user-results {
	margin-top: 25px;
}

.user-results h3 {
	font-size: 13px;
	color: #5E5E5E;
	font-weight: bold;
}

.user-results .chart {
	margin-top: 18px;
	height: 230px;
}

.user-results .chart .raster {
	position: absolute;
	background: transparent url(http://telenorjobbamobilt.s3.amazonaws.com/images/user-points-background.png) no-repeat;
	height: 190px;
	width: 950px;
	margin-left: 5px;
	z-index: 1;
}

.user-results .chart .list {
	position: absolute;
	margin-left: 60px; /* 20 */
	width: 920px;
	text-align: center;
	z-index: 0;
}

.user-results .chart .list li {
	float: left;
	margin-right: 35px; /* 18px */
	padding-left: 2px;
	height: 147px;
	width: 140px; /* 70px */
}

.user-results .chart div {
	width: 0;
	height: 147px;
	margin: 0;
}

.user-results .chart .points-from {
	font-size: 10px;
	line-height: 1.2em;
	color: #ABABAB;
	width: 70px;
	margin-left: -10px;
	margin-top: 10px;
}

.user-results .chart .column {
	position: absolute;
	bottom: 0px;
	width: 60px; /* 50 */
	height: 140px;
	background-color: #0099ff;
}

.user-results .chart .point-span {
	float: right;
	margin-top: -10px;
	margin-right: 5px;
	font-size: 13px;
	color: #ABABAB;
}

.user-results .chart .point-span li {
	margin-bottom: 60px;
}

.user-results .points {
	font-size: 35px;
	text-align: center;
}

.user-results .point-sum-bow {
	background-color: #FFFDDA;
	padding: 22px;
	margin-top: 5px;
}

.user-results .point-sum-bow img {
	margin: -5px 0 0 27px;
}

.user-page h3 {
	background-color: #0099ff;
	margin-top: 1px;
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	color: #FFF;
}

.user-page h3 span {
	display: inline-block;
	float: right;
}

.user-page .user-entries {
	float: left;
}

.user-page .user-entries .close {
	cursor: pointer;
}


.user-page .user-entries .photos-holder {
	margin-left: -6px;
	width: 962px;
}
.user-page .user-entries .photos-holder .add-more {
	margin-left: 6px;
	margin-top: 6px;
}

.user-page .user-entries .photos-holder .user-photo {
	float: left;
	margin: 6px 16px 10px 6px;
	padding: 4px 0;
	width: 138px;
	cursor: pointer;
}

.user-page .user-entries .gallery-item {
	float: none;
	margin: 0;
}

.user-page .user-entries .remove-entry,
.user-page .user-entries .collect-points {
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 8px 4px;
	border: 1px solid #0099FF;
	font-size: 13px;
	color: #0099FF;
	text-align: center;
}

.user-page .user-entries .point-arrow {
	position: absolute;
	top: -14px;
	left: 63px;
} 

.user-page .user-comments .container {
	padding: 15px 10px;
	border: 1px solid #E0E0E0;
}

.user-page .user-collect-points {
	margin: -10px 0 10px 6px;
	float: left;
	width: 950px;
}

.user-page .user-collect-points h4,
.user-page .user-collect-points .icon {
	float: left;
}

.user-page .user-collect-points .share-and-collect {
	background-color: #F7F7F7;
	border: 1px solid #E0E0E0;
	border-top: 0;
}

.user-page .user-collect-points .preview {
	margin-top: 10px;
	font-size: 11px;
	font-weight: normal;
	color: #848484;
}

.user-page .user-collect-points .preview .title {
	color: #365A9A;
}

.user-page .user-collect-points .preview .wrapper {
	padding: 10px 20px;
	width: 325px;
	display: inline-block;
}

.user-page .user-collect-points .preview p {
	padding-bottom: 4px;
}

.user-page .user-collect-points .preview .fb-photo {
	float: left;
	display: inline-block;
	padding-bottom: 4px;
}

.user-page .user-collect-points .share-and-collect h4 {
	font-size: 14px;
	font-weight: normal;
	color: #5E5E5E;
	border-bottom: 1px solid #E0E0E0;
	display: inline-block;
	margin-top: 10px;
	padding-bottom: 3px;
}

.user-page .user-collect-points .tail-holder {
	height: 0px;
}

.user-page .user-collect-points .tail {
	position: absolute;
	top: -4px;
}


.user-page .user-collect-points .icon {
	margin-right: 5px;
}

.user-page .user-collect-points .share-and-collect h4 span {
	font-weight: bold;
}

.user-page .user-collect-points .share-and-collect ul {
	float: left;
}

.user-page .user-collect-points .share-and-collect ul li {
	border-top: 1px solid #E0E0E0;
	padding: 15px 25px 15px 30px;
}

.user-page .user-collect-points .share-and-collect ul .clear {
	border: 0;
	padding: 0;
}

.user-page .user-collect-points .share-and-collect form {
	margin-top: 15px;
}

.user-page .user-collect-points .share-and-collect .share-link form .button  {
	margin: 0;
	float: none;
	padding:1px 3px 1px 4px; font-size:11px; cursor:pointer; background:#3b5998; color:#fff; border:1px solid #0e1f5b; border-left-color:#D9DFEA; border-top-color:#D9DFEA;
}

.user-page .user-collect-points .share-and-collect textarea,
.user-page .user-collect-points .share-and-collect select { border:1px solid #BDC7D8; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding:3px; } 
.user-page .user-collect-points .share-and-collect textarea:focus, select:focus {border-color:#687FB0} 
.user-page .user-collect-points .share-and-collect .field {border:1px solid #bdc7d8; padding:2px}  
.user-page .user-collect-points .share-and-collect .field:focus {border-color:#687FB0} textarea.field {width:99%;height:100px}


.user-page .user-collect-points .share-and-collect form textarea {
	border: 1px solid #E0E0E0;
	margin-bottom: -3px;
	color: #848484;
}

.user-page .user-collect-points .share-and-collect .twitter form .button,
.user-page .user-collect-points .share-and-collect .twitter form textarea {
	display: block;
}

.user-page .user-collect-points .share-and-collect .twitter form .button {
	text-transform: uppercase;
	font-size: 13px;
} 

.user-page .user-collect-points .share-and-collect .large-column {
	width: 565px;
	float: left;
	height: 100%;
	border-right: 1px solid #E0E0E0;
}

.user-page .FB_SERVER_IFRAME {
	height: 60px !important;
	margin-left: -10px;
	margin-top: 20px;
}

.user-page .FB_SERVER_IFRAME span.name {
	line-height: 17px;
}

.user-page .user-collect-points .share-and-collect .social-bookmarks ul {
	margin-top: 15px;
	width: 320px;
}

.user-page .user-collect-points .share-and-collect .social-bookmarks ul li {
	border: 0;
	padding: 0;
	width: 50%;
	height: 36px;
	float: left;
}

.user-page .user-collect-points .share-and-collect .social-bookmarks ul li p {
	font-weight: normal;
	margin-left: 1px;
	margin-top: 10px;
	font-size: 14px;
	display: inline-block;
}

.user-page .user-collect-points .share-and-collect .info p {
	font-size: 13px;
	text-align: right;
	padding-top: 12px;
}

.user-page .user-entries .separator p {
	float: left;
}

.user-page .remove-entries {
	cursor: pointer;
	display: inline-block;
	float: right;
}

.user-page .user-entries .remove-entry {
	border-color: #D00816;
	color: #D00816;
	display: none;
}

.user-page .user-entries div.confirm {
	background-color: #D00816;
}

.user-page .user-entries .remove-entry .confirm {
	display: none;
	color: #FFF;
}

.user-page .remove {
	font-size: 13px;
}

.user-page .remove span {
	float: right;
	margin-bottom: 20px;
	color: #0099FF;
	cursor: pointer;
	padding: 3px;
}

.user-page .remove span:hover {
	background-color: #0099FF;
	color: #FFF;
}

.user-page .remove .confirm:hover,
.user-page .remove .confirm {
	display: none;
	background-color: #D00816;
	color: #FFF;
}

/* Event
---------------------------------------------*/

.event-page {
	padding-top: 20px;
}

.event-archive dt {
	background-color: #0099FF;
	margin-top: 10px;
}

.event-page .event-archive dd {
	border: 0px solid #E0E0E0;
	padding: 0;
	display: none;
}

.event-page .event-archive .event-item {
	padding: 5px 0;
}

.event-page .event-archive dd .event-images {
	padding: 10px;
	border: 1px solid #E0E0E0;
}

.event-page .event-archive dd .event-image {
	margin-bottom: 8px;
	margin-left: 10px;
	float: left;
}

.event-page .event-archive .event-thumb {
	width: 132px;
	height: 108px;
}

.event-images {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 10px;
}

.event-images h3 {
	margin-bottom: 10px;
}

.event-images .event-thumb {
	width: 92px;
}

.event-images .photos {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.event-images a {
	background-color: #FFF;
	border: 1px solid #e0e0e0;
	display: inline-block;
	padding: 4px;
}

.event-images a:hover {
	border: 1px solid #0099FF;
}

.event-images .last {
	margin-right: 0px;
}



/* Competition page
---------------------------------------------*/

.competition-page {
	padding: 10px 0;
	font-size: 13px;
	line-height: 15px;
}

.competition-page .left-column dl {
	padding-top: 55px;
	display: block;
}

.competition-page .left-column dt {
	font-weight: normal;
	font-size: 25px;
	margin-bottom: 12px;
}

.competition-page .left-column dd {
	padding-bottom: 20px;
}

.competition-page .competition-image {
	margin-top: 45px;
}

.competition-page .header {
	color: #ff9900;
	line-height: 1em;
}

.competition-page .right-column {
	margin-top: 10px;
	border: 1px solid #E0E0E0;
	padding: 4px;
	background-color: #FFF;
}

.competition-page .right-column div {
	padding: 20px;
}

.competition-page .right-column h3 {
	display: inline-block;
	margin-bottom: 30px;
	border-bottom: 1px solid #0099FF;
}

.competition-page .right-column li {
	font-size: 13px;
	margin-bottom: 40px;
}

.competition-page .right-column li span {
	color: #0099FF;
}

.competition-page .right-column img {
	vertical-align: middle;
}

.competition-page .right-column .center {
	color: #5F5F5F;
	display: block;
	text-align: center;
}

.competition-page .right-column img,
.competition-page .right-column .describing-images {
	margin: 20px auto 0;
	display: block;
}

.competition-page .fb-login-button {
	margin: 45px 0;
	float: none;
}

.competition-page .fb-login-button span {
	margin-right: 10px;
}

.competition-page .fb-login-button img {
	vertical-align: middle;
}

.competition-page .fb_login_not_logged_in {
	margin: 0;
}

.competition-page .user-info {
	margin-top: 20px;
}

.competition-page .user-info .avatar {
	width: 50px;
	height: 50px;
	float: left;
}

.competition-page .user-info .logout {
	float: right;
	margin-top: 38px;
}

.competition-page .user-info span {
	float: left;
	margin-top: 38px;
	margin-left: 10px;
}

.competition-page .user-menu {
	padding: 50px 0 50px 25px;
}

.competition-page .user-menu li {
	width: 150px;
	height: 85px;
	text-align: center;
	color: #FFF;
	background-color: #0099FF;
	float: left;
	cursor: pointer;
	margin-right: 28px;
	border: 1px solid;
}

.competition-page .user-menu li:hover {
	color: #0099FF;
	background-color: #FFF;
	border: 1px solid #0099FF;; 
}

.competition-page .user-menu span {
	padding: 26px 0;
	display: block;
}

.competition-page .points ol {
	list-style: decimal;
	padding: 10px;
	margin-left: 20px;
	font-size: 11px;
}

.competition-page .points ul li ul {
	padding: 5px 0 0 20px;
}

.competition-page .points p {
	font-weight: normal;
	padding-bottom: 5px;
}

.competition-page .terms {
	font-size: 11px;
	font-weight: normal;
}


/* Gallery page
---------------------------------------------*/

.right-column .like {
	padding: 0;
	display: inline-block;
	background-color: #F6F6F6;
}

.right-column .like img {
	vertical-align: middle;
	margin-right: 7px;
}

.right-column .like p {
	font-size: 14px;
	padding: 7px;
}

.right-column .gallery-points ul,
.right-column .gallery-points p,
.right-column .gallery-points div {
	font-size: 11px;
	padding: 10px 15px 0px 25px;
}

.right-column .gallery-points p {
	float: left;
}

.right-column .gallery-points div p {
	padding: 0;
}

.right-column .gallery-points div .point {
	font-size: 30px;
	line-height: 32px;
	color: #ABABAB;
	padding-bottom: 10px;
}

.right-column .gallery-points .point {
	float: right;
}

.right-column .video-player {
	padding: 10px;
}

.gallery-area .gallery-image {
	padding: 4px;
	border: 1px solid #E0E0E0;
}

.gallery-area .gallery-image img {
	width: 100%;
}

.gallery-area .navigation {
	padding-top: 10px;
}


/* Image frontpage
---------------------------------------------*/

.latest-image {
	position: absolute;
	background-color: #0099FF;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 12px;
	top: -4px;
	left: -4px;
}

.top-score {
	padding: 10px 10px 0;
}

.top-score .thumb {
	display: block;
	margin: 0 10px 10px 0;
}

.top-score .info {
	display: block;
	margin-bottom: 10px;
}

.top-score .info .point {
	text-align: right;
}

/* Select image
---------------------------------------------*/

.select-photos {
	background-color: #FFF;
}

.select-photos .container {
	overflow: auto;
	height: 400px;
}

.select-photos .fb-photo {
	margin-left: 10px;
}

.select-photos .fb-photo img:hover {
	border: 1px solid #ABABAB;
}

.select-photos .fb-photo .selected {
	border: 1px solid #0099FF;
}

.select-photos .fb-photo input {
	display: none;
}

.select-photos .confirm {
	border-top: 1px solid #CCC;
	height: 140px;
	background-color: #f7f7f7;
}

.select-photos .confirm input,
.select-photos .confirm textarea,
.select-photos .confirm select { border:1px solid #BDC7D8; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding:3px; } input:focus, textarea:focus, select:focus {border-color:#687FB0} .field {border:1px solid #bdc7d8; padding:2px} .field:focus {border-color:#687FB0} textarea.field {width:98.5%;height:100px} 
.select-photos .confirm button { padding:1px 3px 1px 4px; font-size:11px; cursor:pointer; background:#3b5998; color:#fff; border:1px solid #0e1f5b; border-left-color:#D9DFEA; border-top-color:#D9DFEA; } 
.select-photos .confirm .button { 
	padding:1px 3px 1px 4px; font-size:11px; cursor:pointer; background:#3b5998; color:#fff; border:1px solid #0e1f5b; border-left-color:#D9DFEA; border-top-color:#D9DFEA;
	float: none;
}

.select-photos .caption {
	margin: 12px 10px 0;
	font-size: 11px;
	display: inline-block;
}

.select-photos .confirm textarea {
	margin: 5px 10px -4px;
}

.select-photos .checkbox-holder {
	font-size: 10px;
}

.select-photos .checkbox-holder .check-box {
	margin: 5px 0 0 8px;
	
}

.select-photos .checkbox-holder p {
	display: inline-block;
}

/* Upload image
---------------------------------------------*/

.upload {
	padding: 15px 60px;
	color: #666;
}

.upload p span {
	font-size: 11px;
}

.upload input, .upload textarea, .upload select { border:1px solid #BDC7D8; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding:3px; } 
.upload input:focus, .upload textarea:focus, .upload select:focus {border-color:#687FB0}
.upload .field {border:1px solid #bdc7d8; padding:2px} 
.field:focus {border-color:#687FB0} 
.upload textarea.field {width:98.5%;height:100px} 
.submit, .upload button { padding:1px 3px 1px 4px; font-size:1em; cursor:pointer; background:#3b5998; color:#fff; border:1px solid #0e1f5b; border-left-color:#D9DFEA; border-top-color:#D9DFEA; } 
.upload button.next, .upload button.cancel { background:#ddd; color:#111; border:1px solid #666; border-left-color:#ddd; border-top-color:#ddd } 

.fb_pop_content_container .upload .file-types {
	width: 250px;
	font-size: 10px;
	margin-bottom: 10px;
}

.upload .caption {
	margin: 12px 0 0;
}

.fb_pop_content_container .upload .terms {
	margin-top: 20px;
}

.fb_pop_content_container .upload .terms input {
	float: left;
}

.fb_pop_content_container .upload a {
	cursor: pointer;
	color: #0099ff;
}

.fb_pop_content_container .upload .terms p {
	margin-left: 5px;
	width: 280px;
	float: left;
}

.fb_pop_content_container .upload .finalize {
	margin-top: 10px;
	margin-left: 105px;
}

.fb_pop_content_container .upload .finalize * {
	float: left;
	margin-right: 8px;
}

.fb_pop_content_container .filesize {
	font-size: 9px;
	letter-spacing: -.02em;
	text-align: center;
	margin-bottom: 10px;
}


/* Clear
---------------------------------------------*/
.clear { clear: both; float: none; padding: 0; margin: 0; }