@charset "utf-8";
/* CSS reset by Eric Meyer - meyerweb.com */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, div.para, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus{outline: 0;} body{line-height: 1;color: #000;background: #fff;} ol, ul{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;} caption, th, td{text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes: "" "";} a{text-decoration: none;}
/* end reset */

/*
** Basic-Setups jeejee
*/

html, body {
	min-width: 100%;
	width: auto;
}

html {
	min-height: 100%;
	height: auto;
}

body {
	color: #000;
	font-family: arial, verdana, sans-serif;
    font-size: 62.5%; /* 10px = 1em */
    background: #f2d057 url("../img/themes/yellow/bg-page-yellow.gif") repeat-x left top; 

}

* {
	font-size: 1.0em;
}

/* Forms-Setup */
form, label, fieldset, textarea {
	border: none;
	margin: 0px;
	padding: 0px;
}

textarea, input, select, option {
	font-family: arial, verdana, sans-serif;
	color: #000;
	vertical-align: middle;
	text-align: left;
}

option {
	cursor: pointer;
}

input.submit,
input.radio,
input.checkbox {
	cursor: pointer;
	width: auto;
}

input.radio {
	background: transparent;
	border: none;
}

dt,
dd,
th,
td,
p {
	font-size: 1.2em;
	line-height: 16px;
}

p {
	margin-bottom: 20px;
}

td,
th {
	padding: 4px;
	vertical-align: middle;
}

td.valignTop {
	vertical-align: top;	
}

h1, h2, h3, h4, h5 {
	clear: both;
	font-weight: bold;
	overflow: hidden;
}

h2 {
	font-size: 1.4em;
	line-height: 18px;
}

h3 {
	font-size: 1.6em;
	line-height: 18px;
}

h4 {
	font-size: 1.8em;
	line-height: 20px;
}

b,
strong,
.bold {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

hr {
	margin: 12px 0 12px 0;	
}

ol {
	list-style:decimal;	
}

/* links */
a,
a:hover {
	color: #14528c; /* dark-blue */
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

a:hover {
	color: #88bbcc;  /* light-blue */
}


/*
** clearing
*/

/* force-clear - usually separates the containers */
.clear {
	padding: 0px;
	margin: 0px;
	line-height: 0.1px;
	font-size: 0.1px;
	height: 0.1px;
	display: block;
	clear: both;
	overflow: hidden;
}

/* to be use to clear containers */
.clearContainer {
	clear: both;
	height: 1%;
	overflow: hidden;
	display: block;
}

/* to be use to clear side by side floated elements */
.clearFix {
	height: 1%;
	overflow: hidden;
	display: block;
}


/*
** pageWrapper
*/

div#wrapper {
	width: 100%;
	min-width: 1100px;
	overflow: hidden;
	margin: 0px auto -20px auto;
	clear: both;
	height:100%;
	
}

#relative,
#footerImg {
	overflow: hidden;
	clear: both;
	width: 1100px;
	margin: 0px auto;
	
}

#footerImg {
	
	z-index:-2;
}

#relative {
	position: relative;
	z-index:1;
}

#widgetsRight {
	position:absolute;
	right:10px;
	top:28px;
	width:140px;	
}

.widgetSlot {
	/*margin-bottom:10px;	*/
}




/*
** Header
*/

div#header {
	width: 934px;
	overflow:visible;
	margin-top:10px;
}

#header .headerNavi {
	float:right;	
}

#header .recommendHolder {
	margin:0px 0 4px 8px;	
}

#header .recommendHolder:hover {
	cursor:pointer;	
}

.recommendLeft, .recommendRight {
	background: url('../img/sprites/newsprite1.png') no-repeat;
	height:25px;
	float:left;
}
.recommendLeft {
	background-position: -698px -2049px;
	width:28px;	
}

.recommendRight {
	background-position: -832px -2048px;
	width:15px;	
}

.recommendRight.bonus {
	background-position: -787px -2049px;
	width:25px;	
}

.recommendBg {
	background: transparent url('../img/recommend-bg.png') repeat-x 0px 3px;
	height:20px;
	float:left;
	padding-top:5px;
}

#header .recommendLink {
	height:auto;
	width:auto;
	padding:0;
	margin:0;
	background:none;
	font-face:verdana;
	color:#fff;
	font-size:10px;
	font-weight:bold;	
}

#header .recommendLink:hover {
	text-decoration:underline;
}
#header .headerNavi .headernav {
	float:left;	
	margin-top:6px;
}
#header .headerNavi .headernav li {
	float:left;
	background: url('../img/sprites/newsprite1.png') no-repeat;
	background-position: -105px -327px;
	padding:0 0 6px 10px;
	color:#000;
	font-size:1.1em;
		
}

#header .headerNavi .headernav li.first {
	background:none;
}
#header .headerNavi .headernav li a {
	color:#000;
}

#header .headerNavi .headernav li a:hover {
	color:#333;
	text-decoration:underline;
}

#header #mainNavi {
	background: url("../img/main-navi-bg.gif") repeat-x;
	height:52px;
	overflow:visible;	
}

#header #mainNavi .logo {
	float:left;
	margin:8px 0px 0px 14px;
	padding-right:18px;
}
#header #mainNavi ul {
	background-color:#fff;
	height:48px;
	overflow:visible;
	float:left;
	clear:right;
}
#header #mainNavi ul li {
	
	height:48px;
	float:left;
	border-right: solid 2px #fff;
	overflow:visible;
	
}
#header #mainNavi ul li a, #header #mainNavi ul li a:hover {
	background: url("../img/main-navi-link-bg.gif") repeat-x;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	height:30px;
	display:block;
	padding:18px 30px 0px 30px;
}
#header #mainNavi ul li a:hover {
	background: url("../img/main-navi-link-bg-hover.gif") repeat-x;
}
#header #mainNavi ul li.first {
	border-left: solid 2px #fff;
}

#header #mainNavi ul li a.active {
	border: solid 2px #e6b00f;
	border-bottom: none 0px transparent;
	background: #fff none;
	height:32px;
	z-index:99;
}

#header #mainNavi .shopButton, #header #mainNavi .shopButton:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -813px -261px;
	color:#333300;
	font-size:1.2em;
	font-weight:bold;
	height:24px;
	width:88px;
	display:block;
	padding:14px 0px 0px 34px;
	float:left;
	margin:6px 0 0 10px;
}

#header #mainNavi .shopButton:hover {
	background-position: -963px -262px;	
}

#header .loginBox {
	width:220px;
	min-height:84px;
	
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-top:20px;
	
}


#header .loginForm {
	display:block;	
}

#header .loginForm td {
	line-height:12px;
	padding:2px;
	color:#fff;
}

#header .loginForm {
	display:block;	
}
#header .loginForm td {
	line-height:12px;
	padding:2px;
	color:#fff;
}


#header .loginBox .loginForm .loginSubmit {
	 background: transparent url("../img-fi_fi/sprites/static-index1.png") -10px -10px;
 
	border: 0px solid transparent;
	display:block;
	width:58px;
	height:29px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	padding-bottom:5px;
}

#header .loginForm .signupLink {
	color:#ffcc66;
	font-weight:bold;	
}

#header .loginForm .signupLink:hover {
	color:#ffd7a2;	
	font-weight:bold;
	text-decoration:underline;
}

.naviBorderFix {
	position:relative;
	top:-2px;
	z-index:-2;
	margin-left:144px;
	width:791px;	
	border-top: solid 2px #e6b00f;
}
/* search-box */
#mainSearch .searchFieldHolder {
	margin:16px 10px 0 0;	
	float:right;
}
#mainSearch .searchField {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -20px -1316px;
	width:120px;
	height:20px;	
	padding:2px 0 0 4px;
	float:left;
}

#mainSearch #filterField {
	border:0px transparent;
	height:14px;
	width:100px;	
	line-height:14px;
}


#sidebar .fb_friends {
	margin-top:50px;	
}
/* Filter */
.filterButtonContainer {
margin-top:12px;
}
#filterDropDown {
	position: absolute;
	z-index: 99;
	width: 320px;
	overflow: hidden;
	border: 1px solid #337b93;
	background: #b2d7dc url("../img/panel-background.gif") repeat-x left top;
}

#filterDropDown p,
#filterDropDown label,
#filterDropDown strong {
	color: #133452;
}

#filterDropDown .checkbox {
	margin-right: 5px;
}

#filterDropDown label {
	margin-right: 15px;
}

#filterDropDown strong {
	padding: 4px 0px;
	width: 100%;
}

#filterDropDown #byUser {
	background: transparent url("../img/icon-filter-user.png") no-repeat 100px top;
}

#filterDropDown #byType {
	margin-top: 10px;
	background: transparent url("../img/icon-filter-type.png") no-repeat 100px top;
}

#filterDropDown .postButton {
	float: right;
	margin-top: 50px;
}	

#filterDropDown #filterGutter {
	padding: 10px;
	overflow: hidden;
}


/*
** Main
*/

#main {
	width: 934px;
	margin: 0px 0px;
	overflow:visible;
	
}


/*
** Sidebar
*/

#sidebar {
	float: left;
	width: 139px;
	padding: 8px 0px 0px 0px;
}

#sidebar .sidenav li {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 16px;
	background: url("../img/sprites/home1.png") no-repeat -10px -137px;
}

#sidebar .sidenav a {
	color: #002438;
	display: block;
	overflow: hidden;
	clear: both;
	cursor: pointer !important;
	padding: 5px 0px 5px 5px;
}

#sidebar .sidenav a:hover,
#sidebar .sidenav .active a {
	background: url("../img/sprites/home1.png") no-repeat -45px -186px;
	color: #107899;
}

#sidebar .fambitplusLogo {
	background: url("../img/sprites/home1.png") no-repeat -10px -235px;	
	width:111px;
	height:19px;
	display:block;
}
#sidebar .premium-box {
	margin: 20px 0px 0px 0px;
}

#sidebar .premium-box h3 {
	padding: 0px 0px 5px 0px;
	color: #107899;
	background: url("../img/sprites/home1.png") no-repeat -10px -137px;
	font-weight: normal;
}

#sidebar .premium-box h3 img {
	display: block;
	overflow: hidden;
	clear: both;	
}

#sidebar .sideBarLinks {
	margin-top:40px;
	margin-left:6px;	
}


/*
** Content
*/

#contentWrapper {
	float: left;
	width: 795px;
	overflow:visible;
	/*position: relative;*/
}

#content {
	float: left;
	min-height: 680px;
	border:solid 2px #e6b012;
	border-top:none 0px transparent;
	background:#fff;
	margin:0px 0 0 5px;
	padding-top:4px;
	width:787px;
	position:relative;
	top:-2px;
	
}

#content .frame {
	padding: 10px 0px 8px 0px;
}

.singleContent {
	width:100%;
}

#feedFilter {
	margin:4px 16px 0px 0;
	padding:10px;
	padding-top:2px;
}

#feedFilter label {
	position:relative;
	top: 1px;

}

#feedFilter span {
	position:relative;
	top:2px;
	float:left;
}

#feedFilterImg {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat;
	width:38px;
	height:20px;
	display:block;
	position:relative;
	left:4px;
	top:-2px;

}

#feedFilterImg.conversation {
	background-position:-12px -1488px;
}

#feedFilterImg.all {
	background-position:-82px -1486px;
}

/* Arrows */
#past-arrows {
	margin-right:34px;	
	margin-bottom:4px;
	float:right;
}
#past-month, #past-month:hover {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -12px -720px;
	width:17px;
	height:17px;
	display:block;
	float:left;	
}

#past-month:hover {
	background-position: -42px -720px;
}

#past-year, #past-year:hover {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -12px -738px;
	width:17px;
	height:17px;
	display:block;
	float:left;	
}

#past-year:hover {
	background-position: -42px -738px;
}

/* static */
#content .static {
	width: 795px;
	margin: 0px auto;
}

#content .static .list-gutter {
	min-height: 500px;
}

#main.mobile h3,
.static h2,
#modalWindow label {
	color: #E6B012;
	margin-bottom: 20px;
}

.static h2,
#modalWindow label {
	font-size: 1.8em;
	line-height: 24px;
}


.button-link{
	background: url("../img/button-link-right.png") right top no-repeat;
	color: #fff;
	display: table-cell;
	float: left;
	font-size: 1.2em;
	line-height: 30px;
	margin-left: 17px;
	text-align: center;
	font-weight:bold;
}

.button-link em {
	background: url("../img/button-link-left.png") left top no-repeat;
	float: right;
	font-style: normal;
	padding-left: 15px;
	margin-left: -15px;
	min-height: 38px;
	padding-right: 17px;	
}


.button-link:hover {
	background: url("../img/button-link-right-active.png") right top no-repeat;
	color: #fff;
}

.button-link em:hover {
	background: url("../img/button-link-left-active.png") left top no-repeat;
}

/* Forms */
/* Login form*/

#loginForm .former-div-input {
	clear: both;
	float:left;
	margin: 10px 10px 0 10px;
}

#loginForm .former-form label {
	color: #3b5666;
	float: left;
	font-size: 1.2em;
	padding-bottom: 0.3em;	
}

#login .former-form .former-input input {
	border: 1px solid #cfcfcf;
	float: left;
	font-size: 1.2em;
	margin: 0;
	margin-top: 0.6em;
	padding: 0.5em;
	width: 138px;	
}

#login .former-form .former-submit {
	clear: both;
	padding: 20px 10px;
}



fieldset div.formFieldContainer {
	float:left;
	margin: 10px 10px 0 10px;
}

fieldset div label{
	color: #3b5666;
	float: left;
	font-size: 1.2em;
	padding-bottom: 0.3em;
}

fieldset div.formFieldContainer input, fieldset div.formFieldContainer select {
	clear: left;
	float: left;
	margin-top: 0.6em;	
}

fieldset div.formFieldContainer input.textField {
	border: 1px solid #cfcfcf;
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em;
	width: 138px;	
}


fieldset {
	border: 1px solid #cfcfcf;
	color:#000;
	padding: 20px;
}

fieldset legend, fieldset h2 {
	color: #E6B012;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.0em;
	padding: 0 10px;
}

fieldset h2, fieldset h2 + a {
	margin-top: 20px;
	float: left;
}


fieldset div.formFieldContainer {
	float:left;
	margin: 10px 10px 0 10px;
}

fieldset div label{
	color: #000;
	float: left;
	font-size: 1.2em;
	padding-bottom: 0.3em;
}

fieldset div.formFieldContainer input, fieldset div.formFieldContainer select {
	clear: left;
	float: left;
	margin-top: 0.6em;	
}

fieldset div.formFieldContainer input.textField {
	border: 1px solid #cfcfcf;
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em;
	width: 138px;	
}

fieldset div.formFieldContainer input.checkBox {
	margin: 0;
	margin-right: 10px;
}

fieldset div.formFieldContainer select.multipleSelect {
	width: 150px;
}


fieldset div img.helpText {
	float: right;
	margin-left: 10px;
}

fieldset div.genderSelector {
	clear:left;
	float: left;
	height: 1.4em;
	padding: 6px 0px;
}

fieldset div.genderSelector label{
	float: left;
	padding: 0;
	padding-right: 10px;
}
fieldset div.genderSelector input{
	margin: 0;
	margin-right: 3px;
}

fieldset div.birthdaySelector label {
	clear: left;
	float: left;
	padding: 0;
}

fieldset span.birthdayLegend {
	float:left;
	font-size: 1.2em;
	left: 0;
	margin-bottom:-15px;
	position: relative;
	top: -15px;
}

fieldset span.usernameLegend {
	
	font-size: 1.4em;
	
	
	
}

fieldset div.birthdaySelector select {
	margin-top: 0.6em;
}

fieldset div.sendContainer {
	clear: both;
	float: left;
	margin-top: 20px;
	width: 470px;
}

fieldset div.sendContainer div.associateCheckBox {
	float:left;
	margin: 0px;
}

fieldset div.sendContainer div.associateCheckBox label{
	float:left;
	width: 300px;
}

fieldset div.sendContainer div.associateCheckBox input{
	float:left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}


p.termsText {
	clear:both;
	color:#3B5666;
	margin: 20px 0 20px 20px;
}

fieldset .captchaTemp { 
	padding-right: 1em;
	margin-right: 54px;
}



fieldset .genderContainer {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

fieldset .genderContainer input{
	margin: 0;
	padding: 0;
}

fieldset .genderContainer div{
	float: left;
	border:solid 2px #fff;
}

fieldset .genderContainer #adult {
	width: 43%;
}

fieldset .genderContainer #child {
	width: 35%;
}

fieldset .genderContainer #pet {
	width: 20%;
}



fieldset .genderContainer span.genderTitle {
	background-color: #d1e1e3;
	font-size: 1.2em;
	float: left;
	padding: 0.4em 0;
	width: 100%;
}

fieldset .genderContainer span.genderTitle em {
	font-style: normal;
	padding: 0 0.4em;
}

fieldset .genderContainer div label {
	height: 4em;
	padding: 0;
	width: 50%;
	position: relative;
}

fieldset .genderContainer div#pet label {
	width: 100%;
}
fieldset .genderContainer div label:hover {
	cursor: pointer;
}

fieldset .genderContainer div label input, fieldset .genderContainer div label span {
	position: relative;
	top: 45%;
	margin-left: 8px;
}

fieldset .genderContainer #adultMale {
	background: url("../img/avatars/male_blue.png") no-repeat 95% 95%;
}

fieldset .genderContainer #adultFemale {
	background: url("../img/avatars/female_red.png") no-repeat 95% 95%;
}

fieldset .genderContainer #childMale {
	background: url("../img/avatars/male_green.png") no-repeat 95% 95%;
}

fieldset .genderContainer #childFemale {
	background: url("../img/avatars/female_yellow.png") no-repeat 95% 95%;
}

fieldset .genderContainer #familyPet {
	background: url("../img/avatars/pet.png") no-repeat 95% 95%;
}

fieldset .genderContainer div#adult label.selected,
fieldset .genderContainer div#child label.selected,
fieldset .genderContainer div#pet label.selected {
	background-color: #d1e1e3;
}

div.leftSection {
	float: left;
	width: 50%;
}

div.leftSection2 p {
	font-weight:bold;
	font-size:1.2em;	
}
div.leftSection2 .yesText {
	margin-left:12px;	
}

div.rightSection {
	float: left;
	width: 50%;
}

/*
** Dashboard view / admin-panel view
*/

#content #dashboardNavi, 
#content #admindNavi {
	background-color: #ccc;
	float: right;
	position: relative;
	top: 1.4em;
	right:10px;
}

#content #dashboardNavi ul, 
#content #admindNavi ul {
	margin:0;
    padding:0;
}

#content #dashboardNavi li, 
#content #admindNavi li {
	background: url("../img/dashboard-navigation-bg-left.png") left top no-repeat;
	background-color:#ccc;
	float: left;
	margin: 0;
    padding: 0;
}

#content #dashboardNavi li a, 
#content #admindNavi a {
	background: url("../img/dashboard-navigation-bg-right.png") right top no-repeat;	
	display: block;
	color: #000;
	font-size: 1.2em;
	padding: 0.5em 2em;
}

#content #admindNavi a {
	padding: 0.5em 1em;	
}
#content #dashboardNavi li.activeTab, 
#content #dashboardNavi li:hover, 
#content #admindNavi li.activeTab,
#content #admindNavi li:hover {
	background: url("../img/dashboard-navigation-bg-left-active.png") left top no-repeat;
}

#content #dashboardNavi li.activeTab a, 
#content #dashboardNavi li a:hover,
#content #admindNavi li.activeTab a, 
#content #admindNavi li a:hover {
	background: url("../img/dashboard-navigation-bg-right-active.png") right top no-repeat;	
}

#content fieldset.admin-dashboard,
#content fieldset.admin-panel {
	clear: both;
	padding-top: 0;
}

#content fieldset.admin-dashboard #calendarForm {
	width:728px;
}


.rssHash {
	max-width:728px;	
}
.rssLinkBig {
	font-size:11px;
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -75px -718px;
	padding-left:50px;
	padding-top:10px;
	height:40px;
	display:block;
		
}

.rssLink {
	font-size:12px;
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -23px -1273px;
	padding-left:24px;
	padding-top:4px;
	height:20px;
	display:block;	
}

/* admin panel only */
fieldset.admin-panel #admin-table {
	border: 1px solid #ccc;
	border-bottom: 0;
	margin: 10px 0;
	width: 750px;
}

fieldset.admin-panel #admin-table tr {
	border-bottom: 1px solid #ccc;
}

fieldset.admin-panel #admin-table tr.odd {
	background-color: #E1EBFC;
}

fieldset.admin-panel #admin-table tr.stop-all {
	background-color: #ffaaaa;
}

fieldset.admin-panel #admin-table th {
	color: #88BBCC;
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px 10px;
}

fieldset.admin-panel #admin-table td {
	padding: 5px 10px;
}

fieldset.admin-panel #admin-table th.center,
fieldset.admin-panel #admin-table td.center {
	text-align: center;
}

fieldset.admin-panel .admin-panel-kidfinder-list {
	border: 1px solid #fff;
	float: left;
	margin-top: 10px;
	padding: 5px;
	width: 320px;
}

fieldset.admin-panel .admin-panel-kidfinder-list input[type=checkbox] {
	clear: both;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 0;
}

fieldset.admin-panel .admin-panel-kidfinder-list p {
	margin-bottom: 0;
}
	
fieldset.admin-panel .admin-panel-kidfinder-list .user {
	clear: both;
	float: left;
	padding: 5px 10px;
}


fieldset.admin-panel .admin-panel-kidfinder-list label{
	cursor: pointer;
	float: left;
	font-size: 1.2em;
	margin-left: 10px;
	padding: 0;
}

fieldset.admin-panel.email .textField,
fieldset.admin-panel.email .textArea {
	width: 400px;
}

fieldset.admin-panel.email .textArea {
	border: 1px solid #ccc;
	font-size: 1.2em;
	padding: 5px;
}
fieldset.admin-panel.email .textField {
	width: 400px;
}

fieldset.admin-panel div.targetSelector {
	clear:left;
	float: left;
	height: 1.4em;
	padding: 6px 0px;
}

fieldset.admin-panel div.targetSelector label{
	cursor: pointer;
	float: left;
	padding: 0;
	padding-right: 10px;
}
fieldset.admin-panel div.targetSelector input{
	cursor: pointer;
	margin: 0;
	margin-right: 5px;
}

/* admin panel campaigns */
.admin-gutter {
	padding:0px !important;
}

.campaign-panel {
	padding:10px;
}

.newCampaignRow {
	background-color:#ccffcc;	
}

fieldset.admin-panel #admin-campaign-table {
	border: 1px solid #ccc;
	border-bottom: 0;
	margin: 10px 0;
	width: 600px;
}

fieldset.admin-panel #admin-campaign-table tr {
	border-bottom: 1px solid #ccc;
}

fieldset.admin-panel #admin-campaign-table tr.odd {
	background-color: #E1EBFC;
}

fieldset.admin-panel #admin-campaign-table tr.stop-all {
	background-color: #ffaaaa;
}

fieldset.admin-panel #admin-campaign-table th {
	color: #88BBCC;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 6px;
	text-align:center;
}

fieldset.admin-panel #admin-campaign-table td {
	padding: 3px 3px;
	font-size: 1em;
	border: 1px solid #ccc;
	text-align:center;
}

fieldset.admin-panel #admin-campaign-table textarea {
	border: 1px solid #ddd;
	width:90%;
}
fieldset.admin-panel #admin-campaign-table th.center,
fieldset.admin-panel #admin-campaign-table td.center {
	text-align: center;
}
/* dashboard view only */

#content .admin-dashboard-table {
	font-size: 1em;
	margin-bottom: 20px;
	padding: 10px 0;
	width: 100%;
	
}

#content tr.admin-dashboard-list {
	background-color: #fff;
	padding: 10px 0;
	width: 100%;
}

#content tr.admin-dashboard-list.odd {
	background-color: #f2d057;
}

#content .admin-dashboard-table tr th {
	color: #E6B012;
	font-size: 1.2em;
	font-weight:bold;
}

#content .admin-dashboard-table tr {
	border: 1px solid #ddd;
}

#content .admin-dashboard-table tr th.rightsHeader {
	text-align: center;
}

#content .admin-dashboard-table tr th img{
	vertical-align: middle;
}

#content tr.admin-dashboard-list td {
	font-size: 1.2em;
	padding: 8px 2px 8px 6px;
}

#content tr.admin-dashboard-list td.buttonCell {
	font-size: 1em;
	padding-top: 8px;
	padding-bottom: 6px;
}

#content .admin-dashboard-list .rightsRadio {
	text-align: center;
}

#content .admin-dashboard-list .rightsRadio label {
	cursor: pointer;
	margin-right: 10px;
}

#content .admin-dashboard-list td.rightsRadio span {
	letter-spacing: 0.05em;
}

#content .admin-dashboard-list .rightsRadio input {
	margin: 0;
	padding: 0;
}

#content .buttonsContainer {
	float: left;
	margin-top: 20px;
	width: 100%;
}

#content .buttonsContainer p {
	float: none;
	margin: 0;
}

#content .buttonsContainer p.marginLeft10 {
	margin-left: 10px;
}

#content .buttonsContainer input {
	float: right;
} 


#content .admin-dashboard .themeSelector {
	cursor: pointer;
	float: left;
	padding: 10px;
	text-align: center;
	width: 120px;	
}

#content .admin-dashboard .themeSelector .former-radio {
	margin-top:5px;
}

#content .admin-dashboard .themeSelector img {
	cursor: pointer;
}

#content .admin-dashboard .themeSelector label {
	cursor: pointer;
	padding-bottom: 5px;
}

#content .admin-dashboard .themeSelector span {
	float: left;
	margin:2px 0px 0px 4px;
}

#content .admin-dashboard .themeSelector input {
	
	float: left;

}


#content .admin-dashboard .familyPhoto {
	border: 1px solid #ccc;
	float: right;
}


#content .admin-dashboard .calendar-subscription-container {
	float: left;
	padding:8px;
	margin: 10px 4px 4px 4px;
	box-shadow:0 0 6px #888;
}

#content .calendar-add {
	padding:8px;
	margin: 10px 4px 4px 10px;
	box-shadow:0 0 6px #888;
	width:280px;
}

.calendarAddButton, .calendarAddButton:hover {
	background-image: linear-gradient(bottom, rgb(131,194,37) 0%, rgb(202,247,118) 100%);
	background-image: -o-linear-gradient(bottom, rgb(131,194,37) 0%, rgb(202,247,118) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(131,194,37) 0%, rgb(202,247,118) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(131,194,37) 0%, rgb(202,247,118) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(131,194,37) 0%, rgb(202,247,118) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(131,194,37)),
		color-stop(1, rgb(202,247,118))
	);
	background-color:#83c225;
	border-radius:4px;
	border:1px solid #629c0c;
	font-size:12px;
	color:#3a5e03;
	text-shadow:1px 1px 0px #fff;
	font-weight:bold;
	box-shadow: 0 0 2px #888;
	margin:2px;
}

.calendarAddButton:hover {
	background-image: linear-gradient(bottom, rgb(140,222,17) 0%, rgb(231,255,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(140,222,17) 0%, rgb(231,255,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(140,222,17) 0%, rgb(231,255,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(140,222,17) 0%, rgb(231,255,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(140,222,17) 0%, rgb(231,255,184) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(140,222,17)),
		color-stop(1, rgb(231,255,184))
	);
	background-color:#8cde11;
	
}

.calendar-add .calendarAddButton, .calendar-add .calendarAddButton:hover {
	margin-top:6px;
}
.icalMembers ul {
	margin-top:-10px;
}

.icalMembers ul li {
	display:inline-block;
	width:100px;
	padding: 10px 0 0 10px;

}

.icalMembers ul li input {
	margin:0;
	clear:none;
	margin-right:6px;
		
}


.icalurls {
	padding:4px;
	margin-top: 10px;	
}

.iCalHash a {
	font-size:14px;
	
}


.calendar-subscription-container .headers {
	float: left;
	padding: 0 10px;
	width: 365px;
}

.calendar-subscription-container .headers div {
	float: left;
}

.calendar-subscription-container .headers h3 {
	color: #E6B012;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
}

.calendar-subscription-container .subscription {
	clear: both;
	float: left;
	padding: 10px 10px;
	width:350px;
}

.calendar-subscription-container .subscription p {
	margin: 0;
	padding: 0;
}

.calendar-subscription-container .subscription.alt {
	background-color: #e7e8e8;
}

.calendar-subscription-container .subscription.alt2 {
	background-color: #fff;
}

.calendar-subscription-container .subscription .removeBox {
	text-align: center;
}

.calendar-subscription-container .subscription .removeBox input{
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.calendar-subscription-container .subscription div {
	float: left;
}

.calendar-subscription-container .subscription div p {
	color:#000;
}

.calendar-subscription-container .subscription div.button-holder {
	padding-top: 5px;
}



.calendar-subscription-container .reminder-container {
	background: url("../img/reminder-container-background-top.png") top center no-repeat;
	clear: both;
	display: none;
	margin: 10px 0;
	min-height: 150px;
	padding: 0px;
	padding-bottom: 0;
	width: 380px;
}

.calendar-subscription-container.plus {
	overflow:hidden;
	display:block;	
}
.calendar-subscription-container .reminder-container.plus {
	display:block;	
}

.calendar-subscription-container .bottom-img {
	background: url("../img/reminder-container-background-bottom.png") bottom center no-repeat;
	height: 24px;
	width: 380px;
}

.calendar-subscription-container .reminderSubjects {
	color:#fff;	
}

.calendar-subscription-container .inner-container {
	padding: 20px;
	padding-bottom: 0;
	min-height:150px;
	width:340px;
}

.calendar-subscription-container .inner-container label {
	color: #fff;
}

.calendar-subscription-container .inner-container select.multipleSelect {
	height: 80px;
	float: left;
	width: 150px;
}

.calendar-subscription-container .inner-container table {
	margin: 0;
	padding: 0;
	width: 100%;
}




/*
** Feed-List
*/

#content .lists-holder {
	float:left;
	padding:0 0;
	width:784px;

}

#content .lists-holder .left {
	float:left;
	width:517px;
	padding-left:6px;
}

#myAvatar {
	width:34px;
	height:34px;	
}
#content .lists-holder .left .post-avatar {
	float: left;
	width: 46px;
	height: 46px;
	margin:20px 6px 0 6px;
	z-index:-1;
	/*background: transparent url("../img/sprites/home1.png") no-repeat -10px -530px;*/	
}

#content .lists-holder .left .post-avatar {
	cursor:pointer !important;
}

#hotswapToggle {
	cursor:pointer !important;
	display:block;	
}
.hotswapIcon {
	float:left;
	position:relative;
	background:	#f2d057 url("../img/sprites/newsprite1.png") no-repeat -12px -770px;
	width:8px;
	height:8px;
	top:-14px;
	left:25px;
	border: solid 1px #E6B012;
}

#hotswapField {
	position:absolute;
	top:106px;
	left:4px;
	width:40px;
	z-index:99;
	background-color:#f2d057;
	border:1px solid #E6B012;
	text-align:center;
}

#hotswapField a, hotswapField a:hover {
	padding-top:4px;
	display:block;
	cursor:pointer;	
}

#hotswapField a:hover {
	background-color:#ddd;	
}
#hotswapField img {
	width:36px;
	height:36px;	
}
#content .lists-holder .left #note-textField {
	line-height:14px;
	font-size:1.3em;
	width:400px;
	
	float:left;
	overflow:auto;
	border:solid 1px #ddd;
	padding:2px;
	margin-bottom:6px;
}

#content .lists-holder .noteHolder { 

}


#content .lists-holder .textFieldVisual {
	background:#eee;
	float:left;	
	padding:12px 16px 10px 16px;	
	margin:16px 0px 8px 0px;
}

.textFieldVisual .bubbleTip {
	left:-26px;
	top:4px;	
	margin-left:0;
	margin-right:-16px;
}
#content .lists-holder .imgUploadWrap {
	height:100%;
	display:block;
}




#content .lists-holder .imgUploadWrap .addPostImages, #content .lists-holder .imgUploadWrap .addPostImages:hover {
	position:relative;
	top:8px;
	background: transparent url("../img/sprites/newsprite1.png") no-repeat -8px -339px;
	height:17px;
	display:block;
	float:left;
	padding:3px 0 0 30px;
	font-weight:bold;
	color:#000;
}

#content .lists-holder .imgUploadWrap .addPostImages:hover {
	color:#333;	
}

.MultiFile-label {
	padding:6px;	
}

#content .lists-holder .left .postButtonWrap {
	margin:2px 10px 0 0;
	
}

#content .lists-holder .right {
	float:left;
	width:261px;
	
}

/*Axupload*/
#axUploader input {
	position:absolute;
	left:-2000px;
	top:-2000px;	
}

#axUploader table input {
	display:block;	
	position:static;
	left:0px;
	top:0px;
}

#axUploader .ax-file-list {
	width:400px;
	background-color:#fff;
	margin-top:10px;
}

#axUploader .ax-file-name {
	overflow:hidden;
	word-wrap:break-word;
	width:225px;
	max-width:225px;	
}
#axUploader td {
	padding:6px;
	border:solid 1px #333;
}
#axUploader .ax-progress-td, #axUploader .ax-remove-td {
	vertical-align:top;
}
#axUploader .ax-progress-td {
	width:100px;	
	text-align:center;
}
#axUploader .ax-remove-td {
	width:40px;	
}

#axUploader .ax-progress-div {
	background-color:#a0ed3b;
	border:solid 1px #6b8548;
	border-radius:4px;
}	

/*
** Todolist in the upper part
*/
/*
#content .lists-holder .right .todoListHolder {
	background:url("../img/sprites/newsprite1.png") no-repeat -7px -373px transparent;
	height:138px;
	width:337px;
	display:block;
	padding:8px 0 8px 12px;
}
*/
#content .lists-holder .right .todoListHolder h1 {
	font-size:1.2em;
	clear:none;
	line-height:14px;
	float:left;	
}
.trophyLink {
	float:right;
	font-size:11px;
	line-height:14px;
	text-decoration:underline;
	margin-bottom:4px;

}
.trophyLink img {
	height:16px;
	width:16px;
	vertical-align:middle;	
}

.todoListHolder .earnedTrophies {
	margin-right:16px;
	width:217px;
	min-height:44px;

}

.earnedTrophies .trophyIcon {
	height:30px;
	width:30px;	
}

#content .todoList {
	margin-top:2px;	
	margin-left:20px;
	color:#625555;
	font-family: 'Permanent Marker';
}
#content .todoList a {
	font-family: arial;	
}

.todoList li {
	margin-bottom:4px;	
}
.postit-top {
	width:227px;
	height:4px;
	background: url('../img/postit-top.png') no-repeat;
	overflow:visible !important;
}

.postit-top img {
	position:relative;
	top:-8px;
	left:120px;	
}
.postit-repeat {
	width:197px;
	background: url('../img/postit-repeat.png') repeat-y;
	padding:20px 10px 20px 20px;
}

.postit-repeat .trophyImg {
	position:relative;
	top:-6px;	
}

.postit-bottom {
	width:227px;
	height:41px;
	background: url('../img/postit-bottom.png') no-repeat 1px 0;
	overflow:visible;
}

.todoList textarea {
	height:auto;
	width:180px;
	background-color:transparent;
	resize:none;

}
/*
#content .lists-holder .right .todoList li, #content .lists-holder .right .todoList li.sticky {
	background:url("../img/sprites/newsprite1.png") no-repeat -837px -1533px transparent;
	width:270px;
	height:22px;
	line-height:19px;
	display:block;
	padding:5px 5px 0 20px;
	font-size:1.1em;
	font-weight:bold;
	overflow:hidden;
		
}

#content .lists-holder .right .todoList li.sticky {
	background:url("../img/sprites/newsprite1.png") no-repeat -445px -1533px transparent;
}
*/

.todoActions {
	float:left;
	position:relative;
	left:12px;
	top:-14px;
	width:150px;
}	


#todoFirst {
	margin-bottom:40px;
		
}
#todoFirst .todoActions {
	top:0px;	
}

.todoList .saveInstruction {
	margin-left:20px;	
	font-family: arial;
}

.todoList #todoFirst textarea {
	font-size:12px;
	line-height:16px;
	background-color:#fff;
	border:solid 1px #ddd;	
}
#content .lists-holder .right .todoList li span, .todoList li {
	float:left;
	font-size:12px;
	line-height:14px;
	
}

.todoList .todoSubjects {
	font-size:16px;	
}

.todoList .contentEdit {
	margin-bottom:20px;	
}

#content .lists-holder .right .todoList li .tooltip-todo img {
	height:18px;
	width:18px;
	margin:none;
	padding:0;	
	vertical-align:middle;
}
 
#content .lists-holder .right .todoList li .editTodo, .addTodoPop {
	height:22px;
	padding-left:26px;
	display:block;
	background:transparent url('../img/sprites/newsprite1.png') no-repeat;
	background-position: -792px -2540px;
	overflow:hidden;	
}

#content .lists-holder .right .todoList .editTodo span, #content .lists-holder .right .todoList .sendTodoMob span, #content .lists-holder .right .todoList .addTodoPop span {
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;	
}

.editTodo span {
	margin-top:2px;	
}

#content .lists-holder .right .todoList li .editTodo:hover {
	cursor:pointer;	
}

#content .lists-holder .right .todoList li .todoMoreHolder {
	width:50px;
	overflow:hidden;
	font-size:0.9em;	
}

#content .lists-holder .right .todoList li a.markAsDone,  #content .lists-holder .right .todoList li a.markAsDone:hover {
	background:url("../img/sprites/newsprite1.png") no-repeat -786px -2734px transparent;
	width:41px;
	height:30px;
	display:block;
	float:right;
	position:relative;
	right:10px;
	top:-8px;
}
#content .lists-holder .right .todoList li a.markAsDone:hover {
	background:url("../img/sprites/newsprite1.png") no-repeat -786px -2763px transparent;
}

.todoActions .sendTodoMob {
	position:relative;
	top:4px;
	left:2px;
}
#content .lists-holder .sendTodoMob img {
	margin-right:8px;
}


.datePlaceHolder {
	width:85px;
	display:block;
	float:right;	
}

.reminderHolder {
	padding:2px 4px 0px 4px;	
	float:left;
	width:20px;
	display:block;
}

.reminderHolder a {
	float:left;	
}

#content .lists-holder .list h2 .reminderHolder img{
	margin:0 0 0 0;	
}

.lists-holder, #content .static {
	width:773px;
}

#content .ttl {
	border: none !important;
	background: transparent url("../img/sprites/newsprite1.png") no-repeat -8px -536px;	
	margin:6px 0;
}

#content #presentToday.ttl {
	margin-top: 8px;
}

#content .ttl p {
	margin: 0px 65px 0px 0px;
	float: right;
	padding: 0px 10px;
	text-align: center;
	font-size: 1.4em;
	line-height: 22px;
	font-weight: bold;
	background: #fff;
	color: #e6b012;
}





#content .lists-holder .list .entryContent a {
	float:none;
	word-wrap: break-word;
}

#content .entryContent .contentBadge {
	margin-right:6px;	
}
#content .lists-holder .list .bubble p a {
	float:none;	
}



#content .lists-holder .list .avatar {
	float: left;
	display: block;
	overflow: hidden;
	width: 36px;
	height: 38px;
	margin-right:8px;
	margin-top:3px;
}

#content .lists-holder #calendarStream .list .avatar {
	margin-top:0px;
}
#content .lists-holder .list .avatar a,
#content .lists-holder .list .avatar a:hover {
	display: block;
	overflow: hidden;
	font-size: 36px;
	line-height: 36px;
}

#content .lists-holder .list .avatar img {
	display: block;
	overflow: hidden;
	width: 34px;
	height: 34px;
}

.entryBubble, .bubble {
	border:solid 2px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:12px;	
	-webkit-box-shadow:3px 3px 5px #ccc; 
	-moz-box-shadow:3px 3px 5px #ccc;
	-o-box-shadow:3px 3px 5px #ccc;
	box-shadow:3px 3px 5px #ccc;
	margin-right:5px;
	margin-bottom:4px;
}

.entryBubble.note, .entryBubble.image, .bubble {
	border-color:#fb9b9e;
}

.bubble.postfield {
	border-color:#FB9B9E;	
}

.bubbleTip {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat;
	display:block;
	height:14px;
	width:14px;
	float:left;
	position:relative;
	left:6px;
	top:17px;
	margin-left:-10px;
}

.bubbleTip.note, .bubbleTip.image, .bubbleTip {
	background-position: -20px -1437px;	
}

.bubbleTip.todo {
	background-position: -95px -1437px;
		
}

.bubbleTip.event {
	background-position: -58px -1437px;
		
}

.bubbleTip.textField {
	/*background-position: -136px -1437px;*/
	/*background-position: -20px -1437px;	*/
	background-position: -175px -1437px;
		
}
.entryBubble.note .bubbleTip, .entryBubble.image .bubbleTip, .bubble .bubbleTip {
	
}
.entryBubble.event {
	border-color:#a9c3e0;
}

.entryBubble.todo {
	border-color:#fed100;
}
#content .lists-holder .list .center {
	float: left;
}

#content .list.present {
	padding:0px 6px 20px 0;	
}


#content .lists-holder .list .text {
	
}

#content .lists-holder .list h2 {
	
}

#content .lists-holder .list h2 a {
	
	float: left;
	cursor: pointer;
}

#content .lists-holder .list h2 a:hover,
#content .lists-holder .list h2.active a {
	
}

#content .lists-holder .list .entryContent {
	font-size:1.3em;
	line-height:15px;
	width:300px;
	word-wrap: break-word;
	padding-bottom:8px;
}

#content .lists-holder .list .entryHeading {
	font-weight:bold;	
}

#content .lists-holder .list h2 a:hover span,
#content .lists-holder .list h2.active span {
	
}

#content .lists-holder .list h2 img {
	display: block;
	overflow: hidden;
	float: left;
	margin: 2px 10px 0px 0px;
}

#content .lists-holder .list h2 strong {
	float: left;
}

#content .lists-holder .list .text p {
	
}

#content .lists-holder .list .text p span {
	
}

#content .lists-holder .list .text p img {
	
}

#content .lists-holder .image h2 a img {
		
}

#content .lists-holder .list .date {
	float: right;
	font-size: 1.1em;
	line-height: 14px;
	color: #888;
	text-align: right;
	height:45px;
	padding: 0px 5px 0px 0px;
}

#content .lists-holder .list .date.commentTime {
	height:auto;
}
#content .lists-holder .list .date.eventDate {
	color: #002438;
}

.row {
	position: relative;
	padding: 8px 0px;
	width: 100%;
}

.calendarLine .row {
	width:100%;	
}



.first .row {
	/*padding-top: 0px;*/
}

.actions {
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 96;
	bottom: 18px;
	right: 8px;
	padding-left: 80px;
}

.actions a,
.actions a:hover {
	float: left;
	display: block;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	line-height: 12px;
	width:4em;
	color: #777;
	border-left: 1px solid #ccc;
	padding: 16px 0px 0px 0px;
}

.actions a:hover {
	text-decoration: underline;
}



.actions .send {
	background: url("../img/sprites/newsprite1.png") no-repeat -295px -1383px;
}

.actions .xmasCompetition, .actions .xmasCompetition:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -358px -1383px !important;
	width:5em;
}

.actions .star {
	background: url("../img/sprites/newsprite1.png") no-repeat -173px -1385px;
}

.actions .feel {
	background: url("../img/sprites/newsprite1.png") no-repeat -580px -1383px;	
}

.actions .delete {
	background: url("../img/sprites/newsprite1.png") no-repeat -444px -1383px;
}

.actions .thumbUp {
	background: url("../img/sprites/newsprite1.png") no-repeat -48px -1384px;
}

#content .lists-holder .list .bubble .holder {
	
	float: left;
}

#content .lists-holder .list .bubble {
margin: 8px 5px 8px 94px;
}

/* Small comment field */
#content .smallComment {
	margin: -2px 0px -2px 94px;	
}

#content .smallComment .frame {
padding:2px;	
	
}
#content .smallComment p {
margin:0;	
	padding:0;
}

.smallComment .commentField {
	height:14px;
	color:#ddd;	
}
#content .lists-holder .calendarStream .list .bubble {
	margin: 8px 0px 8px 164px;	
}

.calendarStream .commentField {
	width:260px;	
}

#content .lists-holder .list .bubble.last .holder {
	margin-bottom: 8px;
}

#content .lists-holder .list .bubble .frame {
	padding: 0px 0px 7px 0px;
	float: left;
}

#content .lists-holder .list .holder,
#content .lists-holder .list .frame {
	background: transparent;
}

#content .lists-holder .list .bubble img {
	display: block;
	overflow: hidden;
	float: left;
	width: 16px;
	height: 16px;
}

#content .lists-holder .list .bubble a img {
	width: 30px;
	height: 30px;
}

#content .lists-holder .list .bubble p {
	margin: 0px 0px 0px 5px;
	float: left;
	overflow: hidden;
	width: 220px;
	font-size:1.3em;
	word-wrap:break-word;
}

#content .lists-holder .list .addComment p {
	width:310px;	
}

#content .lists-holder .calendarStream .list .bubble p {
	width:260px;
}
#content .eventContent {
	margin:6px 0 0 0;
	
		
}
#content .eventContent .calendarTimes {
	padding:0 0 0 0;	
	width:40px;	
}

#content .lists-holder .list .eventContent .text {
	paddin-top:4px;
}

/* Event related content */

#content .calendarTimes {
	float:left;
	width:70px;
	padding: 6px 0 0 0;
	
}

#content .calendarStream h2 {
	margin-bottom:0px;	
}

#content .calendarStream ul.list {
	margin-top:0px;	
}
#content .calendarTimes ul.calendarTimeList {
	float:left;
	padding:0 16px 0 0;
}

#content .calendarTime {
	float:left;
	padding:0px 0 0 6px;
	width:70px;	
	font-size:12px;
	line-height:14px;
}

#content .calendarStream .calendarTime {
	width:45px;	
}

#content .eventContent .calendarTime {
	float:left;
	padding:0px 8px 0 8px;
	margin-top:15px;
	width:50px;
	font-size:0.8em;
	vertical-align:center;
}

#content .lists-holder .list .calendarLine  {
	border-bottom:2px solid #ddd;
	padding:4px;
}

#content .lists-holder .list .calendarLine.startOfMonth {
	background-color:#a9c3e0;
	padding:0px 0px 0px 20px;
	border:solid 2px #33649d;	
}

#content .lists-holder .list .calendarLine.startOfMonth h1 {
	font-size:1.6em;
	font-weigth:bold;	
	color:#000;
	line-height:1.6em;
}

#content .lists-holder .list .weekend  {
	border-bottom:3px solid #CED4D6;
	background-color:#ddd;
	padding:4px;
}

#content .lists-holder .calendarLine .feedLine {
	border-top:0px none transparent;
	width:660px;
	
}

#content .lists-holder .calendarLine h2 a:hover,
#content .lists-holder .calendarLine h2.active a {
	background: none;
}


#content .lists-holder .calendarLine h2 a:hover span,
#content .lists-holder .calendarLine h2.active span {
	background: none;
}


#content .calendarLine .row.hover {
	background:none no-repeat transparent !important;	
}

#content .lists-holder .calendarLine .first-line {
	
}

#content .calendarTimes .calendarTimeList li.calendarDay {
	border:0px none transparent;
	font-size:2.8em;
	font-weight:bold;	
}

#content .calendarTimes .calendarTimeList li.calendarTime, #content .calendarTimes .calendarTimeList li.calendarWeekDay {
	border:0px none transparent;
	font-size:1.2em;
	padding: 0 0 0 0;
}

.calTtl {
	float:left;
	font-size:2em;
	color:#A8D1D6;	
}
.calendarForm {
	position:absolute;
	top:230px;
	left:870px;	
}

#content .lists-holder .calendarStream .list .entryContent {
	font-weight:normal;
	font-size:1.2em;
	line-height:14px;
	float:left;
	padding:2px 8px 0px 4px;
	width:340px;
}

.eventActions a {
	display:block;
	height:22px;
	width:22px;
	float:left;
	margin-right:8px;	
	background:transparent url('../img/sprites/newsprite1.png') no-repeat;
	text-align:center;
}

.eventActions a span.count {
	color:#000;
	text-shadow: #fff 1px 1px 0px;
	position:relative;
	top:-1px;
}

.eventActions a.addEventAttachment {
	background-position: -792px -2587px;	
}

.eventActions a.commentEvent {
	background-position: -791px -2632px;	
}
.eventActions a.deleteEvent {
	background-position: -454px -1382px;	
}
.eventActions a.editEvent {
	background-position: -792px -2540px;	
}
.calendarStream .text {
		
	margin-left:0px !important;
	padding:0 0 0 0px !important;
}

.showCalendarCommentsContainer label {
	position:relative;
	top:2px;	
}
#showCalendarComments {
	margin-top:4px;	
}
.calAjaxLoader {
	
	width:100%;
	text-align:center;
	margin-top:20px;	
}
.calendarLinks {
	padding:6px 4px 0px 4px;
	margin-left:0px;
	float:left;
	margin-bottom:2px;	
}
.calendarLinks input {
	margin:0 4px 4px 0;	
}
.calendarMailExportHolder {
	padding:6px 4px 6px 4px;
	
	
	border:solid 1px #33649D;
	-border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:6px;
}

.calendarMailExportHolder input {
		margin:0 4px 2px 0;
}

.calendarMailExportHolder hr {
	color:#33649D;
	margin:2px 0 2px 2px;
}

#icalExport {
	float:left;
	
}

#icalExportView a {
	font-size:9px;	
}

/* Weekly view */
.weeklyMembers {
	width:400px;	
}
.weeklyMembers p {
	margin-bottom:6px;	
}

.calendarShare fieldset {
	padding:8px 4px 4px 8px;
}

.calendarShare fieldset legend {
	color: #E6B012;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.2em;
	padding: 0 4px;
}

/* Calendar attachments */
.eventAttachments {
	margin-left:164px;
	margin-top:10px;	
	
}

.text .eventAttachmentList {
	margin: 0 0 0px 45px;
	
}
.eventAttachments fieldset {
	padding:8px;	
}
.eventAttachmentList {
	margin: 0px 0 0 16px;	
}
.eventAttachmentList li {
	margin-bottom:6px;	
	display:block;

}

.eventAttachmentList li a.attachmentIcon {
	display:block;
	padding-left:20px;
	height:16px;
	background: transparent url('../img/sprites/newsprite1.png') no-repeat;

}

a.attachmentIcon.image {
	background-position: -796px -2344px !important;	
}
a.attachmentIcon.document {
	background-position: -795px -2312px !important;	
}
a.attachmentIcon.pdf {
	background-position: -795px -2375px !important;	
}
a.attachmentIcon.spreadsheet {
	background-position: -795px -2408px !important;	
}
a.attachmentIcon.txt {
	background-position: -795px -2439px !important;	
}
a.attachmentIcon.video {
	background-position: -795px -2471px !important;	
}

a.attachmentIcon.presentation {
	background-position: -795px -2502px !important;	
}

/* Calendar navigation */
#calNaviLinks {
	margin-top:2px;
	margin-left:3px;
}
#calNaviLinks a {
	background:url('../img/sprites/newsprite1.png') no-repeat;
	display:block;
	height:16px;
	padding:0px 6px 0px 22px;	
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	margin-right:4px;
	float:left;
}

#calNaviLinks a.selected {
	background-color:#ddd;
}
#calNaviLinks .calNaviList {
	background-position: -878px -2053px;
}
#calNaviLinks .calNaviWeek {
	background-position: -878px -2094px;
}
/* For homepage */
#content .entryContent .calendarTimes .calendarTimeList li.calendarTime, #content .entryContent .calendarTimes .calendarTimeList li.calendarWeekDay {
	font-size:inherit;	
}

#content .entryContent .calendarTimes .calendarTimeList li.calendarDay {
	font-size:2em;
	line-height:22px;
}

#content .entryContent .eventContent .calendarTime {
	float:left;
	padding:0px 2px 0 2px;
	margin-top:0px;
	width:60px;
	font-size:0.8em;
	vertical-align:center;
}

#content .lists-holder .list .eventContent .entryContent {
	font-size:inherit;
	width:auto;
	word-wrap: break-word;
		
}

/* homepage ends */

#content .calendarStream .calendarEntryContent {
	border-top: solid 1px #888;	
	padding: 8px 0 8px 12px;
}

#content .calendarStream .calendarEntryContent.first {
	border-top: none 0px transparent;	
}

/* Eventcontent ends */

#content .lists-holder .list .systemComment p {
	color:#8bc;
}

#content .lists-holder .list .bubble a {
	float: left;
	
}

#content .lists-holder .list .bubble a:hover {
	text-decoration: underline;
}



.emailField,
.commentField {
	font-size: 1.0em;
	line-height: 14px;
	width: 265px;
}

.commentField {
	border: solid 1px #ddd;
	padding:2px;
	margin-bottom:2px;	
	width:300px;
	line-height:14px;
	height:70px;
}

.sendComment {
	font-size: 1.0em;
	line-height: 12px;
}

.bubble .loading {
	float: none !important;
}



.row .text a.pic,
.row .text a.pic:hover {
	background: transparent !important;
	display:block;
	width:90px;
	height:68px;
	float:left !important;
	position:relative;
	left:4px;
	overflow:hidden;
	border:double 4px #ddd;
	text-align:center;
}
.row .text a.pic:nth-child(3n+1) {
	width:190px;
	height:143px;
	left:0px;
	margin-bottom:5px;
	overflow:hidden;
}
.row .text a.pic img,
.row .text a.pic:hover img  {
	margin-top: 0px !important;
	vertical-align:middle;
	max-height:120px;
	max-width:120px;
}

.row .text a.pic.single, .row .text a.pic.single img {
	max-height:auto;
	max-width:auto;	
	width:auto;
	height:auto;
}

.row .text a.pic.flickrPhoto, .row .text a.pic.flickrPhoto img {
	height:75px;
	width:75px;	
}

.row .text a.pic.flickrPhoto, .row .text a.pic.flickrPhoto:hover {
	display:inline-block;
	float:none !important;	
}



.row .text a.pic:nth-child(3n+1) img {
	max-height:255px;
	max-width:255px;
}


.bubble .smiley,
.entryContent .smiley {
	
	display: inline !important;
	float: none !important;
	margin: 0px 0px 0px 2px !important;
	vertical-align:middle;
}
.entryThumbs {
	width:300px;
	min-height:22px;
	padding-left:10px;
	padding-top:4px;
	margin-bottom:2px;
}



.thumbNames {
	font-size:0.9em;
	color:#002438;	
	line-height:18px;
	vertical-align:middle;
	float:left;
	margin:0 8px 0 2px;
}

.cheerIcon {
	background: transparent url("../img/sprites/newsprite1.png") no-repeat;
	height:22px;
	width:20px;
	display:block;
	float:left;
}

.cheerIcon.bigCheer {
	background: transparent url("../img/sprites/newsprite1.png") no-repeat;
	height:34px;
	width:36px;
	display:block;
	float:left;
}


.cheerIcon.thumbPic {
	background-position: -58px -1383px;
}

.cheerIcon.starred {
	background-position: -182px -1385px;	
}

.cheerIcon.heart {
	background-position: -1137px -1276px;
}

.cheerIcon.sad{
	background-position: -1073px -1274px;
}

.cheerIcon.angry {
	background-position: -1105px -1274px;
}

.cheerIcon.tired {
	background-position: -1170px -1275px;
}

.cheerIcon.hug {
	background-position: -1040px -1275px;
}

.cheerIcon.kiss {
	background-position: -1006px -1275px;
}

.cheerIcon.idea {
	background-position: -971px -1275px;
}

.cheerIcon.cheer_yes {
	background-position: -659px -1383px;
}

.cheerIcon.cheer_no {
	background-position: -714px -1383px;
}

.cheerIcon.cheer_a {
	background-position: -752px -1383px;
}

.cheerIcon.cheer_b {
	background-position: -782px -1383px;
}

.cheerIcon.cheer_c {
	background-position: -808px -1383px;
}

.cheerIcon.cheer_d {
	background-position: -839px -1383px;
}

.cheerIcon.bigCheer.starred {
	background-position: -998px -1368px;	
}

.cheerIcon.bigCheer.heart {
	background-position: -1097px -1308px;
}

.cheerIcon.bigCheer.sad{
	background-position: -988px -1308px;
}

.cheerIcon.bigCheer.angry {
	background-position: -1044px -1306px;
}

.cheerIcon.bigCheer.tired {
	background-position: -1155px -1308px;
}

.cheerIcon.bigCheer.hug {
	background-position: -932px -1308px;
}

.cheerIcon.bigCheer.kiss {
	background-position: -880px -1308px;
}

.cheerIcon.bigCheer.idea {
	background-position: -830px -1308px;
}

.cheerIcon.bigCheer.cheer_yes {
	background-position: -888px -1368px;
}

.cheerIcon.bigCheer.cheer_no {
	background-position: -944px -1368px;
}

.cheerIcon.bigCheer.cheer_a {
	background-position: -1050px -1368px;
}

.cheerIcon.bigCheer.cheer_b {
	background-position: -1086px -1368px;
}

.cheerIcon.bigCheer.cheer_c {
	background-position: -1128px -1368px;
}

.cheerIcon.bigCheer.cheer_d {
	background-position: -1168px -1368px;
}




/* smiley-list */
#note-smiley, #addEventPopupView #event-smiley, #todo-smiley {
	background: transparent url("../img/sprites/newsprite1.png") no-repeat -8px -304px;
	display: block;
	width: 38px;
	height: 27px;
	overflow: hidden;
	margin: 15px 0px 0px 2px;
	float: left;
}

#note-smiley {
	margin:6px 20px 0 0px !important;
	display:block !important;
	float:left !important;
}

.smileyList.noteSmileyList {
	position:absolute;
	top:160px;
	left:100px;
	background-color:#fff;	
	z-index:300;
}

.smileyList .smileyIcon {
	background: transparent url("../img/sprites/smileys.png") no-repeat;
	display:block;
	width:24px;
	height:24px;
	margin:1px;
	float:left;	
}

.smileyIcon.angel {
	background-position: -14px -5px;
}

.smileyIcon.angry {
	background-position: -41px -5px;
}

.smileyIcon.bad {
	background-position: -69px -5px;
}

.smileyIcon.question {
	background-position: -93px -5px;
}

.smileyIcon.confused {
	background-position: -120px -5px;
}

.smileyIcon.smile {
	background-position: -14px -31px;
}

.smileyIcon.wink {
	background-position: -41px -31px;
}

.smileyIcon.curse {
	background-position: -69px -31px;
}

.smileyIcon.disappointed {
	background-position: -93px -31px;
}

.smileyIcon.eat {
	background-position: -120px -31px;
}

.smileyIcon.rose {
	background-position: -14px -55px;
}

.smileyIcon.glasses-cool {
	background-position: -41px -55px;
}

.smileyIcon.good {
	background-position: -69px -55px;
}

.smileyIcon.highfive {
	background-position: -93px -55px;
}

.smileyIcon.hug-left {
	background-position: -120px -55px;
}

.smileyIcon.hungry {
	background-position: -14px -80px;
}

.smileyIcon.kiss {
	background-position: -41px -80px;
}

.smileyIcon.laugh {
	background-position: -69px -80px;
}

.smileyIcon.love {
	background-position: -93px -80px;
}

.smileyIcon.party {
	background-position: -120px -80px;
}

.smileyIcon.sad {
	background-position: -14px -106px;
}

.smileyIcon.sleepy {
	background-position: -41px -106px;
}

.smileyIcon.yawn {
	background-position: -69px -106px;
}

.smileyIcon.thinking {
	background-position: -93px -106px;
}

.smileyIcon.tongue {
	background-position: -120px -106px;
}

.smileyIcon.a {
	background-position: -14px -131px;
}

.smileyIcon.b {
	background-position: -41px -131px;
}

.smileyIcon.c {
	background-position: -69px -131px;
}

.smileyIcon.d {
	background-position: -93px -131px;
}




.smileyList.noteSmileyList div.smileyIcon:hover {
	cursor:pointer;	
}

#addEventPopupView #event-smiley {
	margin: 0px 0px 0px 20px;
	float:none;	
}

/* Cheer List */
#entryCheers {
	position:absolute;
	width:200px;
	display:block;
	background: #e8e7e7 url("../img/sprites/newsprite1.png") no-repeat -12px -1533px;
	border:solid 4px #E6B012;
	padding:10px 10px 0 2px;	
	z-index:9999;
}

#entryCheers ul {
	padding-top:4px;
	margin-bottom:10px;	
	border-bottom:ridge 2px #e7b214;
}



#entryCheers ul li {
	float:left;	
	margin-left:8px;
	cursor:pointer;
}

#entryCheers ul li span {
	margin-bottom:8px;
}


#entryCheerClose {
	float:right;
	display:block;
	width:14px;
	height:14px;
	background:transparent url('../img/ui-icons-tp.png') no-repeat -35px -195px;	
}

/*
** Dashboard
*/

#member-page .container,
.admin-panel .container {
	background: #fff;
	float: left;
	padding: 10px 0;
	width: 100%;	
}

#member-page .container h2, 
#member-page .container h2 + a,
.admin-panel .container h2, 
.admin-panel .container h2 + a {
	margin: 0;
	float: left;
	padding: 0;
}

#member-page .container.odd,
.admin-panel .container.odd {
	background: #e9ecec;
}

#member-page .userPhoto {
	border: 1px solid #ccc;
	float: right;
	position: relative;
	top: 0;
}

#member-page .container .infoLine,
.admin-panel .container .infoLine {
	float: left;
	padding-left: 10px;
	vertical-align: middle;
}

#member-page .container .infoLine p, 
.admin-panel .container .infoLine p {
	line-height: 2.4em;
	margin: 0;
}

#member-page .container .member-info-text {
	float: right;
	line-height: 2.4em;
	margin: 0;
	margin-left: 20px;
}

#member-page .container .associateCheckBox p {
	line-height: 2.4em;
	margin: 0;
	margin-left: 10px;
}

#member-page .container .associateCheckBox input {
	cursor: pointer;
	margin: 0;
	margin-right: 5px;
}
#member-page .container .associateCheckBox label {
	cursor: pointer;
	margin: 5px 0 0 10px;
}

#member-page .flickr-profile, #member-page .flickr-profile-add {
	clear: both;
	float: left;
	padding-left: 75px;
	width: 500px;
}

#member-page .flickr-profile {
	background: #fff url("../img/flickr-logo.png") 10px 50% no-repeat;
	margin-bottom: 5px;
}
#member-page .flickr-profile-add {
	background: #fff url("../img/flickr-logo.png") 10px 80% no-repeat;
}

#member-page .flickr-profile-add a.button-link {
	margin-top: 0.8em;
}

#member-page .flickr-profile p {
	float: left;
	line-height: 3em;
	margin: 0;
	margin-left: 10px;
}

#member-page .flickr-profile-add .formFieldContainer {
	margin-top: 0;
}

#member-page #ajax-loader {
	display: none;
	float: left;
	margin-left: 20px;
	padding: 0.5em;
	height: 16px;
	width: 16px;
}

#member-page #ajax-loader {
	vertical-align: middle;
}

.verified, .running {
	color: #3fce10 ;
}

.not-verified, .stopped {
	color: #ff0000;
}

/**
* Welcome Message
**/

#welcomeMessage {
	margin-top:8px;
}

#welcomeMessage li {
	margin:0px 0 0 20px;
	
}

#welcomeMessage li a {
	padding:6px 0 0 40px;
	min-height:32px;
	display:block;	
}

#welcomeMessage li.addMember a{
	background: transparent url('../img/icons/addmember.png') no-repeat 0 -4px;
}

#welcomeMessage li.addCalendar a{
	background: transparent url('../img/icons/cal.png') no-repeat 0 -4px;
}

#welcomeMessage li.addTodo a{
	background: transparent url('../img/icons/trophy.png') no-repeat 2px 0px;
}
/*
** First time add members
*/
.myFamilyBox {
	padding:10px;
	border: solid 1px #ddd;
	margin-bottom:10px;	
}

.myFamilyBox p {
	margin-bottom:0px;
	font-size:1.3em;
	padding:6px;
	background-color:#ccffcc;
}

.addMoreMembers {
	font-size: 1.4em;
	vertical-align:top;
	font-weight: bold;
	color:#88BBCC;
}

div.leftSection2 {
float:left;
width:75%;
}

div.rightSection2 {
	float:left;
	width:25%;	
}

div.leftSection2 p {
padding:22px 16px 0px 0px;
float:left;	
}
/*
** Buttons
*/


.buyButton,
.postButton,
.masterPostButton,
.deleteButton,
.cancelButton,
.continueButton,
.filterButton,
.buyButton:hover,
.postButton:hover,
.masterPostButton:hover,
.deleteButton:hover,
.cancelButton:hover,
.continueButton:hover,
.filterButton:hover {
	padding: 6px 0px 11px 0px;
	margin: 0 4px 0 4px;
	font-size: 1.2em;
	font-weight: bold;
	width: 59px;
	height:27px;
	border: 0px solid transparent;
	display: block;
	overflow: hidden;
	color: #333300 !important;
	float: left;
	text-align: center;
	cursor: pointer;
	background: url("../img/sprites/newsprite1.png") no-repeat -6px -265px;
}

td .buyButton,
td .postButton,
td .deleteButton,
td .cancelButton,
td .continueButton,
td .filterButton,
td .buyButton:hover,
td .postButton:hover,
td .deleteButton:hover,
td .cancelButton:hover,
td .continueButton:hover,
td .filterButton:hover {
	font-size: 1em;
	padding:6px 0 0 0;
}

td input.postButton, td input.postButton:hover {
	padding:0 0 4px 0;
}
td .cancelButton, td .cancelButton:hover {
	
	padding-top:6px;	
}

.postButtonBig, .postButtonBig:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -397px -265px;
	padding: 6px 0px 11px 0px;
	margin: 0 4px 0 4px;
	font-size: 1em;
	font-weight: bold;
	width: 77px;
	height:27px;
	border: 0px solid transparent;
	display: block;
	overflow: hidden;
	color: #333300 !important;
	float: left;
	text-align: center;
	cursor: pointer;
	font-style:normal;

}

.postButtonBig:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -481px -265px;
}

.plusTable .postButtonBig, .plusTable .postButtonBig:hover {
	margin:auto;
	margin-top:8px;
	float:none;
}
.continueButton, .continueButton:hover {
	margin-top:14px;
	text-align:center;	
}
.continueButton2 {
	background:transparent url('../img/postbuttonBig.png') no-repeat left -2px;
	height:32px;
	width: 154px;
	display:block;
	overflow:hidden;
	border: 0px solid transparent;
	font-size: 1.4em;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin-top:14px;
}

.continueButton2:hover {
	background:transparent url('../img/postbuttonBig.png') no-repeat left -34px;
	height:32px;
	width: 154px;
	display:block;
	overflow:hidden;
	border: 0px solid transparent;
	padding:0px 0px 0px 0px;
	font-size: 1.4em;
	text-align:center;
	margin-top:14px;
	
}


.postButton:hover, .masterPostButton:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -71px -265px;
}

.cancelButton {
	background: url("../img/sprites/newsprite1.png") no-repeat -137px -265px;
}

.cancelButton:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -202px -265px;
}

a.cancelButton {
	padding-top:8px; 	
}

td a.cancelButton {
	padding-top:5px; 
	
}

.deleteButton {
	background: url("../img/sprites/newsprite1.png") no-repeat -267px -265px;
}

.deleteButton:hover {
	background: url("../img/sprites/newsprite1.png") no-repeat -333px -265px;
}

.continueButton,
.continueButton:hover  {
	width: 100px;
	text-align: left;
	padding: 12px 0px 14px 10px;
	background: url("../img/button-continue.png") no-repeat right top;
}

.continueButton:hover  {
	background: url("../img/button-continue.png") no-repeat 0 top;
}

/* Order Page */
.orderPage fieldset {
	border:1px solid #ddd;	
	padding:20px;
}

.orderPage legend {
	padding:0px 4px;	
}
#main.plus .orderPage  {
	color:#555;
}

#main.plus .orderPage .orderOptions {
	display:inline-block;
	width:260px;	
	list-style-type:none;
	margin:0 0;
	padding:0;
}

.orderPage .orderOptions input {
	vertical-align:middle;	
	margin-left:10px;
}

#main.plus .orderPage .orderOptions li {
	padding: 15px 0;	
	background-color:#fff;
	margin:0 0;
	cursor:pointer;
	background:none;
}

#main.plus .orderPage .orderOptions li.selected {
	background-color:#e6e6e6;	
}
.orderPage .orderOptions span {
	display:inline-block;
	vertical-align:middle;
	width: 210px;	
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#555;
	margin-left:20px;

}

.orderPage .orderAction {
	width:450px;
	display:inline-block;
	vertical-align:top;
	margin-left:-4px;
}

#main .orderPage .orderAction h3 {
	margin-bottom:18px;	
}
.orderPage .orderAction .actionDiv {
	padding:20px;
	background-color:#e6e6e6;	
}

#paypal .postButton, #paypal .postButton:hover {
	padding: 0px;
	margin: 0px;
	font-size: 0.1px;
	font-weight: normal;
	width: 253px;
	height:80px;
	border: 0px solid transparent;
	display: block;
	overflow: hidden;
	color: #000 !important;
	text-align: center;
	cursor: pointer;
	background: url("../img/paypal_banner.png") no-repeat left top;
	color:#333300;
	float:none;
}

.specialOffer {
	padding:20px;
	color:#fff;
	font-size:16px;
	line-height:18px;
	text-shadow: 1px 1px 2px #888;
	background-image: linear-gradient(bottom, rgb(148,185,0) 0%, rgb(192,224,78) 100%);
	background-image: -o-linear-gradient(bottom, rgb(148,185,0) 0%, rgb(192,224,78) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(148,185,0) 0%, rgb(192,224,78) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(148,185,0) 0%, rgb(192,224,78) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(148,185,0) 0%, rgb(192,224,78) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(148,185,0)),
		color-stop(1, rgb(192,224,78))
	);	
	background-color:#93b900;
	box-shadow:2px 2px 4px #ddd;	
}

/* panels */
.general-panels {
	position: absolute;
	z-index: 99;
	margin: -5px 0px 0px 45px;
	width: 447px;
	display: none;
	overflow: hidden;
	clear: both;
}

.general-panels h2 {
	color: #88bbcc;
}

.general-panels select {
	width: 150px;
}

.general-panels select.selectTime {
	width: 80px;
}

.general-panels .multipleSelect {
	height: 80px;
}

.general-panels div,
.general-panels form {
	background: transparent !important;
}

.general-panels .mobile-panels {
	color: #fff;
	z-index: 99;
	background: url("../img/mobile-background.png") no-repeat left bottom !important;
}

.general-panels .mobile-panels h2 {
	color: #fff;
}

.general-panels .mobile-body {
	display: none;
}

.general-panels .plus-panels,
.general-panels .plus-panels:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	display: block;
	overflow: hidden;
	float: left;
	padding-right: 24px;
	background: url("../img/icon-mobile-open.png") no-repeat right center;
}

.general-panels .plus-panels.open,
.general-panels .plus-panels.open:hover {
	background: url("../img/icon-mobile-close.png") no-repeat right center;
}

.general-panels .plus-panels.noOrder,
.general-panels .plus-panels.noOrder:hover {
	background: transparent;
	border: none;
	cursor: default;
}


/*
** General Table
*/

.static .generalTableContainer {
	border: 1px solid #cfcfcf;
	margin-bottom: 30px;
}

table.generalTable {
	width: 100%;
	margin: 0px auto;
}

.static table.generalTable tr.first {
	background: transparent url('../img/plus_table_bg.png') repeat-x;
	height:40px;
}

.static table.generalTable th {
	color: #fff;
	font-family: tahoma;
	font-size:18px;
	line-height:20px;
}

table.generalTable th,
table.generalTable td {
	padding: 5px 0px;
	font-size: 1.2em;
	line-height: 14px;
	vertical-align: middle;
}

.static table.generalTable th,
.static table.generalTable td {
	border-right: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	text-align: center;
}

table.generalTable th.middle,
table.generalTable td.middle {
	text-align: center;
}

table.generalTable th.first,
table.generalTable td.first {
	border-left: none;
	padding: 5px 0px;
}

table.generalTable td.first {
	text-align:left;
	padding-left:7px;	
}

table.generalTable td.first.title {
	padding-left:47px;	
}

table.generalTable td div.kidfinder {
	height:22px;
	padding-left:40px;
	padding-top:8px;
	background:transparent url('../img/sprites/newsprite1.png') no-repeat -705px -2152px;	
}

table.generalTable td div.mob_reminder {
	height:22px;
	padding-left:40px;
	padding-top:8px;
	background:transparent url('../img/sprites/newsprite1.png') no-repeat -703px -2226px;	
}

table.generalTable th.last,
table.generalTable td.last {
	border-right: none;
	padding: 5px 0px;
}

.static table.generalTable tr.zebra-a {
	background: #ddc4f6;
}

table.generalTable tr.zebra-b {
	background: #9676b5;
}

.static table.generalTable th.status,
.static table.generalTable td.status {
	padding: 2px 0px 10px 0px;
}

.static table.generalTable th.status a,
.static table.generalTable th.status a:hover
.static table.generalTable td.status a,
.static table.generalTable td.status a:hover {
	color: #fff;
}

.static div.generalTableContainer .postButton, .static div.generalTableContainer .buyButton,
.static div.generalTableContainer .postButton:hover, .static div.generalTableContainer .buyButton:hover {
	margin: 0px auto;
	float: none;
}






/*#content .calendarStream .feedLine {
	border-top: 1px solid #CED4D6;	
}*/
/*
** Plus-pages
*/

.kidfinderSetup {
margin-left:20px;
width:300px;	
}

.kfSetupTable {
	margin-right:2px;	
}

.kfSetupTable th, .kfSetupTable td {
	vertical-align:top;
	padding:8px;
	border:1px solid #ddd;
}



.kfSetupTable th {
	border-width:2px;	
}

.promotion {
margin-bottom:40px;	
}
#main.plus .static h2,
#main.plus .static h3,
#main.plus .static h4 {
	color: #874dbf;
	margin-bottom: 20px;
	/*background: #e1ebfc;*/
}

#main.plus .static h4 {
	font-size:1.3em;	
}

#main.plus .static ul,
#main.plus .static li,
#main.plus .static dl,
#main.plus .static dt,
#main.plus .static dl {
	display: block;
	overflow: hidden;
	clear: both;
}

#main.plus .static ul {
	padding: 0px 0px 15px 30px;
}

#main.plus .static li {
	font-size: 1.2em;
	line-height: 14px;
	padding: 0px 0px 10px 10px;
	background: transparent url("../img/list-pointer.gif") no-repeat left 3px;
}

#main.plus .static .smallPrint {
	padding-left: 15px;
	font-size: 1.0em;
	line-height: 12px;
}

#main.plus .static td .smallPrint {
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 10px;
}

#main.plus .static .smallPrint li{
	padding-left: 10px;
	font-size: 1.0em;
	line-height: 12px;
}


#main.plus .static .report {
	padding: 5px 30px;
	font-size: 1.2em;
	line-height: 16px;
	font-weight:bold;
	background: transparent url("../img/icon-paper.gif") no-repeat left center;
}

#main.plus .static dl {
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px 20px 35px 0px;
	background: transparent url("../img/kidfinder-teaser-step.jpg") no-repeat left top;
}

#main.plus .static dl.buy {
	background: transparent url("../img/kidfinder-teaser-buy.jpg") no-repeat left top;
}

#main.plus .static dt {
	font-size: 1.6em;
	line-height: 18px;
	padding: 4px 0px;
}

#main.plus .static dd {
	font-size: 1.2em;
	line-height: 16px;
	padding: 0px;
}

#main.plus .static dl.buy a,
#main.plus .static dl.buy a:hover {
	color: #fac853;
}
/*
#main.plus .static p {
	margin-left: 20px;
}
*/
#main.plus .static td p {
	margin-bottom: 0px;
	font-size: 1em;
}

#main.plus .static table.add-locatee {
	margin-bottom: 20px;
}

#main.plus .static p .lrg-purple {
	color: #874dbf;
	font-size: 1.2em;
	font-weight: bold;
}

#main.plus .static p img {
	vertical-align: middle;
}

#main.plus .static p .small {
	font-size: 1em;
}

#main.plus .static #map-container {
	float: left;
	margin-right:12px;
	padding:4px 0 0 6px;
}

#main.plus .static #map-container p {
	clear: both;
	margin: 10px 0 0 0;
}
#main.plus .static #map-container #map {
	float: left;
	height: 340px;
	width: 340px;
}

.terminateWarning {
	background-color:#ffcc33;
	font-size:12px;
	font-weight:bold;
	border:2px solid #cc6600;	
	width:700px;
	padding-left:40px;
	padding-top:20px;
	margin-bottom:20px;
}

.infoBubble {
	background-color:#fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:8px;
	border: solid 1px #009de5;
	
	-moz-box-shadow: 2px 2px 6px #333;
	-webkit-box-shadow: 2px 2px 6px #333;
	box-shadow: 2px 2px 6px #333;
}


.orderInfo {
	margin:10px 10px 20px 10px;
	padding-right:30px;
}

.infoBubble img {
	vertical-align:middle;	
}

.infoHeading {
	color:#555;
	font-size:18px;
	font-weight:bold;
	margin-left: 10px;	
}

.infoBubble ul {
	color:#555;
	list-style-type:disc;	
	margin-left:57px;
	font-size:12px;
	margin-top:10px;
}

.infoBubble ul li {
	margin-top: 8px;
}

.infoBubble ul li:first-child {
	margin-top:0px;	
}

/* New Kidfinder */

 .kidfinderContainer {
	width:764px;
	margin-bottom:20px;	
	position:relative;
}

.kfbgTop {
	width:764px;
	height:28px;
	background: transparent url('../img/kidfinder/radar-bg-top.png') no-repeat;	
}
.kfbgRepeat {
	width:764px;
	background: transparent url('../img/kidfinder/radar-bg-repeat.png') repeat-y;	
}
.kfbgMain {
	width:764px;
	min-height:463px;
	padding-top:20px;
	background: transparent url('../img/kidfinder/radar-bg.png') no-repeat;	
}
.kfbgBottom {
	width:764px;
	height:43px;
	background: transparent url('../img/kidfinder/radar-bg-bottom.png') no-repeat -1px 0;	
}
 .kidfinderUi {
	float:right;
	width:260px;
	margin-right:30px;
}
 .kidfinderUi p {
	margin: 0 4px 20px 4px;	
}
  .locateHeading {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -8px -662px;
	width:230px;
	line-height:34px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;	
	padding-left:50px;
	margin-bottom:4px;
}

#main  .kidfinderList {
	padding:0;
	margin:0;
	margin-bottom:20px;	
}

#main  .kidfinderList li {
	background: transparent url('../img/kidfinder/radar-locatee-bg.png') no-repeat;
	width:247px;
	height:80px;
	display:block;	
	padding-left:8px;
}

.kfButton, kfButton:hover {
	background: transparent url('../img/kidfinder/kfsprite.png') no-repeat;	
	width:127px;
	height:57px;
	padding-bottom:4px;
	border:0px none transparent;
	color:#222529;
	text-align:center;
	font-size:18px;
	margin:8px 20px 0 0;
	display:block;
}

.kfButton:hover {
	background-position:0 -137px;
	cursor:pointer;	
}

a.kfButton {
	line-height:55px;	
}

a.kfButton:hover {
	
	color:#222529;
	line-height:55px;	
}


a.kfSetupLink {
	float:right;
	margin-right:26px;
	margin-bottom:80px;	
}

.kidfinderList li span.locateeName {
	font-size:10px;
	color:#fff;
	position:relative;
	left:24px;
	top:-6px;	
}

.memberInfo {
	float:left;	
	margin:14px 0 0 24px;
	background-color:#fff;
	
}
  .memberInfo a {
	display:block;
	height:34px;
	width:34px;	
	padding:2px;
}
.memberInfo a:hover {
	cursor:default;  	
}
  .memberInfo img {
	width:34px;
	height:34px;
}

.kfInfo {
	background:#e8f7fa url('../img/kidfinder/kf-info-bg.png') no-repeat;
	border:inset 6px #d8d9d8;
	width:214px;
	padding:8px;
}
.kfInfo p {
	margin-bottom:10px;	
}
#map-container {
	float: left;
	margin-right: 12px;
	padding: 4px 0 0 45px;
}


#map-container #map {
	float: left;
	height: 340px;
	width: 340px;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(1, rgb(255,255,255)),
	    color-stop(0, rgb(204,245,250))
	);
	
	
	background-image: -moz-linear-gradient(
	    bottom,
	    #CCF5FA,
	    #FFF
	);
	
	background-color:#fff;
	border:inset 6px #d8d9d8;
	text-align:center;
}

#map .mapLogo {
	background:transparent url('../img/kidfinder/kfsprite.png') no-repeat -176px 0;
	width:159px;
	height:129px;
	margin:60px 0 0 110px;	
}

#map .mapLoaderBg {
	background:transparent url('../img/kidfinder/kfsprite.png') no-repeat -177px -154px;	
	width:161px;
	height:33px;
	margin:0 auto 10px auto;
}

#map .mapLoaderBg img {
	margin-top:10px;	
}

.locationInfo {
	border:inset 6px #d8d9d8;
	background-color:#fff;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(1, rgb(255,255,255)),
	    color-stop(0, rgb(204,245,250))
	);
	background-image: -moz-linear-gradient(
	    bottom,
	    #CCF5FA,
	    #FFF
	);
	width:324px;
	padding:8px;
	margin-top:20px;
	
}

.locationInfo p {
	margin-bottom:10px;	
}

p.subStatus {
	position:absolute;
	bottom:20px;	
	right:40px;
	width:200px;
	margin-top:20px;
}

p.subStatus img {
	vertical-align:middle;	
}

/*
#main .kidfinderContainer {
	width:640px;
	margin-bottom:20px;	
}
#main .kidfinderUi {
	width:230px;
	padding:6px 0 0 0;	
}
#main .kidfinderUi p {
	margin: 0 4px 20px 4px;	
}
#main.plus .static .locateHeading {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -8px -662px;
	width:230px;
	line-height:34px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;	
	padding-left:50px;
	margin-bottom:4px;
}

#main.plus .static .kidfinderList {
	padding:0;
	margin-bottom:20px;	
}

#main.plus .static .kidfinderList li {
	background:none;
	padding-left:16px;
	width:180px;	
}

#main.plus .static .kidfinderList li .postButtonBig, #main.plus .static .kidfinderList li .postButtonBig:hover {
	font-size:1em;
	margin-top:4px;
	
}
#main.plus .static .memberInfo {
	float:left;	
}
#main.plus .static .memberInfo a {
	display:block;
	height:34px;
	width:34px;	
}
#main.plus .static .memberInfo img {
	width:34px;
	height:34px;
}
#main.plus .static #map-container .shrinkMap {
	float: left;
	height: 300px;
	width: 340px;
}
	
#main.plus .static select.locate {
	margin: 0 20px;
	width: 100px;
}
*/
#main.plus .static div.last-search {
	float: left;
	height: 240px;
	margin-left: 20px;
	width: 200px;
}

#main.plus .static div.last-search.first {
	margin-left: 0px;
}

#main.plus .static div.last-search p {
	margin: 10px 0 0 0 ;
	text-align: center;
}

#main.plus .static .phoneList {
	margin-top:-40px;
	width:220px;
	border-left:solid 1px #ccc;	
	margin-bottom:20px;
	padding:0px;
}



#main.plus .static .phoneList li {
	text-align:right;
	background:none;
	font-size:1em;
}

#main.plus .static li.heading {
	text-align:right;
	background:none;
	font-size:1.2em;
	padding-bottom:14px;
	color:#874dbf;
	font-weight:bold;
}

#main.plus .static ol li.heading {
	text-align:left;
}

#main.plus .static .phoneList li .not-verified, #main.plus .phoneList li .verified {
	font-size:0.9em;
	font-style:italic;	
}

.clearButton {
	/*background:#c9e460 none;
	border:1px groovy #ccc;
	width:60px;
	height:20px;
	cursor:pointer;
	text-align:center;
	margin-top:4px;
	*/
	background-image: linear-gradient(bottom, rgb(146,179,14) 0%, rgb(197,245,115) 100%);
	background-image: -o-linear-gradient(bottom, rgb(146,179,14) 0%, rgb(197,245,115) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(146,179,14) 0%, rgb(197,245,115) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(146,179,14) 0%, rgb(197,245,115) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(146,179,14) 0%, rgb(197,245,115) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(146,179,14)),
		color-stop(1, rgb(197,245,115))
	);
	background-color:#95c200;
	padding:6px;
	color:#333;
	text-shadow:1px 0 #fff;
	font-weight:bold;
	border:solid 1px #80a300;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #888;
	font-size:12px;
	line-height:14px;
	cursor:pointer;
}


/*
** Mobile
*/

#main.mobile .staticBorder {
	padding-bottom: 40px;
	background: transparent url("../img/grey-pixel.gif") repeat-y 420px top;
}

#main.mobile .static a {
	color: #14528c;
}

#main.mobile .static a:hover {
	color: #88bbcc;
}

#main.mobile .static .postButton,
#main.mobile .static .postButton:hover {
	padding-bottom: 15px;
}

#main.mobile h3 {
	margin-top: 10px;
}

#main.mobile h3 span {
	float: left;
	padding-left: 10px;
}

/*
** Last login widget
*/
div.lastLoginWidget {


}

div.lastLoginWidgetBg {
background-color:#cbe3e5;
margin-top:14px;
}


 
div.lastLoginWidget h2 {
	
}

div.lastLoginWidget ul {
	padding-top:10px;
	background-color:#fff;
}
div.lastLoginWidget li {
	padding:2px 0px 2px 2px;
	
	margin-left:4px;
}

div.lastLoginWidget p {
	margin-bottom:15px;
	padding-left:37px;
}

div.lastLoginWidget span {
	font-weight:bold;
	margin-left:0px;	
}

div.lastLoginWidget li a {
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin-right:4px;	
}

div.lastLoginWidget li a.sendSms {
	width:auto;
	height:auto;
	float:left;
		
}
div.lastLoginWidget a {
	cursor:default;	
}
	
div.lastLoginWidget .tooltip img {
	width:32px;
	height:32px;
}
div.lastLoginWidget .grey {
	color:#565656;
}

div.lastLoginWidget .yellow {
	color:#e98106;
}

div.lastLoginWidget .green {
	color:#33cc00;
}
div.lastLoginWidget .never {
	color:#565656;
}

#fdbk_tab {
top:70px !important;	
}

/*
** Order
*/

.verkkomaksutFormHolder input[type="submit"] {
	width: 613px;
	height: 109px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	background: url("../img/svm.png") no-repeat left top;
}

#paymentSubmit {
	width: 60px;
	height: 60px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	background: url("../img/nordea_button_60x60px.gif") no-repeat left top;
}

#nordeaFormHolder {
padding-bottom:12px;	
}

/**
* Family Locations
**/
#locationDashboard {
	width:460px;
	margin-left:150px;	
}

#locationDashboard .homeIcon {
	margin-left:74px;
}

#locationDashboard .workIcon {
	margin-right:16px;
}

#locationDashboard #locationClock {
	font-size:28px;
	font-family:"Courier New";
	color:#888;	
	margin:20px 0 0 58px;
	
}

#locationDashboard .dynamicAvatar {
	display:block;	
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
}

#locationDashboard .dynamicAvatar img {
	display:block;
}

#locationDashboard li {
	position:relative;
	padding:7px;	
}

#locationDashboard .locationLabel {
	width:44px;
	height:18px;
	font-size:12px;
	color:#7d5e23;
	position:absolute;	
	padding-top:5px;
	background: transparent url('../img/sprites/location_times.png') no-repeat;
	top:24px;
	padding-left:7px;
}

#locationDashboard .locationLabel.left {
	background-position: top right;
	width:39px;
	padding-left:11px;
}

#locationDashboard .locationLabel.home {
	left:160px;
}

#locationDashboard .locationLabel.work {
	right:100px;
}

#locationDashboard .locationDiv {
	width:100px;
	height:50px;
	border: solid 1px #ccc;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:20px;	
	text-align:center;
	margin:0px 3px;
	margin-top:2px;
	float:left;
}


#locationDashboard .locationDiv.active {
	background:transparent url('../img/sprites/location_buttons.png') no-repeat bottom right;
	border:none 0px;
	width:109px;
	height:53px;
}


#locationDashboard .locationDiv.recent {
	background-position:top right;
	width:112px;
	height:56px;
	margin:0px 1px 0px 0px;
}

#locationDashboard .locationDiv.locationCenter.active {
	background-position:top left;
	width:155px;
}

#locationDashboard .locationDiv.locationCenter.recent {
	background-position:bottom left;
	width:158px;
	height:55px;
	margin:0px 2px;
}
#locationDashboard .locationDiv.locationCenter {
	width:150px;	
}

#locationDashboard .locationDiv span {
	color:#ccc;
	font-size:14px;	
	position:relative;
	top:17px;
}

#locationDashboard .locationDiv.recent span {
	top:19px;	
}

#locationDashboard .locationDiv span.shrink {
	font-size:10px;
	top:18px;	
}

#locationDashboard .locationDiv.active span {
	color:#fff;
	font-weight:bold;
}

/*
** Footer
*/

#footer {
	width: 100%;
	min-width: 1000px;
	padding: 20px 0px 0px 0px;
}

#footer .frame {
	width: 1000px;
	margin: 0px auto;
	text-align:center;
}

#footer ul {
	font-size: 1.2em;
	line-height: 14px;
	margin-left:280px;
}

#footer li {
	background: url('../img/sprites/newsprite1.png') no-repeat;
	background-position: -105px -327px;
	color:#000000;
	float:left;
	font-size:1.1em;
	padding:0 0 6px 10px;
}

#footer li.first {
	background: none;
}

#footer ul a {
	color: #000;
}

#footer ul a:hover {
	color:#333;
}

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


/*
** Border-colors
*/

.color-a,
.color-a:hover {
	border: 2px solid #0000ee;
}

.color-b,
.color-b:hover {
	border: 2px solid #ff0000;
}

.color-c,
.color-c:hover {
	border: 2px solid #00bb00;
}

.color-d,
.color-d:hover {
	border: 2px solid #ff6600;
}

.color-e,
.color-e:hover {
	border: 2px solid #ffcc00;
}

.color-f,
.color-f:hover {
	border: 2px solid #660066;
}

.color-g,
.color-g:hover {
	border: 2px solid #ff99cc;
}

.color-h,
.color-h:hover {
	border: 2px solid #99ccff;
}

.color-i,
.color-i:hover {
	border: 2px solid #004400;
}

.color-j,
.color-j:hover {
	border: 2px solid #bbb;
}

.color-k,
.color-k:hover {
	border: 2px solid #009966;
}

.color-l,
.color-l:hover {
	border: 2px solid #000;
}

.color-m,
.color-m:hover {
	border: 2px solid #660000;
}

.color-n,
.color-n:hover {
	border: 2px solid #000088;
}

.color-o,
.color-o:hover {
	border: 2px solid #99ff00;
}

.color-p,
.color-p:hover {
	border: 2px solid #a8d1d6;
}
/* Spans */
span.color-a
 {
	border: 2px solid #0000ee;
}

span.color-b
 {
	border: 2px solid #ff0000;
}

span.color-c
 {
	border: 2px solid #00bb00;
}

span.color-d
 {
	border: 2px solid #ff6600;
}

span.color-e
 {
	border: 2px solid #ffcc00;
}

span.color-f
 {
	border: 2px solid #660066;
}

span.color-g
 {
	border: 2px solid #ff99cc;
}

span.color-h
 {
	border: 2px solid #99ccff;
}

span.color-i
 {
	border: 2px solid #004400;
}

span.color-j
 {
	border: 2px solid #bbb;
}

span.color-k
 {
	border: 2px solid #009966;
}

span.color-l
 {
	border: 2px solid #000;
}

span.color-m
 {
	border: 2px solid #660000;
}

span.color-n
 {
	border: 2px solid #000088;
}

span.color-o
 {
	border: 2px solid #99ff00;
}

span.color-p
 {
	border: 2px solid #a8d1d6;
}

/* Divs */

div.color-a
 {
	background-color:#0000ee;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
	
}

div.color-b
 {
	background-color: #ff0000;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-c
 {
	background-color: #00bb00;
	width:8px; 
	height:8px; 
	border: solid 1px #000;

}

div.color-d
 {
	background-color: #ff6600;
	width:8px; 
	height:8px; 
	border: solid 1px #000;

}

div.color-e
 {
	background-color: #ffcc00;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-f
 {
	background-color: #660066;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-g
 {
	background-color: #ff99cc;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-h
 {
	background-color: #99ccff;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-i
 {
	background-color: #004400;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-j
 {
	background-color: #bbb;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-k
 {
	background-color: #009966;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-l
 {
	background-color: #000;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-m
 {
	background-color: #660000;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-n
 {
	background-color: #000088;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-o
 {
	background-color: #99ff00;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-p
 {
	background-color: #a8d1d6;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}

div.color-all
 {
	background-color: #fff;
	width:8px; 
	height:8px; 
	border: solid 1px #000;
}


/* link is disabled using JS */
.dynamicAvatar {
	cursor: default;
}

	

/*
** System-Messages
*/

ul#systemMessages {
	padding: 0px !important;
	margin-bottom: 10px !important;
	margin-left:40px;
}

ul#systemMessages.fadeIn {
	position:fixed;
	margin:0;	
	
	
	width: 500px;
	z-index:999 !important;
}


ul#systemMessages li {
	padding: 20px !important;
	font-weight: bold !important;
	position: relative !important;
	font-size: 1.2em !important;
	line-height: 12px !important;
	background-color:#ddd !important;
	background-image:none !important;
	box-shadow: 0 0 24px 6px #333 !important;
	-moz-box-shadow: 0 0 24px 6px #333 !important;
	-webkit-box-shadow: 0 0 24px 6px #333 !important;
	-moz-border-radius: 12px !important;
	-webkit-border-radius:12px !important;
	-border-radius:12px !important;
	
}

ul#systemMessages li a,
ul#systemMessages li a:hover {
	color: #fff !important;
	position: absolute !important;
	top: 18px !important;
	right:30px;
	z-index: 99 !important;
	overflow: hidden !important;
	padding: 2px 6px 3px 6px !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

ul#systemMessages li.error {
	background-color:#ffd5d5 !important;
	border:solid 3px #ff3607;
	
}

ul#systemMessages li.error .message {
	
	padding:4px 30px 10px 30px;
	display:block;
	background: transparent url('../img/system-message-error.png') no-repeat 6px 0px;
}


ul#systemMessages li.error a,
ul#systemMessages li.error a:hover {
	background: #d52b1e !important;
}

ul#systemMessages li.notify {
	border:solid 3px #ff902d;
	background-color:#fff1bb !important;
}

ul#systemMessages li.notify .message {
	padding:4px 30px 10px 30px;
	display:block;
	background: transparent url('../img/system-message-notify.png') no-repeat 6px 0px;
}
ul#systemMessages li.notify a,
ul#systemMessages li.notify a:hover {
	background: #ffa101 !important;
}

ul#systemMessages li.ack {
	border:solid 3px #68ce0d;
	background-color:#e0ffd4 !important;
}

ul#systemMessages li.ack .message {
	padding:4px 30px 10px 30px;
	
	display:block;
	background: transparent url('../img/system-message-success.png') no-repeat 6px 0px;
}

ul#systemMessages li.ack a,
ul#systemMessages li.ack a:hover {
	background: #61c24f !important;
}


/*
** Tooltip & Toolclick
*/

div#tooltip,
div#toolclick,
div#tooltip-todo {
	border: 1px solid #999;
	position: absolute;
	overflow: hidden;
	z-index: 99;
	background: #fff;
	width: auto;
	max-width: 140px;
	word-wrap: break-word;
}

div#tooltip p,
div#toolclick p,
div#tooltip-todo p {
	font-size: 1.2em;
	line-height: 16px;
	padding: 2px 4px;
	margin: 0px;
	text-align: center;
}

div#tooltip-todo {
	width:160px;
	max-width:160px;
	background: url('../img/sprites/newsprite1.png') no-repeat -310px -584px #ffffae;
	border: 1px solid #fbb64b;	
}

div#tooltip-todo img {
	height:18px;
	width:18px;
	margin:none;
	padding:0 0 2px 0;	
	vertical-align:middle;
}

div#tooltip-todo p {
	text-align:left;	
}

div#tooltip-todo .tooltip-todo-edit {
	font-size:0.8em;
	line-height:10px;	
}

div#toolclick {
	background: transparent url("../img/help-box-top.png") no-repeat left top;
	width: 131px;
	max-width: 131px;
	border: none;
}

div#toolclick p {
	font-size: 1.0em;
	line-height: 12px;
	padding: 18px 4px 10px 4px;
	background: transparent url("../img/help-box-bottom.png") no-repeat left bottom;
}


/*
** Modal-Window
*/
#modalOverlay {
	height:4000px;
	width:4000px;
	position:fixed;
	top:0px;
	left:0px;
	background-color:#000;
	z-index:9998;	
}
#modalWindow,
#modalWindow div,
#modalWindow form,
#modalWindow label {
	clear: both;
	display: block;
	overflow: hidden;
}

#modalWindow {
	padding: 40px;
	position: fixed;
	z-index: 9999;
	width: 400px;
	top: 30%;
	left: 50%;
	background: #fff;
	border: 6px solid #e6b012;
	margin-top: -50px;
	margin-left: -300px;
	
}

#modalWindow input {
	float: left;
}

#popupWindow,
#popupWindow div,
#popupWindow form,
#popupWindow label {
	clear: both;
	display: block;
	overflow: hidden;
}

#popupWindow {
	padding: 20px;
	position: absolute;
	z-index: 9999;
	width: 700px;
	height:auto;
	overflow:auto;
	left:50%;
	margin-left:-400px;
	background: #fff;
	border: 8px solid #e6b012;
	
}

#popupWindow input {
	float: left;
}
/*
** Todo adding popup
*/

#addTodoPopupView div {
	clear:none;	
	
}

#addTodoPopupView .todoPopupLeft {
	float:left;
	
	width:370px;	
}

#addTodoPopupView .todoPopupLeft .generalTableContainer{
	margin: 0 0 20px 0;	
}

#addTodoPopupView .todoPopupRight {
	width:150px;
	height:100%;
	background-color:#eee;
	padding:6px 10px 6px 20px;
	border:2px solid #ddd;
	-moz-border-radius:4px;
	margin-left:10px;
	float:right;
}


#addTodoPopupView .todoPopupRight .generalTable{
	width:260px;
	margin-right:6px;
}
#addTodoPopupView .todoPopupRight .generalTable td, #addTodoPopupView .todoPopupRight .generalTable th {
	padding-bottom:0px;
	padding-right:6px;
}

#addTodoPopupView .familyMember img {
	width:32px;
	height:32px;
	border:none;	
}

#addTodoPopupView .generalTable .nameRow td {
	padding-bottom:5px;
	padding-top:0px;
	text-align:center;
}

#addTodoPopupView .smileyList {
	position: absolute;
	left: 300px;
	top:190px;
	z-index: 99;
	border: 1px solid #ced4d6;
	margin: -91px 0px 0px 0px;
	padding: 0px;
	background: #fff;
}
#addTodoPopupView #todo-textField {
	float:left;	
	border:solid 2px #ddd;
	-moz-border-radius:4px;
	font-size:12px;
	line-height:14px;
}

#addTodoPopupView #todo-smiley {
	margin: 0px 0px 8px 4px;

}

#addTodoPopupView .smileyList li img {
	cursor: pointer;
	clear: none;
}

#addTodoPopupView #trophyInfo {
	padding:20px;
	/*background-color:#ddd;	*/
	border: 4px ridge #33649d;
}
/*
** Reminder sending popup
*/
#addReminderPopupView .reminderPopupLeft h1 {
	font-size:1.4em;
	line-height:16px;
	font-weight:bold;
	margin: 4px 0 20px 4px;
	color:#E6B012;	
}
#addReminderPopupView .reminderSubjectsHolder {
	float:left;	
	margin-bottom:30px;
}

#addReminderPopupView .reminderSubjectsHolder div {
	float:left;	
	clear:none;
}

#reminder-textfield {
	width:300px;
	height:60px;
	line-height:14px;
	border:2px groove #ddd;
	margin-bottom:10px;
	
}

#addReminderPopupView .reminderMemberSelection input {
	margin-top:10px;
}

#addReminderPopupView .familyMember {
	font-size:1.2em;
	line-height:12px;
		
}

#addReminderPopupView .familyMember img {
	width:40px;
	height:40px;
	padding:4px;	
}

/* 
** Event adding popup
*/
#addEventPopupView {
	
}
#addEventPopupView fieldset {
	position:relative;
	margin-top:30px;
	border-color:#114b8a;
}
#addEventPopupView .tabs {

	position:absolute;
	top:-26px;
	left:-1px;
	
}
#addEventPopupView .tabs a {
	color:#fff;	
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	padding:4px 8px;
	background-color:#78b7fa;
	background-image: linear-gradient(bottom, rgb(22,120,224) 0%, rgb(120,183,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(22,120,224) 0%, rgb(120,183,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(22,120,224) 0%, rgb(120,183,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(22,120,224) 0%, rgb(120,183,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(22,120,224) 0%, rgb(120,183,250) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(22,120,224)),
		color-stop(1, rgb(120,183,250))
	);
	border: #114b8a 1px solid;
	
	border-top-right-radius:6px;
	border-top-left-radius:6px;
	border-bottom:0px;
	display:block;
	float:left;
	text-shadow:1px 1px 1px #333;
}
#addEventPopupView .tabs a.active, #addEventPopupView .tabs a:hover {
	background-color:#3283da;
	background-image: linear-gradient(bottom, rgb(17,75,138) 0%, rgb(50,131,218) 100%);
	background-image: -o-linear-gradient(bottom, rgb(17,75,138) 0%, rgb(50,131,218) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(17,75,138) 0%, rgb(50,131,218) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(17,75,138) 0%, rgb(50,131,218) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(17,75,138) 0%, rgb(50,131,218) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(17,75,138)),
		color-stop(1, rgb(50,131,218))
	);
	font-weight:bold;
}
#addEventPopupView h4 {
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;	
}
#addEventPopupView div {
	clear:none;	
	
}

#addEventPopupView .generalTable th {
	padding:10px 0 10px 0;
	font-size:1.4em;
	color:#e6b012;
	font-weight:bold;
}

#addEventPopupView .generalTable th.mobTime {
	padding:10px 0 10px 16px;
	font-size:1em;
	color:#000;
	font-weight:normal;
}

#addEventPopupView .generalTable {
	margin:0 0;
	float:left;
}

#addEventPopupView .eventPopupRight .generalTable{
	width:260px;
	margin-right:6px;
}
#addEventPopupView .eventPopupRight .generalTable td, #addEventPopupView .eventPopupRight .generalTable th {
	padding-bottom:0px;
	padding-right:6px;
}


#addEventPopupView .generalTable .nameRow td {
	padding-bottom:5px;
	padding-top:0px;
	text-align:center;
}

#addEventPopupView .generalTable .reminderCell {
	background-color:#ddd;
	padding-left:10px;
	padding-right:0px;
}

#addEventPopupView .eventPopupLeft {
	float:left;
	margin-right:10px;
	width:270px;	
}

#addEventPopupView .eventPopupRight {
	width:340px;
	height:100%;
	padding:6px 0px 6px 20px;
	float:left;
	margin-left:10px;
	border-left:solid 1px #114b8a;
}

#eventIconSelector {
	overflow:hidden;
	width:42px;
}

#eventIconSelector:hover {
	border:solid 2px #ddd !important;
	margin-bottom:4px;
}

.eventIconSelector {
	background:transparent url('../img/sprites/newsprite1.png') no-repeat -200px -1488px;
	width:13px;
	height:13px;
	display:block;
	position:relative;
	left:34px;	
	top:10px;
}

#addEventPopupView .eventIcons {
	width:118px;
	display:block;
	padding:4px;
	border:2px solid #ccfea0;
	margin-left:10px;
	float:left;
}

.event-icon {
	background:transparent url('../img/sprites/event_icons.png') no-repeat;
	display:block;
	width:32px;
	height:32px;
	padding:2px;
	float:left;
	border:1px solid #ddd;	
	margin-bottom:6px;
}

.event-icon.active, .event-icon:hover {
	background:transparent url('../img/sprites/event_icons.png') no-repeat;
	display:block;
	width:32px;
	height:32px;
	padding:2px;
	float:left;
	border:2px solid #0066ff;
	margin-bottom:4px;	
}

.icon-football, .icon-football:hover, .icon-football.active, .icon-football.active:hover {
	background-position:-138px -54px;	
}
.icon-calendar, .icon-calendar:hover, .icon-calendar.active, .icon-calendar.active:hover {
	background-position:-140px -110px;	
}
.icon-music, .icon-music:hover, .icon-music.active, .icon-music.active:hover {
	background-position:-141px 2px;	
}
.icon-burger, .icon-burger:hover, .icon-burger.active, .icon-burger.active:hover {
	background-position:0px 2px;	
}
.icon-pencil, .icon-pencil:hover, .icon-pencil.active, .icon-pencil.active:hover {
	background-position:-94px -110px;	
}
.icon-clock, .icon-clock:hover, .icon-clock.active, .icon-clock.active:hover {
	background-position:-92px 2px;	
}

.icon-8ball, .icon-8ball:hover, .icon-8ball.active, .icon-8ball.active:hover {
	background-position:-231px -54px;	
}

.icon-tool, .icon-tool:hover, .icon-tool.active, .icon-tool.active:hover {
	background-position:-230px -110px;	
}
.icon-tree, .icon-tree:hover, .icon-tree.active, .icon-tree.active:hover {
	background-position:-323px 2px;	
}
.icon-bulb, .icon-bulb:hover, .icon-bulb.active, .icon-bulb.active:hover {
	background-position:-278px -110px;	
}
.icon-travel, .icon-travel:hover, .icon-travel.active, .icon-travel.active:hover {
	background-position:0px -143px;	
}

.icon-airplane, .icon-airplane:hover, .icon-airplane.active, .icon-airplane.active:hover {
	background-position:-41px -143px;	
}

.icon-shirt, .icon-shirt:hover, .icon-shirt.active, .icon-shirt.active:hover {
	background-position:-276px -54px;	
}

.icon-tennis, .icon-tennis:hover, .icon-tennis.active, .icon-tennis.active:hover {
	background-position:-184px -54px;	
}

.icon-bear, .icon-bear:hover, .icon-bear.active, .icon-bear.active:hover {
	background-position:-48px -54px;	
}

.icon-donkey, .icon-donkey:hover, .icon-donkey.active, .icon-donkey.active:hover {
	background-position:0px -54px;	
}

.icon-flower, .icon-flower:hover, .icon-flower.active, .icon-flower.active:hover {
	background-position:-276px 0px;	
}

.icon-apple, .icon-apple:hover, .icon-apple.active, .icon-apple.active:hover {
	background-position:-365px 0px;	
}

.iconHolder {
	width:32px;
	height:32px;
	display:block;
	float:left;
	border:none 0px #ddd !important;
	margin-bottom:6px !important;	
}

.iconHolder:hover {
	border:none 0px #ddd !important;
	margin-bottom:6px !important;
}

#addEventPopupView .smileyList {
	position: absolute;
	left: 200px;
	top:230px;
	z-index: 99;
	border: 1px solid #ced4d6;
	margin: -91px 0px 0px 0px;
	padding: 0px;
	background: #fff;
}
#addEventPopupView #event-textField {
	float:left;	
	border:inset 1px #ddd;
	box-shadow: 0px -1px 2px #ccc;
	width:150px;
	height:40px;
}

#addEventPopupView #event-smiley {
	margin: 0px 0px 0px 0px;

}

#addEventPopupView .smileyList li img {
	cursor: pointer;
	clear: none;
}


#addEventPopupView .memberSelector {
	width:60px; 
	padding:10px; 
	float:left; 
	height:70px;	
	overflow:hidden;
}

#addEventPopupView .eventMemberSelection {
	/* PUT THIS BACK FOR ALARM
	border-bottom: #114b8a 1px solid;*/
	padding-left:8px;
}

#addEventPopupView .alarmTime {
	padding-top:20px;
	padding-left:8px;
}

#addEventPopupView .memberSelector input {
	margin-top:14px;
	width:14px;
	height:14px;	
}
#addEventPopupView .memberSelector img {
	width:40px;
	height:40px;
}

#addEventPopupView .familyMember img {
	width:32px;
	height:32px;
	border:none;	
}

.eventActions {
	line-height:22px;
	float:right;
	height:22px;	
}

#addEventPopupView .mobileTime {
	
	margin:0 0 10px 0;
	padding:0;
	/*border:2px solid #ddd;
	-moz-border-radius:4px;	*/
	font-size:1em;
	color:#000;	
	height:100%;
	display:block;
}

#addEventPopupView .mobileTime .grey {
	color:#ccc;	
}

#addEventPopupView .reminderInfo {

	padding: 4px 4px;
	
	border:1px solid #ddd;
	-moz-border-radius:4px;
	color:#333;	
}

#addEventPopupView .reminderInfo p {
	font-size:1em;
	margin-bottom:4px;
	line-height:10px;
}

.addEventPop, .addEventPop:hover {
	background:transparent url('../img/sprites/newsprite1.png') no-repeat -603px -266px;
	width:33px;
	height:25px;
	display:block;
	color:#fff;
	font-weight:bold;
	padding-left:23px;
	vertical-align:middle;
	line-height:20px;
	margin-top:6px;
	float:right;	
}

.addEventPop:hover {
	background:transparent url('../img/sprites/newsprite1.png') no-repeat -706px -266px;
}

#addEventPopupLoader {
	text-align:center;

}

#addEventPopupLoader span {
	line-height:24px;
	vertical-align:middle;
	font-size:1.6em;
	margin-bottom:-8px;	
}

/* Fix for firefox */
@-moz-document url-prefix() {
	#addEventPopupView .tabs {
		top:-46px;
		left:-21px;	
	}	
	#addEventPopupView .memberSelector {
		width:65px; 
		padding:8px;
	}
	
}


 
#fullCalTip {
   	position:absolute;
   	color:#000;
   	z-index:999;
   	background-color:#fff;
   	border:solid 2px #E6B012;
   	text-align:center;
   	padding:8px;
   	width:200px;	
}

/*
** Trophies & collection page
*/

#trophiesPage {
	
}

#trophiesPage h1 {
	color:#E6B012;
	font-size:1.8em;
	margin-bottom:10px;
}



#trophiesPage .trophiesTable th, #trophiesPage .trophyCollection th {
	font-size:1.4em;
	font-weight:bold;
	background-color:#99CCFF;
	color:#fff;
	padding:8px;
	text-align:center;	
}

#trophiesPage .trophiesTable th.rewardFamily {
	background-color:#b5dafe;	
}

#trophiesPage .trophiesTable th img, #trophiesPage .trophyCollection img {
	width:32px;
	height:32px;	
}

#trophiesPage .trophiesTable td, #trophiesPage .trophyCollection td {
	text-align:center;
	font-size:1.3em;
	padding:8px;
	border-bottom: solid 2px #ddd;	
}

#trophiesPage .trophyCollection {
	background: #eee url('../img/trophytable-bg.png') repeat-x;	
}

#trophiesPage  #trophyTimelineNav a {
	display:block;
	background: transparent url('../img/sprites/newsprite1.png') no-repeat;
	width:20px;
	height:20px;
}

#trophiesPage  #trophyTimelineNav a.backward {
	background-position:-262px -1308px;

}

#trophiesPage  #trophyTimelineNav a.forward {
	background-position:-309px -1308px;

}

#trophiesPage .trophyCollection ul {
	margin-top:2px;
	padding-top:8px;	
}
#trophiesPage .trophyCollection .memberColumn {
	text-align:center;	
	padding-top:6px;
	color:#333;
}

#trophiesPage .trophyCollection .holder {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -24px -2035px;
}
#trophiesPage .trophyCollection .animateTrophy .pointShow {
	background: transparent url('../img/trophies/point_bg.png') no-repeat;
	height:23px;
	width:30px;
	padding-top:8px;	
	font-weight:bold;
	font-size:14px;
	margin:8px 0 0 4px;
}
#trophiesPage .trophyCollection .memberColumn img {
	width:32px;
	height:32px;
}

#trophiesPage .trophyCollection img {
	width:40px;
	height:40px;	
}

#trophiesPage .trophyCollection img.currentTrophy {
	width:48px;
	height:48px;
}
/*
** Trophy setup page
*/
.trophyIconSelectionHolder {
	float:left;	
	padding-bottom:8px;	
}
.trophyIconBig {
	padding-bottom:8px;	
	float:left;
	max-width:100px;
}

#trophyLeftArrow, .scrollLeftArrow {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -264px -1309px;
	display:block;
	width:16px;
	height:17px;	
	float:left;

	margin-top:50px;
	cursor:pointer;
}

#trophyRightArrow, .scrollRightArrow {
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -313px -1309px;
	display:block;
	width:16px;
	height:17px;
	float:left;	
	cursor:pointer;
	margin-top:50px;
	
}

.scrollLeftArrow, .scrollRightArrow {
	margin:10px 4px;	
}

#userAvatarScroll {
	float:left;	
}

#userAvatarScroll img {
	height:40px;
	width:40px;
		
}

table.trophySettings {
	width:750px;
	border:2px solid #ddd;
	margin-bottom:20px;	
}

 .trophySettings th {
	font-size:1.4em;
	font-weight:bold;
	background-color:#99CCFF;
	color:#fff;
	padding:8px;
	text-align:center;	
}

.trophySettings td {
	text-align:center;
	
}

td.trophyImg span {
	padding-top:30px;	
}
.trophySettings td.trophyImg {
	text-align:left;
	padding-left:30px;	
}

.trophyImg.small img{
	width:30px;
	height:30px;	
}
.trophySettings td img {
	width:80px;
	height:80px;
	margin-left:-10px;
}

.trophySettings td .postButton {
	padding-top:5px;
	margin-right:10px;
	margin-bottom:6px;	
}

.trophyDefinition .trophyTimeSelection {
	text-align:right;
	width:100%;
	margin-right:50px;	
	margin-bottom:10px;
}

.trophyDefinition .trophyTimeSelection ul li, .trophyTableNavi li {
	float:right;
	font-size:1em;
			
}

.trophyDefinition .trophyTimeSelection ul li a, .trophyTableNavi li a {
	color:#fff;
	background-color:#ccc;
	padding:4px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	
}

.trophyDefinition .trophyTimeSelection ul li a.selected, .trophyDefinition .trophyTimeSelection ul li a:hover, .trophyTableNavi li a.selected, .trophyTableNavi li a:hover {
	background-color:#aaa;
}

/*
** Trophy feed
*/
.feedTrophy {
	width:60px;
	height:60px;
	clear:left;
	display:block;	
}

.feedTrophySmall {
	width:30px;
	height:30px;
	float:none !important;	
}


.trophyPercentBg {
	width:100px;
	height:20px;
	padding-top:1px;
	border:1px solid #bedeff;
	-moz-border-radius:3px;	
	background-color:#dfefff;
	margin-top:2px;	
}
.trophyPercentWrap, .trophyPercent {
	width:75px;
	height:15px;
	background-image:url('../img/trophies/progress_bar.png');
	background-position: 0px -2px;
	background-color:#fff;	
}

.trophyPercentWrap {
	position:relative;
	margin: 4px 0 0 0;
	float:left;	
}

.trophyPercentIcon {
	height:20px;
	width:20px;
	float:right !important;	
	overflow:visible !important;
	margin:0px !important;

}

.trophyCabinet {
	height:1%;
	overflow:hidden;
	float:left;
	display:block;	
}
table.familyTrophyFeed {
	border-top:2px solid #99ccfe;
	border-left:2px solid #99ccfe;
	border-right:2px solid #99ccfe;
	margin:14px 4px 4px 4px;
	width:280px;	
}

table.familyTrophyFeed td {
	padding:8px;
	
	border-bottom:2px solid #99ccfe;	
}

table.familyTrophyFeed td {
background:url('../img/trophies/cabinet_bg.jpg') repeat-x;
}



.familyTrophyFeed img {
	width:40px;
	height:40px;
}

table.familyTrophyFeed .memberColumn {
	font-size:0.9em;
	font-weight:bold;	
}



.familyTrophyFeed .memberColumn img {
	width:40px;
	height:40px;
}
	
/*
** Todo done prompt
*/

#todoDoneView .todoModalMember {
	float:left;	
	clear:none;
	margin-bottom:6px;
}

#todoDoneView .todoModalMember img {
	width:32px;
	height:32px;
}

/*
** Calendar widget
*/
#cal-navigation {
	width:133px;
	padding:2px;
	
}
.cal {
	text-align:center;
	width:100%;
	/*-moz-border-radius:8px; 
	-webkit-border-radius:8px;
	*/
	background:#fafafa;
	
    /*border: solid 1px #ddd; */
    margin:0 0 8px; 
    padding:0 0 4px;
}
#main .cal h3 {
	clear:none;	
	color:#fff; 
	font-weight:bold; 
	font-size:1.2em;
	text-align:center;
	margin:0;
}

#main .cal h3 a {
	color:#000;
}

#main .cal h3 a:hover {
	color:#333;
}
.cal .monthDiv {
	text-align:center;
	background:#a9c3e0;
	border: solid 2px #33649d;
	height:100%;

}
.cal .month {
	color:#fff; 
	font-weight:bold; 
	font-size:1.2em; 
 }
.cal a[rel=prev], a[rel=next] { 
	display:block;
	 margin-top:2px;
	 overflow:hidden;
	 width:12px;
	 height:14px;
	 text-indent:-999em;
	 background: transparent url('../img/ui-icons-tp-blue.png') no-repeat scroll 0 0;
}
.cal a {
	text-decoration:none;
}

.cal a.hasEvents {
	font-weight:bold;
	font-size:1.2em;
	
}

.cal a[rel=next] {
	float:right;
	margin-right:2px;
	background-position: -115px -194px;
}
.cal a[rel=prev] {
	float:left;
	margin-left:2px;
	background-position: -147px -194px;
}
/*
.cal a[rel=next]:hover {
	background-position: -32px 0;
}
.cal a[rel=prev]:hover {
	background-position: 0 0;
}
*/
.cal table {
	background:#fbfbfb;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	border: solid thin #f2f2f2; 
	border-collapse: separate !important;
}
.cal td, .cal th {
	width:14.3%;
	height:2em;
	border: solid thin #ddd; 
	padding:0; 
	font-size:0.7em; 
}
.cal tbody td {
	text-align:center; 
	vertical-align:middle;
}
.cal tbody a {
	display:block;
	width:100%;
	line-height:200%;
}
.cal td.out {
	background:#f8f8f8; 
	font-family:Arial Narrow;
} 
 .cal td.out a { 
 	color:#aaa;
}
.cal .weekend {
	background:#f2f2f2;
}
.cal .weekend.out {
	background:#f0f0f0;
}
.cal td.current {
	font-weight:bold;
	padding:0;
	background: #8de !important;
}
.cal td.current a {
	color:#002a5f;
}
.cal td.hover, .cal td.weekend.out.hover {
	color:#224cff;
	background:#ff8;
	cursor:pointer;
}
.cal td.today {
	font-weight:bold; 
	border:solid 1px red;
} 
cal td.today a, .cal a[rel=today]{
	color:#000;
	padding-bottom:4px;
}

/*
Draw
*/

.sumoCopy {
	font-size:1.4em;
	line-height:1.6em;	
}


/*
** Help Windows
*/

.helpWindows {
	width:500px;
	height:351px;
	
}

.helpWindows img {
	
}

/*
** Register form
*/

#register fieldset {
	padding:8px;
}

#register fieldset div.formFieldContainer {
	margin:10px 0 0;
	float:left;
	clear:none;
	width:400px;
	height:24px;
	display:block;
	overflow:hidden;
}

#register fieldset div.formFieldContainer.tall {
	height:1%;	
}

.formguide {
	float:left;
	clear:right;
	height:1%;
	overflow:hidden;
	display:block;
	padding:10px 0 0 8px;
	width:300px;	
}

.formguide span {
	font-size:11px;
	color:#444;	
}

#register fieldset div.formFieldContainer .captchaTemp {
	float:left;	
	margin:0;
	padding:0;
}

#register fieldset div.formFieldContainer input, #register fieldset div.formFieldContainer select {
	clear:none;
	float:none;
	margin:0 6px;
	width:200px;
}

#register fieldset div label {
	color:#333;
	float:left;
	font-size:12px;
	padding:4px 4px 0 0;
	width:156px;
	text-align:right;
	
}

#register fieldset div label.captchaLabel {
	padding:0;
	margin:0;	
}

#register fieldset div.sendContainer {
	height:1%;
	display:block;
	overflow:hidden;
	float:left;	
}

#register fieldset div.sendContainer.tall {
	height:1%;	
}
#register fieldset div.sendContainer label {
	width:auto;	
}

#register fieldset div.genderSelector {
	clear:none;
	float:left;
	height:auto;
	padding:6px 0;
}

#register fieldset div.genderSelector input {
	width:auto;
}

#register fieldset div.formFieldContainer.birthdaySelector select {
	width:auto;
	float:left;	
}

#register p.termsText {
	margin:0px;	
}

/*addmemberform*/
.ajaxForm.userForm fieldset {
	padding:8px;
}

.ajaxForm.userForm fieldset div.formFieldContainer {
	margin:10px 0 0;
	float:left;
	clear:none;
	width:400px;
	height:28px;
	display:block;
	overflow:hidden;
}

.ajaxForm.userForm fieldset div.formFieldContainer.tall {
	height:1%;	
}

.ajaxForm.userForm fieldset div.formFieldContainer input, .ajaxForm.userForm fieldset div.formFieldContainer select {
	clear:none;
	float:none;
	margin:0 6px;
	width:200px;
}

.ajaxForm.userForm fieldset div label {
	color:#333;
	float:left;
	font-size:12px;
	padding:4px 4px 0 0;
	width:156px;
	text-align:left;
	
}

.ajaxForm.userForm fieldset div.formFieldContainer.birthdaySelector select {
	width:auto;
	float:left;	
}

.ajaxForm.userForm fieldset .genderContainer div label {
	height:4em;
	padding:0;
	position:relative;
	width:50%;
	color:#000000;
	float:left;
	font-size:1.2em;
	padding-bottom:0.3em;
	text-align:left;
}

.ajaxForm.userForm fieldset div.sendContainer {
	height:1%;
	display:block;
	overflow:hidden;
	float:left;	
}

legend input {
	margin-right:8px;	
}

/*
** Misc
*/

.alignCenter {
	text-align:center;
	width:100%;	
}
.smallImg {
	width:20px;
	height:20px;	
}

/* top-margin */
.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

.top30 {
	margin-top: 30px;
}

.top40 {
	margin-top: 40px;
}

/* bottom-margin */
.bottom10 {
	margin-bottom: 10px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom30 {
	margin-bottom: 30px;
}

.bottom40 {
	margin-bottom: 40px;
}

/* floating */
.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

/* text-align */
.textLeft {
	text-align: left !important;
}

.textCenter {
	text-align: center !important;
}

.textRight {
	text-align: right !important;
}

.justify {
	text-align: justify !important;
}

/* vertical-align */
.valignMiddle {
	vertical-align: middle;
}

.valignTop {
	vertical-align: top;
}

.valignBottom {
	vertical-align: bottom;
}

/* font-size */
.fontSize8 {
	font-size: 0.8em;
	line-height: 12px;
}
.fontSize10 {
	font-size: 1.0em;
	line-height: 14px;
}

.fontSize12 {
	font-size: 1.2em;
	line-height: 16px;
}

.fontSize14 {
	font-size: 1.4em;
	line-height: 18px;
}

.fontSize16 {
	font-size: 1.6em;
	line-height: 20px;
}

/* font-case */
.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: none !important;
}

/* widths (per-cents) */
.width5 {
	width: 5%;
}

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width55 {
	width: 55%;
}

.width60 {
	width: 60%;
}

.width65 {
	width: 65%;
}

.width70 {
	width: 70%;
}

.width80 {
	width: 80%;
}

.width90 {
	width: 90%;
}

.width100 {
	width: 100%;
}

/* gutters */
.list-gutter {
	margin: 0px 8px 0px 8px;

	background: #fff;
}

.list-gutter {
	min-height: 300px;
}

.list-gutter.upper {

}

.filterSearch .list-gutter.upper {
	min-height: 450px;
}

.panel-gutter {
	clear: both;
	overflow: hidden;
	padding: 10px;
}

.panel-gutter.top {
	background: #b2d7dc url("../img/panel-background.gif") repeat-x left top !important;
}

#panel-image .panel-gutter.top {
	background: url("../img/panel-image-background.png") no-repeat left bottom !important;
}

.static-gutter p {
	max-width:600px;	
}

.static-gutter ul {
	max-width:600px;	
}

/* FB components */
.fbMemberInvite {
	margin-left:10px;	
}


/* misc-stuff */
.active,
.active a,
.active a:hover {
	cursor: default !important;
}

.green,
.green:hover {
	color: #009966;
}

.red,
.red:hover {
	color: #d52b1e;
}

.blue,
.blue:hover {
	color: #002438;
}

.grey {
	color:#ccc !important;	
}

.normal {
	font-weight: normal !important;
}

.borderNone {
	border-right: none !important;
}

.noMargin {
	margin: 0px !important;
}

.noPadding {
	padding: 0px !important;
}

.floatNone {
	float:none !important;	
}

/* margins  */
.marginTop0 {
	margin-top: 0px !important;
}

.marginTop5 {
	margin-top: 5px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginLeft10 {
	margin-left: 10px;
}

.marginLeft20 {
	margin-left: 20px;
}

.marginRight10 {
	margin-right: 10px;
}

.marginRight20 {
	margin-right: 20px;
}

/* hiding */
.hidden {
	display: none !important;
}

.unHidden {
	display:block !important;
	clear:none !important;	
}

.hide {
	padding: 0px !important;
	margin: 0px !important;
	width: 0px !important;
	height: 0px !important;
	font-size: 0px !important;
	line-height: 0px !important;
	overflow: hidden !important;
	clear: none !important;
	display: block !important;
}

#relative, #footerImg {
	overflow:visible;
}

.showOverflow {
overflow:visible !important;
}

.wotBadge {
	padding-bottom:20px;	
}

.errorBorder {
	border: 1px solid #ff0000 !important;
		
}

.clearNone {
	clear:none !important;	
}

.clearLeft {
	clear:left !important;	
}

.relative {
	position:relative !important;	
}


/* Facebook */
.fbConnectHolder, .fbShareHolder {
	background: url('../img/sprites/newsprite1.png') no-repeat -512px -1257px;
	height:14px;
	padding:4px 4px 2px 24px;	
	margin: 6px 0;
}

.fb_dialog_link {
	background: url('../img/sprites/newsprite1.png') no-repeat -516px -1469px;
	height:14px;
	padding:0px 0px 0px 22px;	
	font-size:12px;
	line-height:14px;
	margin:6px 0px
}

.recommendLink {
	background: url('../img/sprites/newsprite1.png') no-repeat -514px -1505px;
	height:14px;
	padding:0px 0px 0px 24px;	
	font-size:12px;
	line-height:14px;
	margin:6px 0px
	
}

.fbConnectHolder {
	background-color:#3c5a98;
	border:1px solid #123b90;
}
.fbConnectText, .fbConnectText:hover {
	font-size:10px;
	line-height:12px;
	color:#fff;
	font-weight:bold;
}

.fbConnectText:hover {
	color:#fff;
	text-decoration:underline;	
}

.fbShareText, .fbShareText:hover {
	font-size:10px;
	line-height:12px;
	color:#3c5a98;
	font-weight:bold;
}

.fbShareText:hover {
	color:#3c5a98;
	text-decoration:underline;	
}

.fbShare {
	display:block;
	float:left;
	cursor:pointer;	
}

#fbImageContainer {
	width:125px;
	margin-left:20px;
}

#fbImageContainer img {
	max-width:75px;
	max-height:75px;
	margin: 0px auto;
}

#fbscrollLeftArrow, #fbscrollRightArrow {
	clear:none !important;
}
#fbscrollRightArrow {
	float:right;	
}
#fbImageScroll {
	clear:none !important;
	float:left;	
}

/* Theme related stuff again to ease theming */
body {
	background: #6dc1f2 url("../img/themes/spring/sky.jpg") no-repeat top center;
	background-attachment:fixed;
}
a {
	
}
a:hover {
	
}
div#wrapper {
background: none;
}

#footerImg {
	background: none;
	
}

#additionalBg {
	position:fixed;
	bottom:0px;
	width:100%;
	height:71px;
	background: transparent url("../img/themes/spring/grassbird.jpg") repeat-x;	
}

#header .headerNavi .headernav li a {
	color:#000;	
}

#header .headerNavi .headernav li a:hover {
	color:#bbb;	
}

#header #mainNavi ul {
	background-color:#6dc1f2;

}

#header #mainNavi ul li {
	border-right: solid 2px #6dc1f2;
}

#header #mainNavi ul li.first {
	border-left: solid 2px #6dc1f2;
}


#footer ul a {
	color: #000;
}

/* Widgets */
.toggleHiddenNext {
	text-decoration:underline;
	line-height:16px;
}

.toggleHiddenNext img {
	margin-left:8px;
	padding-top:2px;
	margin-bottom:-1px;
}

.adminWidgetLinks li {
	border-bottom:solid 1px #ddd;
	padding:4px 0px;
	margin-right:2px;
	margin-left:2px !important	
}

.adminWidgetLinks a {
	line-height:14px;
}

.adminWidgetLinks li img {
	max-height:32px;
	max-width:32px;
	vertical-align:middle;
	padding-right:6px;
}



.tipNavi .scrollHideBackward, .tipNavi .scrollHideForward {
 	background: transparent url('../img/ui-icons-tp.png') no-repeat;
 	display:block;
 	width:12px;
 	height:12px;
 	margin-top:2px;
}

.tipNavi .scrollHideBackward {
	background-position:-147px -195px;	
	float:left;
	margin-right:4px;
}

.tipNavi .scrollHideForward {
	background-position:-115px -195px;	
	float:right;
	margin-left:4px;
}

.widgetTipList p {
	font-size:1.1em;	
}

p.tipNavi {
	text-align:center;
	margin-bottom:0px;
	
	font-size:1em;	
}

.xmasWidget {
	text-align:center;	
}
.xmasWidget h1 {
	margin-left:auto;
	color:#d24000;
	font-size:1.2em;
	padding:4px 0;
}

.xmasWidget img {
	width:120px;
	height:90px;	
}

.bdayWidget {
	padding-top:6px !important;
	padding-bottom:6px !important;	
}

.bdayWidget p {
	padding-left:4px;
	margin-bottom:0px;
	font-size:1.1em;	
}

 

.appointmentWidget .calendarTimes .calendarTimeList li.calendarTime, #content .entryContent .calendarTimes .calendarTimeList li.calendarWeekDay {
	font-size:inherit;	
}

.appointmentWidget .calendarTimes .calendarTimeList li.calendarDay {
	font-size:2em;
	line-height:22px;
}

.appointmentWidget .calendarTime {
	float:left;
	padding:0px 2px 0 2px;
	margin-top:0px;
	font-size:0.8em;
	vertical-align:center;
}

.appointmentWidget .text {
	width:85px;	
}

.appointmentWidget .entryContent {
	font-size:inherit;
	width:auto;	
	padding: 0px 0 0 4px;
	
}

.drawWidget {
	
	text-align:center;	
}

.drawWidget a {
	font-size:16px;
	line-height:18px;	
}

.img32 {
	width:32px;
	height:32px;	
}

.androidBanner {
	background: transparent url('../img/banners/android-bg-yellow.png') no-repeat;
	height:320px;;	
}

.androidBanner p {
	padding:0px 10px 6px 12px;
	font-size:8px;
	color:#555;
	line-height:8px;
	margin:0;
	position:relative;
	top:-6px;
}
.androidBanner p a, .androidBanner p a:hover {
	color:#555;
	text-decoration:underline;	
}


/* Theme changeable colors etc */
.widget {
	width:137px;	

}

.widgetSlot {

}

.widgetSlotToggle {
	margin-bottom:5px;
	display:block;
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -792px -2678px;
	height:18px;
	margin-left:7px;
}

.widgetSlotToggle > div {
	display:block;
	width:14px;	
	height:14px;
	background: transparent url('../img/ui-icons-tp.png') no-repeat;
	position:relative;
	top:1px;
	left:1px;
	background-position: -65px -194px;
	float:left;
}

.widgetSlotToggle > div.closed {
	background-position: -49px -194px;
	
	
}

.widgetSlotToggle ul li {
	position:relative;
	left:8px;
	top:2px;
	font-size:12px;	
	text-decoration:underline;
}

.widgetContent {
	padding:0 6px;	
}

.widgetSlot .widget {
	margin-bottom:10px;	
	display:block;
	
}
.widget li, .widget p, .widget span {
	
}
.widget .toggleHiddenNext {
	margin-left:6px;	
}

.widgetCloseBg {
	position:absolute;
	left:2px;
	top:2px;
	
	background: transparent url('../img/sprites/newsprite1.png') no-repeat -792px -2678px;

	width:18px;
	height:18px;
	text-align:center;	
	z-index:150;
}

.widgetClose {
	display:block;
	width:14px;	
	height:14px;
	background: transparent url('../img/ui-icons-tp.png') no-repeat;
	position:relative;
	top:1px;
	left:1px;
	background-position: -65px -194px;
}

.widgetClose.closed {
	background-position: -49px -194px;
	
	
}



.widgetHeading {
	background-color:#f2d057;
	border:solid 2px #e6b012;
	margin:2px;
	color:#000;
	font-size:1.2em;
	line-height:12px;
	text-align:center;
	font-weight:bold;
	padding:4px 22px 4px 22px;	
	position:relative;
}

.widgetBorder {
	border:solid 1px #e6b012;
}

.widgetBg {
	background-color:#fff;	
}