/** PURPOSE
    -------
    The purpose of this file is to put custom CSS that are different from the markups.

**/
.lightbox_home
{
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 5000px;
    background: url(http://s3.amazonaws.com/bankstreet_web/media/img/bankstreet/lightbox_shade.png) repeat;
    top: 0px;

}
.lightbox{
	width:1057px;
	margin:0 auto;
    z-index: 202;
}

.header-slide
{
    display: none;
}

.intro .children-1{background-color:#2fa393;}

/* .society icon override */
.society a:hover{text-decoration:none;}
.society a.faculty{background-position:0 -546px;}
.society a.student{background-position:0 -576px;}
.society a.lectures{background-position:0 -606px;}
.society a.youtube{background-position:0 -636px;}
.society a.itunes{background-position:0 -666px;}
.society a.podcasts{background-position:0 -696px;}
.society a.slideshows{background-position:1px -725px;}
.society a.facebook{background-position:1px -755px;}
.society a.twitter{background-position:1px -785px;}
.society a.delicious{background-position:1px -815px;}
.society a.flickr{background-position:1px -845px;}
.society a.ico{background-position:0 -882px;}

/** Homepage Gallery **/
.home-gallery .no-active .shadow{display:none;}
.img-holder .switch-block
{
    bottom: 14px;
}

/** WYSIWYG Styles **/
.growth-list li.active .wysiwyg a
{
    background: none !important;
    font-weight: normal;
    /*color: #000; don't think we want/need this? -rory*/
    padding:  0px;
}
.wysiwyg p a
{
    background: none;
    padding: 0px;
}
.growth-list li.active .wysiwyg li
{
    background: none;
    font-weight: normal;
    color: #000;
}
/* added -5px to margin top on 3-13-2012 */
.wysiwyg ul {
	margin-top:-5px;
}

.wysiwyg ul li {
    list-style-type: square;
	    /* mhansen made square from circle on 2/22/2012*/
}

.wysiwyg ul li ul li {
	list-style: circle url(none);
}

.wysiwyg li.active a
{
    background: none;
}

.wysiwyg p, .wysiwyg li {
    padding-bottom: 5px;
	    /* mhansen made 0px from 5px on 2/22/2012*/
    font-family: "auto-1-1","auto-1-2","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 17px;
	    /* mhansen made 17px from 16px on 2/22/2012*/
	line-height: 24px;
	    /* mhansen made 24px from 22px on 2/22/2012*/
    color: #444547;
}

.wysiwyg p {
	margin: 0pt 0pt 11px !important
    /* mhansen added this 2/22/2012*/
}

    /* below was .wysiwyg h2, .wysiwyg h2, .wysiwyg .h4 on 2/22/2012*/
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {   
    color:#444547;
	font-style:italic;
	font-weight: 700;
    padding-bottom: 6px;
    /* mhansen added padding-bottom: 0px; on 2/22/2012*/
}

.wysiwyg h2 {
	font-family: "auto-2-1","auto-2-2","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 22px;
	margin-bottom: 5px;	
	/* mhansen added margin-bottom: 0px; on 2/22/2012*/
}

.wysiwyg h3 {
	font-family: "auto-1-1", "auto-1-1", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 19px;
	margin-bottom: 7px !important;
	font-weight: bold;	
	/* mhansen added margin-bottom: 0px; on 2/22/2012*/
}

.wysiwyg h4 {
	font-family: "auto-2-1","auto-2-2","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 20px;
	margin-bottom: 0px;	
	/* mhansen added margin-bottom: 0px; on 2/22/2012*/
}

/** changes to improve on profile publications **/
.article-list { margin: 0 !important; }
.article-list p { margin: 0 !important;  }


/** Course schedules **/
#course-schedule {
    margin: 25px 0 0 0;
}
#course-schedule  {
}


.alphabet-frame .list-interest span a { float: inherit; }

/** course and people directory **/
.alphabet-holder .event-roll dt { padding-right: 3px; }

.alerts { display: none; padding:  0.8em; border:  2px solid #FA9B8F; background: #FDDDD9; color: #333; font-weight: bold; font-size: 14px; }

.errors {  border:  2px solid #FA9B8F; background: #FDDDD9; color: #333; font-weight: bold; font-size: 12px; }
.errors ul { padding:  2px; margin:  0px; }
.errors li { list-style: none; font-size: 12px;}


.info_alert { display: none; padding:  0.8em; border:  2px solid #92cae4; background: #d5edf8; color: #205791; font-weight: bold; font-size: 14px; }*/

/** Row - Label/Field **/
.row-label label
{
    float: left;
}
.row-label
{
    float: left;
    font-size:12px;
}
.row-field input
{
    border:  0px;
	background:url(https://s3.amazonaws.com/bankstreet_web/media/img/bankstreet/bg-text-input.png) no-repeat 0 -111px;
	width:258px;
	height:14px;
	overflow:hidden;
	padding:5px;
	float:left;
	margin:0 38px 0 0;
}
.row-field .text
{
    border:  1px solid #CCC;
	width:258px;
	height:50px;
	overflow:hidden;
	padding:5px;
	float:left;
	margin:0 38px 0 0;
}
.row-field
{
    float: right;
}


/** CSS for Events ****************************************************************************************************/
/* Special thanks goes to Watt Poosanguansit, for writing inline css and mixing CSS/JS with HTML Templates. Thanks for
   helping me hate something that I used to love since High School... Web Development. Fucking Cunt Dick Face.        */

/* py_src/project/apps/events/templates/events/snippets/event_list.html */
.unit-add .line-more{
	display:block;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
}
.unit-add:hover{
	cursor:default;
	margin-bottom:7px;
}
.unit-add:hover .line-more{
	display:block;
	padding:0 10px 2px;
	height:1%;
	text-indent:0;
}
.unit-add .line-more a{
	float:right;
	color:#fff;
	font:700 13px/15px "Trebuchet MS",Helvetica,Arial,sans-serif;
	text-decoration:none !important;
	text-transform:uppercase;
}

.unit .line-more{
	display:block;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
}
.unit:hover{
	cursor:default;
	margin-bottom:4px;
}
.unit:hover .line-more{
	display:block;
	padding:0 10px 2px;
	height:1%;
	text-indent:0;
}
.unit .line-more a{
	float:right;
	color:#fff;
	font:700 13px/15px "Trebuchet MS",Helvetica,Arial,sans-serif;
	text-decoration:none !important;
	text-transform:uppercase;
}

.unit-add-color1 .line-more {background-color:#2fa393;}
.unit-add-color2 .line-more {background-color:#3662ac;}
.unit-add-color3 .line-more {background-color:#a39333}
.unit-color4 .line-more {background-color:#f05033;}

.unit-add, .unit-add.sttc:hover {
	width: 100%;
	margin-bottom: 14px;
	padding-bottom: 5px;
}

.popup2 {
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 1000px;
    margin: 0px 300px 0px 300px;
    width: 743px;
    background: url(https://s3.amazonaws.com/bankstreet_web/media/img/bankstreet/bg-popup-inner.png) no-repeat;
    top: 30px;
}

#messagebox {
    float:right;
    width: 100%;
}

#messagebox ul li {
    list-style: disc;
    padding: 6px;
    margin: 2px;
    color: red;
}

.recaptchatable #recaptcha_response_field {
    width: 145px!important;
    position: relative!important;
    bottom: 7px!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 10pt;
}

/** py_src/project/apps/events/templates/events/snippets/event_details.html **/
.btn-row input {
  font: italic 700 16px/22px "Trebuchet MS",Helvetica,Arial,sans-serif;
  color: whiteSmoke;
  text-indent: 0px !important;
  font-size: 12px !important;
}

.infiniteCarousel .wrapper {
  width: .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right)
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: relative;
  top: 0;
}

.infiniteCarousel ul a img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.unit-add .line-more{
  display:block;
  height:5px;
  text-indent:-9999px;
  overflow:hidden;
}
.unit-add:hover{
  cursor:default;
  margin-bottom:7px;
}
.unit-add:hover .line-more{
  display:block;
  padding:0 10px 2px;
  height:1%;
  text-indent:0;
}
.unit-add .line-more a{
  float:right;
  color:#fff;
  font:700 13px/15px "Trebuchet MS",Helvetica,Arial,sans-serif;
  text-decoration:none !important;
  text-transform:uppercase;
}

.unit .line-more{
  display:block;
  height:5px;
  text-indent:-9999px;
  overflow:hidden;
}
.unit:hover{
  cursor:default;
  margin-bottom:4px;
}
.unit:hover .line-more{
  display:block;
  padding:0 10px 2px;
  height:1%;
  text-indent:0;
}
.unit .line-more a{
  float:right;
  color:#fff;
  font:700 13px/15px "Trebuchet MS",Helvetica,Arial,sans-serif;
  text-decoration:none !important;
  text-transform:uppercase;
}

.unit-add-color1 .line-more {background-color:#2fa393;}

.unit-add-color2 .line-more {background-color:#3662ac;}

.unit-add-color3 .line-more {background-color:#a39333}

.unit-color4 .line-more {background-color:#f05033;}

.popup2 {
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 1000px;
  margin: 0px 300px 0px 300px;
  width: 743px;
  background: url(/media/img/bankstreet/bg-popup-inner.png) no-repeat;
  top: 30px;
}

#messagebox {
  float:right;
  width: 100%;
}

#messagebox ul li {
  list-style: disc;
  padding: 6px;
  margin: 2px;
  color: red;
}

.recaptchatable #recaptcha_response_field {
  width: 145px!important;
  position: relative!important;
  bottom: 7px!important;
  padding: 0!important;
  margin: 0!important;
  font-size: 10pt;
}

/* changes made by mhansen 2/22/2012 */

/* breadcrumbs */

.breadcrumbs{
	margin:13px 0 9px;   /* changed 13px 0 37px to 13px 0 9px by mhansen 2/22/2012 */
	padding:3px 0 3px;
	list-style:none;
	width:100%;
	overflow:hidden;
	color:#9FA0A1;
	font:italic 400 16px/18px "Trebuchet MS",Helvetica,Arial,sans-serif;
}

/* main content */
#main .topic{
	height:1%;
	overflow:hidden;
	padding:0 0 4px;
	margin:0px 0 0 2px; /* changed -25px 0 0 2px to 0px 0 0 2px by mhansen 2/22/2012 */
	border-bottom:2px solid #d7d7d9; /* changed for new nav */
}

#main h1{
	position:relative;
	margin:0px;
	/* mhansen changed margin to 0px from margin:-17px 0 12px;  on 3/6/2012 */ 
	font:italic 700 30px/36px "Trebuchet MS",Helvetica,Arial,sans-serif;
	color:#444547;
}

/* intro-roll The hover setting was #fff, which made life difficult as the background is #fff. I'm changing it back to oranagered 2-29-2012 mhansen */
.intro-roll a:hover strong{
	/* was color:#fff; */
    color:#f05033;
	text-decoration:none !important;
}

/* i don't know about this one */
.intro-roll li.active a:hover strong {
	background:#f05033;
	color:#E6E6E6;
	text-decoration:none !important;
}

/* how-list added !importants. Let's see what happens. 3-7-2012 */

.how-list {
	margin:0 0 0 -1px !important;
	padding:5px 0 10px !important;
	list-style:none !important;
	font:700 14px/18px "Trebuchet MS",Helvetica,Arial,sans-serif;
}

.box-content.how-list li {padding:0 0 15px !important;}

.how-list a {
	color:#656669;
	padding:0 0 0 15px !important;
	background:url(https://s3.amazonaws.com/bankstreet_web/media/img/bankstreet/arrow.png) no-repeat 0 -84px;
}

.mac .how-list a {background-position:0 -87px !important;}

.box-content.how-list li.active a {
	color:#f05033;
	background-position:0 8px !important;
}

.mac .how-list li.active a {background-position:0 5px;}

.how-list ul {
	margin:0 0 -9px !important;
	padding:9px 0 0 17px !important;
	list-style:none !important;
}

/* below... added text-indent:-15px 3-12-2012 */
.how-list ul li{
	padding:0 0 7px 15px !important;
	background:url(https://s3.amazonaws.com/bankstreet_web/media/img/bankstreet/bullet4.png) no-repeat 1px 8px;
	text-indent:-15px;
}

/* need to do something with box-content like add ul li css 3-7-2012 */


.box-content h2 {
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 0px;
	font-style: italic;
}

.box-content h3 {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 0px;
	font-style: italic;
}

.box-content p {
	font-size: 15px;
}

/* 
.box-content ul {
margin-left: -20px;
}

*/
.box-content li {
	padding:0 0 .25em 0;
	font-size: 15px;
}

/* box-big 3-12-2012 mhnsn was here */

.box-big .news-list span{
	display:block;
	height:1%;
	overflow:hidden;
	/* cursor:default; */
	padding-bottom:3px;
}

.box-big .news-list img{
	float:right;
	margin:8px 3px 0 10px;
	/* cursor:default; */
}
.box-big .news-list .text{
	height:1%;
	overflow:hidden;
	/* cursor:default; */
	font-weight:normal;
	display:block;
}

.box-big .news-list a{
	display:block;
	height:1%;
	overflow:hidden;
	color:#656669;
	padding-bottom:2px;
	text-decoration:none !important;
	/* cursor:default; */
}

.box-big .news-list li{
	border-top:2px solid #d7d7d9;
	padding:2px 0 9px;
	width:100%;
	float:left;
	/* cursor:default; */
}

/* to here 3-12-2012 I don't want default cursor in news. I want hand */