@media all and (min-width: 1025px){
	nav ul li:hover a, nav ul li a:hover{ background-color: #FFFFFF; color: #5a7da5;}
	nav ul li.team:hover a{ background-image: url("../images/team-active.png");}
	nav ul li.portal:hover a{ background-image: url("../images/portal-active.png");}
	nav ul li.reports:hover a{ background-image: url("../images/reports-active.png");}
	nav ul li.system:hover a, nav ul li.setting1:hover a{ background-image: url("../images/system-active.png");}
	.contactContainer ul li a:hover{ background-color: #456e9d;}
	.contactContainer ul li.active a:hover{ background-color: #FFFFFF;}
	/*.search:hover .searchContainer{ display: block;}*/
	.searchAreaContainer ul.contentList:hover{ background: #e4e4e4;}
}

@media all and (max-width: 1024px) {
	body{ font-size: 0.95em;}
	nav ul li a{ padding: 10px 20px 10px 44px;}
	.contactContainer ul li a{ padding: 10px 20px;}
	.contactContainer ul li.search a, .contactContainer ul li.help a{ height: 41px;}
	.searchAreaContainer ul.title li{ padding: 5px 10px;}
	/*.searchAreaContainer ul .name{ width: 30%;}*/
    .searchAreaContainer ul .name{ width: 25%;}
	/*.searchAreaContainer ul .gender{ width: 11%;}*/
    .searchAreaContainer ul .gender{ width: 9%;}
	.searchAreaContainer ul .sport{ width: 25%;}
	/*.searchAreaContainer ul .function{ width: 15%;}*/
    .searchAreaContainer ul .function{ width: 12%;}
	/*.searchAreaContainer ul .selection{ width: 19%;}*/
    .searchAreaContainer ul .selection{ width: 14%;}
    .searchAreaContainer ul .viewDetails{ width: 15%;}
	.buttonTxt{ line-height: 2.5em;}
	.searchAreaContainer .tabList li{ width: 8.3%; height: 35px; padding: 0;}
	.searchAreaContainer .tabList li:first-child{ padding: 0;}
	.searchAreaContainer .tabList li a{ text-indent: -999px; background-position: center; width: 100%; height: 100%; padding: 0;}
	.searchContent{ padding: 0 20px; width: 100%;}
	.subMenuList{ width: 210px;}

	.mainGamesContainer{ width: 100%; padding: 0 30px;}
	.gameTitle{ width: 302px;}

	.wardrobe { width: 64%;}
	.outfits, .clone, .delete{ width: 12%;}

	.outFittingContainer .tabs { background: #ffffff;}
	.outFittingContainer .tabList li{ float: none; padding: 8px 10px; border:0; border-bottom: 1px solid #d7d7d7;}
	.outFittingContainer .tabList li:last-child{ border-bottom: 0;}
	.outFittingContainer .tabList{ float: left; width: 20%;}
	.outFittingContainer .tabContainer{ float: right; width: 78%; margin-top: 0; border:0;}


    /* Newly Added*/
    .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;}

.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;}

.detailsContainer ul li.active a.showTab{}
.detailsContainer ul li ul li{ margin-bottom:0;}

.detailsContainer ul li ul li.contactEmail{ width: 100%;}
.detailsContainer ul#ulFormBuilder li ul li.contactEmail{ width: 100%}


}

@media all and (max-width: 768px) {
    .detailsContainer ul li ul li{ float:none !important; width:100%;}
    .detailsContainer .inputBoxContainer{ width:auto;}
    .detailsContainer #ulAgreement .inputBoxContainer{ 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%;}
.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;}
.detailsContainer ul li a.showTab{ margin-bottom:5px;}
    /*ul#ulFormBuilder li ul li {
    width: 100%;
}*/
}