html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,blockcode,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,dd,dl,dt,di,li,ol,ul,nl,form,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
font-weight: normal;
font-style: normal;
}

body{
margin:0;
padding:0;
font-family: Trebuchet MS, Helvetica, sans-serif;
color: #333;
background:#eef1f4 0px -50px repeat-x url(/img/bg-main_2.png);
}

.validation-advice {
  color: red;
  font-weight: bold;
}

h1{
font-size:180%;
}
h2{
font-size:160%;
}
h3{
font-size:140%;
color:#19466F;
}
h4{
font-size:120%;
}
h5{
font-size:110%;
}
h6{
font-size:105%;
}

a,p,li{
font-size:.97em;}

a{
text-decoration:none;
color:#135087;
cursor:pointer;
}
a:link{}
a:visited{}
a:hover{text-decoration:underline;}
a:active{}
.clr{
clear:both;
}

img {
border:none;
}

ul{
list-style: none;
list-style-position:outside;
}

#content ul{
list-style: disc;
}

img.right{
float:right;
padding-left:10px;
}
img.left{float:left;
padding-right:10px;}


/* 2 columns */
div.column-head-200 {
    height:200px;}
div.column-head-100 {
    height:100px;}
div.column-head-120 {
    height:120px;}
div.column-head-150 {
    height:150px;}
div.right-column {
    width:50%;
    float:right;
    text-align: right;
}
div.left-column {
    width:50%;
    float:left;
}
/* end columns */

#main_wrapper{
width: 960px;
margin: 0 auto;

padding:5px 10px;
}
#body_container {
}

#header {
background:no-repeat url(/img/bg-header.png);
margin-bottom:0px;
}

#header_left {
float:left;
}
#header_right {
float:right;
}

#header_logo {
position:relative;
margin:0px 0 -17px -18px;
padding:0px 0px 0px 0px;
}

#topmenu {
float:right;
font-size:12px;
border-bottom:0px;
}
#topmenu  {
}


/* START SIDE BAR */

#sidebar_left {
float: left;
width: 200px;
text-align: left;
background:none;
}

#sidebar_left ul{
margin:0 0 10px 0;
padding:0 0 0 15px;
border-bottom:0px dashed #20384F;
}
#sidebar_left ul.main {
background:#233B51 no-repeat url(/img/bg-side-blue.png);
line-height:1.5em;
}
#sidebar_left ul.main a{
color:#fff;
}
#sidebar_left ul.family{
background:no-repeat url(/img/bg-side-yellow.png);
}
#sidebar_left ul.account{
background:no-repeat url(/img/bg-side-green.png);
}

#sidebar_left ul.admin{
background:no-repeat url(/img/bg-side-red.png);
}

#sidebar_left ul div{
border-bottom:1px solid #8BA7BF;
width:170px;
}
#sidebar_left ul .edit{
font-size:12px;
}
#sidebar_left ul b{
color:#fff;
}
#sidebar_left ul {
border-bottom:1px solid #6D8FAE;
}
#sidebar_left ul li{
font-size:13px;
padding:4px 0;
aborder-bottom:1px solid #fff;
width:170px;
}
#sidebar_left li.register{
text-align:center;
}
#sidebar_left ul.add-content{
background:no-repeat url(/img/bg-side-green.png);
text-align:center;
}
#sidebar_left ul.kidiso-friend{
background:no-repeat url(/img/bg-side-blue.png);
text-align:center;
}
#sidebar_left ul.add-content li a,#sidebar_left li.register a{
font-weight:bold;
font-size:16px;
}

#sidebar_left ul.add-content li a{
color:#fff;
}

.KidSubNav li{
line-height:12px;
}
.KidSubNav li a{
color:#3B5FBF;
font-size:12px;
}
.KidSubNav li a:hover{
color:#5393DF;
}

/* END SIDEBAR */

/* START MAIN CONTENT */

#content {
padding:0 0px;
float: right;
width: 740px;
font-size:.87em;
color: #02375e;
}

.center {
text-align:center;
}

p.title {
font-size:1.3em;
margin:20px 0 0px 0;
background:repeat-x 0px -40px url(/img/bg-side-dark.png);
padding:5px;
color:#fff;
}

/* END MAIN CONTENT */


/* TABLES */

table {
width:100%;
text-align: center;
border:1px solid #999;
margin:0;
padding:0;
font-size:13px;
}

form table {
border:0;
text-align:left;
}

th {
border-bottom:1px solid #555;
font-weight:bold;
padding:2px 0px;
background:repeat-x 0px -100px url(/img/bg-side-dark.png);
color:#555;
}

tr td {
border:0;
padding:4px 0;
border-bottom:1px solid #9CB4C7;
}

form tr td {
border-bottom:0px;

}


td a {
font-size:12px;
}
td a:hover {
text-decoration:underline;
color:#000;
}

/* END TABLES */

/* CONTENT NAVIGATION */

#contentNavigation {
background:url(/img/bg-740-light.png);
width:700px;
float:right;
padding:0px 20px;
}

#contentNavigation ul{
margin:-10px 0;
padding:0;
border-left:1px solid #D7DEE5;
}
#contentNavigation li{
display:block;
float: left;
padding:0px;
margin:0px;
}
#contentNavigation li a{
display:block;
width:100%;
padding:2px 4px;
font-size:13px;
color:#ddd;
background:#1A466F no-repeat url(/img/btn-corner.png);
border-width: 1px;
border-color: #DAE1E7 #DAE1E7 #ccc #fff;
border-style: solid;
}

#contentNavigation li a:hover {
text-decoration:none;
color:#222;
background:#DCE2E8 no-repeat url(/img/btn-corner.png);
border-color: #19466F #DCE2E8 #DCE2E8 #19466F;
  }

.idname a{
color:#F1F4F7;
}

/* END CONTENT NAVIGATION*/


/* ADDTHIS TOOLBOX */
.addthis_toolbox {
float:right;
clear:both;
margin:10px 10px 0 0;
width:100%;
}

.addthis_toolbox p {
margin:0;
padding:0;
font-size:.87em;
font-size:18px;
text-align:center;
font-weight:bold;
}

.addthis_toolbox a:hover img{
    opacity: 1;
}
.addthis_toolbox img{
    opacity: 0.75;
awidth:45px;
}
/* END ADDTHIS TOOLBOX */


#NewContent {

}

/* FORMS and BUTTONS */
form {padding:20px 30px;
margin:10px 0;
background:#F1F4F7;
border:5px solid #6D90AF;
}
label{
display:block;
font-weight:bold;
font-size:120%;
color:#222;
}
.note{
font-size:12px;
color:#777;
}
input,textarea {
padding:5px;
}
input:focus,
textarea:focus {background:#EDFFCF;
border:2px inset #1B446B;
color:#213B53;}
input:active {background:#E9EEF2;}
input:hover{background:#FFFFCF;}

textarea#license{
font-size:11px;
border:1px solid;
background:#fff; }

input.textfield {
color:#223C55;
height:25px;
font-size:15px;
width:500px;
}
#friend_id {
width:300px;
}
form span.loading {
float:left;
margin:10px -20px;
}
/*
input.button {
background:repeat-x 0px -60px url(/img/bg-side-blue.png);
height:32px;
border:1px solid #8ABAFF;
color:#3386FF;
font-weight:bold;
font-size:100%;
cursor:pointer;
}
input.button:hover {
background:repeat-x 0px -10px url(/img/bg-side-yellow.png);
color:#233C51;
}
*/

/* Buttons */
.button {
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  background:              repeat-x 0px -50px url('/img/bg-side-blue.png'); /* Image fallback */
  background:             -moz-linear-gradient(0% 170% 90deg, #3084FF, #DFECFF);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(#DFECFF), to(#3084FF));
  border:                  1px solid;
  border-color:            #6D90AF #839AAF #839AAF #6D90AF;
  border-radius:           3px;
  color:                   #1A466C;
  display:                 inline-block;
  font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size:               13px;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white;
  white-space:             nowrap;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

}

.button:hover {
    background:            repeat-x 0px -70px url('/img/bg-side-blue.png');
    background:           -moz-linear-gradient(0% 170% 90deg, #438FFF, white);
    background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#438FFF));
    border-color:          #99ccff;
    color:                 #333333;
}

.button:active {
    position:              relative;
    top:                   1px; }

.button:active,
.button:focus {
    background-position:   0 -25px;
    background:           -moz-linear-gradient(0% 170% 90deg, white, #9AC3FF);
    background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#9AC3FF), to(white));
    border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
    color:                 #1a1a1a;
    text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5); }


/* Used when adding children */
.action_big a{
text-align:center;
display:table-cell;
font-size:20px;
color:#FDC638;
height:116px;
width:269px;
vertical-align:middle;
background:no-repeat transparent url(/img/bg_btn_blue.png);
}
.action_big a:hover{
color:#fff;
text-decoration:none;
background:1px -1px no-repeat transparent url(/img/bg_btn_blue.png);
}

/* LOGIN FORM */
#left_login_form {
background:transparent;
width:200px;
margin:0px;

}
#left_login_form form{
border:1px solid #fff;
padding:5px 5px;
text-align:center;
background:#233B51 no-repeat url(/img/bg-side-blue.png);
}

#left_login_form label {
position:relative;
top:5px;color:#fff;
float:left;
font-size:.75em;
font-weight:normal;
}

#left_login_form form input{
padding:3px;
color:#135087;
margin:5px 0;
width:158px;
}

#left_login_form .submit{
padding:5px 10px;
color: #000;
background: #FBB30B;
border: 1px outset #d7b9c9;
font-size:1.5em;
font-weight:bold;
width:120px;
}

#left_login_form a{
color:#fff;
font-size:12px;
/*display:inline;*/
}

.fbloginbox {
padding:13px 0;
background:#F1F4F7;
display:none;
margin:-4px;
}

#left_login_form p.checkbox{
clear:both;
float:none;
text-align:left;
margin:5px 0;
}
#left_login_form p.checkbox input{
float:left;
padding:0;
margin:5px 1px 0 8px;
width:10px;
}
#left_login_form p.checkbox label{
clear:left;
display:block;
float:right;
padding:0 0 5px 0;
margin:0;
margin-left:0px;
width:155px;
line-height:13px;
}

.failed_login {
color:#fff;
padding:3px;
background:#C02621;
text-align:center;
margin:0px 1px -10px 1px;
}

/* END LOGIN FORM */

/* END FORMS and BUTTONS */

/* AUTO COMPLETE */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected {
color:#fff;
background:#fff repeat-x 0px -30px url(/img/bg-side-blue.png);}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:22px;
  cursor:pointer;
}
/* END AUTO COMPLETE */

/* SERVER RESPONSES */
.box_green {
background:#fff repeat-x 0px -60px url(/img/bg-side-green.png);
color:#000;
padding:10px;
}

.box_red {
background:#fff repeat-x 0px -60px url(/img/bg-side-red.png);
padding:10px;
color:red;
font-weight:bold;
}

#serverResponse {
padding:5px;
color:#fff;
text-align:center;
margin:10px 0px;
background:#135087 repeat-x 0px -5px url(/img/bg-menu-blue.png);
}

/* END SERVER RESPONSES*/

/* TIPWORDS */
#texplain {
width:400px;
}
.tip {
    border:solid 1px #c3c3c3;
    width:200px;
    padding:10px;
    position:absolute;
    z-index:100;
    visibility:hidden;
    color:#333333;
    top:20px;
    left:20px;
    background:#FAF0C4;
    font-size:10px;
}
.tip-title {
font-size:14px;
font-weight:bold;
color:#1A466F;
}
a.tipword:hover{
    border-bottom:1px solid #1A466F;
    text-decoration:none;
}
a.tipword{
cursor:help;
}

/* END TIPWORDS */

/* FOOTER */

html, body {
   height: 100%;
}
#main_wrapper{
   min-height: 100%;
   margin-bottom: -100px;
   position: relative;
}
.clearfooter {
height:100px;
clear:both;
}
#footer {
text-align:center;
font-size:75%;
line-height:1.2em;
padding:20px;
background:0 -10px url(/img/bg-footer.png);
margin:0px 0 0 0;
color:#aaa;
height:60px;
position:relative;
}
#footer a {
color:#eee;
}

/* END FOOTER */

/* CHANGE ADDED DURING MIGRATION */
#left_menu_family_name {
  font-weight:bold;
  font-size:16px;
  color:#fff;
}

/* SCROLLABLE  */


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:741px;
	height:440px;
margin:-10px 0 0 0;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
        background:no-repeat url(/img/bg-sections-trans.png);
        height:400px;
        width:665px;
        padding:25px 50px;
}
.items div div {
        background:none;
        padding:0;
}
.items p{
	color:#223C52;
	margin:13px 0;
	font-size:102%;
	line-height:1.4em;
}

.items h2{
	color:#111;
	margin:20px 0pt;
}
.items a{
	color:#223C52;
	font-weight:bolder;
	text-decoration:none;
}
.items a:hover{
	color:#FFEFA6;
	text-decoration:underline;
}
.items img {
float:right;
padding:0 19px 0 8px;
}

a.prev,a.next {
color:#fff;
}
a.next {float:right;}
a.prev {float:left;}
a.prev.arrow {
position:relative;
top:170px;
left:2px;
float:left;
z-index:400000;
}
a.next.arrow {
position:relative;
top:170px;
right:-5px;
float:right;
z-index:400000;
}
a.disabled {
display:none;
}
.screenshot{
float:left;
width:100%;
}
.screenshot img {
float:left;
margin:20px;
border:2px solid #6D8FAE;
}
.screenshot img:hover {
border:2px solid #FF7600;
}
.screenshot .inlinebutton {
width:18px;
margin:0;
float:none;
border:0;
}
.screenshot .inlinebutton:hover {
width:45px;
position:relative;
z-index:10;
margin-top:-20px;
border:0;
}


a.fullslide img {
padding:20px 0 0 0;}
#content img.left {
float:left;
padding:0 10px 0 0px ;
}

#facebook-like {
position:absolute;
top:40px;
left:240px;
}

/* Call for action */

div.call-for-action {
width:660px;
padding:10px 30px 10px 50px;
float:left;
}

div.call-for-action span{
display:block;
width:500px;
margin-top:0px;
margin-bottom:10px;
line-height:1.5em;
float:left;
}

div.call-for-action span img {
position:relative;
top:6px;
float:none;
display:inline;
}

div.call-for-action img{
display:block;
position:relative;
top:-10px;
float:left;
}

div.call-for-action input {
display:block;
padding:2px;
margin-top:10px;
}
div.call-for-action a.button {
margin-top:10px;
    padding:2px;
}

h3.highlight {
background:#3989FF;
padding:10px;
color:white;
float:left;
width:720px;
}

/* BLOG STYLES */

.PostContainer {
}

div.clearboth {
width:100%;
clear:both;
height:1px;
}

.BlogPost {
padding:0 30px;
}
.BlogPost h1{
background: 0px -50px url("/img/bg-side-yellow.png") repeat-x;
padding:5px 5px;
margin:10px -5px;
}

.BlogPost img {
float:left;
margin:0 10px 10px -55px;
border:1px solid #1D4164;
padding:1px;
width:250px;
}

.BlogPostMessage{
padding:0 10px;
margin:0 100px;
}

.BlogCommentLink{
padding:5px;
}

.BlogPostInfoBox {
margin-left:55px;
width:565px;
height:80px;
clear:both;
background:#E0E8EF;
padding:5px;
font-size:10px;
}

.BlogPostSocial {
float:right;
height:70px;
}
.BlogPostFacebookCode{
width:250px;
height:70px;
float:right;
}
.BlogPostTwitterCode{
float:left;
margin-right:5px;
}

.BlogPostUsername {
float:left;
padding-right:5px;
}
.BlogPostDate {
float:left;
padding-left:5px;
border-left:1px solid #617282;
}


.BlogAddComment,
.BlogComments {
margin:0 85px;
clear:both;
}

.BlogAddComment{
background:#E0E8EF;
width:565px;
padding:5px;
margin:10px 0 0 85px;
}


.BlogAddComment textarea {
width:550px;
margin:0;
}

.BlogComment {
abackground:#EFEBE0;
padding:2px;
float:left;
width:571px;
border-bottom:1px solid #E0E8EF;
margin:0;
}
.BlogCommentUser {
width:140px;
float:left;
font-weight:bold;
font-size:11px;
}
.BlogCommentDate {
font-size:10px;
width:140px;
float:left;
}
#blogCommentError {
background:#BF332F;
padding:10px;
color:white;
margin:10px;
font-weight:bold;
}
#blogCommentSuccess {
background:#72A78F;
padding:10px;
color:white;
margin:10px;
}
.BlogCommentMessage {
float:right;
width:410px;
font-size:90%;
background:#FFFBEF;
padding:8px;
margin:4px 0px;}

.BlogNothingFound {
background:#DDA6A7;
padding:20px;
text-align:center;
margin:20px;
}

.notice {
background:#F6CB67;
padding:10px;
font-weight:bold;
}

  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */
  /* **************** END OF STYLES.CSS ***************** */