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

html,
body
{
   background-color: #fff;
   color: #000;
   padding: 0;
   margin: 0;
}
img
{
   border: 0;
}
a
{
   color: #deb406;
   text-decoration: underline;
}
a:hover
{
   color: #ff6000;
   text-decoration: underline;
}
.clearCols
{
   clear: both;
}
.pageTitle
{
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   color: #deb406;
   border-bottom: 1px #deb406 solid;
   padding-bottom: 2px;
   margin-bottom: 15px;
}
hr
{
   background-color: #000;
   color: #000;
   height: 1px;
   border: none;
   margin: 10px 0;
}
#flashIntroDiv
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
   background: #000;
   text-align: center;
   display: block;
}
#mainDiv,
#mainDivFront
{
   background: url(/images/en/back-inside.gif) no-repeat;
   color: #000;
   width: 980px;
   position: relative;
   font: 1em/1.5em Arial, Helvetica, sans-serif;
   margin: 0 auto;
   min-height: 350px;
   height: auto !important;
   height: 350px;
}
#mainDivFront
{
   background: url(/images/en/back-front.gif) no-repeat;
   color: #000;
}
#navigation
{
   position: absolute;
   top: 0;
   right: 10px;
   z-index: 1;
}
#navigation #navFloat
{
   float: right;
   width: 291px;
   height: 28px;
   padding: 0;
   margin: 0;
}
#navigation #navFloat .dividerFloat
{
   float: left;
}
#imgRotate
{
   position: absolute;
   top: 28px;
   right: 0;
}
#imgRotateFront
{
   position: absolute;
   top: 28px;
   right: 0;
}
#compass
{
   position: absolute;
   top: 44px;
   left: 43px;
   z-index: 10;
}
#logo
{
   background: url(/images/en/back-logo.gif) no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 490px;
   height: 675px;
}
#logo #percipe,
#logo #molire,
#logo #effice
{
   position: absolute;
   bottom: 0;
}
#logo #percipe a,
#logo #molire a,
#logo #effice a
{
   display: block;
   height: 19px;
}
#logo #percipe
{
   left: 85px;
   width: 110px;
}
#logo #molire
{
   left: 210px;
   width: 102px;
}
#logo #effice
{
   left: 328px;
   width: 90px;
}
#logo #percipe a
{
   width: 110px;
}
#logo #molire a
{
   width: 102px;
}
#logo #effice a
{
   width: 90px;
}
#percipeInfo,
#molireInfo,
#efficeInfo
{
   display: none;
   position: absolute;
   top: 605px;
   left: 85px;
   width: 320px;
   padding: 10px 5px;
   border: 2px #000 solid;
   background: #f60;
   filter: alpha(opacity=90); /* IE's opacity*/
   opacity: 0.90;
   text-align: center;
   font-size: 24px;
   color: #fff;
}
#bodyContent
{
   padding: 25px 0;
   padding-top: 220px;
}
#bodyContentFront
{
   float: right;
   padding: 25px 0;
   padding-top: 425px;
   width: 485px;
}
#leftNavColumn
{
   float: left;
   width: 322px;
}
.navMenu,
.navMenu li .navMenu
{
   float: left;
   width: 175px;
   padding: 0;
   margin: 0 0 10px 75px;
   font-size: 14px;
}
.navMenu li .navMenu
{
   margin: 3px 0 3px 15px;
}
.navMenu li,
.navMenu li .navMenu li
{
   float: left;
   display: block;
   background: #fff;
   color: #000;
   width: 100% !important;
   padding: 0;
   margin: 0;
   list-style-type: none;
   line-height: 18px;
}
.navMenu li .navMenu li
{
   margin-top: 2px;
}
.navMenu li a,
.navMenu li .navMenu li a
{
   float: left;
   display: block;
   text-decoration: none;
   width: 100% !important;
   padding: 3px 0 0 15px;
   /* IE6 hack to fix double-padding bug */
   _height: 90%;
   _width: 92%;
   color: #000;
}
.navMenu li.active,
.navMenu li a:hover
{
   float: left;
   background: url(/images/en/back-nav-on.gif) no-repeat;
   color: #fff;
   text-decoration: none;
   list-style-type: none;
   cursor: pointer;
}
.navMenu li .navMenu li.active a,
.navMenu li .navMenu li a:hover
{
   float: left;
   background: #fff;
   color: #ff6100;
   text-decoration: none;
   list-style-type: none;
   cursor: pointer;
}
.navMenu a,
.navMenu li .navMenu a
{
   color: #000;
}
.navMenu li a:active,
.navMenu li.active a,
.navMenu a:hover,
.navMenu li .navMenu a:hover
{
   color: #fff;
}
#logOffLink
{
   margin: 20px 0 0 0;
   font-weight: bold;
}
#contentRightColumn
{
   float: right;
   width: 648px;
}
.content,
#application
{
   padding: 10px;
}
#footer
{
   background: url(/images/en/back-footer.gif) no-repeat;
   color: #000;
   height: 41px;
   font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
   padding: 7px;
}
#footerFront
{
   text-align: center;
   font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
   padding-top: 15px;
}
#footerFront a
{
   padding: 5px 2px;
}
#ThinkubateMain
{
   text-align: center;
}
#Thinkubate
{
   text-align: right;
}
#copyright
{
   float: left;
   width: 475px;
   padding: 7px;
}
#links
{
   float: right;
   width: 465px;
   text-align: right;
}
#links a
{
   padding: 0 2px;
}

/**
 * Nav dropdown menus.
 */
#qm0
{
   float: left;
}

/*
 * All.
 */
.qmmc
{
   background-color: transparent;
}

/*
 * Main items.
 */
.qmmc a
{
   background-color: #deb406 !important;
   color: #000 !important;
}

/*
 * Main hover state.
 */
.qmmc a:hover
{ 
   background-color: #ff6100 !important;
   color: #fff !important;
}

/*
 * Main active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc .qmactive
{ 
   background-color: #ff6100 !important;
   color: #fff !important;
   text-decoration: none !important;
   /*
   text-decoration: underline !important;
   */
}


/*
 * Main parent items.
 */
.qmmc .qmparent
{
   background-image: url(/images/en/core/menu_arrow_down.gif);
   background-position: 95%;
   background-repeat: no-repeat;
}


/*
 * Sub containers.
 */
.qmmc div
{
   background-color: #deb406;
   border: 1px #fff solid !important;
   border-top: 0px !important;
   padding: 0;
   margin: 2px 0 0 2px;
   text-align: left;
   width: 225px;
}

/*
 * Sub hover state.
 */
.qmmc div a:hover
{
   /*
   text-decoration: underline;
   */
   background-color: #ff6100 !important;
}


/*
 * Sub active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc div .qmactive
{
   background-color: #ff6100 !important;
   color: #fff !important;
}


/*
 * Sub parent items.
 */
.qmmc div .qmparent 
{
   /*
   background-image: url(/images/en/core/menu_arrow_right.gif);
   */
   background-image: none;
}


/*
 * Sub items.
 */
.qmmc div a
{
   background-color: #deb406;
   color: #000 !important;
   font-size: 12px !important;
   font-weight: normal !important;
   font-family: Tahoma, Arial, Helvetica, sans-serif !important;
   padding: 1px 10px 1px 7px !important;
   text-transform: uppercase;
   text-decoration: none !important;
   /*
   width: 125px !important;
   _width: 165px !important;
   min-width: 125px !important;
   */
}

.qmmc div .active
{
   list-style: none;
   padding: 0;
   margin: 0;
}
   
.qmmc div div
{
   margin-top: -1px;
   margin-left: -455px;
   min-width: auto !important;
   border: 1px #fff solid !important;
}

.qmmc div div a
{
   background-color: #bc9204 !important;
   color: #000 !important;
}

.qmmc div div a:hover
{
   background-color: #ff6100 !important;
   color: #fff !important;
}

/* Application */

#application
{
}
#application form
{
   margin-left: 50px;
}
#application table td
{
   padding: 0 2px;
}
#application #applicant table,
#application #universities table,
#application #parents table
{
   width: 475px;
}
#application th
{
   text-align: left;
   font-weight: normal;
}
#application .required
{
   font-weight: bold;
}
#application .required input,
#application .required select,
#application .required textarea
{
   background-color: #FEEA98;
}
#application #parents th
{
   text-align: right;
   padding-right: 5px;
}
#application input.radioInput
{
   background-color: #fff;
   margin-left: 20px;
}
#application .spacer
{
   height: 5px;
}
#application #essays .col1,
#application #essays .col2,
#application #essays .col3,
#application #essays .col4
{
   float: left;
   width: 140px;
}