@charset "UTF-8";

/* site specific styles
----------------------------------------------- */
@import "site-styles.css";


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

.noborder { border:none;background-color:transparent; }

html, body { height:100%;font-size:12px; }

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;}

strong { font-weight:bold; }

strike { text-decoration: line-through; }

:focus, :active {outline: 0;-moz-outline-style:none;}
ins {text-decoration: none;}

del {text-decoration: line-through;}

table {
border-collapse:collapse;
border-spacing: 0;
}

a img { border: none; }

a, a:link, a:visited {text-decoration:none;}

a:hover, a:active {text-decoration: underline;}

button {cursor:pointer;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
h1 {font-size:16px;line-height: 1; margin-bottom: 0.5em;}
h2 {font-size:15px;margin-bottom: 0.5em;}
h3 {font-size:10px;display:inline;}
h4 {font-size:11px;}
h5 {font-size:14px;}
h6 {font-size:24px;}

/* end reset
----------------------------------------------- */

.clear, .clear:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
font-size: 1px;
line-height: 0px;
}

hr { background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}

/* common
----------------------------------------------- */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
background:#fff url(/images/bg-sides.gif) repeat-y center top;
}

.lte {color:#e6e6e6;}
.med {color:#ccc;}
.drk {color:#666;}

tr {vertical-align:top;}

p { margin:0 0 10px 0; line-height:22px;}

li {margin-bottom:8px;}

.errors {
border:1px solid #cd0a0a;
background-color:#fef1ec;
font-size:14px;
color:#cd0a0a;
text-align:center;
padding:10px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.errors img{
vertical-align:middle;
}

.form-errors {
font-size:14px;
color:#cd0a0a;
padding:3px;
margin:3px 0 0 0;
}

div.myaccount .form-errors {
font-size:14px;
color:#cd0a0a;
padding:3px;
margin:3px 0 0 0;
display:inline;
}

sub, sup {
font-size:10px;
}

/* grids
----------------------------------------------- */
.outline { border:1px solid #000;} /* for testing only */

.container {
width: 980px;
margin:0 auto;
position:relative;
}

.column, div.column {float:left;width:220px;margin-right:20px;}
.column-span2 {float:left;width:460px;margin-right:20px;}
.column-span3 {float:left;width:720px;margin-right:20px;}
.column-span3last {float:left;width:740px;}
.column-all, div.column-all { width:960px; margin: 0 auto; } /* 10px margins */

.padding-vert { padding:20px 0; }
.padding-vert-bottom { padding:20px 0 100px 0; }
.padding-horz { padding:0 20px; }
.padding-bottom { padding-bottom:20px; }
.padding-left { padding-left:20px; }
.padding-right { padding-right:20px; }

.border-right {border-right:1px solid #ccc;}
.border-left {border-left:1px solid #ccc;padding-left:20px;}
.border-right-dot { border-right:1px dotted #e0e0e0; }

.last, div.last { margin-right: 0; }

/* foot sticks to bottom */
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -200px;
}

/* see site css for height #footer, #push {
          height: 220px;  .push must be the same height as footer
}
                         */
/* end foot sticks to bottom */

/* Template Editor wrappr */

#wrapper_inner {
width: 980px;
margin:0 auto;
border:1px solid #ff0000 !important;
}

/* header
------------------------------------------------*/
#header {
height:125px;
}

/* .header-promo // see site specific */

.header-promo-auth {
margin:0;
padding:0;
height:0;
}
.header-promo-ppdauth {
}

#topnav {
float:right;
text-align:right;
padding:10px 0 5px 0;
}

#topnav a {
padding-left:10px;
}

#topsearch {
float:right;
clear:right;
width: 274px;
height: 31px;
background:url(/images/bg_search_box.gif) no-repeat 0 0;
}

#topsearch .search_text_field {
float: left;
padding:0;
margin:6px 0 0 6px;
width:200px;
background:none;
border:none;
}
#topsearch button.searchbtn {
float: right;
margin: 3px 3px 0 0;
border:none;
width:27px;
height:24px;
background:url(/images/btn_search_box.gif) no-repeat 0 0;
}

#topsearch button.searchbtn:hover {
background:url(/images/btn_search_box_on.gif) no-repeat 0 0;
}

/* search form */
.search_text_field:active,.search_text_field:focus {
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}

input.search_text_field {
  border:1px solid #ccc;
  font-size:12px;
  color:#aaa;
  padding:5px 0 4px 5px;
  width:200px;
  margin:0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

input.search_text_field:focus {
  border-color:#aaa;
  background-color:#fafafa;
}


/* footer
------------------------------------------------*/
#footer {
padding:20px 0 0 0;
}

#footer .container .column-span3 h5 {
margin:0 0 20px -20px; /* neg margin align visually w/links below */
position:relative;/* IE for neg margins */
z-index:100;
}

#footer .container .column-span3 h5 a{
padding:10px 20px;
text-decoration:none;
}

#footer .container .column-span3 h5 a:hover{
padding:10px 20px;
background-color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
}

#footer .container .column-span3 h2 {
font-size:12px;
}

#copyright .container{
padding:20px 0;
}

#copyright  h3, #copyright h3 a{
padding:0 20px 0 0;
float:left;
}

/* popcorn trail
------------------------------*/
#popcorn {
height:30px;
border:1px solid #e6e6e6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0 15px 0;
}
#popcorn li {
float:left;
line-height:30px;
color:#666;
padding-left:12px;
}
#popcorn li a {
background:url(/images/popcorn-pointer.gif) no-repeat right center;
display:block;
padding:0 15px 0 0;
}

#popcorn > li:last-child { /* doesn't work */
background:none;
}

/* pagers
------------------------------*/
#pagers {
display:block;
text-align:right;
margin:10px 0;
}

#pagers a, #pagers a:link, #pagers a:visited, #pagers a:hover, #pagers a:active { text-decoration:none; }

#pagers h6 {
display:inline;
padding:5px 10px;
font-weight:bold;
font-size:14pt;
}
#pagers a:link h6, #pagers a:visited h6 {
margin:0;
border:1px solid #fff;
}
#pagers a:hover h6, #pagers a:active h6 {
margin:0;
border-bottom:1px dotted #ccc;
}

#pagers h5 {
display:inline;
background-color:#e6e6e6;
border:1px solid #ccc;
padding:5px 10px;
margin:1px 1px 0 1px;
}

#pagers a:link h5, #pagers a:visited h5 {
padding:5px 10px;
border:none;
border-bottom:1px dotted #ccc;
background-color: transparent;
margin:1px 1px 0 1px;
}

#pagers a:hover h5, #pagers a:active h5 {
border:1px solid #ccc;
margin:0;
}


/* browse/search margin subcats
-------------------------------------*/
#subcats ul.toggle {
margin:0 0 20px 5px;
}

/* phase out below */
#see-more .title {
	background-color:#5b8726; /* site spec */
	padding:8px 5px 8px 10px;
	color:#fff;  /* site spec */
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
}
#see-more .title a, #see-more .title img {
	text-decoration:none;
	border:none;
	color:#fff;  /* site spec */
}
#see-more .title a:hover{
	text-decoration:underline;
	color:#ccff33;  /* site spec */
}

#see-more .title b{
	font-size:16px;
	line-height:12px;
}

#see-more li{
	padding:5px 5px 0 5px;
}
#see-more #seethumb{
	text-align:center;
	margin:5px 0;
}

/* forms
-------------- input[type="text"] -- not for IE6 ----*/

input, select {
background-color:#fff;
border:1px solid #666;
margin:1px 0;
padding:1px 2px;
}

input.search_text_field:focus {
border-color:#aaa;
background-color:#fafafa;
color:#000;
font-weight:bold;
}

input.text_field {
border-color:#aaa;
background-color:#fafafa;
color:#666;
}

input.text_field:focus {
border-color:#aaa;
background-color:#fafafa;
color:#000;
}
/* forms
--------------------------------*/

/* curved fields */
.regform {
margin:0 0 40px 0;
}

.regform td{
vertical-align:bottom;
padding:0 10px 0 0;
}


.plan_field {
width:300px;
border:1px solid #90ddee;
background-color:#ceebef;
font-size:14px;
color:#000;
padding:8px;
margin:0 0 15px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
zoom:1;
}

.select_field_option select{
width:100%;
vertical-align:middle;
border:1px solid #ccc;
padding:6px 10px 8px 10px;
margin:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:16px;
}

.text_field:active,.text_field:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

.text_field {
display:block;
border:1px solid #ccc;
font-size:16px;
font-weight:normal;
padding:8px;
/padding:3px 0 0 8px;
width:300px;
/height:30px;
margin:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.text_field:focus {
border-color:#aaa;
background-color:#fafafa;
}

/* end new reg + curved fields */



div.img-shadow {
background: url('/images/shadow.gif') no-repeat bottom right;
margin: auto;
padding: 0;
position: relative;
}

div.img-shadow img {
background-color: #fff;
border: 1px solid #d9d9d9;
margin: -3px 3px 3px -3px;
padding: 0px;
position: relative;
vertical-align: bottom;
}

div.img_box {
/*
height: 165px;
width: 100%;
vertical-align:top;
*/
}

.img_box_cursor {
cursor: pointer;
}

div.box_type_13 {
height: 135px;
}

/* Design Center
----------------------------------------------- */
a.dchelp {
color:#f58f11;
text-decoration:underline;
}

a.dchelp:link {
color:#f58f11;
text-decoration:underline;
}

a.dchelp:hover {
color:#ffcc00;
text-decoration:none;
}


/* Survey Styles
----------------------------------------------- */

#survey /*wrapper*/{
margin:0 0 20px 5px;
padding:0 0 10px 0;
border-bottom:1px solid #e6e6e6;
}

.survey-table td{
vertical-align:top;
padding:0 3px 0 0;
}

#survey-title {
font-weight:normal;
}

#survey-description {
color:#666;
margin:0 0 5px 0;
}

.survey-submit {
padding:0px 20px;
font-size:11px;
font-weight:bold;
color:#fff;
border:1px solid #fff;
background-color:#666;
text-align:center;
}

.survey-textarea {
display: none;
width: 90%;
}

.survey-radio, .survey-checkbox {
border:none;
background-color:transparent;
margin:0;
padding:0;
}






/* Thumb Nails
----------------------------------------------- */

.thumb-border-image {
padding: 5px;
margin: 3px;
}

.popularity-image {
padding:5px;
margin:3px;
}

.popularity-image-noborder {
border:0px;
padding:5px;
margin:3px;
}

.single-image {
border:0px;
padding:5px;
margin:3px;
}

.single {
border:1px solid #cccccc;
padding:5px;
margin:3px;
}

.singleborder {
border:1px solid;
}

.single-image-border {
padding:5px;
margin:3px;
border:1px solid #cccccc;
}

.search-image {
border:0px;
padding:5px;
margin:3px;
}

.search-image-border {
padding:5px;
margin:3px;
}

.articleimage {
margin:15px 25px;
}

.galleryimage {
margin:0 15px;
}

.guide-thumb {
border:1px solid #cccccc;
padding:5px;
margin:3px;
}


/* Guide
-----------------------------------------------*/
.guidenavbar {
width:100%;
background-color: #E5E5E5;
}

.guidemenu {
border-right: 1px solid white;
text-decoration: none;
background-color: #E5E5E5;
padding: 5px;
}

.guidemenu:hover {
background-color: #cccccc;
text-decoration: none;
}

.guidenav {
width:940px;
background-color: #E5E5E5;
padding: 5px 0px 5px 20px;

}

#articlebody {
line-height:22px;
}

.guide-search {
margin:0 0 20px 0;
}
.guide-search h1, .guide-search h2{
margin:0 0 2px 0;
}
.guide-search p{
margin:0;
color:#666;
line-height:normal;
}
.guide-search h3{
display:block;
}

/* Admin Styles
----------------------------------------------- */
.edit-tb {display:inline;}

/* details page / longtail
----------------------------------------------- */

.asset-details {
position:relative;
z-index:0;
}

.asset-details .freetrial {
position:absolute;
top:-54px;right:-5px;
}

.asset-col {
width:550px;
text-align:center;
float: left;
margin-top:10px;
}

.asset-col2 {
width:210px;
border-top:1px solid #e0e0e0;
margin:10px 0 0 0;
float: left;
}

.asset-col3 {
width:210px;
margin:10px 0 0 5px;
float: left;
}

.asset-sets {
width:210px;
border:1px solid #e0e0e0;
margin:0 0 5px 0;
}

.asset-sets h2 {
background-color:#eeeeee;
padding:10px 0 10px 10px;
border-bottom:1px solid #e0e0e0;
}

.asset-related {
width:210px;
border:1px solid #e0e0e0;
margin:0 0 5px 0;
}

.asset-related h2 {
background-color:#eeeeee;
padding:10px 0 10px 10px;
border-bottom:1px solid #e0e0e0;
}


/* asset download
----------------------------------------------- */
.asset-download {
background-color:#eee;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:10px 0 10px 10px;
}

.asset-download img{
vertical-align:middle;
}

#download-option {
padding:0 10px 0 0;
background-color:#eee;
}

#download-option a{
border:1px solid #fff;
background-color:#f8f8f8;
padding:3px 5px 5px 10px;
display: block;
height:30px;
margin:1px 0 0 0;
text-decoration:none;
}

#download-option a:hover {
color:#ff0000;
text-decoration:none;
background-color:#eee;
}


/* nonauth
----------------------------------------------- */
#no-download-option {
/* width:200px; */
background-color:#eee;
}

#no-download-option a{
position:relative;
z-index:24;
border:1px solid #fff;
background-color:#f8f8f8;
padding:3px 5px 5px 10px;
display: block;
width: 100%;
height:30px;
margin:1px 0 0 0;
text-decoration:none;
}

#no-download-option a:hover {
background-color:#fff;
opacity:0.5;
filter:alpha(opacity=50)
}

#no-download-option a span {
display: none;
}

#no-download-option a:hover span {
display:block;
position:absolute;
top:2px;
left:5px;
color:#000;
font-weight:bold;
background-color:#fff;
padding:10px;
/* width:180px; */
}
/* end asset download
------------------------*/

.asset-tags {
padding:10px 10px 20px 10px;
border:1px solid #e0e0e0;
border-top:none;
line-height:18px;
}

.asset-tags b{
padding:5px 0 5px 0;
display:block;
color:#666;
}

.asset-articles {
margin:5px 0 0 0;
border:1px solid #e0e0e0;
}
.asset-articles ul{
margin-left:10px;
padding:5px 10px 10px 1em;
text-indent: -1em;
}
.asset-articles li{
list-style:disc inside;
color:#999;
}

.titlebar-articles {
padding:10px;
background-color:#eeeeee;
border-bottom:1px solid #e0e0e0;
}

.set-preview {
padding:5px;
clear:both;
text-align:center;
}

.set-preview img {
border:none;
padding:0 10px 0 0;
}

.set-preview-text {
padding:5px 5px 5px 0;
line-height:13px;
font-size:10px;
}

.set-preview-text a{
display:block;
}

.asset-description {
clear:both;
width:500px;
margin:30px 0;
text-align:left;
}

/* PPT details page
-----------------------------------------*/

.details-ppt .asset-col .asset-ppt{
padding:0 0 0 60px;
}

.details-ppt .asset-col .asset-ppt img{
float:left;
margin:0 20px 20px 0;
}


/* end details page
-----------------------------------------*/

/* TE Trial subnow
-----------------------------------------*/

#promo_tb {
float:right;
margin:10px 20px 0 0;
}


/* top categories header using toggle
---------------------------------------*/
.toggle td{
line-height:20px;
}

.topcat {
width:706px;
}

.topcat p{
margin:10px 0;
padding:0;
}

.topcat .topcat-copy {
margin:20px 10px 0 310px;
}

.floatleft {
float:left;
}

* html .floatleft {
margin-right: 10px;
}

* html .topcat-copy {
height: 1%;
margin-left: 0;
}

/* end top cats with toggle
-----------------------------------------*/


/* tabs
--------------------------------------------*/
#tab-widget {
width:980px;
margin: 50px auto 0 auto;
text-align:left;
position:relative;
}

/* the following changes the jQ ui */
#tabs ul {
border:none;
border-bottom:1px solid #ccc;
background:none;
}

#tabs .ui-corner-all {
border:none;
}

#tabs .ui-tabs-nav {
position:absolute;
top:-34px;left:0;
}
/* end changes the jQ ui */

/* tab pane */
div#panes {
position:relative;
height:300px;
}

div#panes h1{
padding-top:10px;
}

div#panes p.viewall{
background-color:#e6e6e6;
height:20px;
padding:10px;
width:954px;
position:absolute;top:260px;left:0;
}

div#panes p.viewall button{
vertical-align:top;
margin-right:10px;
background:url(/images/btn-upload.gif) no-repeat;
height:30px;
width:131px;
}

div#panes p.viewall strong{
vertical-align:middle;
padding-left:20px;
}




/* assets in tab panes
--------------------------------------------*/
div#panes p.assets {
float:left;
position:relative;
margin:20px 10px;
text-align:center;
width:165px;
height:210px;
font-size:10px;
color:#666;
line-height:11px;
text-decoration:none;
}

div#panes p.assets span {
display:block;
height:165px;
}

div#panes p.assets a {
font-size:10px;
color:#666;
line-height:11px;
text-decoration:none;
overflow:hidden;
height:10px;
}

div#panes p.assets a.del{
display:block;
text-align:center;
height:20px;
margin-top:3px;
}

div#panes a:hover {
text-decoration:none;
}



/* custom per pane
--------------------------------------------*/
#tabs #account_tab ul{
border:none;
font-size:12px;
line-height:16px;
}

/*
#tabs #uploads_tab .upload-label {
font-size:10px;
overflow:hidden;
height:20px;
width:165px;
}
*/

/* upload-dialog
--------------------------------------------*/
#upload-dialog {
padding:15px 15px 0 40px;
text-align:left;
}

#upload-dialog form {
margin:20px 0;
}

#upload-dialog form h1{
margin:0;
padding:0;
}

#upload-dialog .upload-textfield {
display:block;
width:250px;
margin:5px 0 10px 0;
border:1px solid #666;
padding:3px;
}

#upload-dialog input.submit-upload {
background:url(/images/btn-upload.gif) no-repeat;
height:25px;
width:132px;
border:none;
cursor:pointer;
overflow:hidden;

padding:60px 0 0 0;
font-size:0;
color:#fff;
}

#upload-dialog button.close {
background:url(/images/btn-cancel.gif) no-repeat;
height:25px;
width:132px;
text-indent:-9000px;

padding:60px 0 0 0;
font-size:0;
color:#fff;
}

/* MyHome
-----------------------------------------*/
#myhome-alerts{
margin-top:10px;
}

#myhome-alerts p{
padding:10px 10px 0 10px;
}


#myhome-errors{
margin-top:10px;
}

#myhome-errors p{
padding:10px 10px 0 10px;
}

/* MyAccount
-----------------------------------------*/
.myaccount .myaccount-label {
width:150px;
border:1px solid #eeeeee;
border-bottom:1px solid #fff;
background-color:#eeeeee;
padding:5px;
color:#666;
}

.myaccount .myaccount-info {
border:1px solid #eeeeee;
border-left:none;
padding:5px;
}

.myaccount .myaccount-edit {
border:1px solid #eee;
background-color:#eee;
padding:5px;
text-align:right;
}


/* Login
-----------------------------------------*/
.login h2 { margin-top:20px; }


/* browse / search grid
--------------------------------------------*/
div.asset-grid {
margin:20px 0 0 0;
width:720px;
}

div.assets {
float:left;
position:relative;
margin:0 15px 30px 0;
text-align:center;
width:165px;
height:230px;
}

div#asset-links {
width:165px;
position:absolute;
bottom:0;left:0;
text-align:center;
}


div#asset-links .label {
display:block;
height:20px;
overflow:hidden;
color:#666;
line-height:11px;
padding-bottom:2px;
text-decoration:none;
margin:10px 0 0 0;
}

div#asset-links .save-btn{
display:block;
border-top:1px dotted #ccc;
}

#asset-links a.save-btn:link, #asset-links a.save-btn:visited {
height:15px;
width:165px;
text-decoration:none;
color:#666;
padding-top:3px;
}

#asset-links a.save-btn:hover, #asset-links a.save-btn:active {
background:url(/images/btn-gray.gif) no-repeat 20px 3px;
padding-top:4px;
border-top:none;
color:#fff;
}


#asset-links h3.save-btn {
height:15px;
color:#0099cc;
padding-top:3px;
border-top:1px dotted #ccc;
}


div.freetrial {
display:block;
margin:0 0 20px 0;
}

div.browse ul, div.search ul{
margin:5px 0 20px 5px;
}

/* thumbnail hover
------------------------------------------------------*/
.thumbhover {
width:388px;
text-align:center;
margin:0;
padding:20px;
background-color:#fff;
/* background: #e6e6e6 url(/images/bg-thumb-hover.gif) repeat-x; */
border: 1px solid #ccc;
}

.thumbhover img{
/* border: 1px solid #666; */
}

.thumbhover h1{
margin:10px 0;
}

.thumbhover p {
text-align:left;
color:#666;
font-size:10px;
}

.thumbhover-shadow {
width:420px;
text-align:center;
height:67px;
background:transparent url(/images/thumb-hover-shadow.png) no-repeat;
}

/* guide
------------------------------------------------------*/
#guide-subnav {
width: 980px;
margin:0 auto 10px auto;
}

.column-guide1 {
float:left;
width:220px;
margin-right:20px;
}
.column-guide2 {
float:left;
width:330px;
margin-right:20px;
}
.column-guide3 {
float:left;
width:380px;
}