/* GENERAL STYLES */
/* CSS Document */

/*
----------------------
colours				
----------------------
Marketing Green 				#99CC66 	
Production Orange 				#FF9900	
Management Light Blue 				#0099FF
Resource Red					#CC3333

ENT Blue					#004B96	
ENT Dark Green 					#4F9B53
*/

html, body, form
	{
		margin:0;
		padding:0;
	}

body
	{
		font:80% Tahoma, Arial, Helvetica, sans-serif;
		color:#000; 
		background:#000;
	}
p
	{
		line-height:1.2em;
		margin-top:0;
	}


/*area classes start here*/

/*Enterprise*/
.enterpriseBkg
	{
		background:#004B96;
	}

div.enterprise div#headMenu
	{
		background:#004B96;
	}

div.enterprise div#footer
	{
		background:url(../images/backgrounds/footer-home.gif) bottom repeat-x #004B96;
	}
div.enterprise div#footer
	{
		background:url(../images/backgrounds/footer-home.gif) bottom repeat-x #004B96;
	}


div.enterprise div#mailList
	{
		background:url(../images/backgrounds/newsletter-enterprise.gif) no-repeat;
 	}
	

/*Marketing*/
.marketingBkg
	{
		background:#9c6;	
	}

div.marketing div#headMenu
	{
		background:#9c6;
	}

div.marketing div#footer
	{
		background:url(../images/backgrounds/footer-marketing.gif) bottom repeat-x #9c6;
	}		

div.marketing div#mailList
	{ 
		background:url(../images/backgrounds/newsletter-marketing.gif) no-repeat;
 	}
/*Management*/	
.managementBkg
	{
		background:#09f;
	}
	

div.management div#headMenu
	{
		background:#09f;
	}
div.management div#footer
	{
		background:url(../images/backgrounds/footer-management.gif) bottom repeat-x #09f;
	}
div.management div#mailList
	{
		background:url(../images/backgrounds/newsletter-management.gif) no-repeat;
 	}

/*resource*/
.resourceBkg
	{
		background:#c33;
	}
div.resources div#headMenu
	{
		background:#c33;
	}
div.resources div#footer
	{
		background:url(../images/backgrounds/footer-resources.gif) bottom repeat-x #c33;
	}
div.resources div#mailList
	{
		background:url(../images/backgrounds/newsletter-resources.gif) no-repeat;
 	}

/*production*/
.productionBkg
	{
		background:#f90;
	}
div.production div#headMenu
	{
		background:#f90;
	}
div.production div#footer
	{
		background:url(../images/backgrounds/footer-production.gif) bottom repeat-x #f90;
	}	
div.production div#mailList
	{
		background:url(../images/backgrounds/newsletter-production.gif) no-repeat;
 	}


	
/*layout starts here*/
div#superContainer
	{
	        background:#FFF;
		padding-bottom:2em;

	}
div#container, div.footerContainer
	{
		width:774px;
		margin:0 auto;
	}




/* header styles */	
div#header
	{
		height:140px;
		background:url(../images/backgrounds/header.gif) repeat-x bottom;
		width:100%;
	}


div#header h1
{
		margin:0;
		padding:0;
}
div#header h1 a
	{
		display:block;
		width:279px;
		height:100px;
		border:0;
		background:url(../images/gen/logo.gif);
		margin:0;
		padding:0;
		float:left;
	}



div#header h1 span
	{
		display:none;
	}


/*navigation styles*/
/*top menubar*/
div#headMenu
	{
		height:24px;
	}

div#headMenu div
	{
		width:774px;
		margin:0 auto;
	}

div#headMenu ul
	{
		list-style:none;
		margin:0;
		padding:0;
		float:right;
	}

div#headMenu li
	{
		float:left;
		font-size:11px;
		line-height:24px;
		padding:0 .5em;
	}

div#headMenu li.last
	{
		padding-right: 25px;
	}

div#headMenu li a
	{
		color:#fff;
		text-decoration:none;
	}

div#headMenu li a:hover
	{
		color:#ddd;
	}


/*header menu*/

div#header ul
	{
		list-style:none;
		margin:69px 0 0 0;
		padding:0;
		float:right;
	}

div#header li
	{
		float:left;
		height:50px;
		padding:0 1px 0 0;
	}

div#header li span
	{
		display: none;
	}

div#header li a
	{
		display:block;
		width: 116px;
		height:50px;
	}



div#header li.managementMenu a
	{
		background:url(../images/menu/management.gif) no-repeat;
	}

div#header li.managementMenu a:hover, div#header li.managementMenu a.active
	{
		background:url(../images/menu/management-over.gif) no-repeat;
	}

div#header li.marketingMenu a
	{
		background:url(../images/menu/marketing.gif) no-repeat;
	}

div#header li.marketingMenu a:hover, div#header li.marketingMenu a.active
	{
		background:url(../images/menu/marketing-over.gif) no-repeat;
	}

div#header li.resourcesMenu a
	{
		background:url(../images/menu/resources.gif) no-repeat;
	}

div#header li.resourcesMenu a:hover, div#header li.resourcesMenu a.active
	{
		background:url(../images/menu/resources-over.gif) no-repeat;
	}
	
div#header li.productionMenu a
	{
		background:url(../images/menu/production.gif) no-repeat;
	}

div#header li.productionMenu a:hover, div#header li.productionMenu a.active
	{
		background:url(../images/menu/production-over.gif) no-repeat;
	}

div#header li.last
	{
		padding-right:15px;
	}

div#homePageHeader, div#pageHeader
	{
		position:relative;
		overflow:hidden;
		width:100%;
		padding-bottom:2em;
	}

div#pageHeader
	{
		position:relative;
		height:162px;
	}

div#homePageHeader div.pageHeaderText, div#pageHeader div.pageHeaderText
	{
		position:relative;
		width:480px;
		display:inline;	
		z-index:1000;
	}

div#homePageHeader div.pageHeaderText
	{
		float:left;
		margin-right:-50px;
		margin-left:48px;
	}

div#pageHeader div.pageHeaderText
	{
		float:right;
		margin-left:-50px;
		margin-right:48px;
	}



div#homePageHeader div.pageHeaderText p, div#pageHeader div.pageHeaderText p
	{
		font-size:1.2em;
		color:#999;
		font-weight:bold;
	}
h1.sifr	{
		font-size:22px;
		color:#333;
		margin:10px 0 0 0;
		padding:0;
	}


div#homePageHeader div.pageHeaderImage, div#pageHeader div.pageHeaderImage
	{
		position:relative;
		display:inline;	
		z-index:500;	
	}

div#homePageHeader div.pageHeaderImage
	{
		float:right;
		margin-right:48px;
	}

div#pageHeader div.pageHeaderImage
	{
		float:left;
		margin-left:48px;	
	}

/*footer styles */

div#footer
	{
		position:relative;
		padding-bottom:1em;
		width:100%;
		overflow:hidden;
		color:#fff;

	}



/*frustration boxes */

div#fboxes
	{
		background:url(../../images/layout/home-fboxes/bkg-fade.gif) repeat-x top;
	}

div.fbox
	{
		width:185px;
		float:left;
		margin-right:1px;
		color:#fff;
	}

div.fbox.first
	{
		margin-left:16px;
		display:inline;
	}


div.fbox p
	{
		margin:0;
		padding:0;
               font-size:.9em;
               line-height:1.3em;
		
	}

div.fbox h4 a
	{
		color:#fff;
		text-decoration:none;
	}

div.fbox h4 a:hover
	{
		color:#fff;
		text-decoration:underline;
	}

div.fbox div.top h4
	{
		padding:2px 5px 0px 5px;
		margin:0;
		font-size:1.2em;
	}

div.fbox div.foot h4
	{
	
		padding:0px 5px 0px 5px !important;
		margin-top:0 !important;
	}

div.fbox div.top
	{
		height:24px;
		overflow:hidden;
	}
div.fbox div.content
	{
		padding:1em;
	}

div.fbox div.content h3
	{
		margin:0 0 .5em 0;
		padding:0;
		font-size:1.1em;
	}

div.fbox div.foot
	{
		height:21px;
		text-align:right;
	}

div.fbox.management
	{
		background:url(../images/layout/management/section-box-bkg.gif);
	}

div.fbox.management div.top
	{
		background:url(../images/layout/management/section-box-top.gif) no-repeat top;
	}
	
div.fbox.management div.content
	{
		background:url(../images/layout/management/section-box-fade.gif) no-repeat;
	}
	
div.fbox.management div.foot
	{
		background:url(../images/layout/management/section-box-foot.gif) no-repeat bottom;
	}

div.fbox.marketing
	{
		background:url(../images/layout/marketing/section-box-bkg.gif);
	}

div.fbox.marketing div.top
	{
		background:url(../images/layout/marketing/section-box-top.gif) no-repeat top;
	}
	
div.fbox.marketing div.content
	{
		background:url(../images/layout/marketing/section-box-fade.gif) no-repeat;
	}
	
div.fbox.marketing div.foot
	{
		background:url(../images/layout/marketing/section-box-foot.gif) no-repeat bottom;
	}

div.fbox.resources
	{
		background:url(../images/layout/resources/section-box-bkg.gif);
	}

div.fbox.resources div.top
	{
		background:url(../images/layout/resources/section-box-top.gif) no-repeat top;
	}
	
div.fbox.resources div.content
	{
		background:url(../images/layout/resources/section-box-fade.gif) no-repeat;
	}
	
div.fbox.resources div.foot
	{
		background:url(../images/layout/resources/section-box-foot.gif) no-repeat bottom;
	}
	
div.fbox.production
	{
		background:url(../images/layout/production/section-box-bkg.gif);
	}

div.fbox.production div.top
	{
		background:url(../images/layout/production/section-box-top.gif) no-repeat top;
	}
	
div.fbox.production div.content
	{
		background:url(../images/layout/production/section-box-fade.gif) no-repeat;
	}
	
div.fbox.production div.foot
	{
		background:url(../images/layout/production/section-box-foot.gif) no-repeat bottom;
	}
	

div#homeContent
        {
               background:url(../images/layout/misc/fade.gif) repeat-x 0 5px;
		margin:1em 0 0;
        }

div#bodyContent
        {
               background:url(../images/layout/misc/fade.gif) repeat-x 0 5px;
               margin:0;	
	}

/*form styles*/
div#mailList
	{
		
               	font-size:1em;
               	line-height:1.4em;
		padding:0;
		margin:0;
		padding-top:.5em;
	}

div#mailList p{
	padding:.5em 0 0 0;
	margin:0;
}
div#mailList{
	padding:0 2em 1em 1em;
}

div#mailList input.tb{
	width:210px;
	background:#fff;
	border:1px solid #ddd;
}

div#mailList input.cb{

}

div#mailList .but{
	padding:0 1em;
	
}
div#mailList .formSubmit{
	text-align:right;
}

div#footer.enterprise div#mailList
	{
		background:url(../images/backgrounds/newsletter-enterprise.gif) no-repeat;
 	}

/*Col Classes*/	


div.colLeft, div.blogColRight
        {
	       float:left;
	       display:inline;
               width:253px;
               padding-left:16px;
	       background:url(../images/backgrounds/leftcol.gif) no-repeat;
	       min-height:250px;
	       height:auto !important;
	       height:250px;
        }



div.colLeft p, div.blogColRight p
        {

               font-size:1em;
               line-height:1.4em;
	       color:#666666;
               padding:0 2em 0 1em;
	       margin:0 0 1em 0;
        }

div#mailList p
	{
	       color:#fff;
	       font-size:.85em;	
	}

div.leftCol li, div.blogColRight li
	{
		color:#666666;
	}
div.colLeft h3, div.blogColRight h3
	{
	       margin:10px 0 5px 0;
               padding:0 10px;
	}

div.colLeft h2, div.blogColRight h2
        {
               padding:0 10px;
               margin:20px 0 5px 0;
        }

div.colLeft h5, div.blogColRight h5
	{
	       margin:10px 0 0 0;
               padding:0 10px;
	}



div.colRight ul, div.colLeft ul, div.blogColRight ul, div.blogColLeft ul
	{
		padding-top:3px;
		margin-top:0;
	}

div.colLeft ul.nav, div.blogColRight ul.nav
	{
		padding:0;
		margin:0;
		list-style:none;
	}

div.colLeft ul.nav li, div.blogColRight ul.nav li
	{
		border-bottom:1px solid #ddd;
		margin-right:12px!important;
	}

div.colLeft ul.nav li.last, div.blogColRight ul.nav li.last
	{
		border-bottom:none;
	}

div.colLeft ul.nav li a, div.blogColRight ul.nav li a
	{
		padding:.2em 0 .2em 1em;
		text-decoration:none;
		display:block;
		color:#004B96;
	}



div.colLeft ul.nav li a:hover, div.blogColRight ul.nav li a:hover
	{
		background:#efefef;
		color:#999999;	

	}
	

div.colRight, div.blogColLeft
        {
               float:left;
	       display:inline;
               margin:0 16px 0 22px;
               width:424px;
        }

div.blogColLeft
	{
		width:460px;
	}

div.colRight h1, div.blogColLeft h1
	{
               padding:0;
               margin:0;
	}

div.colRight h2, div.blogColLeft h2
	{
               padding:0;
	       margin:1em 0 0 0;
	}

div.colRight.blog h2, div.blogColLeft h2	
	{
               padding:0;
               margin:0;
	       border-bottom:1px solid #ddd;
	}

div.colRight h3, div.blogColLeft h3
	{
               padding:0;
	       margin:1em 0 0 0;
	}

div.colRight p, div.blogColLeft p
        {
           line-height:1.5em;
	       margin:0 0 .5em 0;
        }
div.sociablesPage
	{
	       padding:0 2em 0 1em;
	       margin:1em 0 0 0;
	}

div.sociableHead, div.sociableFoot, div.sociableBlock, div.rssBlock 
	{
		background:#eee;
	}

div.sociableHead, div.sociableFoot
	{
		clear:both;
		margin:0 1px;
		display:block;
		height:1px;
		line-height:1px;
		font-size:1px;
	}

div.sociableFoot
	{
		margin-bottom:15px;
	}
div.sociableBlock, div.rssBlock 
	{
		position:relative;
	}

div.rssBlock
	{
		padding: 5px;
	       font-size:11px;
	       line-height:13px;
	}

div.sociableTitle
	{
		font-weight:bold;
		font-size:11px;
		color:#004B96;	
	}


div.sociableBlock div.blogTags
	{
               color:#99cc66;
	       font-size:11px;
	       line-height:13px;
	       padding:.5em;
	       margin-top:5px !important;
	       margin-top:3px;
	       float:left;
	}



div.sociables
	{
		width:55px;
		float:left;
	       	padding:.5em;

		
	}

div.sociables ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
div.sociables li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
div.sociables ul li:before { content: ""; }
div.sociables img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


div.sociables ul 
	{
		list-style:none;
		margin:0;
		padding:0;
	}



div.colRight.blog h6, div.blogColLeft h6
        {
               margin:3px 0 .5em 0;
               padding:0;
	       color:#33ccff;
	       font-weight:normal;
               font-size:1em;
		
	       
        }

div.colRight.blog h6 .blogPostDate, div.blogColLeft h6 .blogPostDate
	{
	       color:#99cc66;
	}



div#footer div.colContainer
{

}

div#footer div.colRight p 
{
	margin:0;
	padding:0;
}

div#footer div.colRight ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}

div#footer div.colRight li
	{
		width:50%;
		float:left;
	}

div#footer div.colRight a
	{
		color:#fff;
		text-decoration:none;
	}

div#footer div.colRight a:hover
	{
		color:#fff;
		text-decoration:underline;
	}

div#footer div.colRight p.storytitle
	{	
		font-weight:bold;
		margin:0;
		line-height:1.2em;
		padding:0;
	}
div#footer div.colRight p.meta
	{	
		font-size:.8em;
		line-height:1em;
		margin:0 0 1em 0;
		padding:0;
	}

div#footer div.colLeft
	{
		background:none;
	}

div#footer div.colLeft h5, div#footer div.colRight h5
	{
		margin-top:1em;
	}

div#footer div.colRight h5
	{
		border-bottom:1px solid #ddd;
		margin-bottom:.5em;
	}

div.copyright
	{
		padding-right:25px;
		text-align:right;
	}


div#footNav, div.copyright
	{
		clear:both;
	}

div#footNav ul
	{
		list-style:none;
		margin:0;
		padding:0;
		float:right;
	}

div#footNav li
	{
		float:left;
		line-height:24px;
		padding:0 .5em;
	}

div#footNav li.last
	{
		padding-right:25px;
	}


div#footNav li a
	{
		color:#fff;
		text-decoration:none;
	}

div#footNav li a:hover
	{
		color:#ddd;
	}

div.copyright
	{
		font-size:.8em;
	}






/* ALL GENERIC Form Elements */

label {	
	color:#fff;
	font-size:.85em;	
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#FFF;
	display:block;
	width:208px;

	}


div.form100{width:100%; clear:both; overflow:hidden; padding:.5em;}
div.form50{width:50%; float:left;}

div.form100 input{
	width:30em;
}
div.form50 input{
	width:13em;
}

div.form100 label, div.form50 label{
color:#000;text-transform:none;font-weight:bold;
}
div.form100.alt{
background:#eee;
}

.err{
color:#f00;
font-size:.8em;
}

/*table styles*/ 
table {border-collapse:collapse;width:400px;padding:.5em;}


th {
	font-size:.8em;
        vertical-align:bottom;
	color:#fff;
	background:#004B96;
padding:.2em;
}

td {
background:#f9f9f9;
	font-size:.8em;
	text-align:center;
	vertical-align:top;
	padding:.2em;
	border:2px solid #fff;
}

tfoot tr td{
background:#9c6;
font-weight:bold;
font-size:1em;
color:#fff;
border:none;
}

td.side{
	background:#f3f3f3;
font-size:.8em;
color:#000;
}

/*++ Helper Styles */
.fc:after, .formRow:after
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

.fc, .formRow
	{
		height: 1%;  
		display: block; 
	}
	

/* EDITOR PROPERTIES */
