@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'cartoonrelief';
    src: url('../fonts/cartoon_relief-webfont.eot');
    src: url('../fonts/cartoon_relief-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cartoon_relief-webfont.woff') format('woff'),
         url('../fonts/cartoon_relief-webfont.ttf') format('truetype'),
         url('../fonts/cartoon_relief-webfont.svg#cartoonrelief') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'din-medium';
    src: url('../fonts/din-medium-webfont.eot');
    src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-medium-webfont.woff') format('woff'),
         url('../fonts/din-medium-webfont.ttf') format('truetype'),
         url('../fonts/din-medium-webfont.svg#din') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din-bold';
    src: url('../fonts/din-webfont.eot');
    src: url('../fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-webfont.woff') format('woff'),
         url('../fonts/din-webfont.ttf') format('truetype'),
         url('../fonts/din-webfont.svg#din') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('../fonts/DroidSerif-Regular-webfont.eot');
    src: url('../fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{overflow-y:auto}
body{ font:normal 14px/24px Arial; background:url(../images/bg.png) repeat top left; } 
.bgWhite{ background: url(../images/bg_outer.png) repeat-y center top; width:100%; display:block; overflow:hidden;}



.common{
width:100%;
float:left;
margin-bottom:4%;
}

.event{
width:95%;
float:left;
border:solid 2px #ffd530;
border-radius:20px 3px 20px 3px;
padding:2%;}

.workshop{
width:95%;
float:left;
border:solid 2px #429c22;
border-radius:20px 3px 20px 3px;
padding:2%;}


.title{
font-family:Arial, Helvetica, sans-serif;
color:#ffd530;
font-size:30px;
font-weight:bold;
}

.title2{
font-family:Arial, Helvetica, sans-serif;
color:#429c22;
font-size:30px;
font-weight:bold;
}



.text{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
text-decoration:none;
line-height:24px;
text-align:justify;
}



.hover a{
transition:all 0.8s;
opacity:0.3;
cursor:pointer;
}

.hover a:hover{
opacity:10;}


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img {	border:0;}
li { list-style:none; }
th { text-align:left; }
abbr, acronym { border:0; font-variant:normal;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0; vertical-align:top; }
a{vertical-align:top;  outline:none; text-decoration:none;}
a:focus, object, h1, h2, h3, h4, h5, h6 { outline:none;	border:0; }
strong { font-weight:bold; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,  tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%;  background:transparent;}

/* for Bg*/



/* for Home Page */
.wrapper{ width:1000px; margin:0 auto; display:block; overflow:hidden;}


/* Common Styles */
h2{ padding:0 0 10px; margin:0; font:normal 57px/58px 'cartoonrelief'; color:#000;}
h2 span{ font:bold 18px/58px Arial; display:block; overflow:hidden; color:#333;}
h4{ font-size:18px;}
.fl{ float:left !important;}
.fr{ float:right;}
.cb{ clear:both;}
.bor-none{ border:0 !important;}


/* Top Content */
.top-cnt{ display:block; overflow:hidden; margin-bottom:30px;}
sup{ font-size:12px; text-transform:none;}
.top-cnt .logo{ float:left; padding:20px 0 0;}
.top-cnt .right-cnt{ float:right;}
.top-cnt .right-cnt img{ float:right; margin:2px 0 0 12px;}
.top-cnt .right-cnt .highlight-box{ float:right; text-transform:uppercase; padding:10px 20px; color:#fff; font:normal 14px/18px 'din-bold'; margin-bottom:34px; background:url(../images/bg_top.png) no-repeat right top; width:562px; height:56px;}
.top-cnt .right-cnt .highlight-box1{ float:right; text-transform:uppercase; padding:10px 20px; color:#fff; font:normal 14px/18px 'din-bold'; margin-bottom:20px;}
.top-cnt .right-cnt .highlight-box span{ text-transform:none; display:block; overflow:hidden; font:normal 30px/34px 'din-bold'; }
.top-cnt .right-cnt .highlight-box .comp-cnt{ text-align:center; float:left; width:190px; padding:0 20px 0 10px; }
.top-cnt .right-cnt .highlight-box .start-date{ float:left; width:194px; padding:0 0 0 10px; line-height:24px; }
.top-cnt .right-cnt .highlight-box input{ cursor:pointer; float:right; border:0; font:normal 17px/20px 'din-bold'; background:url(../images/bg_btn.png) no-repeat left top; padding:0 0 0 7px !important; color:#fff;  width:124px; height:33px; text-align:center; margin:5px 0 0;}
.top-cnt .right-cnt .highlight-box input:hover{ background-position:left bottom !important;  }

.top-cnt .right-cnt .sub-nav{  float:right; clear:both;}
.top-cnt .right-cnt .sub-nav li{ text-transform:uppercase; float:left; margin:0;}
.top-cnt .right-cnt .sub-nav li a{ float:left; color:#999; height:23px; padding:7px 8px 0 8px; font:normal 11px/13px 'din-bold' !important; }
.top-cnt .right-cnt .sub-nav li a.active, .top-cnt .sub-cnt li a:hover.active{  color:#ac1055; }
.top-cnt .right-cnt .sub-nav li a:hover{  color:#ac1055;}


.top-cnt .right-cnt .main-nav{  float:right; clear:both;}
.top-cnt .right-cnt .main-nav li{ text-transform:uppercase; float:left; margin:0;}
.top-cnt .right-cnt .main-nav li a{ float:left; color:#666; height:23px; padding:13px 8px 0 23px; font:normal 13px/13px 'din-bold' !important; }
.top-cnt .right-cnt .main-nav li a.active, .top-cnt .right-cnt li a:hover.active{ color:#fff !important; background:url(../images/bg_nav_active.png) no-repeat left bottom; }
.top-cnt .right-cnt .main-nav li a:hover{ color:#f7a519;}

/* Top Content */
.header{ display:block; overflow:hidden; padding:0;}
.header .note-text{ color:#333; text-align:center; line-height:65px; background:url(../images/bg_btn_header.png) no-repeat left top; width:273px; height:57px; float:right; margin-top:20px;}

.home-main{ padding:55px 0 30px 0; width:100%; display:block; overflow:hidden; background:url(../images/bg_home.png) repeat-x center bottom;}

.events-main{ padding:120px 0 30px; width:100%; display:block; overflow:hidden; background:url(../images/bg_event_inner.png) repeat-x center bottom;}

.apps-cnt{ color:#505050; min-height:600px; display:block; overflow:hidden; background:url(../images/bg_spell_quiz.png) no-repeat left 50px; padding:0 0 0 370px !important;}
.apps-nav{ margin:0 0 30px; display:block; overflow:hidden;}
.apps-nav li{ float:left; margin:0 30px 0 0;}
.apps-nav li a{ font:normal 21px/45px 'din-bold'; text-transform:uppercase; height:50px; width:177px; float:left; text-align:center; color:#fff; background:url(../images/bg_subnav.png) no-repeat right top;}
.apps-nav li a.active{ line-height:55px; background:url(../images/bg_subnav.png) left top;}

.quiz-link { display:block; overflow:hidden; padding:20px 0;}
.quiz-link a{ text-transform:uppercase; font:normal 30px/45px 'din-medium'; color:#cc3366; background:url(../images/arrow_yes.png) no-repeat right 6px; padding:0 30px 0 0;}
.quiz-link a:hover{ color:#f06422;}



.quiz-nav{font:normal 22px/32px 'din-medium'; display:block; overflow:hidden;}
.quiz-nav p{ margin-right:42px; text-align:center; width:200px; color:#fff; font-size:18px; padding:10px 20px; background:url(../images/bg_apps_time.png) no-repeat right top;  }
.quiz-nav ul{ padding:10px 0 0; float:left;}
.quiz-nav li{ margin:0 10px 0 0; float:left;}
.quiz-nav li a{ float:left; width:30px; height:32px; text-align:center; background:url(../images/bg_quiz.png) no-repeat -173px 0; color:#505050; font:normal 22px/32px 'din-medium';}
.quiz-nav li a.prev{ color:#fff; background-position:-93px 0;}
.quiz-nav li a.active{ color:#fff; background-position:-133px 0;}
#demoTimer { width: 20px;padding:10px 20px; }
/*#timer { margin-right:42px; text-align:center; width:200px; color:#fff; font-size:18px; padding:10px 20px; background:url(../images/bg_apps_time.png) no-repeat right top;  }*/

.bg_quiz{ background:url(../images/bg_quiz_event.png) no-repeat -162px 50px !important;}
.bg_wbee{ background:url(../images/bg_spell.png) no-repeat -137px 50px !important;}

.quiz-cnt{  margin:10px 0 30px; padding:40px 20px 20px 90px; margin-left:-90px; display:block; overflow:hidden; background:url(../images/bg_quiz.png) no-repeat left -70px;}
.quiz-cnt h3{ width:510px; font:normal 29px/42px 'din-bold'; color:#cc3366;} 
.quiz-cnt ul{ margin:40px 0; display:block; overflow:hidden;}
.quiz-cnt li{ float:left; padding:0 25px 0 0; color:#505050; font:bold 14px/18px Arial;} 
.quiz-cnt .answer-alert{ font-size:14px; color:#006600; }
/*.quiz-cnt li label{ float:left; cursor:pointer;}*/
.quiz-cnt li label{ float:left; cursor:pointer; border-bottom:4px solid #efefef;}
.quiz-cnt li label:hover{ border-bottom:4px solid #666; color:#666;}
.quiz-cnt li label input{ display:none;}
.quiz-cnt li label.right-ans{ border-bottom:4px solid #006600; color:#000;}
.quiz-cnt li label.wrong-ans{ border-bottom:4px solid #d40000; color:#000;}
.quiz-cnt li .lbansactive{ border-bottom:4px solid #666; color:#666;}
.wordbee{ margin:20px 0 30px !important;}
.wordbee li{ float:left; width:35%; padding:0; }
.wordbee li h4{ font-size:14px; padding:0 0 5px; margin:0;}
.wordbee li p{ color:#333; line-height:20px;}
.wordbee li.img-clue{ padding-left:20px; float:left; width:40%;}
.wordbee li.audio-clue{ float:rigth; width:15%;}

.submit-btn{ width:140px; text-align:center; height:60px; padding:10px 0 0;  font:normal 23px/32px 'din-bold' !important; color:#fff; text-transform:uppercase; border:0; background:url(../images/bg_quiz.png) no-repeat -72px -572px; cursor:pointer;}

 
.home-cnt{ width:1000px; margin:0 auto; display:block; overflow:hidden; color:#505050;}
.home-cnt .left-cnt{ width:500px; padding:20px 0 0 50px; float:left;}
.home-cnt .left-cnt p{ padding:0 30px 0 0;}
.home-cnt .left-cnt a{ margin-top:-20px; padding:0 0 0 5px; float:right;  text-transform:uppercase; width:180px; height:50px; text-align:center; background:url(../images/bg_know_more.png) no-repeat right top; color:#fff; font:normal 20px/50px 'din-bold';}
.home-cnt .left-cnt a:hover{ background-position:right -55px;}

.home-cnt .right-cnt{ padding:0px 10px 0; float:right; background:url(../images/bg_star_qst.png) no-repeat right 35px; height:287px; text-align:center; width:325px; color:#fff;}
.home-cnt .right-cnt h2{line-height:40px; color:#fff; margin:0 0 5px;  font:normal 40px/45px 'cartoonrelief' !important; padding:0; }
.home-cnt .right-cnt p{ font-weight:bold; display:block; overflow:hidden; text-align:center;  color:#CC3366; height:47px; font-size:16px; }
.home-cnt .right-cnt h2 span{ font:normal 40px/50px 'cartoonrelief' !important;  color:#fff;}
.home-cnt .right-cnt a{ background:url(../images/arrow_yes.png) no-repeat right center; padding:0 30px 0 0;    color:#cc3366; font:normal 24px/30px 'din-bold'; }
.home-cnt .right-cnt a:hover{ color:#ff9900;}

.upcoming-events{  width:1000px; margin:0 auto; padding:20px 0 0; display:block; overflow:hidden; color:#fff;}
.upcoming-events h2{ color:#fff;}
.upcoming-events ul{ margin:35px 0 0; display:block; overflow:hidden;}
.upcoming-events li{  display:block; overflow:hidden; padding:30px 30px 0 50px; margin-bottom:50px; }
.upcoming-events li.alt01{ background:url(../images/bg_upcoming_01.png) no-repeat left top;}
.upcoming-events li.alt02{ padding-left:70px; background:url(../images/bg_upcoming_02.png) no-repeat left top;}
.upcoming-events li h2{font:normal 34px/52px 'din-bold'; padding:5px 0 10px;   width:350px; float:left; color:#fff;}
.upcoming-events li h2 a{ color:#fff;}
.upcoming-events li h2 span{ color:#fff; display:block; overflow:hidden; text-transform:uppercase; font:bold 16px/26px Arial;}
.upcoming-events li.alt02 h2{ width:330px;}
.upcoming-events li p{ padding:14px 0 0 35px; width:410px; float:left;  font:bold 11px/16px Arial;}
.upcoming-events li p a{ display:block; overflow:hidden; font-weight:bold; padding:0 0 5px; font-size:16px; color:#fff;}
.upcoming-events li .know-more{ margin:13px 0 0; text-transform:uppercase; padding:0 20px 0 0; float:right; color:#cc3366; font:normal 13px/16px 'din-bold'; background:url(../images/arrow_events.png) no-repeat right center; }
.upcoming-events li .know-more:hover{ color:#f26522;}
.upcoming-events .find-more{ padding:0 100px; display:block; overflow:hidden; text-align:right;}
.upcoming-events .find-more a{ text-transform:uppercase; background:url(../images/arrow_more.png) no-repeat right -35px; font:normal 14px/16px 'din-bold';  padding:0 20px 0 0; color:#333;}
.upcoming-events .find-more a:hover{ background-position:right 1px; color:#fff;}

.container-outer{ background: url(../images/bg_inner.png) no-repeat center 10px; margin:25px 0 0; padding:10px 0 0;}
.work-container-outer{ background-position: center 350px;}
.container-main{ padding:0 0 100px; width:1000px; display:block; overflow:hidden; margin:0 auto; }
.container-main h2{ margin-bottom:20px;}
.container-main .header-cnt{font:normal 14px/24px Arial; display:block; overflow:hidden; padding:0 300px 0 0; margin-bottom:30px;}
.container-main .header-cnt h2{ margin-bottom:25px;}
.container-main .header-cnt h4{ margin-top:40px;}
.about-header{ background:url(../images/bg_header_about.png) no-repeat right bottom;}
h4{ margin:0 0 15px; font-weight:bold; font-size:18px;}
.about-cnt{}
.about-cnt li .venue{ display:block; overflow:hidden; color:#333; clear:both; font-weight:bold; font-size:13px;}
.about-cnt h2{ padding:0; margin:0;  font:normal 25px/32px 'din-bold'; text-align:center; text-transform:uppercase;}
.about-cnt ul{ display:block; overflow:hidden; background:url(../images/bg_about.png) no-repeat 30px top; padding:80px 25px 0;}
.about-cnt li{ height:420px; margin:0 0 100px; display:block; overflow:hidden; padding:10px 0; color:#505050;}

.about-cnt li.list-left{ float:left; clear:both; width:420px; text-align:right;}
.about-cnt li.list-right{  float:right; clear:both; width:420px; text-align:left;}

.work-header{background: url(../images/work-hover-bg.png) no-repeat right -300px ; 
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    height: 470px; }
.work-header h2{ float: left; padding-top: 70px; font-size: 100px !important; line-height: 100px; }
.work-header h2 span{
    padding-left: 70px;
}
.work-header:hover{background: url(../images/work-hover-bg.png) no-repeat right 90px; }
.work-header .work-img{ margin-right: 120px; float: right;  width: 250px; 
    background: url(../images/bg_header_work.png) no-repeat center top; height: 470px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;}
.work-header:hover .work-img{ background: url(../images/work-hover.png) no-repeat center top; height: 470px;

    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.make-work-fun-list{ margin:0px 0 40px;  overflow: hidden; display:block; background: url(../images/happy-work-img-cnt.png) no-repeat center bottom;}
.make-work-fun-list li{ width: 225px; padding: 385px 10px 0; float: left; background: url(../images/happy-work-img.png) no-repeat; } 
.make-work-fun-list li.make-work-fun-idea{ background-position: 45px 0}
.make-work-fun-list li.make-work-fun-conduct{ background-position: -200px 0}
.make-work-fun-list li.make-work-fun-online{ background-position:-450px 0}
.make-work-fun-list li.make-work-fun-online p{color: #000; }
.make-work-fun-list li.make-work-fun-finals{ background-position: -695px 0}
.make-work-fun-list li p{ text-align: center; color: #fff; line-height: 16px; padding:20px 0;}

.work-cnt h3{font: 47px/48px 'cartoonrelief'; padding-bottom: 30px;}
.work-cnt p{   color: #717171;    padding: 0 0 20px;}
.work-cnt p.title-para{   color: #000; font-weight: bold; font-size: 18px;}
/*.work-cnt p{   color: #505050;    padding: 0 0 20px; font:normal 14px/20px Arial!important;}
.work-cnt p.title-para{   color: #000; font-weight: bold; font-size: 18px;}*/
.work-cnt>p{color:#505050;}
.about-cnt li.list-right h4{ padding-left:30px !important;}
.list-left h3{ padding-top:5px !important; float:right; background:url(../images/bg_h3.png) no-repeat right top; }
.about-cnt li h3 a{ font:36px/52px 'din-bold' !important; width:auto !important; height:auto !important; background:none !important; color:#333 !important; padding:0 !important;}
.about-cnt li.list-left p{ padding-left:30px !important;}
.about-cnt li.list-left a{ float:right;}

.list-right .update-box{ float:left;}

.about-cnt li.list-right h3, .work-cnt li.list-right h3 { padding-right:40px; float:left; background:url(../images/bg_h3_right.png) no-repeat right top; }
.about-cnt li.list-right p{ padding-left:30px;} 
.about-cnt li.list-right p a{ height:auto !important; line-height:18px; margin:0; background:none; color:#00c8fa; width:auto; text-transform:none; padding:0 10px 0 0;}
.about-cnt li.list-right a{ float:left; }
.about-cnt li.list-right.election-cnt{ width:380px !important;}
.about-cnt li.list-right a.viewlink{ float:right;}
 
.about-cnt li h3, .work-cnt li h3 { height:55px; padding:0 30px 0; color:#333; font:normal 36px/52px 'din-bold'; text-transform:uppercase; }
.about-cnt li p{ display:block; overflow:hidden; clear:both; padding:15px 30px 0 0; font:normal 14px/20px Arial;}
.about-cnt li h4{ margin:0; font:bold 14px/20px Arial; color:#bf2267; text-transform:uppercase; padding:10px 30px 0 0; clear:both;}
.about-cnt li .btn-links{ display:block; overflow:hidden; margin:15px 30px 30px;}
.about-cnt li a{ background: url(../images/btn_more.png) no-repeat right top; font:normal 14px/36px 'din-bold'; color:#fff; text-transform:uppercase; width:116px; text-align:left; float:right; height:37px; padding:0 0 0 25px; }
.about-cnt li a:hover{ background-position:right bottom;}

.about-cnt li a.viewlink{ background: url(../images/btn_view.png) no-repeat right top !important; float:left;}
.about-cnt li a:hover.viewlink{background: url(../images/btn_view.png) no-repeat right bottom !important;}


.update-box .btn-submit{ cursor:pointer; border:0; background: url(../images/btn_more.png) no-repeat right top; font:normal 14px/36px 'din-bold'; color:#fff; text-transform:uppercase; width:141px; text-align:center; float:right; height:37px; padding:0 0 0 7px!important; }
.update-box .btn-submit:hover{ background-position:right bottom !important;}

.about-cnt li .email-box{ width:217px; float:right; clear:both; padding:15px 36px 10px 26px; background:url(../images/bg_email.png) no-repeat right top;}
.about-cnt li .email-box .text-box{  width:200px; height:24px; border:0; background:none;}
.about-cnt li .email-box .submit-btn{ margin:30px 15px 0 0; text-transform:uppercase; padding:0 20px 0 0; float:right; color:#fff; font:normal 13px/16px 'din-bold'; background:url(../images/arrow_more.png) no-repeat right center; border:0; }
.update-box h4{ font:bold 14px/20px Arial; margin-bottom:15px !important; color:#BF2267; padding:0 !important;}
.update-box{ width:200px; float:right;  padding:10px 40px 0; background:url(../images/bg_email.png) no-repeat right 30px; display:block; overflow:hidden;}
.update-box .text-box{
    font-family:arial; color:#666; width:194px; background:#fff; height:20px; border:0; margin:0 0 26px; font-size: 14px;}

.about-main{ padding:70px 0 0; float:left; width:600px;}
.about-main p{ color:#505050; padding:0 0 30px;}
.make-work-fun-form{ overflow: hidden; clear: both; padding:5px;}
.make-work-fun-form h4{  text-align: center; text-transform: uppercase; margin-bottom: 0px !important;font:bold 14px/20px Arial !important;color:#bf2267}
.make-work-fun-form .update-box{ padding-top: 0;  float: none; margin:0 auto; background: url("../images/bg_email2_new.png") no-repeat left top !important;height:290px;}
.make-work-fun-form .update-box .btn-submit{ margin-top:12px; }
.make-work-fun-form a{color: #00c8fa;font-style: oblique;text-transform: lowercase;}
.make-work-fun-form a:hover{color: #CC3366;}
.events-updates{ margin:20px 0 0; color:#505050; font-size:14px; font-weight:bold; float:right; background:url(../images/bg_events_updates.png) no-repeat left top; width:200px; height:250xp; padding:40px 0 0 140px;}
.events-updates li a{ background:none; color:#666; text-transform:none; padding:5px 0;}
.events-updates li a:hover{ color:#ff9900;}
.events-updates h3{ margin:0 0 10px; font:bold 18px/30px Arial; text-transform:uppercase; color:#bf2267;}
.events-updates p a{ cursor:pointer; margin:10px 0 0;float:left;  text-transform:uppercase; width:185px; height:50px; text-align:center; background:url(../images/bg_know_more.png) no-repeat right top; color:#fff; font:normal 18px/50px 'din-bold';}
.events-updates p a:hover{ background-position:right -55px !important;}

.events-header{ background:url(../images/bg_events_inner.png) no-repeat right top; padding:0 500px 0 0;}
.events-header h2{ float:left; overflow:hidden; display:block; background:url(../images/bg_h2.png) no-repeat left top; height:55px; padding:0 30px; margin:0 0 60px;  font:normal 25px/52px 'din-bold';   text-transform:uppercase;}
.events-header h2 span{ display:inline; color:#fff;}
.events-header h4{ clear:both;}
.events-header p{ color:#505050; padding:0 0 30px;}
.back-event { float:right; padding:50px 0 0;}
.back-event a{ float:right; color:#fff; text-transform:uppercase; padding:0 0 0 35px; background:url(../images/btn_back.png) no-repeat right top; font:normal 17px/58px 'din-bold'; height:58px; width:151px;}
.back-event a:hover{ background-position: right -65px;}
.event-form{ padding:50px 0 0; width:760px; display:block; overflow:hidden;}
.event-form p{ color:#505050;}
.event-form ul{    padding:30px 0 0 0;}
.event-form li{ line-height:38px; font-size:14px; display:block; overflow:hidden; padding:5px 0;}
.event-form li .left-text{ padding:0 20px 0 0; text-transform:uppercase; float:left; width:170px; text-align:right;}
.event-form li .right-input{ float:right; width:438px; padding:2px 0 2px 10px; color:#505050;}
.event-form li .right-input input{ background:none; color:#505050; border:0; width:370px; height:30px;}
.event-form li .right-input textarea{ margin:10px 0 0; background:none;  color:#505050; height:150px; border:none;width:390px; resize:none;}
.event-form li .check-input{float:right; width:438px; padding:12px 0 2px 10px; color:#505050; font-size:13px; line-height:14px;}
.event-form li .check-input input{ margin-right:10px; float:left;}
.event-form li .btn-submit{ background: url(../images/btn_submit.png) no-repeat right top !important; font-family:'din-bold' !important; color:#fff !important; text-transform:uppercase; width:183px !important; text-align:center; float:left; cursor:pointer; height:50px !important; padding:0 !important;}
.event-form li .btn-submit:hover{ background-position:left -55px !important;}
.event-form .name h3{ padding:10px 0 0;}
.event-form .name h3 span{ color:#505050;}
.event-form .name input, .event-form .email input{ margin:7px 0 0 !important; }
.event-form .age input{ margin:7px 0 0 !important; width:25px !important;}
.event-form .name .right-input{background:url(../images/events_form.png) no-repeat -6px 0; height:57px;}
.event-form .age .right-input{background:url(../images/events_form.png) no-repeat -6px -66px; height:57px;}
.event-form .email .right-input{background:url(../images/events_form.png) no-repeat -6px -136px; height:47px;}
.event-form .school .right-input{background:url(../images/events_form.png) no-repeat 0 -202px; height:57px;}	
.event-form .msg-box .right-input{background:url(../images/events_form.png) no-repeat -6px -266px; height:174px;}
	
	    
/* Top Content */
.footer-main{ width:100%; display:block; overflow:hidden; background:url(../images/bg_footer.png) repeat-x top;  padding:40px 0 0;}
.footer{ padding:30px 0; margin:0 auto; width:1000px; display:block; overflow:hidden; font:normal 12px/12px 'din-bold'; color:#999; }
.footer a{ color:#999}
.footer a:hover{ color:#666;}
.footer .rights-text{ float:left;} 
.footer ul{ margin:0 0 0 170px; float:left;}
.footer li{ float:left; padding:0 10px; border-right:1px solid #999; }
.footer li.fb-icon{ width:40px; overflow:hidden; margin:-6px 0 0; border:none !important; }
.footer li.fb-icon a{ text-indent:-999px; float:left; border:none !important; background:url(../images/icon_fb.png) no-repeat left top; width:15px; height:13px;}
.footer li.fb-icon a:hover{ background:url(../images/icon_fb.png) no-repeat left bottom; }
.footer .kutung-link{ float:right;}

.ans{ display:block; margin:0 0 15px 0;}
.ans .textfield{    font-size: 20px;
    height: 25px;
    text-align: center;
    width: 25px;}
.ans .textfield-error {
	width:25px;
	height:25px;
	text-align:center;
	font-size:20px;
	border-color:red;
}

#corrans{
	margin: 5px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.success{
	margin: 5px;
	color: #0C3;
}

.error{
	margin: 5px;
	color: red;
}

.upcoming-main{ width:100%; display:block; overflow:hidden;}
.upcoming-main li{ border-bottom:1px solid #ccc; margin:0 0 30px; padding:0 0 30px 0; display:block; overflow:hidden;}
.upcoming-main li img{ margin:0 0 0 100px; float:right;}
.upcoming-main li h2 { margin:0 !important; padding:3px 10px 5px 25px; text-transform:uppercase; background:url(../images/bg_h2.png) no-repeat left top; color:#000; font:normal 32px/52px 'din-bold'; }
.upcoming-main li h2 span{ display:inline; color:#fff;}
.upcoming-main li h4{ color:#333;}
.upcoming-main li p{ padding:0 0 10px; color:#505050; font-size:16px}
.upcoming-main li .note{ font-size:12px; color:#505050;}
.pricelist .left-cnt a{ float:right; color:#fff; text-transform:uppercase; padding:0 0 0 35px; background:url(../images/btn_register.png) no-repeat right top; font:normal 17px/58px 'din-bold'; height:58px; width:151px;}
.pricelist .left-cnt a:hover{ background-position: right -65px;}


.contact-main{ display:block; overflow:hidden; width:100%;}
.contact-form{ float:left; width:650px; padding:0 100px 0 0; border-right:1px solid #eee;}
.contact-add{  padding:0 0 30px; float:right; width:200px;}
.contact-add p{ padding:0 0 20px;}
.contact-add a, .check-input a{ color:#0082a6;}
.contact-add a:hover, .check-input a:hover{ color:#c21e5d;}


.back-upcoming { float:right; padding:40px 0 0;}
.back-upcoming a{ font-weight:bold; float:right; background:url(../images/arrow_back.png) no-repeat left center; padding:0 0 0 20px;} 
.back-upcoming a:hover{ color:#ff9900;}

.yrs-text{ color:#505050; margin:0 0 0 30px;}



.partners-cnt{ display:block; overflow:hidden; padding:0;}
.partners-cnt ul{ display:block; overflow:hidden; padding:0 0 10px;}
.partners-cnt li{ width:300px; color:#505050; float:left; margin:0 50px 0 0; }
.partners-cnt li h4{ padding:10px 20px 0; margin:0 0 5px; text-transform:uppercase; color:#666; font-weight:normal;}
.partners-cnt li p{ padding:0 20px;}
.partners-cnt img{ display:block; overflow:hidden;  }


.mr0{ margin:0 !important;}

.events-right-cnt{ padding:30px 10px 0; float:right; background:url(../images/bg_star_qst.png) no-repeat right top; height:237px; text-align:center; width:325px; color:#fff;}
.events-right-cnt h2{line-height:40px; color:#fff; font:normal 45px/45px 'cartoonrelief' !important;}
.events-right-cnt h2 span{ font:normal 30px/38px 'cartoonrelief' !important;  color:#fff;}
.events-right-cnt a{ background:url(../images/arrow_yes.png) no-repeat right center; padding:0 30px 0 0;    color:#cc3366; font:normal 24px/45px 'din-bold'; }
.events-right-cnt a:hover{ color:#ff9900;}
.list-left .update-box.newimg .btn-submit.spacer {
	padding-top:10px;
}



.list-left .update-box.newimg {
	background-position: left top;
	height: 180px;
	background-image: url(../images/bg_email2.png);
	background-repeat: no-repeat;
}


/*home-cnt .right-cnt {
padding: 30px 10px 0;
float: right;
background: url(../images/bg_star_qst.png) no-repeat right top;
height: 237px;
text-align: center;
width: 325px;
color: white;
}
.home-cnt .right-cnt h2 {
line-height: 40px;
color: white;
}

h2 span {
font: bold 18px/58px Arial;
display: block;
overflow: hidden;
color: #333;
}

.home-cnt .right-cnt a {
background: url(../images/arrow_yes.png) no-repeat right center;
padding: 0 30px 0 0;
color: #C36;
font: normal 24px/30px 'din-bold';
}

*/
.list-right.election-cnt .update-box.newimg1 {
	background-image: url(../images/bg_email2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.list-right .update-box.newimg2 {
	background-image: url(../images/bg_email2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.container-outer .container-main .about-cnt .home-main.noclass {
}

.container-outer .container-main .upcoming-main ul .btn #button {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
	background-color: #C36;
	border: 1px solid #C36;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
}

.container-outer .container-main .upcoming-main ul .btn #button:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
	background-color: #0CF;
	border: 1px solid #0CF;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	cursor:pointer;
}




.pricelist{ margin:30px 0 0;   font-family: 'DroidSerifRegular'; display:block; overflow:hidden;}
.pricelist .left-cnt{ float:left;}
.prize-subtext{ margin:0 0 30px; display:block; overflow:hidden;}
.prize-list{ margin-bottom:20px; display:block; overflow:hidden;}
.prize-list li{ float:left; width:165px; padding:0 10px; border-bottom:none; border-right:1px solid #eee; margin-right:10px;}
.prize-list li h2{ line-height:35px; font-family: 'DroidSerifRegular';  padding:0 0 0 25px; background:url(../images/icon_price.png) no-repeat left 7px;  color:#cc3366; font-size:36px;}
.prize-list li sup{ font-size:12px; text-transform:none;}
.prize-list li h3{ text-transform: none; margin:0;   font-weight:normal; color:#3cb8f1; font-size:20px;}
.prize-list li h4{ font-weight:normal; padding:0; margin:5px 0 0; color:#2d2c2c; font-size:18px;}
.prize-list li p{ font-size:12px; line-height:14px; padding:0; color:#2d2c2c;}
.pricelist .rules-cnt{ color:#4c636e; float:right; background:#e4f5fc; padding:10px 20px; width:360px; font-size:12px;}
.pricelist .rules-cnt ol{ margin:0 0 30px;}
.pricelist .rules-cnt li{  padding:3px 0; border:0; margin:0;}
.pricelist .rules-cnt p{ color:#4c636e; font-size:12px;}
.pricelist .rules-cnt h3{ font-weight:normal; line-height:35px; font-family: 'DroidSerifRegular';  padding:0;    color:#cc3366; font-size:21px;}  
.sponsors-cnt{ float:left; display:block; overflow:hidden;  margin:30px 0 0; clear:both; }
.sponsors-cnt h4{  font-weight:normal; font-size:16px; color:#cc3366 !important;} 
.sponsors-cnt img{ float:left !important; margin:0 !important;}


.event-details li{background:url(../images/arrow_events.png) no-repeat -10px 6px; padding:0 0 5px 10px;}
.event-details li ul{ padding:0 0 0 10px;}
.event-details li li{ background:none !important;}
.event-details ul{ padding-bottom:15px;}
.event-details p{ padding:0 0 15px !important; }
.event-details p a{ color:#CC3366;}
.event-details p a:hover{ color:#ff9900;}


.people-list{ display:block; overflow:hidden;}
.people-list li{ display:block; overflow:hidden; border-bottom:1px solid #eee; padding:10px 0;}  

.pricelist .left-cnt .view-btn{ float:left !important; width:140px !important; text-align:center !important; height:60px !important; padding:5px 0 0;   color:#fff; text-transform:uppercase; border:0; background:url(../images/bg_quiz.png) no-repeat -72px -572px ; cursor:pointer;}
.pricelist .left-cnt .view-btn:hover{   color:#fff;   background:url(../images/bg_quiz.png) no-repeat -72px -572px ; }

.about-link{ display:block; overflow:hidden; padding:10px 0;}
.about-link a{ float:left; color:#fff; text-transform:uppercase; padding:0 0 0 32px; background:url(../images/bg_back.png) no-repeat right top; font:normal 17px/58px 'din-bold'; height:58px; width:250px;}
.about-link a:hover{ background-position: right -65px;}


.about-nav.apps-nav li{ float:left; margin:0 30px 0 0;}
.about-nav.apps-nav li a{ -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	width:auto !important; font:normal 17px/27px 'din-bold' !important; text-transform:uppercase; height:auto !important;   float:left; text-align:center; color:#fff; background:#ccc; padding:0 20px 0; }
.about-nav.apps-nav li a.active{  background:#666;}






.winners-cnt{ display:block; overflow:hidden; padding:0;}
.winners-cnt ul{ display:block; overflow:hidden; padding:0 0 15px;}
.winners-cnt li{ width:300px; color:#505050; float:left; margin:0 50px 0 0; }
.winners-cnt li h4{ color:#333; font-weight:bold; padding:10px 20px 0; margin:0 0 5px; text-transform:uppercase;  }
.winners-cnt li h4 span{ font-weight:normal; font-size:14px; color:#666; text-transform:none;} 
.winners-cnt li p{ padding:0 20px;}
.winners-cnt li p a{ color:#D20005;}
.winners-cnt img{ display:block; overflow:hidden;  }


.winners-detail{ display:block; overflow:hidden; padding:0;}
.winners-detail .prize-cnt{ display:block; overflow:hidden; padding:0 0 10px;}

.winners-detail .prize-cnt li{ font-family: 'DroidSerifRegular';  float:left; width:165px; padding:0 10px; border-bottom:none; border-right:1px solid #eee; margin-right:10px;}
.winners-detail .prize-cnt li h2{ line-height:35px; font-family: 'DroidSerifRegular';  padding:0 0 0 25px; background:url(../images/icon_price.png) no-repeat left 7px;  color:#cc3366; font-size:36px;}
.winners-detail .prize-cnt li sup{ font-size:12px; text-transform:none;}
.winners-detail .prize-cnt li h3{ text-transform:uppercase; margin:0;   font-weight:normal; color:#3cb8f1; font-size:20px;}
.winners-detail .prize-cnt li h4{ font-weight:normal; padding:0; margin:5px 0 0; color:#2d2c2c; font-size:18px;}
.winners-detail .prize-cnt li p{ font-size:12px; line-height:14px; padding:0; color:#2d2c2c;}


.event-links{ display:block; overflow:hidden; padding:0 0 10px;}
.event-links li{ float:left; margin:0 5px;}
.event-links li a{ text-transform:none; -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	width:auto !important; font:normal 17px/27px 'din-bold' !important;  height:auto !important;   float:left; text-align:center; color:#fff; background:#ccc; padding:0 20px 0;}
.event-links li a:hover{ background:#999;}



#back-top {
	position: fixed;
	bottom: 0; 
	right:50px;
}
 
/* arrow icon (span tag) */
#back-top a {
	width: 58px;
	height: 44px;
	display: block;
	text-indent:-9999px;
	background:url(../images/arrow_top.png) no-repeat left bottom;  
} 
#back-top a:hover{
	background:url(../images/arrow_top.png) no-repeat right bottom;  
} 

.pay-list{ display:block; overflow:hidden;}
.pay-list li h5{ color:#CC3366; font-size:18px;}
.pay-list li{ line-height:20px; font-size:16px;}
.pay-list li input{ float:left; margin:4px 10px 0 0;}
.pay-list li span{ float:left; font-weight:bold;}


.termsCnt{ display:block; overflow:hidden; padding:30px 0 0;}
.termsCnt h4{ margin:10px 0 0 !important; font-size:16px; margin: 15px 0 0 !important; color:#333;}
.termsCnt p{ color:#505050; padding:10px 0; }
.termsCnt ul{ color:#505050; padding:10px 0 0; }
.termsCnt li{background:url(../images/arrow_events.png) no-repeat -10px 6px; padding:0 0 5px 10px;}
.termsCnt p a, .termsCnt li a{ color:#BF2267;}
.termsCnt p a:hover{ color:#ff9900;}



.sitemap{ margin:30px 0;}
.sitemap li{background:url(../images/arrow_events.png) no-repeat -10px 6px; padding:0 0 5px 10px;}
.sitemap li a{ color:#909090;}
.sitemap li a:hover{ color:#333;}
.sitemap li ul{ margin:0;}
.sitemap li li{background:url(../images/arrow_events.png) no-repeat -11px 6px; padding:0 0 5px 10px;}

#peoplelist{ padding-right:300px; background:url(../images/img_people.png) no-repeat right 50px;}
#advisorslist{ padding-right:300px; background:url(../images/img_advisors.png) no-repeat right 50px;}

#quizinst p, #wbinst p{ padding:5px 0;}

.events-details.pricelist .left-cnt{ float:none !important; width:auto !important; display:block; overflow:hidden;}
.events-details.pricelist .left-cnt ul{ margin-bottom:30px !important;}
.events-details.pricelist .rules-cnt{ float:none !important; width:auto !important; display:block; overflow:hidden;}
.events-details.pricelist .prize-subtext{ margin:0 0 20px !important;}



.about-inner{ padding:70px 0 0; display:block; overflow:visible; }
.about-inner p{ color:#505050; padding:0 0 30px;}


.btn-link{ display:block; overflow:hidden; padding:20px 0;}
.btn-link a{ background: url(../images/btn_more.png) no-repeat right top; font:normal 14px/36px 'din-bold'; color:#fff; text-transform:uppercase; width:135px; text-align:center; float:left; height:37px; padding:0 0 0 5px; }
.btn-link a:hover{ background-position:right bottom;}


.sponsors-list{ display:block; overflow:hidden; padding:0 0 10px;}
.sponsors-list li{ border:0 !important; width:auto !important; float:left; margin-right:20px; padding-bottom:0;}
.sponsors-list h3{ font-weight:normal; line-height:35px; font-family: 'DroidSerifRegular';  padding:0 0 10px;    color:#cc3366; font-size:21px;}
.sponsors-list li img{ margin:0 !important;}


.ticket-office { padding:20px 0 0;}
.ticket-office h3{ font-size:16px; color:#000; padding:0 0 10px;}


.event-gallery{
	text-align:right;
	float:right;
	width:310px;
	text-align:center;
	margin:50px 0 0 10px;
} 
.linkbox{ display:block; overflow:hidden; padding:10px 0 0;}
.linkbox a{ float:left; color:#fff; text-transform:uppercase; padding:0 0 0 30px; background:url(../images/btn_submit.png) no-repeat right top; font:normal 17px/52px 'din-bold'; height:48px; width:153px; margin-right:50px;}
.linkbox a:hover{ background-position: right -55px !important;}
.event-gallery .linkbox a{ margin-left:70px;}

.testimonials-list{ padding:60px 0 0;}
.testimonials-list li{ display:block; overflow:hidden; border-bottom:1px solid #dbd4c7; padding:15px 0;}
.testimonials-list li p{ color:#717171; padding:0 0 20px;}
.testimonials-list li img{ float:left; }
.testimonials-list li .right-cnt{ float:right; width:650px;}




.press-main{ padding:30px 0 0; width:100%; display:block; overflow:hidden;}
.press-main li{ border-bottom:1px solid #ccc; margin:0 0 30px; padding:0 0 30px 0; display:block; overflow:hidden;} 
.press-main li h4{ color:#333;}
.press-main li p{ padding:0 0 10px; color:#505050;}
.press-gallery{  margin:0 0 0 50px; float:right; background:url(../images/bg_press.png) no-repeat center top; width:200px; height:150px; padding:26px 21px 24px 17px;}

.winnerTable{ display:block; overflow:hidden; width:100%; clear:both;}
.winnerTable li{ border:0; padding:0; display:inline; float:left; width:350px; margin-right:50px;}
.winnerTable table{ border-left:1px solid #eee;  border-top:1px solid #eee; margin:10px 0 30px;}
.winnerTable td{ padding:7px 10px; border-right:1px solid #eee;  border-bottom:1px solid #eee; }
.winnerTable td sup{ font-size:10px; vertical-align: text-top;}
.winnerTable tr.ttl td{ background:#ccc; color:#fff; font-weight:bold; font-size:16px; padding:5px 10px;}
.winnerTable tr.odd td{ background:#fbfafa;}
.winnerTable tr.even td{ background:#fdfdfd;}
.winnerTable tr.prize1 td, .winnerTable tr.prize2 td, .winnerTable tr.prize3 td{   font-weight:bold; font-size:13px; }
.winnerTable tr.prize1 td{ color:#f26522;}
.winnerTable tr.prize2 td{ color:#bf2267;}
.winnerTable tr.prize3 td{ color:#16c1f3;}


.work-fun-game{
   overflow: hidden; 
   margin:20px 0 40px;
   display: block;
   width: 100%;
   position: relative;
   width: 100%;
   height: 360px;
}
.work-fun-game li{
    color: #000;
    font: 47px/48px 'cartoonrelief';
    float: left; 
    padding:60px 0;
    position: absolute;
    overflow:hidden; -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
}
.work-fun-game li img{
    position:absolute;
    left: 295px;
    top: 0;
    width: 371px;
    height: 366px; 
 
    display: hidden;

    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;


}
.work-fun-game li.active, .work-fun-game li:hover{ overflow: visible;}
.work-fun-game li.active img, .work-fun-game li:hover img{
    display: block;
}
 
.game-list-left-top{
    left: 0;
    top:0;
}
.game-list-left-bottom{ 
    left: 0;
    bottom:0;
}
.game-list-left-bottom img{ 
    top: -200px !important;
}
.game-list-right-top{
    right: 0;
    top:0; 
}
.game-list-right-top img{
    left:-500px !important;
}
.game-list-right-bottom{
    right: 0;
    bottom:0;
}
.game-list-right-bottom img{
    left:-500px !important;
    top: -200px !important;
}
.work-fun-game li.active{
    color: #ee3739;
}