/* BASIC BLUEPRINT for registration website */
/* Formatted with http://prettyprinter.de/module.php?name=PrettyPrinter */


body
{
    /* Font */    
    font-family: Helvetica, Arial, Verdana, sans-serif; 
    
    font-size: 85%;
  
    /* Text color */
    color: rgb(102, 102, 102);
    margin: 0;
    /* background: #588800;; */
    
  
}

h1, h2, h3, h4, h5 {
  font-family: 'TradeGothicW01-BoldCn20 675334', 'Arial Black', 'Arial Bold', Arial, sans-serif;
  color: rgb(51, 51, 51);  
  font-weight: normal;
}

h1 {
  font-size: 2.5em;
  word-spacing: -0.05em;
  letter-spacing: -0.045em;
}

/* Top menu */

.subMenuWidget .entry {
 
  -webkit-box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.6);
      border-bottom-style: solid;
  
}


.subMenuWidget .active {

}


.subMenuWidget .entry .icon {
    width: 29px;
    line-height: 44px;
}


.subMenuWidget .entry .label {
    vertical-align: top;
}


.subMenuWidget a {
    text-decoration: none;
}


.subMenuWidget .entry {
    line-height: 29px;
    height: 29px;
    color: #fff;
}



/* Form: */

.formField, .wideFormField {
    margin-top: 0.5em;
}



.registrationSection {
    border-top: 1px solid lightgrey;
}

/* Delegate details, not form: */

#registrationBox {
}

/* Wrappers and background */

.bigBox {
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 1em;
    overflow: hidden;
}

.wrapperBox {
    overflow: hidden;
    vertical-align: baseline;
    
    -webkit-box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.6);
    background: #fff;
}


.freeTextPage {
    padding: 2em 3em;
}
.freeTextPage img {
    margin: 1em;
}

label {
    font-family: Arial,Helvetica,sans-serif;
    color: #7a7a7a;
    font-weight: bold;
}



/* Header */

#header {
    width: 100%;
    background: none;
    color:white;
    margin-bottom:20px;
    height: auto;
}

.headerTitle {
    padding: 7px 0 10px 0;
    background: none;
    overflow: hidden;
    display: none; /* This layout uses image-only header */
}

.headerTitle img {
    float: left;
    width: 166px;
}

.header-block {
    float: left;
    padding-right: 2em;
    font-size: 1.1em;

}

.header-block a {

}

.header-block ul li {
    list-style: none;
    display: table-cell;
    padding-right: 1em;
}

.header-block ul li a img {
    height: 32px;
    width: 32px;
}

#sub_header {
   padding: 12px 0 12px 0;
}

#header_img {
    width: 940px;
}

.headerImg {
  background: url('http://app.azavista.com//azavista/archive/pub_event_img/2014-08/Banner_T2T_MEETING_v3.jpg');
}


#header .eventName {
    font-size: 225%;
    font-weight: bold;
    text-align: center;
}


/* Footer */

#footer-push {
    height: 20px;
}

#footer {
    padding-top: 10px;
    background: none;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 0 auto;
}

#footer .footer-logo {
    float: left;
    display: inline-block;
    height: 4em;
}

#footer .footer-logo img {
    padding: 1.5em 2em 0 0;
    width: 82px;
}

.footer-block {
    float: left;
    padding-right: 1em;
    font-size: 1.1em;
      color: #fff;
}

.footer-block a {
      color: #fff;
}

.footer-block ul li {
    list-style: none;
    color: #618bf5;
    display: table-cell;
    padding-right: 1em;
}

.footer-block ul li a img {
    height: 32px;
    width: 32px;
}


p {
	margin: 0 0 1.5em;
}
ul,  ol {
	margin-left: 2em;
  	margin-bottom: 1.5em;
}


.iframe-wrapper {
    position: relative;
    height: 0; 
    padding-top: 56.25%;
    overflow: hidden;
    /* max-width: 100%; */
}

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Roommate selector */

.highlight {
    background:#FFF795;
}   
.taken {
    color: #bbb;
}
.taken, .taken label {
    color: #bbb;
}


/* Special visual tweaks */

.cancelLoginLink {
    margin-right: 2px;
    text-decoration: none;    
	font-size: 14px;	
	padding: 7px 20px;
    background-color: rgb(129, 129, 129);
    color: #fff;
    font-family: 'Custom-Font', Helvetica, Arial, sans-serif;
    line-height: 31px;
  
}

.topButton, .topButtons {
   float: right;
}

/* Larger buttons */
.flatButtonWidget input[type="submit"], .flatButtonWidget button[type="submit"] {
   height: 34px;
   line-height: 34px;
   width: auto;
   font-size: 15px;
   background-image: none;
}


/* IE8 support, without media queries */

.iexplorer .flatButtonWidget input[type="submit"], .iexplorer .flatButtonWidget button[type="submit"] {
  padding: 0 60px 0 20px;
}

    /* Sticky footer */
    .iexplorer html, .iexplorer body {
        height: 100%;
    }
    
    .iexplorer #wrapper {
        min-height: 100%;
    }
    
    .iexplorer #footer-push {
        overflow:auto;
        /* must be same as the footer height: */
        padding-bottom: 120px;
    }
    
    
    .iexplorer #footer {
        position: relative;
        /* negative value of footer height: */
        margin-top: -120px;
        height: auto;
        clear:both;
    }

      
    
    /* Form in two columns */
    
    .iexplorer .container {
        width:940px;
        margin:0 auto;
    }
    
    .iexplorer .registrationSection {
        margin-bottom: 2em;
        margin-right: 0 !important;
        float: left;

        width: 920px;
    }
  
   
    
    
    .iexplorer .fieldsCol {
        float: left;
        margin-right: 40px;
        width: 450px;
        width: 435px;
        
    }
    
    
    .iexplorer .wideFieldsCol {
        float: left;
        margin-right: 0px;
        width: 940px;
        width: 917px;
    }
  
    .iexplorer .delegate_details .registrationSection {
         width: 880px;
    }

    .iexplorer .delegate_details .fieldsCol {
         width: 420px;
    }
  
    .iexplorer .delegate_details .wideFieldsCol {
         width: 880px;
    }
    
    .iexplorer .last {margin-right:0 !important;}
    
    
    .iexplorer .floatRight, .iexplorer .right {
        float: right;
    }
    
    /* More margins */ 
    .iexplorer .freeTextPage {
       padding: 2em 3em;
    }
    .iexplorer .freeTextPage img {
       margin: 1em;
    }
 
    
    
    
    
    /* Top menu in one line */
    
    .iexplorer .subMenuWidget-wrapper {
        display: table;
        margin-bottom: 1em;
    }
    
    
    
    .iexplorer .subMenuWidget {
        display: table-row;;
    }
    
    
    .iexplorer .subMenuWidget-item {
        display: table-cell;;
        width: 1%;
        padding: 0 5px;
        text-align: center;
    }
    
        
    .iexplorer .subMenuWidget div .entry {
        height: 40px;
        line-height: 40px;
        
    }
    
    .iexplorer .subMenuWidget .entry {
        /* font-size: 80%; */
        text-align: center;
    }
  
    .iexplorer .subMenuWidget .entry .icon {
		width: 29px;
		line-height: 52px;
	}


/* Window size dependencies:  */

/* ====================================================================== */
/* Desktop/Landscape tablet -
/* ====================================================================== */
@media screen and (min-width: 940px)
{
    
    /* Sticky footer */
    html, body {
        height: 100%;
    }
    
    #wrapper {
        min-height: 100%;
    }
    
    #footer-push {
        overflow:auto;
        /* must be same as the footer height: */
        padding-bottom: 120px;
    }
    
    
    #footer {
        position: relative;
        /* negative value of footer height: */
        margin-top: -120px;
        height: auto;
        clear:both;
    }
    
    /*Opera Fix*/
    body:before {
        /* thanks to Maleika (Kohoutec)*/
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
        /* thank you Erik J - negate effect of float*/
    }
    
    
    
    /* Form in two columns */
    
    .container {
        width:940px;
        margin:0 auto;
    }
    
    .registrationSection {
        margin-bottom: 2em;
        margin-right: 0 !important;
        float: left;
        width: 940px;
        width: 920px;
    }
    
    
    .fieldsCol {
        float: left;
        margin-right: 40px;
        width: 450px;
        width: 435px;
        
    }
    
    
    .wideFieldsCol {
        float: left;
        margin-right: 0px;
        width: 940px;
        width: 917px;
    }
    
    
    .last {margin-right:0 !important;}
    
    
    .floatRight, .right {
        float: right;
    }
    
    
    
    
    
    /* Top menu in one line */
    
    .subMenuWidget-wrapper {
        display: table;
        margin-bottom: 1em;
    }
    
    
    
    .subMenuWidget {
        display: table-row;;
    }
    
    
    .subMenuWidget-item {
        display: table-cell;;
        width: 1%;
        padding: 0 5px;
        text-align: center;
    }
    
    
    
    .subMenuWidget .entry {
        font-size: 80%;
        text-align: center;
    }

    /* Footer in one line */
    .footer-row {
        display: table-row;
        vertical-align: middle;
    }
    
    .footer-block {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
    
    .header-row {
        display: table-row;
        vertical-align: middle;
    }
    
    .header-block {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
 
}


/* ====================================================================== */
/* Small laptop, iPad Portrait   */
/* ====================================================================== */
@media screen and (min-width: 481px) and (max-width: 939px)
{
    
    #sheet {
        padding: 0 1em;
    }
    
    
    .subMenuWidget div .entry {
        margin-bottom: 10px;
        line-height: 40px;
        clear:both;
        width: 100%;
        height: 40px;
    }
    
    
    .subMenuWidget .icon {
        margin-left: 1em;
    }
    
    
    
}


/* ====================================================================== */
/* Phone Landscape - Main container's width must be within 480px */
/* ====================================================================== */
@media screen and (min-width: 321px) and (max-width: 480px)
{
    
    .subMenuWidget div .entry {
        margin-bottom: 15px;
        clear:both;
        width: 100%;
        height: 40px;
        line-height: 40px;
        
    }
    
    
    #sheet {
        padding: 0 0.5em;
    }
    
    
    
    .subMenuWidget .icon {
        margin-left: 0.2em;
    }
    
    
    
    
}



/* ====================================================================== */
/* Phone Portrait - Main container's width must be within 320px */
/* ====================================================================== */
@media screen and (max-width: 320px)
{
    
    #header img {
        display: none;
    }
    
    
    .subMenuWidget div .entry {
        margin-bottom: 15px;
        clear:both;
        width: 100%;
        height: 40px;
        line-height: 40px;
        
    }
    
    
    .subMenuWidget .icon {
        display: none;
    }
    
    .subMenuWidget .label {
        margin-left: 0.5em;
    }
    
    
    #azavista_frame {
        img, video, canvas {
            /* max-width: 50%; */
        }
        
        
    }
    
    
    #sheet {
        padding: 0 0.25em;
    }
    
    
    
}

@media print
{
    
    #header_img {
        display: none;
    }
}



/* Custom Fonts */

@font-face {
    font-family:'Custom-Font';
    src:url(http://store.nike.com/nikestore/html/css/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?buildRev=209169);
    src:url(http://store.nike.com/nikestore/html/css/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix) format('eot'), url(http://store.nike.com/nikestore/html/css/fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff?buildRev=209169) format('woff'), url(http://store.nike.com/nikestore/html/css/fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf?buildRev=209169) format('truetype'), url(http://store.nike.com/nikestore/html/css/fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#Custom-Font) format('svg');
    font-weight:normal;
    font-style:normal
}