/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Arial, Verdana, sans-serif; font-size:12px; color:#888; background:#f0f0f0;}
p { padding-bottom:15px; line-height:18px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none; color:#888;}
a:hover, a:focus {text-decoration:underline; color:#ed1b24;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/square.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
input, select, textarea { font-size:11px; font-family:Arial, Verdana, sans-serif;}
.checkbox input { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}

blockquote { border-left:7px solid #f0f0f0; padding:15px 15px 0 10px; background:#f9f9f9; margin:0 0 15px 0; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { color:#666666; font-weight:bold; text-transform:lowercase;}
	#content h1 { font-size: 22px; padding:11px 10px 3px 10px; margin:0px 0px 15px 0px; background:#f0f0f0;}
h2 { font-size: 16px; color:#666666; font-weight:bold; padding:0px 0px 6px 0px; text-transform:lowercase;}
h3 { font-size: 14px; color:#666666; font-weight:normal; padding:0px 0px 2px 0px;}

.cufon-canvas { margin:0 0 8px 0;}
.cufon-vml { margin-bottom:8px !important;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container, .footer { width:960px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 10px 0px 10px; background:url('/_images/bg/containerDivider.gif') no-repeat 0px 125px #fff;}
.footer { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:15px 0px 0px 0px; background:url('/_images/bg/containerDivider.gif') no-repeat 0px 0px;}
	#content { float:left; width:640px; padding:0px 0px 20px 0px;}

.masthead { position:relative; float:left; width:940px; padding:20px 10px 10px 10px; min-height:120px; height: auto !important; height: 120px; z-index:2;}
	.masthead .logo { float:left;}
	.masthead .recruiting { position:absolute; top:70px; right:-20px; width:140px; height:46px;}
	.masthead .whitepaper { position:absolute; top:51px; right:-20px; width:158px; height:74px;}
	.masthead .award { position:absolute; top:51px; right:-2px; width:158px; height:74px;}
	
	.masthead .topLinks ul.links { float:right; width:600px; padding:5px 0px 25px 0px;}
		.masthead .topLinks li { float:right; display:inline; padding:0px 0px 0px 20px; font-size:11px;}
		.masthead .topLinks li a { font-weight:normal; color:#888;}
		
	.masthead .topLinks ul.languageSelect { float:right; padding:0 0 0 10px; }
		.masthead .topLinks ul.languageSelect li { float:left; display:inline; padding:4px 0px 0px 5px; font-size:11px;}
		.masthead .topLinks ul.languageSelect li a { float:left; width:16px; height:16px; text-indent:-9999px}
		.masthead .topLinks ul.languageSelect li a.brazil { background:url('/_images/icons/flags/Brazil.png') 0 0 no-repeat;}
		.masthead .topLinks ul.languageSelect li a.english { background:url('/_images/icons/flags/UK.png') 0 0 no-repeat;}
		
	.masthead .topNav { float:right; width:620px; padding:0px 0px 0px 0px;}
		.masthead .topNav li { float:left; padding:0px 0px 0px 20px; font-size:16px; text-transform:lowercase;}
		.masthead .topNav li a { float:left; padding:0px 15px 0px 0px; color:#666666; text-decoration:none;}
		.masthead .topNav li a:hover, .masthead .topNav li a:active, .masthead .topNav li a:focus { color:#ed1b24;}
		.masthead .topNav li a span { float:left; height:35px; padding:11px 0px 0px 15px; line-height:16px;}
		.masthead .topNav li a.selected { color:#666666; background:url('/_images/bg/topNav.gif') no-repeat top right;}
		.masthead .topNav li a.selected span { background:url('/_images/bg/topNav.gif') no-repeat top left;}
	
	.masthead .homeIntro { z-index:20; position:absolute; top:150px; left:10px; width:255px; padding:25px 20px 10px 20px; background:#f8f9fa;}
		.masthead h1 { font-size: 32px; padding:0px 0px 10px 0px;}

	.deepLinks { float:left; position:relative; width:980px; padding:35px 0px 0px 0px; background:url('/_images/bg/deepLinks.gif') repeat-x top left #242424;}
		.deepLinks h2 { position:absolute; top:0px; left:0px; width:244px; padding:0px 0px 0px 0px; text-transform:lowercase; border-right:1px solid #191919;}
		.deepLinks .second { left:245px;}
		.deepLinks .third { left:490px;}
		.deepLinks .fourth { left:735px;}
		.deepLinks a { font-weight:normal;}
		.deepLinks h2 a { float:left; width:203px; padding:8px 14px 4px 27px; text-decoration:none; font-size:18px; color:#aaaaaa; background:url('/_images/bullets/deepLinks.gif') no-repeat 15px 14px;}
		.deepLinks h2 a:hover, .deepLinks h2 a:active, .deepLinks h2 a:focus { color:#fff;}
		.deepLinks div { float:left; font-size:11px;}
		.deepLinks div ul { float:left; width:978px; padding:15px 1px 10px 1px; background:#181818;}
		.deepLinks div li { float:left; display:inline; width:140px; padding:0px 8px 5px 15px;}
		.deepLinks div li a { color:#888; padding:0px 0px 0px 8px; background:url('/_images/bullets/deepLinks-arrow.gif') no-repeat 0px 4px;}

	#footer { float:left; width:950px; padding:10px 15px 10px 15px; font-size:11px; background:#000;}
		#footer, #footer a { color:#666; font-weight:normal;}
		#footer li { float:left; display:inline; padding:0px 20px 0px 0px;}
		#footer .fr { float:right; padding:0px 0px 0px 15px;}
		#footer .scroll { padding:0px 0px 0px 15px; background:url('/_images/bullets/backTop.gif') no-repeat 0px 1px;}

#content .sitemap{ padding:0 10px 10px 10px;}
#content .sitemap li{ background:none; width:620px; background:url("/_images/bg/dotted-horiz.gif") repeat-x scroll left bottom transparent; padding:10px 0 10px 0;}
/********************************************************************/
/*                         Banner Slider tags                       */
/********************************************************************/

.bannerSlider { position:relative; float:left; width:960px; z-index:1; margin:0px 0px 15px 0px; height:485px; overflow:hidden;}
.bannerSlider h2 { position:absolute; top:433px; left:0px; width:118px; height:52px; padding:0px 0px 0px 0px; z-index:3;}
	.social.bannerSlider h2 { width:155px;}
	.design.bannerSlider h2 { width:170px;}
	.mobile.bannerSlider h2 { width:101px;}
	.video.bannerSlider h2 { width:101px;}

	.carouselWrapper { float:left; padding:0px 0px 0px 0px;}
	#container .carouselWrapper { background:url('/_images/bg/ajax-loader.gif') no-repeat 50% 50% #f0f0f0; padding:0;}
	#container .carouselWrapper, #container .carouselWrapper .panel { width:960px;}
		
	#container .carouselWrapper { clear:both; overflow:auto;}
	#container .carouselWrapper { float:left; overflow:hidden; position:relative;}
	#container .carouselWrapper .panel { display:block; float:left; padding:0; background:none; position:relative;}

	.carouselWrapper .panel .banner { float:left; width:960px; height:440px;}
	.carouselWrapper .panel a { color:#888; font-weight:normal;}
	.carouselWrapper .panel a:hover span, .carouselWrapper .panel a:active span, .carouselWrapper .panel a:focus span { text-decoration:underline;}
	.carouselWrapper .panel span { float:left; width:828px; height:30px; padding:15px 0px 0px 132px;}
		.social.bannerSlider .carouselWrapper .panel span { width:790px; padding:15px 0px 0px 170px;}
		.design.bannerSlider .carouselWrapper .panel span { width:775px; padding:15px 0px 0px 185px;}
		.mobile.bannerSlider .carouselWrapper .panel span { width:834px; padding:15px 0px 0px 126px;}
		.video.bannerSlider .carouselWrapper .panel span { width:844px; padding:15px 0px 0px 116px;}

	.carouselNav { position:absolute; top:440px; right:0px; height:27px; padding:18px 15px 0px 20px; background:#f0f0f0}
		#container .carouselNav ul { float:left; padding:0px 0px 0px 0px;}
		#container .carouselNav ul li { float:left; display:inline; padding:0px 0px 0px 5px; background:none;}
		.carouselNav ul li a { display:block; float:left; width:11px; height:11px; text-indent:-9999px; background:url('/_images/banners/off.gif') no-repeat center center; outline:none;}
		.carouselNav ul li.selected a, .carouselNav ul li a:hover, .carouselNav ul li a:active, .carouselNav ul li a:focus { background-image:url('/_images/banners/on.gif');}
		
/***** Slider for content pages *****/

#content .bannerSlider { height:390px;}
	#content .bannerSlider, #content .carouselWrapper, #content .carouselWrapper .panel { width:640px;}
	#content .carouselWrapper { height:390px;}
	#content .carouselWrapper .panel .banner { height:345px; width:640px;}
	#content .carouselWrapper .panel span { padding-left:15px; width:625px;}
	#content .carouselNav { top:345px;}

/********************************************************************/
/*                         Content Page tags                        */
/********************************************************************/

#aboutUs{ width:960px; height:355px; float:left; background:url('/_images/bg/about-us-bg.jpg') no-repeat top left; margin:0 0 15px 0;}
h2.titles span { float:left; height:32px; padding:3px 10px 0px 9px; background:url('/_images/bg/content-title.gif') no-repeat top left; color:#fff; font-size:21px;}

ul#keyPersonnel{ width:630px; float:left; list-style:none; background:none; margin:20px 0 0 0;}
ul#keyPersonnel li{ background:url(/_images/bg/dotted-horiz.gif) repeat-x bottom left; padding:0 0 10px 0; float:left; width:630px; margin:0 0 20px 0;}
ul#keyPersonnel li img{ width:100px; height:125px; float:left;}
ul#keyPersonnel li .description{ width:530px; float:right;}
ul#keyPersonnel li .description h2 span{ border-right:1px solid #dbdbdb; padding:0 10px 0 10px; text-transform:lowercase;}
ul#keyPersonnel li .description h2 span.title{ border:none;}
ul#keyPersonnel li .description p{ padding:0 0 0 10px; line-height:1.6em;}
.insightImage{ margin:0 0 20px 0; float:left;}

/********************************************************************/
/*                           rightCol tags                          */
/********************************************************************/

#rightCol { float:right; width:305px; padding:0px 0px 20px 0px;}
	#rightCol h2 { float:left; width:305px; padding:0px 0px 5px 0px; color:#fff; font-size:20px; text-transform:lowercase;}
	#rightCol h2 span { float:left; height:32px; padding:3px 10px 0px 10px; background:url('/_images/bg/rightCol-title.gif') no-repeat top left;}
	#rightCol .section .more { float:right; padding:0px 10px 0px 10px; color:#ed1b24; font-size:14px; text-transform:lowercase; text-decoration:none; background:url('/_images/bullets/arrow-red.gif') no-repeat 0px 5px;}
	
	#rightCol .section { float:left; width:305px; padding:0px 0px 5px 0px;}
		#rightCol .section .article { float:left; display:inline; width:295px; padding:5px 0px 15px 0px; margin:0px 0px 10px 10px; background:url('/_images/bg/dotted-horiz.gif') repeat-x bottom left;}
		#rightCol .section .article h3, #rightCol .section .article p { padding:0px 0px 5px 0px; font-size:12px;}
		#rightCol .section .article p a { font-weight:normal; text-decoration:underline;}
		#rightCol .section .article img { float:left; display:inline; width:295px; margin:0px 0px 10px 0px;}

		#rightCol .time, #content .time { font-size:11px; font-style:italic; font-weight:normal;}
		
	#rightCol .section img.caseStudyLogo{ margin:0 0 15px 0;}	
	#rightCol .intro{ margin:0 0 15px 0;}
	#rightCol .intro p{ font-size:14px; padding:0px; color:#5a5a5a; line-height:1.5em; }

	#rightCol #twitter_div{ padding:5px 5px 5px 0; line-height:18px;}
	#rightCol #twitter_div ul{ list-style:none; float:left;}
	#rightCol #twitter_div ul li{ background:url("/_images/bg/dotted-horiz.gif") repeat-x scroll left bottom transparent; margin:0 0 10px 10px; padding:5px 0 15px; width:295px; color:#888888;}
	
	#socialLikes{ float:right;}
	#socialLikes div{ float:left; width:65px;}
	#socialLikes div.facebook{ margin:0 20px 0 0;}

/********************************************************************/
/*                        module article tags                       */
/********************************************************************/

#content .wysiwygBlock { padding:0px 10px 10px 10px;}

#content .jobs{ float:left; list-style:none;}
#content .jobs li{ float:left; width:620px; margin:0px 0 10px 0; background:url("/_images/bg/dotted-horiz.gif") repeat-x scroll left bottom transparent; padding:10px 0 20px 0;}
#content .jobs li div.apply{ width:578px; padding:20px; background:#F9F9F9; border:1px solid #F0F0F0}

#content .jobs ul li{ padding:0px 0px 5px 10px; background:url('/_images/bullets/square.gif') no-repeat 0px 5px; border:none;}

ul#buttons{ float:left; list-style:none; margin:10px 0 0 0; padding:0;}
ul#buttons li{ float:left; display:inline; margin:0 10px 0 0; background:none; padding:0; }
.freephone{ background:#ed1b24; padding:10px; width:620px; color:#fff; margin:0 0 10px 0; font-size:14px; font-weight:bold;}

#content .contactUs {padding:0 10px 0 0; float:left; width:640px;}
#content .contactUs .phoneNumbers {width:614px; margin:0 0 10px 0; padding:7px 10px; border:3px solid #F0F0F0; background:url('/_images/bg/bg-phone-numbers.gif') 95% 100% no-repeat #FFF;}
#content .contactUs .phoneNumbers p {padding:3px 0; font-size:14px;}
#content .contactUs .phoneNumbers p span {color:#ED1B24; font-weight:bold;}

#content .contactUs .office {float:left; width:297px; margin:0 0 6px 6px; padding:10px 7px; border:3px solid #F0F0F0;}
#content .contactUs .office.first {margin:0 0 6px 0;}
#content .contactUs .office .maps .map {float:left; margin:0 0 5px 0;}
#content .contactUs .office .maps #buttons {float:left; margin:0; padding:0; list-style:none;}
#content .contactUs .office .maps #buttons li {float:left; margin:0 0 0 5px; padding:0; background:none;}
#content .contactUs .office .maps #buttons li.first {margin:0;}

#content #caseStudyVideoHolder{ margin:0 0 10px 0;}

#content .featured, #content .category { float:left; width:640px; margin:0px 0px 10px 0px; background:url('/_images/bg/featured.png') no-repeat bottom left;}
	#content .featured h2, #content .category h2 { float:left; width:620px; padding:12px 10px 8px 10px; text-transform:lowercase; background:#f0f0f0;}
	#content .featured h2 a, #content .category h2 a { color:#666666;}
	#content .featured .photo { float:left; position:relative; width:640px;}
	#content .featured .photo span { position:absolute; top:0px; left:0px; width:640px; height:275px; background:url('/_images/bg/featured.png') no-repeat 0px 0px;}
	#content .featured p { padding:0px 10px 10px 10px;}
	#content .featured a, #content .category a { font-weight:normal;}
	#content .featured .fr, #content .category .fr { display:inline; margin:0px 1px 1px 0px;}
	#content .featured .time { padding:0px 10px 0px 10px;}
	#content .featured .tags { float:left; width:620px; padding:10px 10px 10px 10px;}
		#content .featured .tags h3 { float:left; width:35px; padding:0px 0px 0px 0px; font-weight:normal; text-transform:lowercase;}
		#content .featured .tags ul { float:left; width:585px; padding:0px 0px 0px 0px;}
		#content .featured .tags li { float:left; display:inline; padding:0px 10px 0px 0px; background:none;}
	
	#content .category p { padding:0px 0px 10px 0px;}
	#content .category .article { float:left; width:600px; padding:20px 20px 0px 20px; background:url('/_images/bg/featured.png') no-repeat top left;}
	#content .category .article div { float:right; width:480px; padding:0px 0px 0px 0px;}
	#content .category .article h3 a strong { font-weight:bold;}

	#content .articleList { float:left; width:620px; padding:0px 10px 20px 10px;}
		#content .articleList div { float:right; width:525px; padding:0px 0px 0px 0px;}
		#content .articleList img { float:left; width:80px;}
		#content .articleList a { font-weight:normal;}
		#content .articleList h2 { padding:0px 0px 0px 0px;}
		#content .articleList p { padding:0px 0px 5px 0px;}


#content .aboutUs { padding:0px 10px 10px 10px; width:320px;}

#content .highlightedBlock{border-left:1px solid #f0f0f0; padding:15px 15px 0 10px; background:#f9f9f9; margin:0 0 15px 0; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
#content .highlightedBlock h2{ font-size:21px; text-transform:lowercase;}
#content .highlightedBlock h3{ padding:0 0 8px 0; font-size:13px;}

/********************************************************************/
/*                        module article tags                       */
/********************************************************************/

.articleSection { background:url(/_images/bg/dotted-horiz.gif) bottom left repeat-x; margin:0 0 15px 0; padding:0 12px;}
	.articleSection.last { background:none;}
	
	.articleSection h2 { float:left; width:100%; padding:2px 0 14px 0; color:#fff; font-size:22px; text-transform:lowercase;}
		.articleSection h2 span { float:left; height:32px; padding:2px 10px 0px 10px; background:url('/_images/bg/case-title.gif') no-repeat top left;}

#content .articleSection ul{ clear:both; margin:0 0 5px 0; padding:0 0 5px 0;}

		#content .articleSection li { line-height:1.4em; background-position:0px 6px; padding:0 0 10px 15px; }
			.articleSection li h3 { font-weight:normal; padding:0 0 5px 0;}

.caseLink { padding:5px 12px 0 12px; overflow:auto;}
	.caseLink a { background:#666666; font-size:17px; line-height:1em; color:#fff; padding:15px 20px 7px 20px; text-decoration:none; float:left;}
		.caseLink a:hover, .caseLink a:active, .caseLink a:focus { background:#ed0d15;}
		
.articleContent { padding:0 12px;}	
	.articleContent .thumb { float:right; margin:0 0 15px 15px;}
	
/********************************************************************/
/*                        	  clients                     			*/
/********************************************************************/
	
#clients { float:left; width:640px; background:url(/_images/bg/inner-shadow.gif) top left repeat-y; overflow:hidden;}
	#clients .innerTop, #clients .innerFooter { float:left; width:100%;}
	#clients .innerTop { background:url(/_images/bg/inner-shadow-top.gif) top left no-repeat;}
	#clients .innerFooter { background:url(/_images/bg/inner-shadow-footer.gif) bottom left no-repeat;}
					
#content .image-grid { width:640px; padding:0; margin:-1px 0 0 0; background:url(/_images/bg/grid.gif) top left repeat-y; float:left;}
	#content .image-grid li { background:none; float:left; margin:0; overflow:hidden; padding:0; width:160px;}
		#content .image-grid li a { float:left; height:130px; width:160px; background-position:0px 0px; background-repeat:no-repeat;}
			#content .image-grid li a:hover, #content .image-grid li a:active, #content .image-grid li a:focus { background-position:0px -130px;}
			#content .image-grid li a span { position:absolute; left:-9999px;}
		#content .image-grid .spacer { height:130px; background:url(/_images/clients/client-logos/spacer.gif) center center no-repeat;}

/********************************************************************/
/*                          contact tags  		                    */
/********************************************************************/

#content .contact .error { float:left; width:490px; color:#d15959; padding:8px 15px 17px 15px; margin:0px 0px 0px 0px; border-top:1px solid #eb9494; background:url('/_images/bg/error-520.gif') no-repeat bottom left;}
#content .contact .error span { padding:1px 0px 1px 25px; background:url('/_images/bg/error.gif') no-repeat 0px 1px;}
#content .contact .alertInfo { float:left; width:490px; padding:9px 14px 0px 14px; margin:0px 0px 10px 0px; border:1px solid #e7e7e7; background:#f0f0f0;}
	#content .contact .alertInfo p { padding:0px 0px 10px 0px;}
	#content .contact .alertInfo a { font-weight:normal;}
	#content .mandatory { font-weight:bold; color:#ed1b24; font-size:17px; line-height:10px;}

/* Selectmenu */

.ui-widget { font-size:12px; font-family:Arial, Verdana, sans-serif;}
.ui-selectmenu { display: block; position:relative; height:2.4em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; z-index:2;}
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; font-weight:normal; color:#888;}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.7em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { text-decoration:none;}
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: normal; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
a.ui-selectmenu-focus, a.ui-selectmenu-hover { text-decoration:none;}
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size:12px; font-family:Arial, Verdana, sans-serif;}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: normal; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

#container .ui-selectmenu { text-decoration:none;}

/*  Template Psd can be found:  \psd, creative\PSD\bg\checkboxes.psd   */
.custom-checkbox, .custom-radio { position: relative;}
	.custom-checkbox input, .custom-radio input { position:absolute; left:-9999px; top:0px; margin:0; z-index:0; width:2px; overflow:hidden;}
	.custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; font-size:12px; cursor:pointer;}
.custom-checkbox label { background: url(/_images/bg/checkboxes.gif) no-repeat; }
.custom-checkbox label { width:400px; padding:3px 0px 1px 20px;}
.custom-radio label { background: url(/_images/bg/radio.gif) no-repeat; }
.custom-radio label { width:400px; padding:3px 0px 1px 20px;}

.custom-checkbox label, .custom-radio label { background-position: -20px -18px;}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -20px -73px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -20px -128px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -20px -183px;
}

#content .contact { float:left; width:640px; padding:0px 0px 5px 0px;}
#content .contact h2 { font-size:24px;}
	#content .contact fieldset { float:left; display:inline; width:520px; padding:25px 57px 20px 57px; margin:0px 0px 10px 0px; border:3px solid #f0f0f0;}
	#content .contact fieldset fieldset { float:left; display:inline; width:520px; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; border:none; background:none;}
	#content .contact fieldset fieldset { border-top:1px solid #f0f0f0;}
	#content .contact .buttonRight { float:right; margin:13px 0px 0px 0px;}
	#content .contact .field { float:left; width:520px; padding:0px 0px 5px 0px;}
	#content .contact label, #content .contact .label { float:left; width:217px; padding:3px 0px 0px 0px;}
	#content .contact .text input, #content .contact .textarea textarea, #content .contact .multiSelect select { float:left; width:282px; padding:0px 5px 0px 5px; color:#888; border:1px solid #fff;}
	#content .contact .select label { padding:5px 1px 0px 0px;}
	#content .contact .select select { float:left; width:299px; margin:0px 0px 0px 0px; color:#888; border:1px solid #dedede;}
	#content .contact .textarea textarea, #content .contact .multiSelect select { height:170px; overflow:auto;}
	#content .contact .multiSelect select { line-height:16px; width:300px;}
	
	#content .contact fieldset .custom-checkbox, #content .contact fieldset .custom-radio { width:520px;}
	#content .contact fieldset .custom-checkbox label, #content .contact fieldset .custom-radio label { width:495px; padding:3px 0px 2px 25px;}
	#content .contact fieldset .custom-checkbox label span, #content .contact fieldset .custom-radio label span { position:absolute; margin-left:-9999px;}
	
	#content .contact .formButton { clear:both; float:right; display:inline; margin:10px 0px 0px 0px;}
	
	#content .contact .ui-selectmenu { display: block; position:relative; height:1.7em; font-size:12px; font-family: Arial, Verdana, sans-serif;}
	#content .contact .ui-selectmenu-menu li { font-size:12px; font-family: Arial, Verdana, sans-serif; }
	#content .contact .ui-selectmenu-menu li a, #content .contact .ui-selectmenu-status { font-size:12px; line-height: 1.2em; font-family: Arial, Verdana, sans-serif; text-decoration:none;}

		#content .contact .dateSelect.field p { float:left; width:208px; padding:5px 0px 0px 0px;}
		#content .contact .dateSelect.field select { float:left; width:92px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
		#content .contact .dateSelect.field .option { float:left; width:93px; padding:0px 0px 0px 10px;}
		#content .contact .dateSelect.field .option label { position:absolute; margin-left:-9999px;}

	#content .contact .text { background:url('/_images/bg/contact-text.gif') no-repeat top right; padding:4px 0px 8px 0px;}
	#content .contact .text label { padding:3px 5px 0px 0px;}
	#content .contact .textarea { background:url('/_images/bg/contact-textarea.gif') no-repeat top right; padding:4px 0px 9px 0px;}
	#content .contact .textarea label { padding:3px 5px 0px 0px;}

	/* Tag list */
	#TagIDs {max-height: 200px; overflow: auto;}

.forgottenPassword { float:left; display:inline; margin:25px 0px 0px 0px; text-decoration:underline;}

/* Check List */

#content .checkList ul { float:right; width:100%; padding:0; margin:5px 0 0 0; }
#content .checkList ul li { float:left; width:520px; overflow:hidden; padding:5px 0; border-bottom:1px solid #F0F0F0; background:none;}
#content .contact fieldset .checkList ul li label { width:470px;}
#content .contact .checkList .label { width:100%;}

/* Rich Text Area */

#content .contact .richtextArea { background:none;}
#content .contact .richtextArea textarea { width:508px; height:300px;}
#content .contact .richtextArea .mceEditor { float:left; width:518px;} 
#content .mceEditor table { border:none; padding:0; margin:0; float:none; width:auto;}
#content .mceEditor table.mceLayout { border:1px solid #c9c9c9; width:400px; margin:10px 0 15px 0;}
#content .mceEditor table td, #content .mceEditor table th { border:none; padding:0;}

/* Display Name */

#content .contact .displayName { padding:0 0 10px 0;}
#content .displayName .displayNameValue { font-weight:bold; padding:3px 0 0; float:right; width:303px;}

/* Hierarchy */

#content .hierarchy { overflow:hidden;}
	#content .hierarchy .label { width:520px;}
	#content .hierarchy ul { float:left; width:100%; padding:5px 0;}
	#content .hierarchy ul ul { padding-left:20px; padding-top:0;}	
	#content .hierarchy ul li { float:left; width:100%; background:none; padding:5px 0;}
	#content .contact fieldset .hierarchy label { padding-top:2px;}

/********************************************************************/
/*	                         Breadcrumb  		            		*/
/********************************************************************/

ul#breadcrumb { float:left; width:640px; padding:5px 0 20px 0;}
	ul#breadcrumb li { float:left; padding:0 15px 0 0; margin:0 10px 0 0; background:url(/_images/bullets/arrow-red.gif) right 5px no-repeat}
	ul#breadcrumb li a { display:block;}
	ul#breadcrumb li.last { background:none;}
	
/********************************************************************/
/* 		                         Alerts                           	*/
/********************************************************************/

.alertInfo { padding:12px 0 0 0; margin:0 0 20px 0; border:1px solid #d3d3d3; border-bottom-width:2px; background:#f2f2f2; float:left; width:638px; color:#212121; }
	.error, .warning { border-color:#e7acac; background:#FFEEEE;}
	.success { border-color:#c2dfaf; background:#ecffdf;}
	.alertInfo p { padding:0 12px 12px 12px;}	
	
/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/

#content ul.pageNumbers  { float:right;}
	#content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; text-align:center; background:none;}
	#content ul.pageNumbers a { display:block; width:22px; padding:0; text-decoration:none; font-weight:normal; background-color:#fff; font-size:0.9em; line-height:22px; border:1px solid #e1e1e1; }
	
	#content ul.pageNumbers a.selected, #content ul.pageNumbers a:hover, #content ul.pageNumbers a:focus, #content ul.pageNumbers a:focus { background:#ED1B24; border:1px solid #ED1B24; color:#fff;}

.pagination { float:left; width:100%; padding:0 0 10px 0;}
.pagination  p { float:left; padding:2px 0 0 0;}	
	
/********************************************************************/
/*                          Search Tabs  		             		*/
/********************************************************************/
	
#searchHeader { overflow:hidden;}	
	
ul#searchTabs, ul#groupTabs { float:right; padding:0;}
	ul#searchTabs li, ul#groupTabs li { float:left; padding:0 0 0 5px; background:none;}
	ul#searchTabs li a, ul#groupTabs li a { float:left; font-weight:normal; padding:10px; border-top:1px solid #F0F0F0; border-right:1px solid #F0F0F0; border-left:1px solid #F0F0F0; font-size:0.9em; line-height:1em; text-decoration:none;}
	ul#searchTabs li.selected a, ul#searchTabs li a:hover, ul#searchTabs li a:active, ul#searchTabs li a:focus,
	ul#groupTabs li.selected a, ul#groupTabs li a:hover, ul#groupTabs li a:active, ul#groupTabs li a:focus { background:#F0F0F0; color:#888888; }
	ul#searchTabs li.selected a, ul#groupTabs li.selected a { color:#212121;}	
	
/********************************************************************/
/*	                         ModuleList		  		            	*/
/********************************************************************/

#content .moduleList, #content .categoryList { float:left; width:100%; padding:0 0 15px 0;}
	#content .moduleList li, #content .categoryList li { overflow:hidden; width:638px; border:1px solid #F0F0F0; margin:0 0 15px 0; padding:0; background:none; position:relative;}
	#content .moduleList li h2, #content .categoryList li h2 { background:#F0F0F0; padding:10px; line-height:1em; margin:0; overflow:hidden;}
		#content .moduleList li h2 .cufon-canvas, #content .categoryList li h2 .cufon-canvas { margin:0;}
		#content .moduleList li h2 .cufon-vml, #content .categoryList li h2 .cufon-vml { margin-bottom:0 !important;}
		
#content .moduleList dl, #content .categoryList dl { float:left; width:100%; border-top:1px solid #f6f6f6; font-size:0.9em; padding:5px 0; color:#a8a8a8;}		
	#content .moduleList dl dt, #content .categoryList dl dt { font-weight:bold; float:left; padding:0 5px 0 10px;}		
	#content .moduleList dl dd, #content .categoryList dl dd { float:left;}		

/********************************************************************/
/*	                         CategoryList	 		            	*/
/********************************************************************/

#content .categoryList li h2 { padding-left:33px; background:url(/_images/icons/folder.png) 7px 10px no-repeat #F0F0F0;}
#content .categoryList div, #content .moduleList div { float:right; width:510px; padding:10px;}
#content .categoryList img, #content .moduleList img { float:left; padding:10px 0 10px 10px;}

#content .moduleList div dl {border-bottom:1px solid #f6f6f6; border-top:none; margin:0 0 10px 0;}		
	#content .moduleList div dl dt { padding:0 5px 0 0;}	
	#content .moduleList div dl dd { padding:0 10px 0 0;}		

/********************************************************************/
/*                            Forums	                            */
/********************************************************************/

#content .forumTable { margin:0px 0px 30px 0px;}
#content .threadTable .type, #content .forumTable .type { width:35px;}
#content .threadTable .stat, #content .forumTable .stat { width:45px;}
#content .threadTable .lastPost, #content .forumTable .lastPost { width:220px;}
#content .threadTable td { vertical-align:middle; line-height:18px;}
#content .forumTable td { vertical-align:top; line-height:18px;}
#content .threadTable td span, #content .forumTable td span { line-height:29px;}
#content .threadTable .sticky td { background:#f4fbe0;}
#content .threadTable .bg.sticky td { background:#eaf7c5;}

#content .threadTable th:first-child, #content .threadTable td:first-child, 
#content .forumTable th:first-child, #content .forumTable td:first-child { text-align:center;}

#content .threadTable th+th, #content .threadTable td+td, 
#content .forumTable th+th, #content .forumTable td+td { text-align:left;}

#content .threadTable th+th+th, #content .threadTable td+td+td, 
#content .forumTable th+th+th, #content .forumTable td+td+td { text-align:center;}

#content .threadTable th+th+th+th, #content .threadTable td+td+td+td { text-align:left;}
#content .forumTable th+th+th+th+th, #content .forumTable td+td+td+td+td { text-align:left;}

#content .threadTable td+td a, #content .forumTable td+td a { font-weight:bold; color:#212121;}
#content .threadTable td+td+td a, #content .forumTable td+td+td a { font-weight:normal; color:#666666;}

#content .postList.moduleList .administrator { position:relative;}
#content .postList.moduleList .administrator img { position:absolute; top:0px; left:13px; width:39px; height:46px;}
#content .postList.moduleList .administrator h2 { padding:2px 0px 10px 42px; background:none;}

/********************************************************************/
/*	                         Post List  		            		*/
/********************************************************************/

#content .postList { }
	#content .postList li { margin:15px 0 0 0;}
	#content .postList li.first { margin:0;}
	#content .postList li ul { float:left; width:100%; padding:0 0 5px 0; margin:0;}
	#content .postList li li { border:none; width:auto; margin:0; float:right; padding:0 10px 0 0;}
		#content .postList li li:first-child a { font-weight:normal; text-decoration:underline; font-size:0.9em; line-height:22px;}	
	#content .postList li h2 { background:#F0F0F0; padding:10px; line-height:1em; margin:0 0 15px 0; overflow:hidden;}
		#content .postList li h2 .cufon-canvas { margin:0;}
		#content .postList li h2 .cufon-vml { margin-bottom:0 !important;}
	#content .postList li p { padding:0 15px 15px 15px;}
	
	#content .postList .previousPost { margin:0 15px 15px 15px; padding:10px 15px 15px 15px; border:1px solid #F0F0F0; background:#F8F8F8; width:auto;}
	#content .postList .previousPost p { padding:0 0 5px 0;}
	
/********************************************************************/
/*	                          Wiki  		            			*/
/********************************************************************/
	
#content .wikiList li p { padding:15px 10px;}	
#content .moduleList.wikiList li h2 { padding-left:28px; background:url(/_images/icons/page.png) 10px 10px no-repeat #F0F0F0;}

#content .wikiPosted { padding:10px 10px 0 10px;}
	#content .wikiPosted p { padding:0 0 10px 0;}
	
#content .tags { border-top:1px solid #F0F0F0; float:left; width:100%; padding:0 0 20px 0;}
	#content .tags h2 { padding:15px 0 10px 12px;}
		#content .tags h2 .cufon-canvas { margin:0;}
		#content .tags h2 .cufon-vml { margin-bottom:0px !important;}
	#content .tags ul { padding:0 0 0 12px; }
	#content .tags a { font-weight:normal;}
	
	.resultsCounter { float:left; padding:2px 0 0 0;}

/********************************************************************/
/*	                          Groups  		            			*/
/********************************************************************/
	
#content form.sortBy { padding-bottom:10px;}
#content .groups .type, #content .polls .type { position:absolute; top:9px; right:10px;}
#content .groups ul { padding:0;}
#content .groups ul li { border:none; margin:0; float:right; width:auto; padding:0 0 0 10px;}

.groupPhoto { float:left;}

.groupInfo { float:right; width:540px; padding:0 0 20px 0;}
	.groupInfo h2 { padding:5px 0 0 0;}
	.groupInfo dl { float:left; width:540px; padding:0 0 10px 0;}
	.groupInfo dl dt { font-weight:bold; float:left; padding:0 5px 0 0;}
	.groupInfo dl dd { float:left; padding:0 10px 0 0;}
	
	#content .groupOptions { float:left; width:539px; border:1px solid #f0f0f0; background:#f9f9f9; padding:0; border-left:none;}
		#content .groupOptions li { float:left; padding:0; background:none;}
		#content .groupOptions li a { float:left; font-weight:normal; padding:10px; font-size:0.9em; border-left:1px solid #F0F0F0;}
	
.articleDetails { float:left; width:640px; padding:0 0 10px 0;}
	.articleDetails dt { float:left; padding:0 5px 5px 0; font-weight:bold; color:#212121;}	
	.articleDetails dd { float:left; padding:0 15px 5px 0;}	
	
.articleImage { float:right; margin:0 0 20px 20px;}	
	
/***** Latest Pod *****/	
	
.latestPod { float:left; width:638px; border:1px solid #F0F0F0; margin:0 0 15px 0;}
.latestPod h2 { background:#F0F0F0; padding:10px; line-height:1em; margin:0; overflow:hidden;}
	.latestPod h2 .cufon-canvas { margin:0;}
	.latestPod h2 h2 .cufon-vml { margin-bottom:0 !important;}

#content .latestPod ul { float:left; width:638px;}
#content .latestPod ul li { float:left; width:618px; border-bottom:1px solid #F0F0F0; padding:10px; background:none;}
#content .latestPod dl { float:left; width:618px; padding:2px 0 7px 0; font-size:0.9em;}
#content .latestPod dl dt { float:left; padding:0 5px 0 0; font-weight:bold;}
#content .latestPod dl dd { float:left; padding:0 15px 0 0;}
#content .latestPod p, #content .latestPod.announcements p { padding:0;}
#content .latestPod .viewMore { float:right; margin:0; display:inline;}

#content .latestPod.discussions h2 { margin:0 0 15px 0;}
#content .latestPod.discussions .discussionTable { width:618px; margin:0 0 15px 10px;}

#content .latestPod.events img { float:left;}
#content .latestPod.events li div { float:right; width:513px;}
#content .latestPod.events dl { width:513px;}

/***** Announcements *****/

#content .announcements li p { padding:0 10px 10px 10px;}
#content .announcements li dl { padding-bottom:10px;}

/***** Image Gallery *****/

#content .imageGallery li { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; background:none; padding:0 0 20px 15px;}

.imageContainer { text-align:center;}

.imageControls { padding:12px; overflow:hidden; line-height:23px; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; margin:20px 0 0 0;}
	.imageControls .prev { float:left; text-align:left;}
	.imageControls .next { float:right; text-align:left;}

.imageDescription { padding:12px; text-align:left;}

/***** Polls *****/

#content .polls li h2 { padding-right:100px;}

#content .pollDetails fieldset { border:none; margin:0;}

#content .pollDetails { border: 3px solid #F0F0F0; float:left; width:634px; margin:0 0 15px 0;}
	#content .pollDetails h2 { font-size:24px; padding:25px 57px 0 57px;}
	#content .pollDetails fieldset h2 { padding:0 0 6px 0;}

	#content .pollDetails ul { float:left; width:520px; padding:10px 57px 25px 57px;}
	#content .pollDetails ul li { background:none; padding:0 0 15px 0; float:left; width:520px;}
	#content .pollDetails ul li p { padding:0 0 5px 0;}
	#content .pollDetails ul li div { float:left; width:520px; background:#F0F0F0;}
		#content .pollDetails ul li div span { display:block; background:#ED0D15; height:20px;}

/***** Members *****/

.memberCount { float:left; padding:4px 0 20px 0;}

.mediaContainer { padding:0 0 20px 0;}

#content .manage h2 {float:left; width:auto;}
#content .manage .status {float:right; width:auto; padding:3px 0 0 0;}
#content .manage form {clear:both;}
#content .manage table {width:638px; background:#FFF; border-right:1px solid #DBDBDB;}
#content .manage table th, #content .manage table td {border-right:none;}
#content .manage table .cs {width:50px; text-align:center;}
#content .manage table .cm {width:200px;}
#content .manage table .cl {width:550px;}
#content .manage table .cd {width:75px; text-align:center;}
#content .manage table .cl {width:225px;}
#content .manage table .custom-radio label, #content .manage table .custom-checkbox label {float:none; display:inline-block; width:20px; height:16px; padding:3px 0; vertical-align:middle;}
#content .manage table .custom-radio label.focus, #content .manage table .custom-checkbox label.focus {outline:none;}
#content .manage table label span {float:left; margin-left:-9999px;}
#content .manage .monoConfirm {float:right;}

#content .manage table .ui-selectmenu { height:2em;}
#content .manage table .ui-selectmenu-status { line-height:1.3em; }

#content .manage .formButton { float:right;}

/***** Preview Image (Groups) *****/

#content form .previewPhoto { float:left; width:300px; padding:5px 0 5px 200px;}
#content form .previewPhoto li { float:left; background:none; padding:0 10px 10px 0;}
#content form .previewPhoto .first { padding-left:20px;}
#content form .previewPhoto .first a { border-right:1px solid #ababab; padding-right:10px;}

/********************************************************************/
/*                            Profile	  		               	    */
/********************************************************************/

.profileIntro, .profileSection { padding:12px 12px 0 12px; border-bottom:1px solid #F0F0F0;}

.profileIntro dl { overflow:hidden; margin:0 0 12px 0;}
	.profileIntro dl dt { float:left; font-weight:bold; padding:0 5px 8px 0; width:100px;}
	.profileIntro dl dd { float:left; padding:0 15px 8px 0; width:400px;}

/********************************************************************/
/*                          Comments	  		               	    */
/********************************************************************/
	
.commentModule { float:left; width:100%; }	
	.commentModule h2 { margin:0; padding:15px 0 15px 15px; border-top:1px solid #F0F0F0;}
		.commentModule h2 .cufon-canvas { margin:0;}
		.commentModule h2 .cufon-vml { margin-bottom:0px !important;}
	#content .commentModule .pageOptions li.fl { padding-left:12px; padding-top:4px;}
	#content .commentModule .pageOptions li.fr { padding-right:12px;}
		
#content .commentModule .comments { width:616px; margin:0 0 0 12px; display:inline;}
	#content .commentModule .comments li { width:614px;}
	#content .commentModule .comments ul { background:#F0F0F0; float:none; width:100%; margin:0; padding:10px 0; overflow:hidden;}
	#content .commentModule .comments ul li { float:left; width:auto; border:none; padding:0 0 0 10px; margin:0;}
	#content .commentModule .comments blockquote { padding:10px 10px 0 10px; margin:0; background:none; border:none;}
	#content .commentModule .comments blockquote p { padding:0 0 10px 0;}
	
	#postComment .contact { width:616px; margin:0 0 0 12px; display:inline;}
	#content #postComment .contact fieldset { padding:25px 45px 20px;}
		
/********************************************************************/
/*                         Page Options		  		                */
/********************************************************************/

#content .pageOptions { float:left; width:100%; padding:0 0 0 15px 0;}
	#content .pageOptions li { float:left; padding:0 10px 0 0; background:none;}	
	#content .pageOptions li.fr { float:right; padding:0 0 0 10px;}	

/********************************************************************/
/*                         Search Options		  		            */
/********************************************************************/

.searchOptions { float:left; width:100%; padding:0 0 15px 0;}
	.searchOptions a { margin:0 15px 0 0;}
	.searchOptions .pageNumbers a, .searchOptions .ui-selectmenu  { margin:0;}
	
	#content .searchOptions .pageNumbers { padding-bottom:0;}
	
	#content .searchOptions .button { margin-bottom:10px;}

/********************************************************************/
/*	                         Buttons		  		            	*/
/********************************************************************/

.monoBasic, .monoLeft, .button, .viewMore, .monoRight { float:left; background:#666666; color:#fff; line-height:1em; padding:5px 10px; font-size:14px; font-weight:normal;}
	.monoBasic .cufon-canvas,
	.button .cufon-canvas,
	.viewMore .cufon-canvas,
	.monoRight .cufon-canvas,
	.monoLeft .cufon-canvas { margin:0;}
	.monoBasic .vml-canvas,
	.button .vml-canvas,
	.viewMore .vml-canvas,
	.monoRight .vml-canvas,
	.monoLeft .vml-canvas { margin-bottom:0 !important;}
	
	.monoBasic:hover, .monoBasic:active, .monoBasic:focus,
	.button:hover, .button:active, .button:focus,
	.viewMore:hover, .viewMore:active, .viewMore:focus,
	.monoRight:hover, .monoRight:active, .monoRight:focus,
	.monoLeft:hover, .monoLeft:active, .monoLeft:focus { color:#fff; background:#ED0D15; text-decoration:none;}	
	
	.monoRight { float:right;}
	
/********************************************************************/
/*                          Filter		  		                    */
/********************************************************************/
	
	#rightCol .filter { float:left; width:305px; padding:0 0 20px 0; display:none;}
		#rightCol .filter .select label { position:absolute; margin-left:-9999px;}
		#rightCol .filter .formbutton { float:right;}
		#rightCol .filter .select { float:left; width:305px; margin:0; padding:5px 0 0 0;}
		#rightCol .filter fieldset{ float:left;}
		#rightCol .filter fieldset fieldset { float:left; padding-top:15px;}
	
