/*******************************************************************************************************
* National Paralegal College
* Developed by I-ology
* http://www.i-ology.com
*
* Created 1/3/13 - AC
*
* General Style Definitions
*******************************************************************************************************/

/*******************************************************************************************************
* Modal Window Styling
*******************************************************************************************************/
/*html { 
    height:100%;
  }*/
body {
	border-top: 5px solid #cb1114;
	background: #fff;
	padding: 0;
	margin: 0;
	color: #333;
    font-size: 16px;
	line-height: 22px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    /*height:100%;*/
}

#tsc_player {
   z-index: 9999;	
}

.tscplayer_inline {
	position:static;
	margin: 0 0 15px 37px;
	/*margin: 0 5% 15px;*/
	width: 854px;
    height: 476px;
    /**height:80%;
    max-width:90%;
	max-height: 476px;**/
	z-index:auto;
}

.tscplayer_fullframe {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999;	
}

.modal-header {
    width: 854px;
	margin: 0 0 0 37px;
	/**width: 90%;
	margin: 0 5%;**/
	text-align: left;	
}

.modal-header h1 {
	font-family: 'Gilda Display', serif;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 24px;}

.logo-nav {
	margin: 0 0 0 37px;
	width: 854px;
	height: 105px;
	overflow: hidden;
}

.logo {
	float: left;
	width: 97px;
	height: 87px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-modal.gif) top left no-repeat;
}

.modal-nav {
	float: left;
	position: relative;
	width: 526px;
	height: 105px;
	background: url(../images/modal-nav-bg.gif) no-repeat 0 27px;
}

.modal-nav h2 {
	font-family: 'Gilda Display', serif;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0;
	margin: 5px 0 0 0;
}

.modal-next-section {
	float: right;
	width: 231px;
}

.modal-next-section a {
	display: block;
	font-family: 'Gilda Display', serif;
	text-transform: uppercase;
	font-size: 16px;
	color: #333;
	width: 164px;
	height: 23px;
	margin: 45px 0 0 25px;
	padding: 3px 0 0 10px;
	width/**/:/**/ 154px;
	height/**/:/**/ 20px;
	text-decoration: none;
	background: url(../images/right-arrow.gif) top right no-repeat;
}

.modal-next-section a:hover {
	text-decoration: underline;
	color: #cb1114;
}

/*******************************************************************************************************
* Modal Thumbs Styling
*******************************************************************************************************/

.thumb {
	top: 25px;	
}

.thumb a {
	display: block;
	width: 66px;
	height: 66px;
	text-indent: -9999px;
	overflow: hidden;
}

.thumb a:hover {
	background-position: bottom;
}

.now-playing {
	position: absolute;
}


.now-playing a {
    background: url(../images/now-playing.png) top left no-repeat;
}

.thumb1 {
	position: absolute;
	left: 38px;
}

.thumb1 a {
	background: url(../images/thumb1.png) top left no-repeat;
}

.thumb2 {
	position: absolute;
	left: 135px;
}

.thumb2 a {
	background: url(../images/thumb2.png) top left no-repeat;
}

.thumb3 {
	position: absolute;
	left: 231px;
}

.thumb3 a {
	background: url(../images/thumb3.png) top left no-repeat;
}

.thumb4 {
	position: absolute;
	left: 327px;
}

.thumb4 a {
	background: url(../images/thumb4.png) top left no-repeat;
}

.thumb5 {
	position: absolute;
	left: 423px;
}

.thumb5 a {
	background: url(../images/thumb5.png) top left no-repeat;
}

/****************************/

.thumb6 {
	position: absolute;
	/*top: 236px;*/
	left: 43px;
}

.thumb6 a {
	background: url(../images/thumb6.png) top left no-repeat;
}

.thumb7 {
	position: absolute;
	/*top: 318px;*/
	left: 160px;
}

.thumb7 a {
	background: url(../images/thumb7.png) top left no-repeat;
}

.thumb8 {
	position: absolute;
	/*top: 406px;*/
	left: 281px;
}

.thumb8 a {
	background: url(../images/thumb8.png) top left no-repeat;
}

.thumb9 {
	position: absolute;
	/*top: 489px;*/
	left: 407px;
}

.thumb9 a {
	background: url(../images/thumb9.png) top left no-repeat;
}

/****************************/

.thumb10 {
	position: absolute;
	/*top: 553px;*/
	left: 15px;
}

.thumb10 a {
	background: url(../images/thumb10.png) top left no-repeat;
}

.thumb11 {
	position: absolute;
	left: 100px;
}

.thumb11 a {
	background: url(../images/thumb11.png) top left no-repeat;
}

.thumb12 {
	position: absolute;
	left: 185px;
}

.thumb12 a {
	background: url(../images/thumb12.png) top left no-repeat;
}

.thumb13 {
	position: absolute;
	left: 270px;
}

.thumb13 a {
	background: url(../images/thumb13.png) top left no-repeat;
}

.thumb14 {
	position: absolute;
	left: 355px;
}

.thumb14 a {
	background: url(../images/thumb14.png) top left no-repeat;
}

.thumb15 {
	position: absolute;
	left: 440px;
}

.thumb15 a {
	background: url(../images/thumb15.png) top left no-repeat;
}

/****************************/

.thumb16 {
	position: absolute;
	left: 82px;
}

.thumb16 a {
	background: url(../images/thumb16.png) top left no-repeat;
}

.thumb17 {
	position: absolute;
	left: 230px;
}

.thumb17 a {
	background: url(../images/thumb17.png) top left no-repeat;
}

.thumb18 {
	position: absolute;
	left: 378px;
}

.thumb18 a {
	background: url(../images/thumb18.png) top left no-repeat;
}

/****************************/

.thumb19 {
	position: absolute;
	left: 38px;
}

.thumb19 a {
	background: url(../images/thumb19.png) top left no-repeat;
}

.thumb20 {
	position: absolute;
	left: 135px;
}

.thumb20 a {
	background: url(../images/thumb20.png) top left no-repeat;
}

.thumb21 {
	position: absolute;
	left: 231px;
}

.thumb21 a {
	background: url(../images/thumb21.png) top left no-repeat;
}

.thumb22 {
	position: absolute;
	left: 327px;
}

.thumb22 a {
	background: url(../images/thumb22.png) top left no-repeat;
}

.thumb23 {
	position: absolute;
	left: 423px;
}

.thumb23 a {
	background: url(../images/thumb23.png) top left no-repeat;
}

/****************************/

.thumb24 {
	position: absolute;
	left: 38px;
}

.thumb24 a {
	background: url(../images/thumb24.png) top left no-repeat;
}

.thumb25 {
	position: absolute;
	left: 135px;
}

.thumb25 a {
	background: url(../images/thumb25.png) top left no-repeat;
}

.thumb26 {
	position: absolute;
	left: 231px;
}

.thumb26 a {
	background: url(../images/thumb26.png) top left no-repeat;
}

.thumb27 {
	position: absolute;
	left: 327px;
}

.thumb27 a {
	background: url(../images/thumb27.png) top left no-repeat;
}

.thumb28 {
	position: absolute;
	left: 423px;
}

.thumb28 a {
	background: url(../images/thumb28.png) top left no-repeat;
}