body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
  font-family: 'CabinRegular', Helvetica, Arial, Verdana;
  font-size: 12px;
  color: #666666;
  background-color: #0066CC;
  background-image: url(http://www.kidfolder.com/images/backgrounds/image.php);
  text-align: center;
  overflow-y: scroll;
  overflow-y: -moz-scrollbars-vertical;  }

img { border:0px; }


/* ---------------------- Headers ---------------------- */

h1, h2, h3, h4, h5 {
  font-weight:normal;
  margin: 0px;
  padding: 0px;
  font-family: 'CabinMedium', Helvetica, Arial, Verdana;
  color:#0066CC;  }

b {
  font-weight:normal;
  font-family: 'CabinSemiBold', Helvetica, Arial, Verdana;  }
}
  
h1 {
  font-size: 16px;
  color:#0066CC; }

h2 {
  font-size: 14px;
  color:#0066CC; }

h3 {
  font-size: 12px;
  color:#0066CC; }

h4 {
  font-size: 10px;
  color:#0066CC; }

h5 {
  font-size: 9px;
  color:#0066CC; }

p {
  margin-top: 0px;
  margin-bottom: 6px;}



/* ---------------------- Forms ---------------------- */
.formtext {
  color:#666666;
  font-size:14px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  padding:5px 5px 5px 5px;
  margin-right:4px;
  margin-bottom:2px; }

.formtextarea {
  color:#666666;
  font-size:12px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  padding:5px 5px 5px 5px;
  margin-right:4px;
  margin-bottom:2px;
  font-family: 'CabinRegular', Helvetica, Arial, Verdana;
}

.formdropdown {
  color:#666666;
  font-size:14px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  margin-right:2px;
  margin-bottom:2px;
}

.formmultioption {
  color:#666666;
  border:1px solid #666666;
  background-color:#F9F9F9;
  width:100%;
  height:100px;
  overflow-x:hidden;
  overflow-y:scroll;
  cursor:pointer;
}

.formsubmit{
  font-size:14px;
  background-color: #CCCCCC;
  color: #666666;
  font-weight:bold;
  padding:4px 4px 4px 4px;
  border:1px solid #666666;
  margin-top:5px;
  margin-bottom:5px;
}

.formsubmit:hover{
  font-size:14px;
  background-color: #919191;
  color: #FFFFFF;
  font-weight:bold;
  padding:4px 4px 4px 4px;
  border:1px solid #666666;
  margin-top:5px;
  margin-bottom:5px;
}




/* ---------------------- Recaptcha Definition ---------------------- */

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#E2E2E2 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #CCCCCC !important; //reCaptcha widget border color
 }

 #recaptcha_table:hover {
   border-color: #666666 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #CCCCCC !important; //Text input field border color
   background-color:#CCCCCC !important; //Text input field background color
   color:#666666;
 }




/* ---------------------- Link Definition ---------------------- */

A:link {color: #5C6D8F;}
A:visited {color: #5C6D8F;}
A:hover {color: #627499;}
A:active {color: #B3BBCE;}

.contentFooter A:link {color: #FFFFFF;}
.contentFooter A:visited {color: #FFFFFF;}
.contentFooter A:hover {color: #CCCCCC;}
.contentFooter A:active {color: #FFFFFF;}


/* ---------------------- Universal ---------------------- */

.noborder{
  border-width:0px; }

.centered{
  text-align:center; }

.left{
  text-align:left; }

.break {
  width: 100%; 
  float: left;}

.notransparency {
  -moz-opacity:1;
  filter:alpha(opacity=100);  }

.transparent {
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  }

.floatclear {
  clear: both; }

.imagepreload {
  height:0px;
  width:0px; 
  border:0px; }



/* ---------------------- Forms ---------------------- */
.formtext {
  color:#666666;
  font-size:14px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  padding:5px 5px 5px 5px;
  margin-right:4px;
  margin-bottom:2px; }

.formtextarea {
  color:#666666;
  font-size:12px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  padding:5px 5px 5px 5px;
  margin-right:4px;
  margin-bottom:2px;
  font-family: 'CabinRegular', Helvetica, Arial, Verdana;
}

.formdropdown {
  color:#666666;
  font-size:14px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  margin-right:2px;
  margin-bottom:2px;
}

.formmultioption {
  color:#666666;
  border:1px solid #666666;
  background-color:#F9F9F9;
  width:100%;
  height:100px;
  overflow-x:hidden;
  overflow-y:scroll;
  cursor:pointer;
}

.formsubmit{
  font-size:14px;
  background-color: #CCCCCC;
  color: #666666;
  font-weight:bold;
  padding:4px 4px 4px 4px;
  border:1px solid #666666;
  margin-top:5px;
  margin-bottom:5px;
}

.formsubmit:hover{
  font-size:14px;
  background-color: #919191;
  color: #FFFFFF;
  font-weight:bold;
  padding:4px 4px 4px 4px;
  border:1px solid #666666;
  margin-top:5px;
  margin-bottom:5px;
}



/* ---------------------- Global ---------------------- */
.globalTop {
  margin:0px auto 0px auto;
  text-align:left;
  background-image: url(http://www.kidfolder.com/images/globalTopShadow.png);
  background-repeat: repeat-x;
  width:100%;
  min-height:24px; }

.globalUserToolbar {
  position:absolute;
  top:0px;
  right:0px;
  text-align:right;
  color:#0066CC;
  font-size:10px;
  background-color:#FFFFFF;
  padding:2px 6px 2px 6px;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }

/* ---------------------- Main ---------------------- */
.mainContainer {
  margin:30px auto 0px auto;
  text-align:left;
  width:550px; }

.mainLogo {
  width:280px;
  float:left;
  margin-left:3px;
  margin-top:30px;
  margin-right:10px; }

.mainDivider {
  width:9px;
  height:242px;
  float:left; }

.mainSelection {
  margin-top:30px;
  margin-left:10px;
  width:176px;
  float:left; }

.mainSelectionContent {
  margin-bottom:10px;
  float:left; }

.mainFooter {
  margin-top:50px;
  width:100%;
  color:#FFFFFF;
  font-size:10px;
  text-align:center; }


/* ---------------------- Site Map ---------------------- */


#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
        float:right;
        width:254px;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:#eee;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(http://www.kidfolder.com/images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(http://www.kidfolder.com/images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}


/* ---------------------- Content ---------------------- */

.contentHeader {
  width:740px;
  height:38px;
  margin:2px auto 0px auto;
  text-align:left; }

.contentHeaderRight {
  float:right;
  width:300px;
  text-align:right;
  color:#FFFFFF;
  margin-top:15px;
  margin-right:1px;
  font-size:10px; }

.contentShadowTop {
  margin:0px auto 0px auto;
  width:740px;
  height:5px;
  background-image: url(http://www.kidfolder.com/images/globalShadowTop.png);
  background-repeat: no-repeat;
  }

.contentShadowMiddle {
  margin:0px auto 0px auto;
  width:740px;
  background-image: url(http://www.kidfolder.com/images/globalShadowMiddle.png);
  background-repeat: repeat-y;
  }

.contentShadowBottom {
  margin:0px auto 0px auto;
  width:740px;
  height:5px;
  background-image: url(http://www.kidfolder.com/images/globalShadowBottom.png);
  background-repeat: no-repeat;
  }

.contentContainer {
  margin:0px auto 0px auto;
  text-align:left;
  background-color:#FFFFFF;
  width:700px;
  padding:15px 15px 15px 15px; }

.contentFooter {
  margin:0px auto 0px auto;
  width:100%;
  width:730px;
  color:#FFFFFF;
  font-size:10px; }

.contentFooterLeft {
  width:312px;
  float:left;
  text-align:left; }

.contentFooterCenter {
  width:106px;
  float:left;
  text-align:center; }

.contentFooterRight {
  width:312px;
  float:right;
  text-align:right; }

/* ---------------------- Kids ---------------------- */
.kidsLevels {
  border-top:1px solid #CCCCCC;
  background-color:#F8F8F8;
  float:left;
  width:255px;
  height:34px; }

.kidsLevels:hover {
  border-top:1px solid #CCCCCC;
  background-color:#DFDFDF;
  float:left;
  width:255px;
  cursor:pointer; }

/* ---------------------- Contact ---------------------- */

.contactFullWidth {
  background-color:#CCFF00;
  background-image: url(http://www.kidfolder.com/images/contentBackgroundA.jpg);
  width:100%; }

.contactFormTextINACTIVE {
  font-size:14px;
  border:1px solid #CCCCCC;
  background-color:#F9F9F9;
  padding:5px 5px 5px 5px;
  margin:6px 0px 4px 0px;
  color:#C4C4C4;
  font-style:italic; }

.contactFormTextACTIVE {
  font-size:14px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  padding:5px 5px 5px 5px;
  margin:6px 0px 4px 0px;
  color:#666666; }

.contactFormTextAreaINACTIVE {
  width:429px;
  height:80px;
  color:#C4C4C4;
  font-style:italic;
  padding:5px 5px 5px 5px;
  margin:6px 0px 4px 0px;
  font-size:12px;
  border:1px solid #CCCCCC;
  background-color:#F9F9F9;
  font-family: 'CabinRegular', Helvetica, Arial, Verdana; }

.contactFormTextAreaACTIVE {
  width:429px;
  height:80px;
  color:#666666;
  padding:5px 5px 5px 5px;
  margin:6px 0px 4px 0px;
  font-size:12px;
  border:1px solid #666666;
  background-color:#F9F9F9;
  font-family: 'CabinRegular', Helvetica, Arial, Verdana; }


/* ---------------------- Kid Folders ---------------------- */

.kidfoldersContainer {
  width:100%;
  margin-top:25px;
  margin-bottom:45px;
  text-align:center;  }

.kidfoldersIconContainer {
  width:100px;
  float:left;
  margin-right:16px;
  text-align:center; }

/* ---------------------- Activity Folders ---------------------- */

.activityFoldersContainer {
  width:480px;
  float:left;
  margin-top:5px; }

.activityFoldersCategory {
  width:100px;
  float:left;
  margin-left:5px;
  margin-right:15px;
  margin-bottom:10px;
  text-align:center; }

.activityFoldersList {
  width:185px;
  float:right;
  background-color:#E9E9E9;
  padding:10px 15px 10px 15px;
  font-size:16px; }

.activityFoldersList ul{
  list-style-type: none;
  padding:0px;
  margin:0px; }

.activityDetailContainer {
  width:100%;
  border-top:1px solid #CCCCCC;
  padding-top:3px;
  padding-bottom:3px; }

.activityDetailContainer:hover {
  background-color:#E9E9E9;
  cursor:pointer; }

.activityDetailThumbnail {
  width:130px;
  height:70px;
  background-color:#E9E9E9;
  color:#CCCCCC;
  float:left;
  margin-right:4px; }

.activityDetailTextContainer {
  float:left;
  width:566px; }

.activityDetailRating {
  float:right;
  text-align:right; }

.activityDetailWebsiteLink {
  font-size:10px;
  margin-top:4px; }



.printableStuffDetailContainer {
  width:100%;
  border-top:1px solid #CCCCCC;
  padding-top:3px;
  padding-bottom:3px; }

.printableStuffDetailContainer:hover {
  background-color:#E9E9E9; }

.printableStuffDetailThumbnail {
  border:1px solid #CCCCCC;
  color:#CCCCCC;
  float:left;
  margin-right:4px; }

.printableStuffDetailTextContainer {
  float:left;
  width:544px; }

.printableStuffDetailRating {
  float:right;
  text-align:right; }

.printableStuffDetailWebsiteLink {
  font-size:10px;
  margin-top:4px; }




.videoFoldersContainer {
  width:480px;
  float:left;
  margin-top:5px; }

.videoFoldersCategory {
  width:100px;
  float:left;
  margin-left:5px;
  margin-right:15px;
  margin-bottom:10px;
  text-align:center; }

.videoFoldersList {
  width:185px;
  float:right;
  background-color:#E9E9E9;
  padding:10px 15px 10px 15px;
  font-size:16px; }

.videoFoldersList ul{
  list-style-type: none;
  padding:0px;
  margin:0px; }


.videoDetailContainer {
  width:100%;
  border-top:1px solid #CCCCCC;
  padding-top:10px;
  padding-bottom:10px; }

.videoDetailContainer:hover {
  background-color:#E9E9E9; }

.videoDetailVideo {
  width:480px;
  background-color:#E9E9E9;
  color:#CCCCCC;
  float:left;
  margin-right:4px; }

.videoDetailTextContainer {
  float:left;
  width:216px; }

.videoDetailRating {
  margin-bottom:2px;
  text-align:left; }

.videoDetailWebsiteLink {
  font-size:10px;
  margin-top:4px; }



/* ---------------------- Settings ---------------------- */
.settingsList {
  width:185px;
  float:right;
  background-color:#E9E9E9;
  padding:10px 15px 10px 15px;
  font-size:14px; }

.settingsList ul{
  list-style-type: none;
  padding:0px;
  margin:0px; }

.settingsContainer {
  width:470px;
  float:left;
  margin-top:5px;
  margin-right:10px; }

.settingsDetailContainer {
  width:100%;
  border-top:1px solid #CCCCCC;
  padding-top:3px;
  padding-bottom:3px; }

.settingsDetailContainer:hover {
  background-color:#E9E9E9;
  cursor:pointer; }


/* ---------------------- Footer ---------------------- */
.footer {
  color:#FFFFFF;
  font-size:10px;  }

.footerleft {
  width:48%;
  float:left;
  text-align:left:  }

.footerright {
  width:48%;
  float:right;
  text-align:right;  }