/* All Pages */

#nav
{
    margin-left: 28px;
    background: url(../images/sub/nav-bg.jpg) no-repeat;
    width: 285px;
    height: 80px;
}

* > #nav
{
    margin-left: 14px;
    background: url(../images/sub/nav-bg.jpg) no-repeat;
    width: 285px;
    height: 80px;
}

#nav a
{
    height: 24px;
    width: 75px;
    margin-top: 33px;
    display: block;
    float: left;
}

.language-home
{
    position: absolute;
    height: 35px;
    width: 90px;
    top: 5px;
    left: 700px;
    overflow: hidden;
    background: url(../images/home/starburst-roll_es2.png) no-repeat;
}

.mail
{
    position: absolute;
    top: 59px;
    left: 675px;
    height: 67px;
    width: 119px;
    overflow: hidden;
    z-index: 13;
    background: url(../images/home/mail-roll.gif) no-repeat;
}

* > .mail
{
    position: absolute;
    top: 59px;
    left: 675px;
    height: 67px;
    width: 119px;
    overflow: hidden;
    z-index: 13;
    background: url(../images/home/mail-roll.gif) no-repeat;
}

.forms
{
}
.forms .input-text
{
    background-color: #9B80B1;
    border: 1px solid #DEDADB;
    color: #FFFFFF;
}

#nsteenslogo
{
    position: absolute;
    top: 0px;
    left: 0;
    height: 124px;
    width: 185px;
    margin-left: 15px;
    z-index: 11;
}

.nsteenslogo-home
{
    position: absolute;
    top: 0;
    left: 0;
    height: 124px;
    width: 185px;
    margin-left: 15px;
    z-index: 11;
    background: url(../images/home/nsteenslogo.png) no-repeat;
}


#bios
{
    position: absolute;
    top: 0px;
    left: 500;
    height: 150px;
    width: 500px;
    margin-left: 188px;
}

.bios-sub-area
{
    position: absolute;
    top: 0;
    left: 500;
    height: 150px;
    width: 500px;
    z-index: 12;
    overflow: hidden;
    background: url(../images/home/bios-roll.png) no-repeat;
}

#games-sub
{
    float: left;
    height: 80px;
    width: 286px;
    margin-left: 14px;
}

.games-sub-title
{
    position: absolute;
    height: 80px;
    width: 483px;
    top: 0;
    left: 13px;
    background: url(../images/home/games-roll.jpg) no-repeat;
}
.games-sub-titletext
{
    color: #b2d103;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: bold;
}
#game-container
{
    position:relative;
    text-align:center;
    padding-top:4px;
    padding-bottom:4px;
    /*
    left:30px;
    top:7px;
    width:622px;
    */    

    /*
    float:left;
	margin-top:20px;
	padding:15px 0;
	
    width:767px;
    */
}
#game-container-sub
{
    position: absolute;
    left: 31px;
    height: 400px;
    width: 700px;
    top: 25px;
}
#game-desc
{
    background: url(../images/sub/game-desc.png) no-repeat center;
	height:122px;
	padding:25px 140px 0 130px;
	width:496px;
    
    /*
    float:left;
    position: absolute;
    left: 137px;
    margin-top: 480px;
    */
    
    background-color: #8460A8;
    font-family: tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    
}

#game-desc span.game-hd
{
	color:#ccff33;
	font-family:"Comic Sans MS", cursive, Arial;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.game-list-container
{
    /*height: 306px;*/
    overflow: auto;
    padding-bottom: 30px;
    margin-top:-110px;
    margin-left:75px;
}

.game-

{
    float: left;
    width: 236px;
    height: 256px;
    margin: 50px 0px 0px 50px;
}

#gem-jam-desc p
{
    margin-top: 3px;
    margin-bottom: 4px;
}
#gem-jam-grx
{
    position: absolute;
    left: 225px;
    margin-top: 100px;
    width: 319px;
    height: 194px;
    background: url(../images/sub/gem-jam-thumbnail.png) no-repeat;
}

#gem-jam-txt
{
    position: absolute;
    left: 342px;
    margin-top: 323px;
    width: 95px;
    height: 16px;
    background: url(../images/sub/gem-jam-txt-med.png) no-repeat;
}

#videos-sub
{
    float: right;
    height: 80px;
    width: 483px;
    margin-right: 18px;
}

.videos-sub-title
{
    position: absolute;
    height: 80px;
    width: 483px;
    top: 0;
    left: 13px;
    z-index: 14;
    background: url(../images/home/videos-roll.jpg) no-repeat;
}

#comics-sub
{
    float: right;
    height: 80px;
    width: 483px;
    margin-right: 18px;
}

.comics-sub-title
{
    position: absolute;
    height: 80px;
    width: 483px;
    top: 0;
    right: 13px;
    z-index: 14;
    background: url(../images/sub/comics-title.gif) no-repeat;
}
.comics-thumb
{
    float: left;
    width: 134px;
    height: 220px;
    margin:40px 46px 5px 0;
}
.comics-container
{
    padding-left: 130px;
    /*height: 460px;
    overflow: auto;*/
    width: 635px;
margin-top:-35px;
}

#comics
{
    position: absolute;
    margin-left: 95px;
    background-image: url(../images/sub/comics-roll.gif);
}

#videos
{
    position: absolute;
    margin-left: 182px;
    background-image: url(../images/sub/videos-roll.gif);
}


#content-area
{
    clear: both;
    position: relative;
    width: 765px;
    left: 28px;
    border-left: 0px solid black;
    border-right: 0px solid black;
    /* background-color: #686b60; */
    background-color: #000000;
}

* > #content-area
{
    left: 14px;
    width: 766px;
}

#content-area h2
{
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 16px;
    font-weight: bold;
}

h2.mainTitle
{
    font-family: Arial, Helvetica, sans-sarif;
    font-weight: bold;
    font-size: 18px;
    color: #497bac;
    margin-left: .5em;
    margin-bottom: 0;
}

#bottom-bar
{
    position: relative;
    margin-left: 29px;
    width: 769px;
    height: 45px;
    background:url("/~/media/D50B0CE439784CE0802B64FCD8B18B99.aspx") no-repeat scroll 2px 1px transparent;
}

* > #bottom-bar
{
    margin-left: 14px;
}

#bottom-bar #rls-link
{
    display: block;
    height: 45px;
    width: 303px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(../images/sub/rls-link.jpg);
}

.teaching
{
    position: absolute;
    left: 0px;
    top: -76px;
    background: url(../images/home/teaching-roll2.gif) no-repeat;
    height: 94px;
    width: 141px;
    z-index: 11;
}

* > .teaching
{
    background: url(../images/home/teaching-roll2.png) no-repeat;
    left: 2px;
}

#footer
{
    position: relative;
    left: 15px;
    height: 52px;
    width: 769px;
}

#netsmartz
{
    position: relative;
    margin-top: -56px;
    margin-left: 585px;
    height: 42px;
    width: 196px;
    z-index: 12;
}

* > #netsmartz
{
    margin-left: 572px;
}

#logos
{
    position: relative;
    height: 56px;
    width: 768px;
    background: url(../images/home/logo-bg2.jpg) no-repeat;
    z-index: 10;
}
#logos a
{
    display: block;
    float: left;
}
#logos span
{
    display: block;
    float: left;
    margin-top: 1.25em;
    font-family: arial, helveteca, sans-serif;
    font-size: 10pt;
    padding-right: 5px;
}

* > #logos
{
    margin-left: 0px;
}
#contact-int
{
    position: absolute;
    left: 18px;
    width: 98px;
    z-index: 12;
}
#about-int
{
    position: absolute;
    left: 131px;
    width: 106px;
    z-index: 12;
}
#missing-int
{
    position: absolute;
    left: 270px;
    width: 75px;
    z-index: 12;
}
#partner-int
{
    position: absolute;
    top: 5px;
    left: 361px;
    height: 42px;
    width: 210px;
    z-index: 12;
}
#netsmartz-int
{
    position: absolute;
    left: 572px;
    height: 42px;
    width: 196px;
    z-index: 12;
}
#legal-int
{
    position: relative;
    text-align: center;
    padding-top: 75px;
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 12px;
    color: #a7916d;
    padding-bottom: 20px;
}


.imgLeft
{
    float: left;
}

.imgRight
{
    float: right;
}

.rightAlign
{
    margin-right: 4px;
}

* > .rightAlign
{
    margin-right: 18px;
}

.whiteHeading
{
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin: 1px;
}

.whiteText
{
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 11px;
    color: #FFF !important;
}

.titleText
{
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 12px;
    color: #CCC;
    font-style: italic;
}

.arrowlink
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #828b95;
    text-decoration: none;
    font-size: 11px;
    background-image: url(../images/sub/arrow-sm.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: -5px;
}

.bottom-desc
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    margin-top: -3px;
    margin-left: 310px;
    padding: 10px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
    content: "."; /* the period is placed on the page as the last thing before the div closes */
    display: block; /* inline elements don't respond to the clear property */
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix
{
    display: inline-block;
}
/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* Videos List Page */

.buttonBslideup
{
    position: absolute;
    margin-left: 100px;
    margin-top: 350px;
}

.buttonBslidedown
{
    position: absolute;
    margin-left: 175px;
    margin-top: 350px;
}

.video-bg
{
    background: url(../images/sub/video-bg.jpg) no-repeat;
    height: 455px;
    margin: 0;
}

.grey-box
{
    position: absolute;
    margin-left: 82px;
    margin-top: 28px;
    width: 590px;
    height: 270px;
    background-color: #828b95;
}

* > .grey-box
{
    position: absolute;
    margin-left: 75px;
    margin-top: 35px;
    width: 590px;
    height: 258px;
    background-color: #828b95;
}

.darkgrey-box
{
    margin-left: 12px;
    margin-top: 13px;
    padding: 8px;
    width: 545px;
    height: 220px;
    background-color: #17222c;
    border: 3px solid black;
    overflow: auto;
}

.darkgrey-box .imgLeft
{
    margin-right: 2em;
}

* > .darkgrey-box
{
    margin-left: 12px;
    margin-top: 8px;
    padding: 8px;
    width: 545px;
    height: 220px;
    background-color: #17222c;
    border: 3px solid black;
    overflow: auto;
}

.shadow
{
    position: absolute;
    background-color: #091a20;
    width: 595px;
    height: 274px;
    margin-left: 88px;
    margin-top: 34px;
}

* > .shadow
{
    position: absolute;
    background-color: #091a20;
    width: 595px;
    height: 260px;
    margin-left: 78px;
    margin-top: 44px;
}

/* Videos Page */

.tips
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #fff;
    margin-bottom: -10px;
}

* > .tips
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
    margin-top: -1px;
}

.video-bg2
{
    left: 0px;
    background: url(../images/sub/video-bg3.jpg) repeat-y;
}

.bottom
{
    margin-top: 350px;
    vertical-align: bottom;
}

.bottom2
{
    vertical-align: bottom;
}

#player-container
{
    position: absolute;
    right: 185px;
    height: 300px;
    width: 390px;
    padding-top: 0px;
    margin-top: 135px;
    text-align: center;
}

.video-title
{
    display: block;
    position: absolute;
    width: 529px;
    height: 60px;
    z-index: 13;
}

#postprivate.video-title
{
    position: absolute;
    width: 529px;
    height: 60px;
    margin-top: 0;
    top: 35px;
    left: 0px;
    z-index: 13;
    background-image: url(/Images/Sub/video-title-postprivate.jpg);
}

#terribletext.video-title
{
    position: absolute;
    width: 529px;
    height: 60px;
    margin-top: 0;
    top: 35px;
    left: 0px;
    z-index: 13;
    background-image: url(/Images/Sub/video-title-terribletext.jpg);
}

#profilepenalty.video-title
{
    position: absolute;
    width: 529px;
    height: 60px;
    margin-top: 0;
    top: 35px;
    left: 0px;
    z-index: 13;
    background-image: url(/Images/Sub/video-title-profilepenalty.jpg);
}

#attitudeoverdrive.video-title
{
    position: absolute;
    width: 529px;
    height: 60px;
    margin-top: 0;
    top: 35px;
    left: 0px;
    z-index: 13;
    background-image: url(/Images/Sub/video-title-attitudeoverdrive.jpg);
}

.video-topic
{
    display: block;
    width: 180px;
    height: 21px;
    margin-left: -5px;
}
#socialnetworking.video-topic
{
    background-image: url(/Images/Sub/video-topic-socialnetworking.jpg);
}
#cyberbullying.video-topic
{
    background-image: url(/Images/Sub/video-topic-cyberbullying.jpg);
}
#offline-consequences.video-topic
{
    background-image: url(/Images/Sub/video-topic-offline.jpg);
}
#attitudeoverdrive.video-topic
{
    background-image: url(/Images/Sub/video-topic-attitudeoverdrive.jpg);
}
#activitycard.video-topic
{
    background-image: url(/Images/Sub/video-topic-activitycard.jpg);
}

.video-desc
{
    position: absolute;
    left: -35px;
    text-align: left;
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 15px;
    color: #FFF;
    margin-top: 110px;
    width: 182px;
    padding-left: 13px;
    padding-right: 10px;
    background-color: #1d2324;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 8px solid #565f67;
    border-bottom: 8px solid #565f67;
    border-left: 1px solid #565f67;
    border-right: 1px solid #565f67;
}


.video-detail-title
{
    font-size:14px;
    font-weight:bold;
  color: #F26522
}

#video-pdf
{
    position: absolute;
    left: -35px;
    text-align: left;
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 15px;
    color: #FFF;
    margin-top: 292px;
    width: 182px;
    padding-left: 13px;
    padding-right: 10px;
    background-color: #1d2324;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 8px solid #565f67;
    border-bottom: 8px solid #565f67;
    border-left: 1px solid #565f67;
    border-right: 1px solid #565f67;
}
#video-pdf ul
{
    font-family: Arial, Helvetica, sans-sarif;
    color: #FFF;
    font-size: 11px;
    margin-left: 8px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

#video-tips
{
    position: absolute;
    margin-top: 53px;
    background-color: #1d2324;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    border-top: 8px solid #565f67;
    border-bottom: 8px solid #565f67;
    border-left: 1px solid #565f67;
    border-right: 1px solid #565f67;
    margin-bottom: 4px;
    width: 185px;
    right: -35px;
    height: 275px;
    min-height: 275px;
    height: auto !important; /*overflow:auto;*/
}

#tips-list-heading
{
    display: block;
    width: 146px;
    height: 24px;
    background-image: url(/Images/Sub/tip-list-heading.jpg);
    margin: 0px;
    padding: 0px;
}

#video-tips ul
{
    font-family: Arial, Helvetica, sans-sarif;
    color: #FFF;
    font-size: 11px;
    margin-left: 8px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 13px;
}

h2
{
    text-align: center;
    font-size: 16px;
    color: #FFF;
    margin-top: 5px;
    margin-bottom: -5px;
    padding: 0px;
}

#flash-warning
{
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    width: 239px;
    height: 122px;
    background-color: #CCCCCC;
}

/* Comics Page */

.comic-bg
{
   /* width: 800px;*/
    height: 600;
    top: 0px;
    left: 0px;
    margin: 0;
    background-color: Black !important;
}
.comic-main-bg
{
    width: 800px;
    height: 459px;
    top: 0px;
    left: 0px;
    margin: 0;
    background-color: Black !important;
    background-image: url(../images/sub/comic-main-bg.jpg);
    background-repeat:repeat;
}

.print-title
{
    position: absolute;
    top: 32px;
    left: 287px;
    background: url(../images/sub/print-title.jpg) no-repeat;
    width: 205px;
    height: 49px;
}


.comic-print a
{
    font-size: 12px;
    border: 1px solid blue;
    background-color: Gray;
    padding: 2px;
    margin: 0;
}
.comic-print a:hover
{
    background-color: Black;
    text-decoration: none;
}

/* Bios Page */

.bios-bg
{
    left: 0px;
    height: 448px;
    background: url(../images/sub/bios_bg.gif) no-repeat;
}

.bios-book
{
    position: relative;
    top: 5px;
    left: 0px;
    height: 448px;
}

/* Games Page */

.games-bg
{
    height: 594px;
    left: 0px;
    background: url(../images/sub/games_bg.jpg) no-repeat;
}

.comics-sub-bg-top
{
    /*
    height: 71px;
    left: 0px;
    background:url("../images/sub/comics_BG_top.png") no-repeat scroll 0px 2px transparent;
    */
}

.games-sub-bg-top
{
    height: 129px;
    left: 0px;
    background: url(../images/sub/game_bg_top.png) no-repeat;

}

.comics-sub-bg-bottom
{
    /*
    height: 71px;
    left: 0px;
    background: url(../images/sub/comics_BG_bottom.png) no-repeat -1px;
    background:url("../images/sub/comics_BG_bottom.png") no-repeat scroll -1px -2px transparent;
    */
}

.games-sub-bg-bottom
{
    height: 198px;
    left: 0px;
    background:url("../images/sub/game_bg_bottom.png") no-repeat scroll 1px -1px transparent;
}

.comics-sub-bg-middle
{
    /*height: 529px;*/
    left: 0px;
    background: url(../images/sub/Comics_BG_middle.png);
    background-repeat:repeat;
}

.games-sub-bg-middle
{
    /*height: 529px;*/
    left: 0px;
    background: url(../images/sub/Game_BG_middle.png);
    background-repeat:repeat;
}

.comment-block
{
    background-image: url(../images/sub/comment-block-bg.gif);
    background-repeat: repeat-y;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    margin-left: 14px;
    margin-right: 20px;
}
.comment-border
{
    border: 1px solid #8E8890;
    padding: 5px;
    margin-bottom: 5px;
}
.comment-text
{
    color: #FFFFFF;
    background-color: #8358AD;
    font-family: tahoma, Arial, sans-serif;
    font-size: 11px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.comment-text strong
{
    color: #330066;
}
.comment-text h3
{
    color: #330066;
}
.more-comments
{
    color: #FFFF66;
    text-transform: uppercase;
    font-size: 10px;
    text-align: right;
}
.more-comments a:link, .more-comments a:visited
{
    color: #FFFF66;
}
.more-comments a:hover, .more-comments a:active
{
    color: #FFFF66;
    text-decoration: underline;
}

/* Game Add This */

.game-add-this
{
    float:left;
    margin-right:10px;
    margin-top:10px;
}

.game-add-this-buttons
{
	float:left;
	margin-top:7px;
	margin-left:0px;
	width:400px;
}

.game-addthis_toolbox
{
    float:left;
}


.addthis_toolbox .custom_images a
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}


/* Game Rating */

.rate-game
{
    float:right;
    padding-right: 10px;
}

.star-rating
{
    position: relative;
    top: 540px;
    left: 250px;
}

/* Video Add This */

.add-this
{
    position: absolute;
    top: 547px;
    left: 128px;
}

.add-this-buttons
{
    position: absolute;
    top: 543px;
    margin-left: 215px;
}

.rate-game-this
{
    position: absolute;
    top: 545px;
    margin-left: 475px;
    font-family: tahoma, Arial, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}

.custom_images ul ,.custom_images ul li
{
	list-style-type:none;
	display:inline;
 	margin:-2px 0 0;
      padding: 0;
	float:left;
      #margin:-8px 0 0;
      padding:0 0 0 2px;
}

.addthis_toolbox .custom_images a
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75; 
    padding-top:-1px;
}

.addthis_toolbox .custom_images li a img
{
    opacity: 0.75; 
    padding-top:0px;
}

/* Videos List Page */

.buttonBslideup
{
    position: absolute;
    margin-left: 100px;
    margin-top: 350px;
}

.buttonBslidedown
{
    position: absolute;
    margin-left: 175px;
    margin-top: 350px;
}
/* video gallery*/
.video-bg
{
    background-image: url(../images/sub/video_internal_bg.gif);
    background-repeat: repeat-y;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    padding-bottom: 0px;
}
.video-internal
{
    left: 0px;
    background: url(../images/sub/video_content_bg.jpg) no-repeat;
    padding-bottom: 15px;
    padding-top: 39px;
    padding-right: 17px;
    padding-left: 31px;
}

.gallery_block
{
    background-color: #273134;
    border: 1px solid #8D9192;
    padding-top: 14px;
    padding-right: 13px;
    padding-bottom: 14px;
    padding-left: 13px;
}
.video-bg .leftcolumn
{
    width: 177px;
    float: left;
}
.video-bg .rightcolumn
{
    float: right;
    width: 484px;
    padding-top: 5px;
    padding-right: 15px;
}
.video-bg .rightcolumn .gallery_text
{  
}
.video-bg .rightcolumn .gallery_text .thumb_block
{
    float: left;
    height: 158px;
    width: 142px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    background-image: url(../images/sub/thumb_bg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    font-family: tahoma, Arial, sans-serif;
}
.thumb_block
{
    text-align: center;
}
.thumb_block .head
{
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 3px;
    height: 107px;
    font-size: 10px;
    text-transform: uppercase;
    color: #DA832C;
    font-weight: bold;
    line-height: 11px;
    overflow: hidden;
}
.thumb_block .head a:link, .thumb_block .head a:visited
{
    color: #DA832C;
    text-decoration: none;
}
.thumb_block .head a:hover, .thumb_block .head a:active
{
    color: #E4A86B;
}
.thumb_block .head .thumb_img
{
    padding-bottom: 6px;
}
.thumb_block .foot
{
    padding-top: 5px;
    color: #CCCCCC;
    font-size: 10px;
    font-weight: bold;
}
.thumb_block .foot .left
{
    width: 65;
}
.thumb_block .foot .right
{
    width: 55px;
}
/* video gallery Sub*/
.video-bg-sub
{
    background-image: url(../images/sub/video_sub_bg.gif);
    background-repeat: repeat-y;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    padding-bottom: 0px;
}
.video-internal-sub
{
    left: 0px;
   /* background: url(../images/sub/video_internal_sub_bg.gif) no-repeat;*/
	background: url(/~/media/8DABB45E16B044719B9D30378B063319.ashx);
	background-repeat: no-repeat;
    padding-top: 28px;
    padding-right: 7px;
    padding-left: 7px;
    height: 314px;
}
.video-play
{
    height: 297px;
    width: 485px;
    padding-right: 14px;
    float: left;
}
.video-list
{
    width: 249px;
    height: 297px;
    float: left;
}
.video-list h2
{
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 12px !important;
    background-color: #F8941D;
    padding-top: 3px;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
.video-list .listing
{
    overflow: auto;
    height: 258px;
}
.video-list .listing table
{
    width: 226px;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 3px;
}
.video-list td
{
    padding: 4px;
}
.video-list .row .thumb
{
    background-color: #469DA4;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #84BEC2;
    border-right-color: #84BEC2;
    border-bottom-color: #84BEC2;
    border-left-color: #84BEC2;
    width: 85px;
}
.video-list .row .text
{
    background-color: #469DA4;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #84BEC2;
    border-right-color: #84BEC2;
    border-bottom-color: #84BEC2;
    border-left-color: #84BEC2;
    font-family: tahoma, Arial, sans-serif;
    font-weight: bold;
}
.video-list .text h3
{
    color: #FFCC00;
    font-size: 12px;
    margin: 0px;
    padding-bottom: 5px;
}
.video-list .text .rating
{
    padding-top: 3px;
    float: left;
    width: 65px;
}
.video-list .text .minutes
{
    font-family: tahoma, Arial, sans-serif;
    color: #CCCCCC;
    font-size: 10px;
    float: left;
    padding-top: 3px;
    padding-left: 3px;


}
.video-list .text a:link
{
    color: #FFCC00;
}
.video-list .text a:hover, .video-list .text .active
{
    color: #FFEB37;
}

/* video content*/
.video-content
{
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 12px;
}
.now-play-block
{
    border: 3px solid #064449;
    background-color: #087C85;
    padding: 15px;
    padding:10px 15px 5px;
}

.now-play-links
{
    font-family: tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight:bold;
    text-transform: uppercase;
    width: 215px;
}
.now-play-links-en
{
    font-family: tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight:bold;
    text-transform: uppercase;
    width: 215px;
}
.now-play-links-es
{
    font-family: tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight:bold;
    text-transform: uppercase;
    width: 270px;
}
.now-play-links a:link, .now-play-links a:visited
{
    color: #FFFFFF;
    float: left;
    display: block;
    padding-bottom: 4px;
}
.now-play-links a:hover, .now-play-links a:active
{
    color: #FFEB37;
}
.now-play-links .see-comments
{
    background-image: url(../images/sub/see-comments.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 22px;
    padding-left: 10px;
}
.now-play-links .expand-link
{
    background-image: url(../images/sub/expand-link.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 20px;
    padding-left: 10px;
}
.now-play-links .share-link
{
    background-image: url(../images/sub/ShareArrow.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    padding-left: 20px;
    padding-right: 10px;
margin-top:9px;
}
.now-play-text
{
    font-family: tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #B4E1E2;
    background-color: #32929A;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    display:none;
    margin-top:2px;
}

/*cyberbullying*/
.cyberbullying, .video-content .comments
{
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #888C8F;
}
.cyberbullying h2
{
    border: 1px solid #496879;
    margin: 0px;
    background-image: url(../images/sub/cyberbullying-bg.png);
    background-repeat: repeat-x;
    text-align: left;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
}
.cyberbullying .text
{
    padding: 15px;
    background-color: #78808B;
    border: 1px solid #474A4D;
    font-family: tahoma, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
}
.cyberbullying .text ul
{
    margin:10px 0 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    width:500px;
    position:relative;
}
.cyberbullying .text ul li
{
    padding: 2px;
}
.cyberbullying .text a:link, .cyberbullying .text a:visited
{
}
.cyberbullying .text a:hover, .cyberbullying .text a:active
{
}

.video-content .comments h2
{
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.video-content .comments .text
{
    background-color: #707882;    
    font-family: tahoma, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    padding: 25px 20px 20px 20px;
}
.video-content .comments .text strong
{
    color: #262B2D;
}
.video-content .comments .text h3
{
    color: #262B2D;
}
.more-comments2
{
    text-align: right;
}
.more-comments2 a:link, .more-comments2 a:visited
{
    font-weight: bold;
    text-transform: uppercase;
    color: #FF9933;
}
.more-comments2 a:hover, .more-comments2 a:active
{
    color: #FF9933;
}
.input-grey
{
    background-color: #767E88;
    border: 1px solid #DCDADB;
    color: #FFFFFF;
}

.grey-box
{
    position: absolute;
    margin-left: 82px;
    margin-top: 28px;
    width: 590px;
    height: 270px;
    background-color: #828b95;
}

* > .grey-box
{
    position: absolute;
    margin-left: 75px;
    margin-top: 35px;
    width: 590px;
    height: 258px;
    background-color: #828b95;
}

.darkgrey-box
{
    margin-left: 12px;
    margin-top: 13px;
    padding: 8px;
    width: 545px;
    height: 220px;
    background-color: #17222c;
    border: 3px solid black;
    overflow: auto;
}

.darkgrey-box .imgLeft
{
    margin-right: 2em;
}

* > .darkgrey-box
{
    margin-left: 12px;
    margin-top: 8px;
    padding: 8px;
    width: 545px;
    height: 220px;
    background-color: #17222c;
    border: 3px solid black;
    overflow: auto;
}

.shadow
{
    position: absolute;
    background-color: #091a20;
    width: 595px;
    height: 274px;
    margin-left: 88px;
    margin-top: 34px;
}

* > .shadow
{
    position: absolute;
    background-color: #091a20;
    width: 595px;
    height: 260px;
    margin-left: 78px;
    margin-top: 44px;
}


/* What to report page */

#middle-box
{
    position: relative;
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 13px;
    width: 390px;
    padding: 10px;
    margin-top: 0px;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #990000;
    color: #fff;
    border: 5px solid black;
}

.report-list
{
    padding: 3px;
}
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 13px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(../images/sub/SavedStar.png);
}
.emptyRatingStar
{
    background-image: url(../images/sub/EmptyStar.png);
}
.savedRatingStar
{
    background-image: url(../images/sub/SavedStar.png);
}

.modalBackground{background-color:Black;filter:alpha(opacity=70);opacity:.7;}

/* RATE VIDEO and SHARE labels*/

.ratingLbl,.shareLbl
{
    float: left;
    color: white;
    font-weight: bold;
}

.leftAlign
{
	float:left;
}

.MaskedDiv 
{
	position:absolute;
	left:0px;
	top:0px;	
      z-index:100;
      background-color:Black;
	opacity:0.7;
	_background-image:none;
	filter:alpha(opacity=70);
	height:150%;
	width:100%;
}

.stuffToKnowAbout-Caption
{
font-size:12px;
font-weight:bold;
margin-left:10px;
text-transform:uppercase;
}
.stuffToKnowAbout-Img
{
 width:163px; height :20px;
}
.thumb{width:87px;}
.listing h3 a{color:#FFCC00 !important}

.gmShareLink
{
background-image:url("../images/sub/ShareArrow.png");
background-repeat:no-repeat;
color:White;
font-size:10px;
font-weight:bold;
padding-left:16px;
text-transform:uppercase;
}
.game-thumb
{
	float: left;
	width: 236px;
	height: 256px;
	margin: 50px 0px 0px 50px;
}

.tblLinks-en
{
width:362px;	
}
.colRateLink-en
{
	width:142px;
}
.tblLinks-es
{
width:420px;	
}
.colRateLink-es
{
	width:175px;
}