/* CSS Document */



/* General Start */
* { margin:0; padding:0; }
body { margin:0; padding:0; font-size:12px; font-family:"Montserrat",verdana,arial,helvetica,sans-serif; color:#333; }
a { color:#333; text-decoration: none; cursor:pointer; }
a:hover { text-decoration:underline;}
img { border-style:none; vertical-align:top; }
ul,li,ol,dl,dt,dd { padding:0; margin:0; list-style:none; }
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-weight:bold; }
p { font-size:1em; line-height:1.4em; }
input,select { padding:0; margin:0; font-size:12px; }
input,textarea { outline:none; font-family:"Montserrat",verdana,arial,helvetica,sans-serif; }
form { padding:0; margin:0; }

.browse_box { margin-top:30px;}
.browse_box .header { margin-top:-10px;margin-bottom:12px;padding:0;display:block; }
.browse_box .header h3 { background-color:#fff;padding-right:5px;display:inline-block; }
.browse_box .header > div { display:block;float:right;padding-right:10px;background-color:#fff;width:27px;height:17px; }
.browse_box a.open { width:17px;height:17px;display:block;float:right;background-image:url('../img/icon_plus.png') }
.browse_box a.open.opened { background-image:url('../img/icon_minus.png') }
.clear { clear: both; display: block; visibility: hidden; line-height:0px; height:0px; }
.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; }
.clearfix {*zoom:1;}
.hidden{display:none !important;}
.wrapper {  width:100%;margin:0 auto;position:relative;background-color:#fff;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5; }
.yellow_button {text-align: center; display: block; padding: 4px; margin-top: 10px; background-color: #fece07; font-weight: bold; border: 0; cursor: pointer;}

/* Header */
header { background-color:#ffffff; height:25px; border-bottom:1px solid #483e8c}
header ul li { float:left; }
header a:hover { text-decoration:none; }
header #gdc {display:none;}
header #welcome_user_name { display:none;}
header nav { }
header nav li.nav_item > a { background-color: #483e8c;color: #fff;text-transform: uppercase;border-color: transparent;width:70px;height:25.5px;display:block;text-align:center;margin-left:7px;font-weight:bold;line-height:25px;  }
header nav li.nav_item > a.hover { background-color:#fece07;color:#000;height:24px; }
header nav li.nav_item .dropdown {display:none;position:absolute;z-index:10;border:solid 1px #000;border-top:0;background-color:#666;top:24px;}
header nav li > a:hover { background-color:#fece07;color:#000;border-bottom:solid 1px #000;height:24px; }

header #login { height:130px; width:200px; left:-1px; padding:15px; }





header #login * { font-size:10px; }
header #login a { color:#999; }
header #login a:first-child { float:right; }
header #login form label { color:#fff;margin:0 2px; }
header #login form input { font-family:"Helvetica Neue",Helvetica,arial,sans-serif; }
header #login form input[type=text], header #login form input[type=password] { width:161px;padding:6px 7px 4px;margin-bottom:7px;font-size:11px;color:#999999;border-left:0;border-bottom:0;border-right:solid 1px #8c8c8c; }
header #login form input[type=submit] { width:175px;padding:4px;margin-top:10px;background-color:#fece07;font-weight:bold;border:0;cursor:pointer; }
header #login form input[type=checkbox] { border:0; }
header #login .error { color:red;margin:20px 0 10px 0; }
header #login.error { height:150px; }

header #subscribe { left:80px;width:120px; }
header #subscribe li { font-size:12px;color:#fff;float:none;padding:4px 10px;border-top:solid 1px #000;font-family:"Helvetica Neue",Helvetica,arial,sans-serif; }
header #subscribe li:first-child { border:none; }
header #subscribe a { color:#fff; }

/* Footer */
.footer1 {
display:none;
}

.footerline {
    background-color: #FECE07;
    height: 3px;
    margin: 0;
    padding: 0;
}

#footercontent {
display:none;
}

#footercontent .left {
    float: left;
}

#footercontent #rightlinks {
    float: right;
    margin-top: 11px;
    padding: 0;
}

#rightlinks ul {
    border-bottom: 1px solid #666666;
    margin: 0;
    padding: 4px;
    width: 820px;
}

#rightlinks ul li {
    display: inline;
}

#rightlinks ul li a {
    font-weight: bold;
    text-decoration: none;
    color: #FECE07;
}

#rightlinks ul.normal, #rightlinks ul li a.normal {
    font-weight: normal;
}

#rightlinks ul {
    border-bottom: 1px solid #666666;
    margin: 0;
    padding: 4px;
    width: 820px;
}

#rightlinks ul li {
    display: inline;
}

#rightlinks ul li a.blue {
    color: #D2D2D2;
    font-weight: normal;
}

/* Masthead */
#masthead { width:100%;display:inline;position:relative;}
#masthead a.logo { background:url('/img/masthead_logo.png') no-repeat;cursor:pointer;float:left;width:67%;height:68px; display:inline;background-size: 100% auto; margin: 5px 0 0 5px;}
#masthead .main { border-bottom:solid 1px #000;display:none;font-size: 14px; width:70%;display:inline;}
#masthead .main ul { display:inline; }
#masthead .main ul li { float:left;border-bottom:solid 1px #b3b3b3;color:#b3b3b3;padding-bottom:4px; width:70%; margin-left:10px;; }
#masthead .main ul li:first-child { padding-top:5px;}
#masthead .main ul li:last-child { padding-right:0;border-right:0; }
#masthead .main ul li a { color:#b3b3b3; }
#masthead .main .social_media { display:none;}


#masthead form {     border: 4px solid #f3ea00;background-color: #f3ea00;border-radius: 20px;float:left; margin: 10px}
#masthead form input[type=text] { width: 203px;height: 22px;outline: none;background-color:#f9f9f9;border:solid 1px #c5c5c5;color:#999;font-family:"Montserrat",verdana,arial,helvetica,sans-serif;}
#masthead form input[name=search_term] { width:150px; }
#masthead form select[name=conference_id] {font-weight: 700;outline:none;background-color: #f3ea00;color: #483e8c;-webkit-appearance: none;-moz-appearance: none;background: transparent url(/img/down-arrow.png) no-repeat 111px center;appearance: none;font-family:"Helvetica Neue",Helvetica,arial,sans-serif;width:125px;border:1px solid transparent;height: 30px }
#masthead form button { outline:none;position: relative;left: -19px;top: 3px;width:17px;height:17px;display:inline-block;padding-top:4px;border:0;background:url('../img/icon_magnify_glass.png') no-repeat;cursor:pointer; }

/* Breadcrumbs */
#main { background:#fff; border-left:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6; }
.breadcrumbs { display:none;}

/* Universal */
h2 { font-weight:700;font-size:21px;font-family:"Montserrat",verdana,arial,helvetica,sans-serif; }
div.divider { clear:both;height:20px; }

/* Browse Page */
#ad_skyscraper {display:none}
#inside { background:#fff;width:100%; }
#inside .browse_left_column  { display:none; clear: both;}
#inside .browse_right_column { width:100%;float:left;position:relative; }
#inside .browse_right_column img#members_only_icon {float: right; }
#inside .subhead { color:#FECE07;display:block;font-weight:bold;font-family:"Montserrat",verdana,arial,helvetica,sans-serif;font-size:18px;line-height:18px;margin:5px 0 0; }

#inside .browse_box .header h3, #inside .browse_box ul.events li { font:bold 14px "Montserrat",verdana,arial,helvetica,sans-serif;cursor:pointer; }

#inside .browse_box ul.events li:hover, #inside .browse_box ul.events li.selected { background-color:transparent; }
#inside .browse_box ul.events li div { padding:5px 10px 4px;display:block;color: #00bad1; }

#inside .browse_box ul.years {background-color:transparent;display:none;}
#inside .browse_box ul.years li {font-size:13px;font-weight:normal!important;color:#999; padding:5px 20px 4px;display:block; }
#inside .browse_box ul.years li a {color:#221d67;}
#inside .browse_box ul.years li:hover {background-color:#000;}
#inside .browse_box ul.years li:hover a {color: #221d67;}

#inside .browse_box .contents a, #inside .browse_box .contents label { color:#999999; }
#inside .browse_box .media_filters { overflow:hidden; }
#inside .browse_box .media_filters a.media_filter_item { display:block;float:left;height:25px;width:32px; }
#inside .browse_box .media_filters a.video_white { background: url('../img/icon_media_type_video_white.png') no-repeat;  }
#inside .browse_box .media_filters a.audio_white { background: url('../img/icon_media_type_audio_white.png') no-repeat; }
#inside .browse_box .media_filters a.slides_white { background: url('../img/icon_media_type_slides_white.png') no-repeat; }
#inside .browse_box .media_filters a.video_white.active { background: url('../img/icon_media_type_video_yellow.png') no-repeat;  }
#inside .browse_box .media_filters a.audio_white.active { background: url('../img/icon_media_type_audio_yellow.png') no-repeat; }
#inside .browse_box .media_filters a.slides_white.active { background: url('../img/icon_media_type_slides_yellow.png') no-repeat; }


#inside .conference { border-bottom: 1px dotted #c5c5c5}
#inside .conference h2 {line-height:60px;display:inline-block; vertical-align: top; padding-left: 0px;color: #221d67;}
#inside .media_items li {    background: transparent;height: 60px; padding-top: 4px; border-top: 1px solid #ede5e5; margin-bottom: 0px; border-left: 2px solid #483e8c;}
#inside .media_items li.featured {height: 75px; }
#inside .media_items li .conference_name {color: #8C8C8C; font-size: 1em; margin-top:15px;}
#inside .media_items li a.session_item {display:block;overflow:hidden;}
#inside .media_items li div.media_type_image {width: 20px; height: 55px; float: left }
#inside .media_items li.featured div.media_type_image {height: 65px;width: 61px;}
#inside .media_items li div.video {width: 40px; background: url('../img/icon_media_type_video.png') no-repeat 10px;margin-left: 6px;}
#inside .media_items li div.audio {width: 40px; background: url('../img/icon_media_type_audio.png') no-repeat 10px;margin-left: 6px;}
#inside .media_items li div.slides {width: 40px; background: url('../img/icon_media_type_slides.png') no-repeat 10px;margin-left: 6px;}
#inside .media_items li img.members {position: absolute; left: 0px; display: inline-block; padding-top: 15px; float: left;}
#inside .media_items li.featured img.members {    padding-top: 0px;margin-top: -5px;height: 81px;}
#inside .media_items li div.featured_image {width: 50px; height: 55px; float: left; padding-right:10px;}
#inside .media_items li div.featured_image img{max-width: 40px; height: 30px;margin-top:15px;}
#inside .media_items li.featured div.featured_image {width: 50px; height: 70px;}
#inside .media_items li div.featured_image .conference_name {display:block;width:70%;}
#inside .media_items li div.conference_info {float: left; height: 55px; width: 45%; }
#inside .media_items li.featured div.conference_info {height: 70px; width: 45%;}
#inside .media_items li div.conference_info p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 0.9em;}
#inside .media_items li div.conference_info p a.session_name {font-weight:bold;}
#inside .media_items li div.conference_info p span.track_name {color: #8C8C8C;font-size: 0.9em;}
#inside .media_items li div.conference_info p span.language {text-transform: capitalize; color: #8C8C8C;font-size: 0.9em;}
#inside .media_items li img.play {float:right; margin: 17px 15px 0 0;}
#inside .media_items li.featured img.play {margin-top: 23px;width: 3%;}
#inside .media_items li.more {background: none;padding-top: 15px;text-align:right;}
#inside .media_items li.more img {float: right; display: inline-block; padding: 3px 5px; }
#inside .media_items li img.members {max-width:15px;}

.sessions { overflow:hidden; }
.pagination { margin-top:15px;text-align:center; }

form#filter {padding-top: 25px;}
form#filter label.label_radio {background: url('../img/radio_off.png') no-repeat; display: block; cursor:pointer; padding-bottom: 10px;}
form#filter label.on {background: url('../img/radio_on.png') no-repeat;}
form#filter input { margin: 1px 6px 0px 7px;}
form#filter span.category_name {padding-left: 20px;}

.bookshelf li {border-bottom: 1px dotted #c5c5c5; padding: 10px 0 10px 0}
.bookshelf li:last-child {border-bottom: none}
.bookshelf li p:first-child a { color:#000;}
.bookshelf li p:last-child a {float: right}
p.more_bookshelf {display: block; width: 100%; height: 10px; background: #f0f0f0; text-align: center; padding: 8px 10px 10px 10px; margin-top: 15px;}

/* center content pages */
#content_wrapper {margin-left: 40px; margin-right: 40px;}

/* News Page */

h2#news_header { /*background:url('../img/yellow_logo.png') 0 4px #fff no-repeat;*/display:inline-block;padding:0 20px 0 35px;top:0; }


#news { 
    padding-top: 20px;     
    width: 320px !important;
}

.news-row { 
   /* background:url('../img/yellow_logo.png') 4px #fff no-repeat;*/
    display:inline-block; 
    vertical-align: top; 
    padding-left: 40px; 
}

.news-entry { 
    border-left: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
    border-top: 1px solid #C2C2C2;
    padding: 20px 10px;

}



.news-entry h3 { 
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;    
}

.news-entry a { 
    font-weight: bold;
}
/* Game Narrative Review Page */

.gnrpage { 
    padding: 20px; 
}


.gnrpage hr
{
    height:2px;
    border-width:0;
    color:gray;
    background-color:gray
}

.gnrpage h1, .gnrpage h3
{
    color:#000000;
}

.gnrpage h3
{
    font-style:italic;
}

.gnrpage table
{
    width:100%;
}

.gnrpage table.Platinum
{
    background-color:#E5E4E2;
}

.gnrpage table.Gold
{
    background-color:#FFE87C;
}

.gnrpage table.Overall
{
    background-color:#FDD017;
}

.gnrpage table.Winners
{

    border-top:2px solid black;
    border-bottom:2px solid black;

}
.gnrpage thead
{
    color:gray;
}

.gnrpage td
{
    color:black;
}
    
.gnrpage hr.firstSchool
{
    height:1px;
    border-width:0;
    color:black;
    background-color:black
}   

/* demo page */
ul.list  { padding: 20px; }
ul.list li { list-style-type: disc; list-style-position: inside;}

#bumpedWrapper {display: none; z-index: 40000; width: 100%; height: 100%}
#bumpedOverlay {display: none; position: fixed; width:100%; height:100%; background-color: #000000; opacity: .5; z-index: 40001}
#bumped  {position: fixed; top: 30%; left: 40%; background: #fff; width: 300px; padding: 40px; border: 1px solid #ccc; border-radius: 10px; z-index: 40002}

#bottomlist { display:none;}

#home {width: 320px !important;}

#home .left_column{width: 320px !important;margin-left: 0px !important;}

.mobileFilters{display: block !important;clear:both; line-height:1.5;}

.gallery #image_wrap{width: 320px !important;height: auto !important;}

#home .left_column{margin-left:0px !important;width:320px !important;}
#home .right_column{margin-left: 0px !important;width:320px !important;}

#image_wrap img{width:320px !important; height: auto !important;}

.image_caption {width: 320px !important; padding: 0px !important;}

.scrollable {width: 290px !important;margin-top: -10px !important;margin-left:15px !important;}
.gallery a.browse{margin: 0px!important;}

#home #featured_videos{height:auto !important;}

.top{background-color: #FFFFFF !important;}

.default_box h2{margin-top:30px !important; }

div#errText{ left: 151px !important;width: 202px;top: 59px; }

#home .right_column #sponsored_sessions h2:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 5px solid #f1ea0c;
    top: 58px !important;
    left: 21px;
    width: 44px;
}

#home .news h2:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 5px solid #f1ea0c;
   
    left: 2px;
    width: 44px;
}

#home #gdc_news a.bottom_link {
    width: 40% !important;
}

#home #what_is_vault a.bottom_link{
    width: 77% !important;
    margin-top: 10px;
}

#inside .media_items li.featured div.conference_info p strong {
    color: #00bad1;
}

#inside .media_items li.featured div.conference_info p span strong {
    color: #737373;
}

#inside .conference h2:after {
    content: "";
    position: absolute;
    height: 48px;
    border-bottom: 5px solid #f1ea0c;
    left: 2px;
    width: 44px;
}

#inside .browse_left_column h2.browseheader {
    color: #221d67;
     padding-bottom: 10px;
}

#inside .browse_left_column h2.browseheader:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 5px solid #f1ea0c;
    top: 172px;
    left: 2px;
    width: 44px;
}

#inside .browse_left_column .header.eventhead h2:after {
    content: "";
    position: absolute;
    height: 35px;
    border-bottom: 5px solid #f1ea0c;
    left: 2px;
    width: 44px;
}

#inside .browse_left_column .header.filterbymediaheader h2:after{
    content: "";
    position: absolute;
    height: 35px;
    border-bottom: 5px solid #f1ea0c;
    left: 2px;
    width: 44px;
}

#inside .browse_left_column .header.filterbymediacategory h2:after{
    content: "";
    position: absolute;
    height: 35px;
    border-bottom: 5px solid #f1ea0c;
    left: 2px;
    width: 44px;
}

#inside .browse_left_column .header.filterbymediaheader h2{
 padding-bottom: 20px;
font-size: 25px;
color: #221d67;
}

#inside .browse_left_column .header.filterbymediacategory h2{
padding-bottom: 20px;
font-size: 25px;
color: #221d67;
}

#inside .media_items li.featured div.conference_info p strong {
    color: #00bad1;
}

#inside .media_items li.featured div.conference_info p span strong {
    color: #737373;
}

#inside .conference h2:after {
    content: "";
    position: absolute;
    height: 48px;
    border-bottom: 5px solid #f1ea0c;
    left: 2px;
    width: 44px;
}

#inside .browse_box ul.events li {
    border-bottom: 1px solid #f9f9f9;
    color: #221d67;
    font-size: 14px;
}

#inside .browse_box .media_filters a {
    display: block;
    float: left;
    height: 37px;
    width: 37px;
}

ul.events {
    width: 70%;
    background-color: transparent;
    margin-left: 4px;
}

.header.filterbymediaheader {
    width: 70%;
    margin-left: 4px;
}

.header.filterbymediacategory {
    width: 70%;
    margin-left: 4px;
}

form#filter .div_class_checkbox.checked {
    background-color: #00bad1;
    border-color: transparent;
}

form#filter .div_class_checkbox, form#filter input[type=checkbox] {
    float: left;
    margin-right: -14px;
}

form#filter .div_class_checkbox {
    width: 6px;
    height: 6px;
    background-color: #cccccc;
    border: 3px solid transparent;
}

form#filter .filter_checkboxes li {
    float: left;
    margin: 5px 0;
    width: 100%;
    height: 14px;
    overflow: hidden;
    border-bottom: 1px solid #ede5e5;
    padding: 5px 0px 5px 0px;
}

form#filter #submit_categories.unchanged {
    background-color: #ccc;
    color: #fff;
}

ul.filter_checkboxes {
    width: 70%;
}

.header.eventhead h2 {
    color: #221d67;
}

#home #sessionads .rightadds {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    margin-top: 20px !important;
    padding-right: 30px !important;
    margin-bottom: 5px !important;
}

#home #what_is_vault{
        margin-bottom: 95px !important;
}