﻿/*Standard Box Control */
.controlArrow { width:14px; height:14px; display:block; margin: 10px 0 0 14px; float:left; text-indent: -1000px; overflow:hidden; }
.controlMinMax { float:right; margin: 0 10px 0 0; }
.controlMinimiseButton { display:block; float:left; height:15px; margin: 0 2px 0 0 ; width:14px; }
.controlCloseButton { display:block; float:left; height:15px; width:14px; }
.controlHeadline { position:relative; margin: 0; width:239px; }
.controlHeadlineImage { float:left; height:114px; width:114px; }
.controlHeadlineCreativityWrapper { border:solid 1px white; border-bottom:none; float:left; height:104px; padding: 10px 0 0 25px; width:206px; }
.controlHeadlineDidYouKnowWrapper { padding:10px; width:213px; }
.controlHeadlineButtonWrapper { float:left; height:114px; width:125px; }
.controlHeadlineButton { border-bottom: solid 1px white; color:#fff; display:block; height:33px; padding:2px; overflow:hidden; width:121px; font-size:9px;}
.controlHeadlineButton.selected { font-weight:bold; }
.controlHeadlineButton.selected .controlHeadlineImageSelected { display: block; position:absolute; top:0; left:0; }
.controlHeadlineImageSelected { display:none; width:114px; height:114px; }

.controlContentListHeadline { background-color:#DCDDDF; clear:both; height:22px; width:219px; padding: 10px 10px 5px 10px; }
.controlContentListSubHeading2Coloumn { background-color:#dcdddf; clear:both; height:22px; width:486px; padding: 10px 0 5px 0; margin: 0 0 0 2px; }
.controlContentListArrow { height:11px; width:13px; display:block; margin: 2px 0 0 10px; float:left; }
.controlContentHeading { font-size:13px; font-weight:bold; margin: 0 0 0 35px; }
.controlContentListMinMax { float:right; margin-right:10px; }
.controlPlusButton { display:block; float:left; height:16px; margin: 0 2px 0 0; width:16px; }
.controlMinusButton { display:block; float:left; height:16px; width:16px; }
.controlContentListContent { font-size:10px; }

.controlContentListCell { margin: 5px 0 0 10px; min-height:80px; width:222px; }
.controlContentListCellImage { border:none; height:75px; width:75px; float:left; margin: 0 5px 0 0; }
.controlContentListCellImageLarge { border:none; max-height:200px; max-width:222px; display:block; float:none; margin: 0 auto 5px auto; }
.controlContentListCellHead { margin-bottom:8px; }
.controlContentListCellHeadNoPad { margin-bottom:2px; }
.controlContentListCellDescription { color:#818287; margin: 1em 0; max-height:40px; }
.controlContentListCellDescriptionNoPad { color:#818287; line-height:25px; }
.controlContentListCellDescriptionNoPad input { margin:0 2px 0 10px; padding:0; }
.controlContentListSep { background-color:#CCC; height:1px; width:222px; margin: 0 0 10px 10px; }
.controlContentFieldLabel { margin: 0 0 5px 10px; }
.controlContentField { margin: 0 0 5px 10px; }
.controlWrapper .link { display:block; text-indent:20px; max-width:230px; line-height:20px; }

.siteSearchResult { margin: 0 30px; line-height:1.6em; }

ul.subItems { list-style:none; margin:5px 5px 0 5px; padding:0; }

/* Larger Box Control 
---------------------*/
/* Styles for the headline area */
.control300Headline { padding-left:3px; width:300px; }
.control300HeadlineButtonWrapper { border-top:solid 1px white; border-left:solid 1px white; border-right:solid 1px white; float:left; height:114px; width:180px; }
.control300HeadlineButton { border-bottom: solid 1px white; color:#FFF; display:block; height:33px; padding:2px; overflow:hidden; width:176px; }
.control300HeadlineButton:hover { font-weight:bold; }

/* Styles for a content list */
.control300ContentHeadline { margin-left:4px; width:295px; }
.control300ContentHeadlineText { padding:10px; }
.control300ContentListHeadline { background-color:#DCDDDF; clear:both; height:22px; margin: 0 4px 0 4px; padding: 10px 0 5px 0; }
.control300ContentListCell { margin:5px 0 0 10px; min-height:80px; width:282px; }
.control300ContentListSep { background-color:#ccc; height:1px; width:282px; margin:0 0 10px 10px; }

.searchBox .control300Header { padding: 0.5em 0 0.5em 0;}
.searchBox .control300ContentGrey label { display:block; color:#fff; font-weight:bold; }
.searchBox .control300ContentGrey input { margin: 6px 0 0 0; width:198px!important; }
.searchBox .control300ContentGrey select { margin: 6px 0 0 0; width:200px!important; }

.searchBox .controlContent label { display:block; color:#fff; font-weight:bold; margin: 0.5em 0 0 0; }
.searchBox .controlContent input { margin: 6px 0 0 0; width:138px!important; }
.searchBox .controlContent select { margin: 6px 0 0 0; width:140px!important; }

.lightSearchContainer { background-color: #DCDDDF; padding:10px 10px 10px 10px; }

.control300ContentHeading { margin-left:10px; margin-bottom:5px; }

/* Styles that are applicable to the 2 columned browse product box */
.control300ContentCol1 { border-right: solid 1px #ccc; float:left; height:180px; width:150px; }
.control300ContentCol2 { float:left; width:150px; }
.control300ContentColSeperator { border-bottom: solid 1px #ccc; height:5px; width:150px; margin: 0 0 5px 0; }
.control300ContentLink { font-size:11px; line-height:16px; color:#6d6e72; margin: 0 0 0 10px; }
.control300ContentSubLink { color:#818287; margin: 0 0 0 30px; }

/* Standard Elements */
.control300ContentGrey .textbox { margin-right:5px; width:175px; }
.control300ContentGrey select { margin-right:5px; min-width:180px; width:180px; }

/* My Creativity Styles */

#myCreativity a { color:#FFF; font-size:12px; line-height:31px; }
#myCreativity ul.blueHeader { margin:0 4px 0 4px; padding:0px; list-style:none; }
#myCreativity ul.blueHeader li { padding:0 0 0 10px; height:31px; }
#myCreativity .header { background-color:#D1D2D4; color:#6D6E72; margin: 0px 4px 0px 4px; padding: 5px 3px 5px 3px; width:290px; }
#myCreativity .footer { padding: 10px 14px 0 14px; text-align:right; }
#myCreativity .footer a { font-weight:bold; line-height:normal; margin-left:10px; }

/* Customise Site Styles */
#login300 p { margin: 10px; }
#login300 #mini-login { margin: 5px 14px; }
#login300 #mini-login .validationError { float:right; background:none; padding:0; margin:0; line-height:32px; text-indent:0; }

#login300 .customise-content { color:#6D6E72; width:276px; }
#login300 .customise-content ul { margin:0; }
#login300 .customise-content div.hr { margin: 0.5em 0; }
#login300 .customise-content p { margin: 0px; }
#login300 h3 { background-color:#3EA8D2; color:#AADCF5; }
#login300 h4 { background-color:#EA028A; color:#FFF; }

/* Mini Login */
table#mini-login { border-collapse: collapse; margin:0; padding:0; }
table#mini-login tr td { padding:4px; }
table#mini-login .TextBox { width: 140px; }


/* IHeadline
------------*/
#IHeadLine.FullWidthImageTab { width:486px; padding: 243px 0 0 0; margin: 0 4px 0 4px; }
#IHeadLine.ImageTab { width:486px; padding: 163px 0 0 0; margin: 0 4px 0 4px; }
#IHeadLine #topLinks { margin: 0 2px 0 2px; font-size:12px; font-weight:bold; padding: 0 0 10px 0; border-bottom:solid 2px #FFF; }
#IHeadLine #topLinks a { color:#FFF; text-decoration:none; padding: 0 0 0 10px; }

.largeBoxBody h1 { margin:0 6px 0 6px; padding:0 0 5px 10px; }

/* Top Tabs */
#IHeadLine #topTab { width: 482px; margin: 0 2px 0 2px; }
#IHeadLine #topTab ul { list-style:none; margin:0; padding:0; }
#IHeadLine #topTab ul li { display:block; float:left; line-height:35px; text-align:center; font-size:12px; font-weight:bold; }
#IHeadLine #topTab ul li a { display:block; height:35px; padding: 0 20px 0 20px; color:#FFF; text-decoration:none; }	
#IHeadLine #topTab ul li a { border-left:solid 2px #FFF; }
#IHeadLine #topTab ul li.firstRecord a { border:none; }

/* Sub Tabs */
#IHeadLine #topTab ul li ul { width:200px; position:absolute; list-style-type:none; z-index:499px; border-top:solid 2px #FFF; border-right:solid 2px #FFF; border-bottom:none; border-left:none; }
#IHeadLine #topTab ul li ul li{ border:none; border-bottom:solid 2px #FFF; min-width:200px; }

/* Main Image */
#headlineFullImage { max-width:482px; margin: 0 2px 0 2px; clear:both; }

/* Footer Tabs */
#footerTabs { width: 487px; height:44px; position:relative; margin:0 2px 0 2px; }
#footerTabs ul { list-style:none; margin:0 0 0 0; padding:0; }
#footerTabs ul li { float:left; height:44px; line-height:34px; text-align:center; text-transform:capitalize; font-weight:bold; }
#footerTabs ul li a { display:block; height:34px; margin: 10px 0 0 0; text-decoration:none; }

#footerTabs ul li.one, #footerTabs ul li.one a { width:482px; }
#footerTabs ul li.two, #footerTabs ul li.two a { width:321px; }
#footerTabs ul li.three, #footerTabs ul li.three a { width:162px; }
#footerTabs ul li a { border-left:solid 2px #FFF; }
#footerTabs ul li a.first { border:none; }
#footerTabs ul li a:hover, #footerTabs ul li.selected a { color:#FFF; }
#footerTabs ul li.selected .fullImageReplacement { display:block!important; position:absolute; top:-243px; left:0; }
#footerTabs ul.full { margin: 0 0 0 0; }
#footerTabs ul.tab { margin: 0 0 0 0; }
#footerTabs ul li.imageTab { position:relative;  }
#footerTabs ul li.imageTab img { position:absolute; top:-163px; left:0; }

/* Large Image */
.fullImageReplacement { border-bottom:solid 2px #FFF; display:none; }

#clubHeading { border:solid 1px red; height:20px; width:488px; }

/* Community page override */	
#communityHeadline #IHeadLine #topTab ul { height:62px; }
#communityHeadline #IHeadLine #topTab ul li ul { height:24px; left:0; list-style-position:outside; list-style-type:none; position:absolute; width:488px; }
#communityHeadline #IHeadLine #topTab ul li ul li { border:0px; display:block; float:left; height:24px; line-height:22px; list-style-type:none; }
#communityHeadline #IHeadLine #topTab ul li ul li a { font-size:11px; height:24px; line-height:24px; }
#communityHeadline #IHeadLine #topTab ul li ul li a:hover { height:24px; line-height:24px; }

/* Project Search Box */
#projectSearch input { width:282px!important; margin: 5px 0; }
#projectSearch select { width:284px!important; margin: 5px 0; }