/**
/resources/index.html
/addtoyoursite.html
**/

/*** shared styles, for use in children pages if possible ***/

.round-bottom {
  -moz-border-radius-bottomleft:6px 6px;
  -moz-border-radius-bottomright:6px 6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}
.round-top {
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  -moz-border-radius-topleft:6px 6px;
  -moz-border-radius-topright:6px 6px;
}
.shadows-3px {
  box-shadow:		0px 0px 3px 2px #ddd;
  -moz-box-shadow:	0px 0px 3px 2px #ddd;
  -webkit-box-shadow:	0px 0px 3px 2px #ddd;
}

a.btn-taketour {
  background:url(/images/resources/resources-tour.gif) no-repeat left top transparent;
  display:block;
  width:379px;
  height:104px;
  margin-left:-49px;
}
a.btn-taketour:hover {
  background-position:left -104px;
}
a.btn-speeches {
  display:block;
  background:url(/images/resources/resources-sw-btn.gif) no-repeat left top;
  width:332px;
  height:88px;
  margin-left:-5px;
}
a.btn-speeches:hover {
  background-position:left -89px;
}
a.btn-pro {
  background:url(/images/downloads/pro-btn-1.gif) no-repeat left top transparent;
  height:90px;
  width:330px;
  margin-bottom: -11px;
  display:block;
  margin-left: -5px;
  margin-top: 10px;
}
a.btn-pro:hover { background-position:left -89px; }

a.btn-sendfeedback {
  display:block;
  background:url(/images/resources/resources-feedback-btn.gif) no-repeat left top;
  width:332px;
  height:56px;
  margin-left:-5px;
  text-indent:-999em;
  outline:none;
}
a.btn-sendfeedback:hover {
  background-position:left -56px;
}

.gradient-item {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
  background-image: -o-linear-gradient(rgb(255,255,255),rgb(238,238,238)); /* for opera 11.10+ */

  border-top:1px dotted #ccc;
  border-bottom:1px solid #eee;
}

.clear { clear:both; height:0; width:0; overflow:hidden; }

/***
	STYLES FOR /resources/index.html
	id = resources-index
***/

#resources-index #pageTitle h1 {
  background-image: url(/images/resources/header-resources.png);
}

#resourcesContent .column-1,
#resourcesContent .column-2 {
  float:left;
  padding-bottom:20px;
}

#resourcesContent .column-1 {
  padding-top:15px;
  width:640px;
}

#resourcesContent .column-2 {
  width:320px;
  padding-top:40px;
}

#resourcesContent .column-1 .resource-item {
  padding:40px 35px 40px 170px;
  margin-right:35px;
  border-bottom:1px solid #ccc;
  cursor:hand;
  cursor:pointer;
}
#resourcesContent .column-1 #customize { border-bottom:0; }

  .resource-item h3,
  .resource-item h3 a,
  .resource-item h3 a:active,
  .resource-item h3 a:visited {
    font-size:16px;
    font-weight:bold;
    color:black;
  }
  .resource-item h3 a:hover { color:#db0303; }
  .resource-item p {
    font-size:14px;
    line-height:20px;
    margin-top:10px;
    color:#666;
  }

  /*** resource items bg ***/
  #resourcesContent #examples 	{ background:url(/images/resources/resources-examples.gif) 	no-repeat left 25px transparent; }
  #resourcesContent #toolbars 	{ background:url(/images/resources/resources-tools.gif) 	no-repeat left 25px transparent; }
  #resourcesContent #widgets 	{ background:url(/images/resources/resources-widget.gif) 	no-repeat left 28px transparent; }
  #resourcesContent #querybox 	{ background:url(/images/resources/resources-query_update.gif) 	no-repeat left 30px transparent; }
  #resourcesContent #customize 	{ background:url(/images/resources/resources-customize.gif) 	no-repeat left 21px transparent; }

  /*** side bar ***/
  #resourcesSidebar #moreResources {
    margin-top:30px;
    margin-bottom:20px;
    color:#333;
    border:1px solid #ccc;
  }
    #moreResources .title {
      padding:15px 20px;
      font-weight:bold;
      font-size:14px;
      background: -webkit-gradient( linear, left bottom,  left top,  color-stop(0.99, rgb(247,247,247)),  color-stop(0.01, rgb(227,227,227)));
      background: -moz-linear-gradient( center bottom, rgb(227,227,227) 12%, rgb(247,247,247) 88%);
      color:#333;
      background-color: #ececec;
    }
    #moreResources .content {
      padding:15px 20px;
      background:#f7f7f7;
    }
      #moreResources .content a {
        display:block;
        padding-left:50px;
        padding-bottom:10px;
        padding-top:10px;
        color:#333;
        font-size:13px;
        font-weight:bold;
      }
      #moreResources .content a:hover { color:#db0303; }
      #moreResources .content hr {
	height:1px;
	border:0px;
	background:#ccc;
      }
      #moreResources .content div {
        height:32px;
	padding:10px 0px;
      }
      #moreResources .content div a {
        margin:0;
	padding:0;
	margin-right:10px;
      }
      #moreResources .content a#blog { background:url(/images/resources/resources-icons.png) no-repeat 		left -1px transparent; }
      #moreResources .content a#community { background:url(/images/resources/resources-icons.png) no-repeat 	left -40px transparent; }
      #moreResources .content a#educators { background:url(/images/resources/resources-icons.png) no-repeat 	left -83px transparent; }
      #moreResources .content a#volunteers { background:url(/images/resources/resources-icons.png) no-repeat 	left -120px transparent; }
      #moreResources .content a#press { background:url(/images/resources/resources-icons.png) no-repeat 	left -157px transparent; }

  #resourcesSidebar .btn-sendfeedback { margin-top:20px; }

.no-borderradius #moreResources {
  border: 1px solid #ccc;
}

.no-borderradius #resources-index .round-top {
  background-color: #ebebeb;
}

#connect {
  background: url(/images/resources/connect-resources.png) -2px 0 no-repeat;
  height: 54px;
  width:  324px;
  display: block;
  margin-left: -1px;
  margin-top: 11px;
  outline: 0;
}

#connect:hover {
  background: url(/images/resources/connect-resources.png) -2px -57px no-repeat;
}

/***
	STYLES FOR /addtoyoursite.html
	body id = resources-yoursite
***/

/*
#resources-yoursite #pageTitle span { left:0; } /* temporary till replaced with image */

#resources-yoursite #pageTitle h1 {
  background-image:url(/images/resources/header-addtosite.png);
}

#yoursite-content {
  float:left;
  width:610px;
  padding-right:30px;
  margin-top:30px;
}
  #yoursite-content h4 {
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    margin:5px 0 10px;
  }
  #yoursite-content .gradient-item {
    padding:20px 20px 3px;
    margin-bottom:30px;
  }
  #yoursite-content label {
    cursor:hand;
    cursor:pointer;
    font-size:13px;
    color:black;
  }
  #yoursite-content label {
    float:left;
  }
  #yoursite-content label iframe {
    margin-top:8px;
  }
  #yoursite-content input[type=radio] {
    position:relative;
    top:-1px;
  }
  #yoursite-content #yoursite-small label {
    display:block;
    float:left;
    height:90px;
    width:130px;
  }
  #yoursite-content #yoursite-medium label {
    display:block;
    float:left;
    height:110px;
    width:215px;
    margin-left:80px;
  }
  #yoursite-content #yoursite-large label {
    display:block;
    margin-top:20px;
    height:81px;
  }
  #yoursite-content #yoursite-largeannot label {
    display:block;
    margin-top:20px;
    height:81px;
  }
  #yoursite-content #codeSnipContain p {
    font-size:13px;
    color:black;
    margin:0 0 10px;
  }
  #yoursite-content textarea#codeSnip {
    font-family:monospace;
    display:block;
    height:50px;
    width:100%;
    overflow:auto;
    margin-bottom:8px;
  }
#yoursite-sidebar {
  float: left;
  width: 320px;
  margin-top: 30px;
}

#yoursite-sidebar #yoursite-widgets {
  border: 1px solid #ccc;
}

#yoursite-widgets .title {
  background: #ececec;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e3e3e3');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e3e3e3));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #f7f7f7, #e3e3e3);
  /* for firefox 3.6+ */
  height: 50px;
  line-height: 50px;
  padding-lefT: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  text-shadow: #aaa 1px 1px 3px;
}

#yoursite-widgets .content {
  background: #f7f7f7;
  padding: 0 25px;
}

#yoursite-widgets .content h5 {
  font-size: 12px;
  font-weight: bold;
  padding: 20px 0px 0;
  color: #333;
}

#yoursite-widgets .content p {
  font-size: 12px;
  padding: 10px 0px 0;
  color: #333;
  line-height: 18px;
}

#yoursite-widgets .content a.widgets-learn {
  font-weight: bold;
  color: #db0303;
  display: block;
  font-size: 12px;
  padding: 10px 0px 20px;
  outline: none;
}

#yoursite-content #codeSnipContain p#license-agreement {
  font-size: 10px;
}

.js-banner {
  position: absolute;
  top: 108px;
}