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

/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

    

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

  

    .oldie nav a {
        margin: 0 0.7%;
    }
	
}


@media only screen and (min-width: 768px) {

  

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }


/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .content {
        /*width: 1004px;*/
        margin: 0 auto;
    }
}

@media (max-width: 1279px) {
  .welcomeRight ul li a{}
}

@media (min-width: 1200px) {
  .content {
    /*width: 1004px;*/
    width: 1104px;
  }
  .content:before,
  .content:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .content:after {
    clear: both;
  }
  .content [class*="col"] {
    float: left;
    margin-left: 1.694915254237288%;
    *margin-left: 1.641723764875586%;
  }
  .content [class*="col"]:first-child {
    margin-left: 0;
  }
  .content .col12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .content .col11 {
    width: 91.52542372881356%;
    *width: 91.47223223945186%;
  }
  .content .col10 {
    width: 83.0508474576271%;
    *width: 82.99765596826539%;
  }
  .content .col9 {
    width: 74.57627118644066%;
    *width: 74.52307969707896%;
  }
  .content .col8 {
    width: 66.10169491525423%;
    *width: 66.04850342589252%;
  }
  .content .col7 {
    width: 57.6271186440678%;
    *width: 57.5739271547061%;
  }
  .content .col6 {
    width: 49.152542372881356%;
    *width: 49.099350883519655%;
  }
  .content .col5 {
    width: 40.677966101694906%;
    *width: 40.624774612333205%;
  }
  .content .col4 {
    width: 32.20338983050847%;
    *width: 32.15019834114677%;
  }
  .content .col3 {
    width: 23.728813559322035%;
    *width: 23.675622069960333%;
  }
  .content .col2 {
    width: 15.254237288135592%;
    *width: 15.20104579877389%;
  }
  .content .col1 {
    width: 6.779661016949152%;
    *width: 6.72646952758745%;
  }
  

.content .mainLogo.col5 {
    width: 100%;
}
}

@media all and (min-width: 768px) and ( max-width: 1023px){
  .largeLogo{ width: 100%;}
  .col7.logo { padding: 0 10px 0 0; width: 53%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
  .content .col5.headerRight { margin: 10px 0 0; width: 320px;}
  .mainLogo{ width: 20% !important;}
  .olympicTxt.col9.headerTitles { margin: 0; padding: 0 0 0 10px;}
  .content .welcomeContainer.col7{ width: 55%;}
  .welcomeRight{ width: 43% !important;}
  .olympicTxt h2,.olympicTxt h1 { margin-left: 0;}
  nav ul li li{ padding: 0 22px 0 12px;}
  .topbar{ width: 100% !important;}

  .myGamesContainer ul li:nth-child(4n){ margin-right: 3.2%;}
  .myGamesContainer ul li:nth-child(3n) { margin-right: 0;}
}

@media all and (max-width: 1023px) {
	.accountLogin h1{ margin-left:7%;}
	.accountLogin .fieldSet{ margin-left:7%; padding-right:7%;}
	.socialIcons h2{ margin-left:4%;}
	.socialIcons ul{ margin-left:4%;}
	.accountLogin .col5{ width:48%;}
	.accountLogin .col7 { width: 49.447%;}

  .mainMarginLeft{ margin-left: 0;}
  .myGamesContainer ul li { width: 31.2%;}
	
.content .col2.colLeft {
    margin-left: 0;
    width: 20%;
}
.content .col10.colRight {
    float: right;
    margin-left: 0;
    width: 78%;
}
nav ul li{ /*width:15.7%; margin-left:21px;*/ font-size:0.85em;}
/*nav ul li:nth-child(1) a{background-position:0 center; background-size:30px;  padding-left: 40px;}
nav ul li:nth-child(2) a{background-position:0 center; background-size:28px; padding-left: 33px;}
nav ul li:nth-child(3) a{background-position:0 center; background-size:20px; padding-left: 24px;}
nav ul li:nth-child(4) a { background-position:0 center; background-size:18px; padding-left: 30px;}
nav ul li:nth-child(5) a { background-position:0 center; background-size:27px; padding-left: 35px;}*/
.formContainer .inputBox{ float:none;}
.formContent{ float:none;}

/*.olympicTxt h2{ margin-left:10px;}
.olympicTxt h1{ margin-left:10px;}*/
.welcomeRight ul li a{ padding-left: 10px; padding-right: 10px;}
.profilePic{ /*float:none;*/ margin: 0 auto; width: 60px;}
.content .col7.welcomeRight{ width: 55.6%;}
.profileTxt{ /*float:none;*/ margin-left:0; /*text-align: center;*/ width: 65%;}

header{ position:relative; margin:0 auto; width:97%;}
.content.mainContainer{ margin-top:18px !important;}
  ul.topLinks{ clear:both; text-align:left; /*background:#FFF;*/ height: auto; padding-bottom: 0;}
  ul.topLinks li{ display:block; border-bottom:1px solid rgba(255,255,255,0.2); border-right:0!important; padding: 0;}
  ul.topLinks li a{ padding:12px 15px;}
  ul.topLinks li a:hover{ text-decoration:none; background-color: rgba(255, 255, 255, 0.1);}
  ul.topLinks li:last-child { border-bottom: 0 none;}

.formContainer .fieldSet {
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
}
.detailsContainer .inputBoxContainer{ margin-bottom:10px;}
/*.detailsContainer ul li{ margin-bottom:0 !important;}*/
.detailsContainer .inputBox{ margin-bottom:10px; /*width:300px;*/ width: 100%;}
.detailsContainer label{ width:180px;}
.chooseFile{ width:233px;}
#ulMeasurement input[type="text"]{ width: 94%; margin-right: 1%;}

.detailsContainer ul li ul li{ /*float:none;*/ /*width:auto;*/ width:100%;}
.detailsContainer ul li ul li.contactEmail .inputBox{ float:none; margin-bottom:8px;}
.detailsContainer .inputBoxContainer{ width:100%;}
.detailsContainer ul li ul li.contactEmail label{ margin-bottom:5px;}
.detailsContainer ul li ul li.contactEmail .type{ float:none; width:300px; margin-bottom:8px;}
.detailsContainer ul li ul li.contactEmail .inputBoxContent{ float:none; width:300px; margin-bottom:8px;}
.detailsContainer ul li ul li.contactEmail .phNo{ float:none; width:300px; margin-bottom:8px;}
.fieldActions{ top: 0; right: 0;}

.detailsContainer ul li.active a.showTab{}
.detailsContainer ul li ul li{ margin-bottom:0;}
.threeBoxes .inputBox { float: left; width: 60px;}
.threeBoxes .date { width: 61px;}
.threeBoxes .months { width: 110px;}
#ulFormBuilder ul li{ /*width:480px;*/ width:100%;}
.detailsContainer ul li ul li.contactEmail{ width: 100%;}
.detailsContainer ul#ulFormBuilder li ul li.contactEmail{ width: 100%}

.measurementDetails, .measurementDetailsImg{ float:none; width:100%;}
.measurementDetailsImg{ text-align:center;}

.ulKitBagContainer .garment{ width:38%;}
.ulKitBagContainer .note{ width:25%;}
.ulKitBagContent .note .inputBox{ margin-bottom:0; width:80%;}

.kitBagContainer .outfit{ width:20%;}
.kitBagContainer .size{ width:26%;}
.kitBagContainer .styleCode{ width:16%;}
.kitBagContainer .garment{ width:23%;}

.tableDesign .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.tableDesign * html .cf { zoom: 1; }
.tableDesign *:first-child+html .cf { zoom: 1; }
	
.tableDesign table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.tableDesign th,
.tableDesign td { margin: 0; vertical-align: top; }
.tableDesign th { text-align: left; }
	
.tableDesign table { display: block; position: relative; width: 100%; background:#0366ae;}
.tableDesign thead { display: block; float: left; }
.tableDesign tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
.tableDesign thead tr { display: block; }
.tableDesign th { display: block; text-align: right; }
.tableDesign tbody tr { display: inline-block; vertical-align: top; }
.tableDesign td { display: block; /*min-height: 2.25em;*/ min-height: 37px; text-align: left; }


	/* sort out borders */

	.tableDesign th { border-bottom: 0; border-left: 0; }
	.tableDesign td { border-left: 0; border-right: 0; border-bottom: 0; }
	.tableDesign tbody tr { border-left: 1px solid #babcbf; width:100%;}
	.tableDesign th:last-child,
	.tableDesign td:last-child { border-bottom: 1px solid #babcbf; }
	table thead th{ border-bottom:1px solid #fff !important; border-right:none;}
	table td{ border-bottom:1px solid #ECECEC !important;}
  .tableDesign th{ min-height:27px;}
	
	.tableDesign th:last-child{ border-bottom:none !important;}
	.tableDesign .addEditBtn a, .tableDesign .previewBtn a, .tableDesign .editBtn a{ padding:0;}
	.tableDesign .editBtn a, .tableDesign .deleteBtn a{ padding:0 28px 0 0;}
	
	#links{}
	#links a{ display:inline-block; margin:0 8px 10px 0;}

  .resp-tabs-list li{ max-width: 190px; min-height: 75px;}
  .addEditBtn { display: block; text-align: left; width: 115px;}
.addEditBtn a{ width: 100%;}

  .wob ul.topLinks{ background-color: #000;}
  .wob .toggleLinks span.toogleArrow{ border-top-color: #FFF;}
  .wob .toggleLinks.active span.toogleArrow{ border-color: -moz-use-text-color transparent #FFF;}
  .wob ul.topLinks li a:hover{ background-color: #333333;}
  .wob ul.topLinks li{ border: 0;}
  .wob table td{ border-color: #4c4c4c !important;}
  .wob .tableDesign tbody tr{ border-color: #4c4c4c;}
}
@media all and (max-width: 767px) {
  body { font-size: 1.0em;  -webkit-text-size-adjust: none;  -ms-text-size-adjust: none;}
  .container { padding-right: 10px; padding-left: 10px;}
  .content { width: 100%; }
  [class*="col"],
  .content [class*="col"] { display: block; float: none; width: 100%; margin-left: 0;}
  .col12, .content .col12 { width: 100%;}
  .accountLogin h1{ margin-top:0; margin-left:0; text-align:center; font-size:1.2em;}
  .accountLogin .fieldSet{ width:90%; margin:0 auto; border-right:none; border-bottom:1px solid #C6C6C6; min-height:270px; padding-right:0;}
  .socialIcons { display: table !important; margin: 20px auto !important; width: auto !important;}
  .loginLogo { text-align: center;}
  .loginLogo a{ margin:0; margin-bottom:20px;}
  .socialIcons h2{ margin-left:0;}
  .socialIcons ul{ margin-left:0;}

  .myGamesContainer ul li:nth-child(4n) { margin-right: auto;}

  .mainLogo{ width: 100% !important;}
  .smallLogo{ background-position: center center;}
  .content .col5.headerRight{ width: 100%; float: none;}
  .content .welcomeContainer.col7{ width: 175px !important;}
  .welcomeRight{ width: 150px !important; margin: 0 auto !important;}
  .textEnlargement, .contrast{ display: inline-block; float: none;}
  
  nav ul { border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
  .navView ul{ display: none;}
  ul.topLinks{ clear:both; text-align:left;}
  ul.topLinks li{ display:block; border-right:none;}
  ul.topLinks li a{ padding:12px 15px;}
  ul.topLinks li a:hover{ text-decoration:none;}
  .navView ul ul{ position: relative; left: inherit; top: inherit; background-color: rgba(3,102,174,0.5);}
  .navView li.navSubMenu{ background-position: 94% 15px;}
  .navView ul ul .navSubMenu{ background-image: url("../../Images/AOC/menu-down-arrow.png"); background-position: 94% 15px;}
  .navView ul ul ul.submenu{ left: inherit; top: 0;}
  nav ul li li{ padding-left: 0; padding-right: 0;}
  nav a.personalDetails, nav a.agreement, nav a.info, nav a.myTeam{ padding-left: 45px; background-position: 12px center;}
  nav li.navSubMenu{ background-image: url("../../Images/AOC/menu-down-arrow.png"); background-repeat: no-repeat; background-position: 94% 20px;}
  nav ul ul .navSubMenu{ background: url("../../Images/AOC/menu-down-arrow.png") no-repeat 94% 20px;}

  .topbar{ padding: 0; width: 100% !important;}
  
  .olympicTxt{ margin:10px 0;}
  .olympicTxt h2, .olympicTxt h1{ text-align:center;}
  .welcomeContainer { display: table !important; margin: 0 auto 20px !important; width: auto !important;}
#categoryMenu > ul > li > a{ line-height: 4em; padding-top: 0; padding-bottom: 0;}
.welcomeRight ul{ text-align:center; display:table; margin:0 auto; width:250px;}
.content .col7.welcomeRight{ float: none; width: 100%;}
.welcomeRight ul.fontsColor{ width: 100%;}
.welcomeRight ul.fontsColor li{ float: none; display: inline-block;}
nav ul li{ width:auto; float:none; margin:0 22px; padding-left: 0; padding-right: 0;}
nav ul li a{ /*padding-left:65px !important;*/}
/*nav ul li:nth-child(1) a{ background-position:18px center;}
nav ul li:nth-child(2) a{ background-position:18px center;}
nav ul li:nth-child(3) a{ background-position:22px center;}
nav ul li:nth-child(4) a{ background-position:23px center;}
nav ul li:nth-child(5) a{ background-position:18px center;}*/
nav ul li.active{ background:#fdb90e;}
/*nav ul li a:hover{ background-color:#fdb90e;}*/
/*nav ul li:hover{ background:#fdb90e;}*/

.detailsContainer ul li ul li{ float:none !important; width:100%;}

header{ position:relative; margin:0 auto; width:97%;}
.wob .mainContainer, .content.mainContainer{ margin-top:18px !important;}

.nav-mobile { display:block;}
nav ul{ display:none;}
.nav { width:100%; /*padding:50px 0 0;*/ padding:3.1em 0 0;}
.nav-list { display:none;}
.nav-item {	width:100%;	float:none;	}
.nav-item > a {	padding:15px;}
.nav-click {display:block;}
.nav-mobile-open { border-radius:5px 5px 0 0;	-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
.nav-item:hover .nav-submenu { display:none;}
.nav-submenu { position:static; width:100%;}
.leftSection { /*position: absolute;*/ position:relative;}
#myButton{ display:block;}
.mainContent{ position:relative;}
.leftSection{ left:-107%; position:absolute /*display:none;*/}
/*.content .leftSection[class*="col"]{ display:none;}*/
.mainContainer{ position:relative; overflow:hidden;}
.mainContent{ margin-top:20px;}
.formContainer ul li label{ float:none;}
.formContainer .inputBox{ margin:0; width:100%; float:none;}
.formContent{ float:none; margin-top:5px;}
.formContainer .inputBoxContainer{ float:none;}
.detailsContainer .inputBoxContainer{ width:auto;}
#dvRightPanel .inputBoxContainer{ margin-right: 0;}
.formContent ul li{ display:block;}
.searchButtonContainer{ margin-left:0;}
.searchButtonContainer input[type="button"], .searchButtonContainer input[type="submit"]{ float:none; margin:0 0 6px 0;}
.searchButtonContainer span{ display:block;}
.pagingContainer p{ text-align:left;}
.teamMember{ margin:10px 0 0 0;}
.detailsContainer #ulAgreement .inputBoxContainer{ width: 100%;}
nav ul li.active:before, nav ul li:hover::before{ border:none;}
nav ul li.active:after, nav ul li:hover::after{ border:none;}
nav ul li.active a:before, nav ul li a:hover::before{ border:none;}
nav ul li.active a:after, nav ul li a:hover::after{ border:none;}  
nav ul li{ margin:0;}
.content .col2.colLeft { margin-left: 0; width: 100%;}
.content .col10.colRight { float: right; margin-left: 0; width: 100%;}
.formContainer .fieldSet { float: none; width: 100%;}
.detailsContainer ul li a.showTab{ background-position:96% 10px;}
.detailsContainer ul li a.showTab:hover{ background-position:96% 10px;}
.detailsContainer ul li.active a.showTab{ background-position:96% 10px;}
.detailsContainer ul li ul li{ margin-bottom:0;}
.detailsContainer ul li ul li.contactEmail .inputBox{ margin-bottom:10px; float:none; width:100%;}
.detailsContainer ul li ul li.contactEmail .type{ width:100%;}
.detailsContainer ul li ul li.contactEmail .inputBoxContent{ width:100%;}
.detailsContainer ul li ul li.contactEmail .phNo{ width:100%;}
.chooseFile { width: 76%;}

.detailsContainer ul li.active .updatedBy, .detailsContainer ul li .updatedBy { background-color: #f6f6f6; color: #595959; display: block; float: none; font-size: 0.9em; font-weight: 600; line-height: 18px; margin: 4px 0 5px; padding: 3px 5px;}
.detailsContainer ul li.active a.showTab .updatedBy{ float: right;}
.detailsContainer ul li .updatedBy{ background:#b2b2b2; color:#FFF;}
.detailsContainer ul li a:hover .updatedBy{ background-color: #f6f6f6; color: #595959;}
.detailsContainer ul#ulFormBuilder li a.showTab{ padding-right: 0;}
#ulFormBuilder .updatedBy{ line-height: 2.3em;}
#ulMeasurement input[type="text"]{ width: 89%;}

.threeBoxes input[type="text"]{ width:auto;}
.detailsContainer ul li a.showTab{ margin-bottom:5px;}
	
.btns { float: none;}
input.delete[type="submit"]{ float:none;}
a.pdfBtn{ float:none}
.threeBoxes .inputBox { float: left; width: 20%;}

.myGamesContainer ul li{ /*width:100%;*/ width: 220px; margin:0 auto 20px; float: none; /*display: inline-block;*/}
.gameLogo{ width:1%;}
.fieldActions{ top:10px; right:-4px;}

.showMessage{ width:97%; margin:0 5px;}

.measurementDetails{ width:100%; float:none;}
.measurementDetailsImg{ width:100%; float:none;}
/*.measurementDetails ul.heading li{ min-height:52px;}*/


.measurementHeading ul li{ float:none; width:100% !important; border-bottom:1px solid #ececec;}
.measurementHeading ul li:nth-child(2){ border:none; border-bottom:1px solid #ececec;}
.measurementDetails .measure, .measurementDetails .measurement, .measurementDetails .lastMeasured{ width:100%; float:none;}
.measure{ border-right:none;}
.measurementDetails .measure .inputBox{ float:left; width:80%;}
.measurementDetails .unit{ width:18%;}

.measurementHeading{ display:none;}
.measurementContent h5{ display:block;}
.measurementDetails .measure{ border:none;}

.kitBagContainer .heading{ display:none;}
.kitBagContainer .outfit, .kitBagContainer .styleCode, .kitBagContainer .garment, .kitBagContainer .size, .kitBagContainer .note{ width:100%; float:none;}
.kitBagContent h5{ display:block;}

.kitBagContainer .outfit, .kitBagContainer .styleCode, .kitBagContainer .garment, .kitBagContainer .size, .kitBagContainer .note{ border-right:none;}

.ulKitBagContent h5{ display:block;}
.ulKitBagContainer .heading{ display:none;}
.ulKitBagContainer .garment, .ulKitBagContainer .size, .ulKitBagContainer .allowed, .ulKitBagContainer .note{ width:100%; float:none; border-right:none; border-bottom:1px solid #ececec;}
.ulKitBagContent .note .inputBox{ /*width:90%;*/ width:100%;}

.ulKitBagContent .note .fieldActiontr {float: right;}

#dvLeftPanel{ margin:55px 0 0 0;}

#categoryMenu{ height:250px;}

#links{}
#links a{ display:block; margin:0 0 10px 0;}
#links a img{ width:100% !important; height:100% !important;}
.topicDocument{ word-wrap: break-word;}
iframe{ width:100%;}
.mainMarginLeft{ margin-left:0;}
.blankNav{ min-height:inherit;}

/*Start Tabs*/
ul.resp-tabs-list { display: none;}
h2.resp-accordion { display: block; line-height: 20px; margin-top: 7px;}
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1;}
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none;}
.resp-accordion-closed { display: none !important;}
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;}
.pdfLink{ width: 100%; float: none; margin: 10px 0 0 0;}
.resp-tab-content .chkBox input[type="checkbox"] + label{ height: auto;}
.resp-tabs-container h2{ background: #0366ae !important; color: #FFFFFF; border: 0 !important;}
.resp-tabs-container{ border: 0!important;}
.resp-tab-content{ border: 1px solid #d7d7d7 !important;}
.resp-tabs-container{ margin: 0;}

.socialIcons ul{ text-align: center;}
.accountLogin .loginLogo{ margin-top: 0;}
/*End Tabs*/

}

@media all and (min-width: 569px) and ( max-width: 767px){
  .myGamesContainer { margin: 30px auto 0; width: 470px;}
  .myGamesContainer ul li{ float: left; margin: 0 4% 20px 0; width: 225px;}
  .myGamesContainer ul li:nth-child(2n){ margin-right: 0;}
}

@media all and (max-width: 480px) {
  .pageTitle h1, .pageTitle h2{ width: 224px;}
  .pageTitle .arrow{ position: absolute; top: 0; /*bottom: 0;*/ left: 259px; margin: auto;}
}

@media all and (max-width: 320px) {
  .myGamesContainer ul li{ width: 100%;}
}