/*------Global Styles------*/

html, * { padding:0; margin:0;}
body { padding:0; margin:0; font-family:arial,helvetica,sans-serif !important;}
img { border:0;}

p { margin:10px 0;}

#Clear { clear:both;}

#MainContain { width:970px; background:#FFF; margin:0 auto; overflow:hidden; font-size:1.05em;}

#Nav {height:35px; background:url("/images/NavBk.jpg") no-repeat 0 0; padding-top:4px;}



.left {float:left;}

a {outline:none;}

.no-margin{margin:0;}

/*------navigation-------*/



#top-bar {width:100%;height:41px;background:#0066CC url(/img/top-tick.jpg) repeat-x;margin-bottom:8px;position:relative;}
#top-bar a {color:#FFF;display:block;width:989px;padding-top:10px;font-size:16px;font-weight:bold;}

#sitenav {float:right; padding-top:3px !important;}
#sitenav li {float:left; list-style:none; margin-top:1px;}
#sitenav li a {border:1px solid #42c1c7; padding:2px 10px 2px 10px; margin-right:10px; color:#FFF; text-decoration:none; font-size:1.2em;}
#sitenav li a:hover, #sitenav li a.active {background:#000;}

#home-link {display:block; width:320px; height:100px; float:left; margin:4px 0 0 50px;}

.sprite {background:url("/images/button-sprite.gif"); background-repeat:no-repeat; display:block; text-indent:-9999px;}

#utility {float:right; margin-top:10px; width:600px;}

#utility #invalid {float:left; margin:5px 10px 0 0; color:#F00; font-weight:bold;}

#utility #login-loader {float:left;}

#utility #greeting {float:left; clear:both; width:500px; height:37px; margin-right:6px;}

#logins {margin-bottom:6px; float:right; margin-right:10px; text-align:right;}
#logins input, #logins a.sprite {float:left;}
#logins input {margin-right:10px;}
#logins img {float:left;}


#nav-search {float:right; margin-right:10px; clear:right;}
#nav-search input,  #nav-search a.sprite {float:left;}
#nav-search input {margin-right:10px;}
#nav-search img {float:left; margin-right:10px;}

#share {float:right; margin-top:6px;  margin-right:10px;}
#ShareBtnContain {float:left; margin-top:2px;}

#share .sprite {float:left; margin-left:10px;}

#btn-twitter {background-position:-20px -60px; height:20px; width:20px;}
#btn-facebook {background-position:-20px -100px; height:20px; width:20px;}
#btn-myspace {background-position:-20px -140px; height:20px; width:20px;}
#btn-submit, #btn-search {background-position:-20px -20px; height:20px; width:20px;}

/*------type styles-------*/
a {color:#1f80b6; text-decoration:none;}
a:hover {text-decoration:underline;}
#MiddleContain h2 {color:#336666; font-weight:normal; text-transform:uppercase; line-height:1.5em; font-size:2.5em; font-weight:bold;}
.sidebar-light {color:#009999; background:url("/images/header-bg-light.jpg") no-repeat 0 0; margin-top:10px; padding-left:4px; height:20px; line-height:1.4em; font-weight:bold;}
.sidebar-dark {color:#006699; background:url("/images/header-bg-dark.jpg") no-repeat 0 0; margin-top:10px; padding-left:4px; height:20px; line-height:1.4em;  font-weight:bold;}
.sidebar-short {color:#009999; background:url("/images/header-bg-short.jpg") no-repeat 0 0; margin-top:10px; padding-left:4px; height:20px; line-height:1.4em;  font-weight:bold;}
h4 {font-size:1.2em; font-weight:normal; text-transform:uppercase;}
h4.blue-col {background:url("/images/columns-top-blue.gif") no-repeat 0 0; color:#FFF; height:17px; padding:6px; line-height:1.4em; font-weight:bold;}
h4.green-col {background:url("/images/columns-top-green.gif") no-repeat 0 0; color:#FFF; height:17px; padding:6px; line-height:1.4em; font-weight:bold;}
p.shade-blue {background:url("/images/shadow-bottom-blue.gif") 0 0 no-repeat; height:45px; text-align:center; color:#FFF; padding-top:6px; margin-top:0; float:left; width:300px;}
p.shade-blue a {color:#FFF; font-weight:bold;}
h5 {font-size:1em; color:#015787;}
#alt-content p {color:#FFF; float:left; margin:90px 0 0 15px;}
#MiddleContain h2 span {text-transform:none !important;}


a.wedgelink {background:url("/images/wedgeArrow_Off.jpg") no-repeat 0 3px; color:#015787; text-decoration:none; padding:0 0 0 10px; font-weight:bold; display:block;}
a.wedgelink:hover, #resource-lnav li a.active {text-decoration:underline; background:url("/images/wedgeArrow_On.jpg") no-repeat 0 3px; }

h3 {font-size:2em; line-height:1.3em; color:#333;}

#content-left ul {margin-left:16px;}

/*------page layout-------*/
.block {display:block;}
.last {margin-right:0 !important;}
#MiddleContain {background:url("/images/stem-bg.jpg") no-repeat 0 0;}
#content-single {width:930px; padding:10px 20px 20px 20px;}
#content-left {width:610px; float:left; padding:10px 20px 20px 20px;}
#content-right {width:300px; float:left; padding-top:40px;}
.home-right {padding-top:0 !important; margin-top:-12px;}
.column {width:300px; float:left; margin-right:10px; overflow:hidden; /*this is temporary*/}
#Header {background:url("/images/Header.jpg") 0 0 no-repeat; width:970px; height:108px;}
.emc {background:url("/images/bg-emc.gif") 0 0 no-repeat; padding: 10px 0 15px 10px; float:left; width:300px;}
.emc-txt {display:block; width:200px; float:left; margin-left:10px;}
.emc-txt em {font-style:normal; font-weight:bold;}
img.thumb {float:left; border:1px solid #CCC;}

#Programs {background:url("/images/columns-bg-green.gif") 100% 100% no-repeat; float:left; padding-bottom:15px;}
#Programs p {padding:5px 20px;} 
#Programs li {padding:0 0 0 10px; list-style-type:none; margin:5px 0;}
#Programs li a{background:url("/images/ProgramLinksArrow_Off.jpg") no-repeat 0 3px; color:#015787; text-decoration:none; padding:0 0 0 20px; display:block;}
#Programs li a:hover{text-decoration:underline; background:url("/images/ProgramLinksArrow_On.jpg") no-repeat 0 3px; }


#Footer {background:url("/images/FooterBk.jpg") repeat-x 0 0; padding:10px 0 0 10px;}
#Footer a {color:#015686; line-height:3em;}

#sponsors {float:right;}
#sponsors a {margin-right:10px;}

.hr-full {border-bottom:1px solid #CCC; display:block; width:100%; margin-bottom:20px; padding-top:20px;}
.blog-author {font-size:1.2em;}

.linklist {list-style:none; line-height:2em; list-style-image:url("/images/wedgeArrow_Off.jpg"); padding-left:20px;}
.linklist a {font-weight:bold;}

.promo {background:url("/images/cross-promos.jpg"); background-repeat:no-repeat; display:block; width:300px; margin-top:10px;}

#promo-webinars {height:183px; background-position:0 0;}

#promo-stars {height:251px; background-position:0 -183px;}

#promo-resources {height:183px; background-position:0 -434px;}

#promo-blog {height:102px; background-position:0 -617px;}


#promo-webinars #btn-learn-small {float:left; margin:130px 0 0 140px;}
#promo-stars #btn-learn-small {float:left; margin:150px 0 0 95px;}
#promo-resources #btn-learn-small {float:left; margin:130px 0 0 100px;}

#promo-blog a {background:url("/images/ProgramLinksArrow_Off.gif") no-repeat 0 3px; color:#015787; text-decoration:none; padding:0 0 0 20px; margin:50px 0 0 110px; float:left;}
#promo-blog a:hover{text-decoration:underline; background:url("/images/ProgramLinksArrow_On.gif") no-repeat 0 3px; }

/*------Home page Sytles------*/
#blog-roll p, #resource-roll-home p {float:left; margin-left:10px; width:230px;}
#blog-roll img, #resource-roll img, #resource-roll-home img {margin-top:10px; clear:both;}
.file-link {font-weight:bold;}
#alt-content {margin:0 0 10px 0; background:url("/images/home-hotbox.jpg") 0 0 no-repeat; width:610px; height:280px; }
img#tagline {margin:8px 0 0 20px;}

#inst-promo {background:url("/images/sidebar-institute.jpg") 0 0 no-repeat; width:300px; height:172px; margin-top:-10px;}
#inst-promo p {color:#CEEEEF; width:170px; padding-top:65px; padding-left:12px; font-size:0.85em;}

#inst-promo a {margin-left:12px;}



#inst-promo2 {width:300px; height:172px;margin:26px 0 10px 0;}

a.btn-promo {display:block;width:300px; height:193px;background:url("/images/tile-stars-in-action.jpg") 0 0 no-repeat;}

#blog-roll .linklist li {border-bottom:1px solid #CCC;}

#resource-roll-home li {list-style:none; border-bottom:1px solid #CCC; float:left; padding-bottom:10px;}

#alt-content a {color:#9cF;}

#hotbox-de, #hotbox-orau, #hotbox-cboard, #hotbox-siemens {display:block !important;}
#hotbox-siemens {width:100px; height:20px; position:relative; top:35px; left:15px;}
#hotbox-de {width:60px; height:35px; position:relative; top:45px; left:70px;}
#hotbox-orau {width:100px; height:30px; position:relative; top:50px; left:20px;}
#hotbox-cboard {width:110px; height:30px; position:relative; top:60px; left:40px;}


/*------resource detail Sytles------*/
p#feed {float:right;}

#resource-roll {background:url("/images/resource-roll-sprite.gif") 100% 100% no-repeat; padding:0 20px 20px 20px; float:left; width:260px;}
#resource-roll img, #resource-roll p {float:left;}
#resource-roll p {width:140px; margin-left:10px;}

h4.boxtop {background:url("/images/resource-roll-sprite.gif") 0 0 no-repeat; height:46px; color:#009999; line-height:3.25em; padding-left:20px; font-weight:bold;}
h4#res-label {float:left; line-height:4em; font-size:1.2em;}

a#print {background-position:-220px -20px; height:30px; padding-left:35px; line-height:3em; font-weight:bold; text-indent:0 !important;}
#res-tools {list-style:none; margin-bottom:10px; float:right;}
#res-tools li {float:left;}

li#ratings {text-align:right; padding-right:10px; margin-right:10px; border-right:1px solid #CCC;}
.rate-label, #rating-wrap {float:left;}

/*------resource section Sytles------*/
#resource-lnav {width:165px; float:left;}
#resource-lnav li {list-style:none; line-height:2em;}
#content-right a#btn-upload {margin-left:42px;}
a#btn-upload {background-position:-20px -180px; width:215px; height:35px;}
a#btn-upload:hover {background-position:-20px -220px;}
#tab-browser {width:425px; float:left; margin-left:20px;}
#res-tools li {float:left;}
#tabs-landing {}
#resource-intro {margin:0; width:800px;}

.paging #btn-most {margin:-4px 10px 0 0;}
.paging #btn-recent {margin:-4px 0 0 0;}




/*---------upload resources & Institute sign up-------------*/
.field_title {color:#009999; text-transform:uppercase; font-weight:bold;}
form .column {width:150px; margin-bottom:20px;}
#hold-form {margin-left:120px;}
#hold-form #audiences {margin-right:20px;}
#content-single td input {margin-bottom:10px;}
#content-single td {padding-bottom:10px;}
#hold-form a.sprite {float:right; margin-left:10px;}
.upload-bg {padding:10px 0 10px 20px; background:url('/images/bg-upload.gif') 0 0 repeat-y; width:645px;}
h4.label {font: 700 14px Arial, Helvetica, sans-serif; color: #366; text-transform:none;}
#fsUploadProgress1 {margin-bottom:20px;}
.upload-bg #btn-cancel-attach {float:left; margin-left:10px;}

#divForm h3 {
color:#009999;
font-weight:bold;
text-transform:uppercase;
font-size:1.5em;
}

 #divForm {margin-left:80px;}

#divForm p {margin:0 0 10px 0;}

#divForm ul {list-style:none; clear:left; overflow:hidden;}
 /*style=margin:0; padding: 10px 0px 0px  10px ; list-style: none;*/
 
#divForm li {width:170px; float:left;}

#divForm li input {margin:0; padding:0;}

#TeachingExperience, #SecondaryEducational, #Leadership, #Awards, #Interests {background:#EFEFEF; padding:20px; margin-bottom:10px; width:730px; clear:both;}


#Interests li {width:210px !important;}

#btnSection li {width:130px;}

#btnSection ul {margin:20px 0 20px 240px; width:100%;}

/*-------buttons ------*/
#btn-cancel {background-position:-20px -260px; width:113px; height:35px;}
#btn-cancel:hover {background-position:-20px -300px;}
#btn-attach {background-position:-20px -340px; width:111px; height:35px;}
#btn-attach:hover {background-position:-20px -380px;}
#btn-cancel-attach {background-position:-20px -420px; width:230px; height:35px;}
#btn-cancel-attach:hover {background-position:-20px -460px;}
#btn-addfiles {background-position:-20px -500px; width:136px; height:35px;}
#btn-addfiles:hover {background-position:-20px -540px;}
#btn-save-resource {background-position:-20px -580px; width:186px; height:35px;}
#btn-save-resource:hover {background-position:-20px -620px;}
#btn-goto-two {background-position:-20px -660px; width:215px; height:35px;}
#btn-goto-two:hover {background-position:-20px -700px;}
#btn-comment {background-position:-20px -740px; width:195px; height:35px;}
#btn-comment:hover {background-position:-20px -780px;}
#btn-signup {background-position:-20px -820px; width:195px; height:35px;}
#btn-signup:hover {background-position:-20px -860px;}
#link-add {background-position:-220px -60px; height:30px; padding-left:16px; font-weight:bold;}
#btn-apply {background-position:-20px -900px; width:186px; height:35px;}
#btn-apply:hover {background-position:-20px -940px;}

#btn-login {background-position:-220px -900px; width:114px; height:21px;}
#btn-login:hover {background-position:-220px -940px;}

#btn-learn-small {background-position:-20px -980px; width:113px; height:21px;}
#btn-learn-small:hover {background-position:-20px -1020px;}
 
#btn-edit {background-position:-20px -1060px; width:72px; height:35px;}
#btn-edit:hover {background-position:-20px -1100px;}

#btn-recent {background-position:-20px -1140px; width:139px; height:21px; float:right;}
#btn-recent:hover, #btn-recent.active {background-position:-20px -1180px;}

#btn-most {background-position:-20px -1220px; width:113px; height:21px;}
#btn-most:hover, #btn-most.active {background-position:-20px -1260px;}

#search #btn-recent, #search #btn-most { margin-right:5px; float:right;}
#search #top-btns { padding:6px 10px 0 0;}
#search #topBlock span.res { left:14px;}

#btn-findschool {background-position:-20px -1300px; width:354px; height:35px;}
#btn-findschool:hover, #btn-findschool.active {background-position:-20px -1340px;}

#btn-formsubmit, #btnSubmit {background-position:-20px -1380px; width:99px; height:35px;}
#btn-formsubmit:hover, #btnSubmit:hover, #formsubmit.active {background-position:-20px -1420px;}

/*----------edit form-------------*/
#edit-form input {margin-bottom:12px;}

 
 
/*------blog styling-------*/
#blogfeed {background:url("/images/rss-feed.gif") 0 0 no-repeat; height:48px; font-size:1.2em; font-weight:bold; padding:4px 0 8px 32px;}
#blog-right {}
#blog-right li {list-style:none;}
.comment-form {background:#EEE; padding:20px; margin-top:10px;}
.comment-form input, .comment-form textarea {}
.comment-form label {font-weight:bold;}
.comment-form input, .comment-form textarea {
border:1px solid #CCC;
cursor:pointer;
font-size:14px;
line-height:14px;
margin:5px 0 10px 0;
width:15em;
}

#blog-right .linklist {padding-left:10px; margin-bottom:20px;}
#comments-box {width:36em; height:16em;}


/*------webinar pages------*/
.webinar .boxtop { margin-top:10px;} 
h3#webinar-title{background:url("/images/webinar-icon.gif") 0 0 no-repeat; height:43px; padding-left:50px; line-height:2em;}
#pre-webinar, #post-webinar {margin-top:20px;}

#webniar-cal {width:550px; height:560px; background:url("/images/webinar-cal.gif") 0 0 no-repeat; padding:20px 10px 20px 10px;}


/*----National Institute Pages----*/
#content-right a#btn-apply {margin-left:42px;}
#content-left a#btn-apply {margin-left:200px;}

/*----search results page ---------*/
#content-single #searchContent {width:750px; background:url("/images/bg-search-ui.gif") 0 0 no-repeat; margin:5px 0 13px 0;}
#content-single #searchContent #topBlock, #content-single #searchContent #search {background:none;}
#content-single #searchContent #btmBlock {background:url("/images/bg-search-ui.gif") 100% 100% no-repeat; width:750px;}
#content-single #searchContent #search {float:left; width:730px;}
#content-single #searchContent #topBlock, #content-single #searchContent #btmBlock {width:750px; float:left;}
#content-single #searchContent .resultBlock {width:700px; float:left; clear:both; border-bottom:1px solid #CCC; padding-bottom:10px;}
#results-list {background:#FFF; border:1px solid #CCC; float:left; margin-left:15px; padding:0 10px 20px 0;}
#content-single #searchContent #topBlock {width:750px; float:left;}

#searched {float:left; margin-left:16px;}



/*---stars section---*/
ul.linklist a.active {text-decoration:underline; color:#000; }


/*-----lightbox----------------*/
#lb-top {background:url("/images/lightbox-ui-top.gif") 0 0 no-repeat; height:47px; width:406px;}
#lb-middle {background:url("/images/lightbox-ui-middle.gif") 0 0 repeat-y;width:346px; padding:20px 0 40px 60px; text-align:left !important;}
#lb-bottom {background:url("/images/lightbox-ui-bottom.gif") 0 0 no-repeat; height:20px; width:406px;}
a#lb-logout {display:block; width:30px; height:30px; float:right;}
#lb-middle h4 {text-transform:none; color:#009999; font-weight:bold;}
#lb-middle a {/*float:left;*/}
#lb-middle #btn-login {margin:-4px 0 0 150px;}
#lightbox-ui {display:none;}


/*------autocompleter styles-----*/
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index: 20;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/*--------------tabs--------------------*/
#tabs-landing {background:url(/images/bg-tabs.jpg) repeat-y; position:relative; width:428px;}
#tabs-landing-bg {width:428px; height:482px; background:url(/images/sprite-tabs.jpg) no-repeat; position:absolute; top:0px; left:0px; z-index:0;} 
#tabsWrap {height:45px; position:relative; z-index:1;}
#tabsWrap a.tabs {background:url(/images/sprite-tabs.jpg) no-repeat; height:30px; display:block; position:absolute; top:6px;}
#tabsWrap a#tab-most {background-position:-166px -495px; width:147px; left:6px;}
#tabsWrap a#tab-recent {background-position:0 -495px; width:166px; left:158px;}
#tabsWrap a#tab-most:hover {background-position:-166px -525px;}
#tabsWrap a#tab-recent:hover {background-position:0 -525px;}
#tab-most-sel {background:#fff url(/images/sprite-tabs.jpg) 0 -555px no-repeat; position:absolute; top:6px; left:7px; height:40px;/*needs a bit extra height to cover rounded corner*/ width:144px;}
#tab-recent-sel {background:#fff url(/images/sprite-tabs.jpg) -144px -555px no-repeat; position:absolute; top:6px; left:158px; height:40px;/*needs a bit extra height to cover rounded corner*/ width:166px;}
#tabsWrap a b { position:absolute; top:-5000px; left:-5000px;}
a.tab-rss {background:url(/images/sprite-tabs.jpg) -314px -496px no-repeat;height:26px; width:25px; position:absolute; right:3px; top:3px;}
a.tab-rss:hover {background-position:-314px -522px;}
#tabsWrap #tab-recent-sel a.tab-rss { right:4px;}
#tabs-btm {height:13px; width:428px; background:url(/images/btm-tabs.jpg) no-repeat;}

div.tabsContent {margin:14px 0 0 7px; width:415px; color:#333; background:#f8f8f7 url(/images/bgV-tabs.jpg) repeat-x; position:relative; z-index:1;}
div.tabResWrap {background:#f3f3f3 url(/images/sprite-tabs.jpg) 0 -683px repeat-x; width:393px; height:135px; border:1px #e4e4e4 solid; margin-bottom:4px; text-align:left; position:relative;}		
div.tabResWrap:hover {background:#fff; border:1px #ccc solid;}		

a.resThumbWrap {position:absolute; top:9px; left:9px; height:87px; width:112px;background:url(/images/sprite-tabs.jpg) 0 -595px repeat-x;}
a.resThumbWrap .resThumbCrop {height:75px; width:100px; overflow:hidden; position:absolute; top:5px; left:6px;}
a.resThumbWrap img {border:none; width:100px; overflow:hidden; display:block;}	
a.resThumbWrap:hover img {-moz-opacity:.70; opacity:.70; /*please remove the following 2 properties and place in IE only .css, they apply to IE6-7;IE8*/ filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}		


div.resTextWrap {position:absolute; top:9px; left:132px; width:248px; font-size:11px;}		
div.resTextWrap a {color:#006699;}
div.resTextWrap a:hover, div.resTextWrap a.resTitle:hover {color:#009999;}

div.resTextWrap a.resTitle {font-size:12px; color:#015787; font-weight:bold; text-decoration:none; font-weight:bold; display:block; margin-bottom:4px;}
a.more {font-size:11px;}

div.tabResWrap .credits {position:absolute; top:113px; left:13px; font-size:11px;}
div.tabResWrap .credits span {color:#009999;}

div.tabResWrap .rating-wrap-static {position:absolute; top:99px; left:12px;}

#tab-overlay { position:absolute; top:54px; left:14px; width:400px; background:#fff; z-index:2;}

/*BROWSE AND SEARCH RESULTS STYLES*/
div.resBlockLeft { float:left;}
div.resBlockRight { float:left; width:574px;}
div.resultBlock a.resThumbWrap { position:relative; top:0; left:0; display:block; margin:0 10px 10px 0;}



/*just to be sure there isn't anything tricky coming back in these descriptions*/
.resTextWrap ul, .resTextWrap img, .resTextWrap object {display:none;}


/*If you're getting to this before me, go ahead and drop this in a ratings section of the CSS document*/
/*ratings*/
.rating-wrap-static {height:10px;overflow:hidden;position:relative;width:50px;background-image:url(/images/star-ratings-small-bg.jpg);}
.rating-wrap-static div.de-ratings {height:10px;left:0;position:absolute;top:0;background-image:url(/images/star-ratings-small.jpg);z-index:1;}
.nocursor {cursor:default;}

#subjectChecks {width:500px;}
#subjectChecks input, #subjectChecks label {float:left;}	 		 
#subjectChecks label {width:130px; padding-left:3px;}	 


/*Register Form*/
#sdRegister {float:left; width:800px;}
#sdRegister h1 {margin:0 0 17px 0; padding:0; font-size:24px; font-weight:bold; color:#7ca00e;}
#sdRegister h2 {font-size:24px; font-weight:bold; color:#996699; margin:0; padding:0;} 
#sdRegisterForm {margin:25px 0 0 220px;}
#sdRegisterForm2 {margin:25px 0 0 220px;}
#sdRegisterForm3 {margin:25px 0 0 200px;}
#sdRegisterForm4 {margin:25px 0 0 220px;}

/*in place to tune the height of the reg form*/
/*#tier1, #sdFormSmall, #tier3 {border:1px solid #F00;}*/

#tier1 div {overflow:hidden; height:100%; margin-bottom:8px; position:relative; width:680px;}
#tier3 div {overflow:hidden; height:100%; margin-bottom:8px; position:relative; width:680px;}

#tier1 label {width:144px; display:block; float:left;}
#tier1 input {display:block; float:left;}

#tier3 label {width:200px; display:block; float:left;}
#tier3 input {display:block; float:left;}

#strAreaPhone {margin-right:3px;}
#strPrePhone {margin-right:3px;}
#sdRegisterForm select {display:block; float:left;}

#tblErrMessageTable{border:1px solid red;color:#FF0000;padding:5px;}

#sdFormSmall input {margin-right:10px;}
#sdFormSmall {line-height:16px;}

h3.icon-title {color:#3399cc; width:100%; display:block; margin-left:100px; float:left; margin-bottom:-6px;}	
h3.icon-title span {float:left; margin:16px 0 0 12px;}
h3.icon-title img {float:left;}
		 
#hyperlinks-howto {width:275px;}
#hyperlinks-howto img {border:2px solid #CCC;}
		 
		 
.clear {clear:both;}


/*carousel for classroom connections in webinars*/

/* Horizontal Carousel */
#horizontal_carousel {
float: left;
width: 260px;
height: 180px;
/*margin-bottom: 10px;*/
position: relative;
/*border:1px solid #F00;*/
font-size:10px;
font-family:arial,helvetica,sans-serif;
}

#horizontal_carousel .container {
float: left;
width: 260px;
height: 140px;
position: relative;    
overflow: hidden;
/* border:1px solid #0F0;*/
}

#horizontal_carousel ul {
margin: 0;
padding:0;
width: 100000px;
position: relative;
top: 0;
left: 0;
height: 180px;
/* border:1px solid #00F;*/
}                      

#horizontal_carousel ul li {
width: 130px;
height: 180px;
/*text-align: center;*/ 
list-style:none;   
float:left;
/* border:1px solid #0FF;*/
}

#horizontal_carousel .previous_button {
float:left;  
width: 30px;
height: 30px;
background:url("/images/carousel-arrows.gif");
background-position:0 -120px;
z-index: 100;
cursor: pointer;
}

#horizontal_carousel .previous_button_over {
background:url("/images/carousel-arrows.gif");
background-position:0 -90px;
}

#horizontal_carousel .previous_button_disabled {
background:url("/images/carousel-arrows.gif");
cursor: default;
background-position:0 -150px;
}

#horizontal_carousel .next_button {
float:left;  
width: 30px;
height: 30px;
background:url("/images/carousel-arrows.gif");
background-position:0 -30px;
z-index: 100;
cursor: pointer;
}

#horizontal_carousel .next_button_over {
background:url("/images/carousel-arrows.gif");
background-position:0 0;
}

#horizontal_carousel .next_button_disabled {
background:url("/images/carousel-arrows.gif");
cursor: default;
background-position:0 -60px;
}

#horizontal_carousel .slide-name {
color:#069;
text-transform:uppercase;
font-weight:bold; 
display:block;
}

#showing {width:200px; text-align:center; float:left; line-height:30px; display:block;}

.summer-webinar {
display:block;
width:295px;
height:238px;
background:url("/images/STEM-summer-webinar.jpg") bottom;
text-indent: -99999px;
}

.summer-webinar:hover { 
background-position: 0 0;
}