﻿/***** Master Reset *****/  
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; text-align:left; }  

img {border:none;}

/***** Basic Elements *****/  
BODY 
{
	background-color: #D7D7D7;
    color:#515151;
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:12px;
    
      }

INPUT
{
	-webkit-appearance: none;
	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	outline: none;
	
}
 
.ContentWrapper
{
	margin-top:5px;
	width:797px;
	min-height:560px;
    float:left;
    
}
 /***** Header Elements *****/ 
#HeaderMemberPart
{
	float:right;
	background-repeat:no-repeat;
	background-position:bottom;
	width:799px;
	height:20px;
	text-align:right;
	margin-bottom:7px;
}

#HeaderMemberPart SPAN
{
	padding-left:15px;
}
 
#AniboomLogo 
{
	float:left;
	margin-right:12px;
}

#BreadCrumbsAndSearchBoxContainer
{
	float:left;
	width:800px;
	height:33px;
	margin-bottom:5px;
}
		
					

#BreadCrumbs
{
	float:left;
	height:33px;
	width:610px;
	line-height:33px;
	margin-top:0px;
	margin-left:0px;
	vertical-align:middle;
}

.SearchBox
{
	float:left;
	background-image: url(/resources/images/Header/SearchField.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:188px;
	height:27px;
	margin-top:5px;
}
#SearchBoxLong
{
	float:left;
	background-image:url('http://icons.aniboom.com/Energy/Search/SearchField.png');
	background-repeat:no-repeat;
	background-position:bottom;
	width:356px;
	height:29px;
}

/***** Main Menu *****/  
 
#globalNav 
{
	float:left;
	background-color: #EFEFEF;
	background-image: url(/resources/images/Header/Full_Box_Edge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	height: 71px;
	margin: 0;
	padding: 0px;
	position: relative;
	margin-left:3px;
	width: 797px;
}
#globalNavList {
	float: left;
	margin: 0;
	padding: 0;
	z-index: 1;
	border-top:solid 5px #787878;
}
.navMenu {
	float: left;
	font: 14px Arial;
	height: 35px;
	line-height: 35px;
	list-style: none;
	margin-left: 15px;
	width: 188px;
	text-align:left;
}
.navMenu:first-child { margin-left: 0px; }

.navMenuClosed { background-image: url(/resources/images/Header/Button.png); }
.navMenuClosedEmpty { background-image: url(/resources/images/Header/ButtonEmpty.png); }
.navMenuDefault { background-image: url(/resources/images/Header/TitleLine4SubMenue.png); }
.navMenuOpened { background-image: url(/resources/images/Header/ButtonOpened.png); }
.navMenuOpenedEmpty { background-image: url(/resources/images/Header/ButtonOpenedEmpty.png); }

.navMenuClosedWork { background-image: url(/resources/images/Header/Work.png); }
.navMenuClosedPost { background-image: url(/resources/images/Header/Post.png); }
.navMenuClosedWatch { background-image: url(/resources/images/Header/Watch.png); }
.navMenuClosedMeet_Us { background-image: url(/resources/images/Header/MeetUs.png); }


.navMenu a
{
	color: #FFFFFF;
	display: block;
	height: 35px;
	padding-left: 3px;
	text-decoration: none;
	white-space: nowrap;
	width: 180px;
}

.navMenuClosedPitch  ul
{
	background-image: url(/resources/images/Header/DarkEdge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}

.navMenuDefaultPitch
{
	background-image: url(/Resources/images/Header/Post_ON1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 188px;
}
.navMenuDefaultWork
{
	background-image: url(/Resources/images/Header/Work_ON1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 188px;
}
.navMenuDefaultPost
{
	background-image: url(/Resources/images/Header/Post_ON1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 188px;
}

.navMenuClosedWork ul
{
	background-image: url(/resources/images/Header/DarkEdge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}
.navMenuClosedPost ul
{
	background-image: url(/resources/images/Header/DarkEdge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}
.navMenuClosedWatch ul
{
	background-image: url(/resources/images/Header/DarkEdge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}

.navMenuDefaultWatch
{
	background-image: url(/Resources/images/Homepage/Watch_ON1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 188px;
}

.navMenuDefault ul
{
	background-image: url(/resources/images/Header/DarkEdge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}
.navMenuDefaultEmpty ul
{
	
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}

.navMenuClosedMeet_Us ul
{
	background-image: url(/resources/images/Header/DarkEdge.png);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	position: absolute;
	width: 188px;
	z-index: 2;
}

.navMenuDefaultMeet_Us
{
	background-image: url(/resources/images/Header/MeetUs_ON1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 188px;
}

.navMenu ul li
{
	display: inline;
	float: none;
}

.navMenu ul li a
{
	background-color: #282828;
	color: #FFFFFF;
	height: 30px;
	width: 188px;
	width: auto;
}

.navMenu ul li a:hover
{
	color: #000000;
}
.navMenuOpenedPost  { background-image: url(/resources/images/Header/Post_Over.png); }
.navMenuOpenedMeet_Us  { background-image: url(/resources/images/Header/MeetUs_Over.png); }
.navMenuOpenedWatch  { background-image: url(/resources/images/Header/Watch_Over.png); }
.navMenuOpenedWork { background-image: url(/resources/images/Header/Work_Over.png); }

/***** Colors for different sections *****/  
#Post ul li a:hover, #Post.navMenuDefaultPost > a, #Post.navMenuClosedPost > a:hover, #Post2nav A:hover, #Post2nav a.navCurrent {	color: #C810B1;}
#Work ul li a:hover, #Work.navMenuDefaultWork > a, #Work.navMenuClosedWork > a:hover, #Work2nav A:hover, #Work2nav a.navCurrent {	color: #00C318;}
#Watch ul li a:hover, #Watch.navMenuDefaultWatch > a, #Watch.navMenuClosedWatch > a:hover, #Watchs2nav A:hover, #Watch2nav a.navCurrent {	color: #00A0C6;}
#Meet_Us ul li a:hover, #Meet_Us.navMenuDefaultMeet_Us > a, #Meet_Us.navMenuClosedMeet_Us > a:hover, #Meet_Us2nav A:hover, #Meet_Us2nav a.navCurrent {	color: #FA9600;}

#globalNavList > .navMenu.navMenuOpened > a {	color: #FFFFFF;}
#globalNavList > .navMenu.navMenuOpenedEmpty > a {	color: #FFFFFF;}

.navMenu2ndLevel{	float: left;}

.navMenu2ndLevel LI
{
	float: left;
	font: 14px ;
	list-style: none;
}

.navMenu2ndLevel LI A
{
	color: #282828;
	display: block;
	line-height: 35px;
	padding-left: 18px;
	text-decoration: none;
	white-space: nowrap;
}

/**** Footer ****/
.footerTitle
{
	color:#1e1e1e;
	font-size:12px;
	height:21px;
	
	}
.UCFooterWrapper
{
	 float:left;
	 width:188px;
	 font-size:12px;
	 margin-left:15px;
	}
	
.UCFooterWrapper:first-child { margin-left: 0px; }

.footerSubTitleWrapper
{
	display:inline;
	background-image:url(http://icons.aniboom.com/Energy/Resources/userControls/Footer/Line_seperate.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	}
.footerSubTitle
{
	margin-top:6px ;
	color:#646464;
	font-size:12px;
	}
.FooterSubText
{
	margin-left:10px;
	float:left;
	}
.FooterSubImage
{
	float:left;
	}
.PitchSubText a
{
    color:#00a0c6; 	
}
.PitchSubText a:hover
{
    color:#0060b6; 	
}

.PitchSubTitle
{
	margin-top:11px;
}
.PitchSubImage
{
	margin-top:4px;
	}
.footer-innerPanel{}
.footer-innerPanel a{font-size:12px;padding-right:10px;padding-left:10px;color:#00a0c6; text-decoration:none;}
.footer-innerPanel a:visited{padding-right:10px;padding-left:10px;color:#00a0c6; text-decoration:none;}
.footer-innerPanel a:hover{padding-right:10px;padding-left:10px;text-decoration:underline; color:#0060b6;}
.footer-innerPanel .feedback a{color:Green}
.footer-innerPanel .feedback a:visited{color:Green}
.footer-innerPanel .feedback a:hover{}


/**** branding classes ****/
.AnimationsBoxedContainer, .CompetitionsBoxedContainer, .PortfoliosBoxedContainer, .MyStuffBoxedContainer
{
	
	background-color:#ffffff;
	border-top-style:solid;
	border-top-width: 5px; 
	padding-top:15px;
}
.BoxedContainerNoBorder
{
	background-color:#ffffff;
	padding-top:15px;
	}
.GridWidth1 {width:188px;}
.GridWidth2 {width:391px;}
.GridWidth3 {width:594px;}
.GridWidth4 {width:797px;}
.GridWidth5 {width:1000px;}

.seperator {margin:15px;}

.AnimationsBoxedContainer
{
	border-top-color:#00A0C6;
}

.CompetitionsBoxedContainer
{
	border-top-color:#C810B1;
}

.PortfoliosBoxedContainer
{
	border-top-color:#00C319;
}

.MyStuffBoxedContainer
{
	border-top-color:#FA9600;
}

/* Web Kit Woraround Checkbox problem */

input[type="checkbox"]{
    -webkit-appearance: checkbox;
}
/* Web Kit Workaround radioButten problem */
input[type="radio"] {
-webkit-appearance: radio;
-webkit-box-sizing: border-box;
}


/* round corner classes */

.roundCorners1 , .roundCorners2 , .roundCorners3 , .roundCorners4 , .roundCorners5
{
	background-position:bottom; 
	background-repeat:no-repeat;
	padding-bottom:15px;
}

.roundCorners1
{
	background-image:url('http://icons.aniboom.com/Energy/Resources/screens/animations/1-roundEdge.png');
}

.roundCorners2
{
	background-image:url('http://icons.aniboom.com/Energy/Resources/GeneralImages/391_roundEdge.png');
}


.roundCorners3
{
	background-image:url('http://icons.aniboom.com/Energy/Resources/GeneralImages/594_roundEdge.png');
}
.roundCorners4
{
    background-image:url('http://icons.aniboom.com/Energy/Resources/GeneralImages/797-roundEdge.png');
}
.roundCorners5
{
	background-image:url('http://icons.aniboom.com/Energy/Resources/GeneralImages/1000_roundEdge.png');
}


.LargeTitleContainer H1
{
	color:#1e1e1e;
	font-size:24px;
}
h1
{
    font-size:24px;
    color:#000000;
    }
.h1Sub{color:#787878;font-size:12px;} 
.h1SubSearch{color:#787878;font-size:18px;} 
.h1HomeGreen{color:#00C319;font-size:12px;} 
.h2SubBlack{color:#000000;font-size:12px;} 
.trademark {font-size:8px;} 

/* Carousel classes */
.CarouselHead {clear:left;}
.CarouselTitle { float:left; display:block; margin-left:15px; margin-right:15px; }
.CarouselPager {width:100px; float:right; padding-right:8px;  height:20px; text-align:right; }
.CarouselPager IMG { margin-right:7px; cursor:pointer; padding-top:7px; padding-bottom:7px; text-align:right;}
.CarouselContent LI {text-align:left; margin-right:7px; width:130px; height:104px;}
	.CarouselContent LI A{
	font-weight:bold;
	color:#000000;}
/*.CarouselContent LI IMG{  height:74px; max-width:130px;}*/



/* texts bible */

.remarksTexts
{
	color:#b4b4b4;
	font-size:12px;
	font-family:helvetica
}


.tinyTextDark
{
	color:#787878;
	font-size:8px;
	font-family:helvetica
}


.smallTextLight
{
	color:#b4b4b4;
	font-size:12px;
	font-family:helvetica
}

.smallTextDark
{
	color:#787878;
	font-size:12px;
	font-family:helvetica
}


.verySmallTextLight
{
	color:#b4b4b4;
	font-size:10px;
	font-family:helvetica
}

.mediumTextVeryDark
{
	color:#1e1e1e;
	font-size:14px;
	font-family:helvetica
}

.mediumTextDark
{
	color:#787878;
	font-size:14px;
	font-family:helvetica
}


.mediumTitleDark
{
	color:#787878;
	font-size:16px;
	font-family:typ1451-med
}

.mediumTitleVeryDark
{
	color:#1e1e1e;
	font-size:16px;
	font-family:typ1451
}


.largeTitleVeryDark
{
	color:#1e1e1e;
	font-size:24px;
	font-family:typ1451
}


.MyStuffColorLight
{
	color:#FA9600;
}

.EditLink
{
	
	float:left;
	margin-left:15px;
	padding-top:2px;
	display:block;
	}
.HideEditLink
{
	display:none;

	}
	
	
	
/* Tabs Menu */

.TabMenuSkin
{
	border-bottom:1px solid #ddd;
	background-color:#fff;
}

.TabSkinItemDefault
{
    line-height:35px;
	width:195px;	
	height:39px;
	background-image:url('/Resources/userControls/Navigation/TabsMenu/Images/Tab.png');
	float:left;
	text-align:center;
	font-size:16px;
	position:relative;
	top:2px;
	cursor:pointer;
}

.TabSkinItemDefault:hover
{
    line-height:35px;
	width:195px;	
	height:39px;
	background-image:url('/Resources/userControls/Navigation/TabsMenu/Images/Tab.png');
	float:left;
	text-align:center;
	font-size:16px;
	position:relative;
	top:2px;
	cursor:pointer;
	color:#ddd;
}

.TabSkinItemSelected
{
    line-height:35px;
	width:204px;	
	height:43px;
	background-image:url('/Resources/userControls/Navigation/TabsMenu/Images/TabSelected.png');
	float:left;
	text-align:center;
	font-size:16px;
	z-index:5;
	position:relative;
	top:1px;
	cursor:pointer;
	
}

.TabSkinItemSelected:hover
{
    line-height:35px;
	width:204px;	
	height:43px;
	background-image:url('/Resources/userControls/Navigation/TabsMenu/Images/TabSelected.png');
	float:left;
	text-align:center;
	font-size:16px;
	z-index:5;
	position:relative;
	top:1px;
	cursor:pointer;
	color:#ddd;
	
}
	
	
	
a 
{
     color:#0060b6; 
     text-decoration:none;   
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

.aReversed
{
	 color:#00A0C6; 
     text-decoration:none; 
      
	}
.aReversed:hover
{
	 color:#0060b6;
     text-decoration:none; 
     cursor:pointer; 
	}
	
/*Rainbow*/

.regularGray
{
	color:#787878;	
	}
.regularGray:hover
{
	/*on hover color = darkBlue */
	color:#0060b6;	
	}

/*Core Base Color*/
.darkBlue
{
    color:#0060b6;    
}

.lightBlue
{
    color:#00A0C6;    
}

/*Portfolio*/
.darkGreen
{
    color:#007D19;    
}

.lightGreen
{
    color:#00C319;    
}

/*My Stuff*/
.darkOrange
{
    color:#E64600;
}

.lightOrange{
    color:#FA9600;
}

/*Spare Colour*/
.darkRed{
    color:#BA0F0F;
}

/*Error Colour*/

.lightRed{
    color:#FF1414;
}

/*Competitions*/
.darkPurple{
    color:#870A73;
}

.lightPurple{
    color:#C810B1;
}



.paddedDiv
{
    margin:15px;    
}
.paddedDivNoTop
{
    margin:15px;    
    margin-top:0px;
}
.SpotLightContainer
{
	background-color:#ffffff;
	margin-top:-20px;
	margin-left:-4px;
	padding-bottom:10px;
}
.SpotLightMainTitle
{
	margin-top:-2px;
	text-decoration:none;
	color:#00C319;
}
.SpotLightBrif
{
	font-size:14px;
	color:#000000;
}
.SpotLightTitleImg
{
}
.SpotLightTitle
{
}
.SpotLightRightArea
{
	margin-left:6px;
	width:222px;
	float:left;
}
.SpotLightVideoLink
{
}
.SpotLightLeftArea
{
	width:135px;
	float:left;
}
.SpotLightPic
{
	height:134px;
	width:134px;
}



/*Login Box*/
.header-loginTextbox{ border:none;width:120px;height:14px;background-image:url('/Resources/images/SignUp/LogIn_TextBox.png');}
.header-loginImage{position:relative;top:4px;margin-left:6px;}
.header-loginLabel{margin-right:7px;}
.LoginLoginHomepage{}
.header-loginTextbox{}
/*Login Box homepage*/
.homepage-loginTextbox
{
	background-color: Transparent;
    border:none;
    width:158px;
    height:20px;
    background-image:url('/Resources/images/SignUp/text_field.png');
     background-repeat:no-repeat;
    }
.breadcrumb
{
    color:#515151;
}

.breadcrumb:hover
{
    color:#0064B4;
}

.PlayerContentWrapper
{
	 
	}
.BreadCrumbsAndSearchBoxContainer
{
	width:812px;
	float:left;
	margin-top:15px; 
}
.HeaderMemberPart
{
 margin-top:7px;
}

/* Competitions*/
.MainContentComp
{
	 background-color:#D7D7D7 !important;
	 width:1000px;
	 padding-top:15px;
	}
.CompPluseMinus
{
	 cursor:pointer;
	}
		/*Alikes*/
.aLikeOver
{
	color:#00A0c6 !important; 
	cursor:pointer;
	}
.aLikeOut
{
	color:#0060B6 !important;
	}
.aLikeSelected
{
	color:#00A0c6 !important; 
	 /*text-decoration:underline;      */
	}
.aLike:hover
{
	color:#00A0c6 !important; 
	cursor:pointer;
	}
.aLike
{
	color:#0060B6 !important;
	}	
	
@font-face {
	font-family: 'Ty14Bd';
	src: url('/Resources/fonts/Ty14Bd_.eot');
	src: local('☺'), url('/Resources/fonts/Ty14Bd_.woff') format('woff'), url('/Resources/fonts/Ty14Bd_.ttf') format('truetype'), url('/Resources/fonts/Ty14Bd_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.aniBtn 
{
	font-family:'Ty14Bd',Sans-Serif;	
	color:#FFFFFF;
	width:130px;
	height:26px;
	vertical-align:middle;
	font-size:14px;	
	border-radius:4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px;
	cursor:pointer;
	float:left;
	text-align:center;
	display:block;
	text-shadow: 0 0 1px rgba(255,255,255,0.5);
	text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    border:0px;

}

.aniBtnDisabled {background-color: #b4b4b4 !important;}
.aniBtnDisabled:hover {background-color: #787878; }

.aniBtnSmall
{
	width:80px;
}

.aniBtnFat
{
	width:220px;
	height:55px;
}

.aniBtnFat.aniBtnSmall {width:168px;}

.aniBtn:hover {color:#FFFFFF;}

.aniBtnGreen {background-color: #00C318;}
.aniBtnGreen:hover {background-color: #007d19; }
.aniBtnGrey {background-color: #b4b4b4;}
.aniBtnGrey:hover {background-color: #787878; }



	
