/*******************************************/
/*  Layout CSS
/*******************************************/

	/*******************************************/
	/*  Global Styles & Browser Consistancy
	/*******************************************/
		html, body, div, table, tr, th, td, ul, ol, img {padding:0px; margin:0px; min-width:0px; cursor:default; }

		html, body {width:100%; height:100%;}
		body, div, table, tr, th, td {font-size:12px; font-family:Arial, sans-serif;}
		div, table, tr, th, td, span, b, a, ul, li, ol, img, h1, h2, h3, h4, h5, h6 {border-width:0px; border-style:solid; border-color:#d9d9d9;}
		p {font-size:12px; font-family:Arial, sans-serif; margin-bottom:8px; font-weight:normal; color:#000;}

		ul li p {margin-bottom:0px; margin-top:0px;}
		li h3 {margin:0px;}
		
		div, table, tr, td, ul, li {text-align:left;}
		table {table-layout:fixed; empty-cells:show; border-collapse:collapse;}
		u, a, b, i {color:inherit; font-size:inherit; line-height:inherit; font-family:inherit;}

		ul, ol {margin:2px 0px 5px 0px; padding-left:2.5em; color:inherit; list-style-position:outside;}
		ul {list-style:disc outside url(../images/icons/bullet.triangle.dark.gif);}
		ul ul {list-style:disc outside url(../images/icons/bullet.triangle.dark.hollow.gif);}
		ul.horizontal, ol.horizontal {display:inline; margin-left:0px;}
		ul.horizontal li, ol.horizontal li {list-style:none; display:inline;}
		li {margin-bottom:1px; vertical-align:middle; padding:0px; margin:0px; cursor:default;}
		ul.blank, ol.blank {list-style:none outside none; padding-left:1em;}
		.bullet	{background:transparent url(../images/icons/bullet.triangle.dark.gif) no-repeat left center; padding-left:8px;}
		
		a {text-decoration:underline; cursor:pointer; color:#000000;}
		a img {cursor:pointer; border:0px;}
		a:hover {text-decoration:none; color:#D02333;}
		img {border-width:0px; vertical-align:bottom;}
		img.bordered {border-width:1px;}
		img.icon {margin:0px 3px; vertical-align:middle;}
		form, input {display:inline; margin:0px; padding:0px;}
		.none {display:none;}
		optgroup, option {padding:1px; padding-left:3px;}
		optgroup option {padding-left:8px;}
		.hidden {visibility:hidden; font-size:1px; height:0px; width:0px; overflow:hidden;}

		.small			{font-size:10px;}
		a.small			{color:#000; text-decoration:underline;}
		a.small:hover   {text-decoration:none; color:#D02333;}

	/*******************************************/
	/*  General Applied Styles
	/*******************************************/
		.clearer {clear:both; display:block; font-size:0px; height:0px; overflow:hidden;}
		.spacer {display:block; font-size:0px; height:10px; overflow:hidden;}
		.draggable {cursor:move;}

		.divider	{margin:10px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#d9d9d9; font-size:0px; height:0px; overflow:hidden;}
		.divided    {border-style:solid; border-width:0px 0px 1px 0px; border-color:#d9d9d9; padding-bottom:10px; margin-bottom:10px;}
		.dotted		{border-style:dotted;}
		ul.divided  {list-style:none; border-bottom:0px;}
		ul.divided li   {padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #d9d9d9;}
		.bolder {font-weight:bold; font-size:14px; text-decoration:none;}
		.bold {font-weight:bold;}
		.italic {font-style:italic;}
		.attribute {font-size:10px; font-style:italic;}
		.lined {border-color:#d9d9d9; border-style:solid; border-width:0px; border-bottom-width:1px;}
		.dotted {border-color:#d9d9d9; border-style:dotted; border-width:0px; border-bottom-width:1px;}
		h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color:#000; border-color:#d9d9d9; border-style:solid; border-width:0px; margin-top:0px;}
		a.h1:hover,a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover {color:#D02333;}
		h1,h2,h3,.h1,.h2,.h3 {margin-bottom:8px;}
		h4,h5,h6,.h4,.h5,.h6 {margin-bottom:4px;}
		h1, .h1,
		h1 a, .h1 a {font-size:24px; font-weight:bold; text-decoration:none;}
		h2, .h2,
		h2 a, .h2 a {font-size:20px; font-weight:bold; text-decoration:none; border-bottom-width:1px;}
		h3, .h3,
		h3 a, .h3 a {font-size:16px; font-weight:bold; text-decoration:none;}
		h4, .h4,
		h4 a, .h4 a {font-size:14px; font-weight:bold; text-decoration:none;}
		h5, .h5,
		h5 a, .h5 a {font-size:12px; font-weight:bold; font-style:italic; text-decoration:none;}
		h6, .h6,
		h6 a, .h6 a {font-size:12px; font-weight:normal; font-style:italic; text-decoration:none;}
		.whitetext {color:#ffffff;}
		
		.headerLogo{padding:10px; float:left;}
		
		.quotes{font-size:12px; font-style:italic; text-align:center;}
		.quotes span{font-weight:bold; font-style:normal;}

		.quotebox{font-weight:bold; color:#D02333;}
		.quotebox .attribution{color:#000; font-size:10px; font-style:italic; text-align:right;}
		.quotebox .corner{display:none;}
  		label.formlabel {display:block; width:33%; margin-bottom:5px; float:left; font-weight:bold; text-align:right;}
		label.required {color:#8C0005;}
		.formrow {clear:both;}
		.formgroup {border:1px solid #ccc; padding:10px 10px 6px 10px; overflow:hidden; clear:both; margin:0px 0px 10px 0px;}
		.formfieldset {padding:8px; border-width:1px; margin-bottom:5px;}
		.formfieldset legend {font-size:15px; font-weight:bold; padding:2px 6px;}
		.formdirections {margin-bottom:20px;}
		.formdivider    {margin:10px; border-style:dotted; border-width:0px 0px 1px 0px; border-color:#d9d9d9; font-size:0px; height:0px; overflow:hidden;}
		.radiocontainer {}
		.radiocontainer .radio {}
		.forminput {width:64%; margin-bottom:5px; float:right; border:1px solid #AAAAAA;}
		div.forminput {margin-bottom:0px; border:0px; padding:0px;}
		input.forminput, select.forminput, textarea.forminput {border-width:1px; background:#FFFFFF;}
		input.required, select.required, textarea.required {background:#FEFFDD;}
		input.checkbox {width:auto; display:inline; float:none; height:auto; margin-left:10px;}
		select.forminput {width:100%;}
		
  		.shadow {position:absolute; top:0px; width:100%; height:10px; background:transparent url(../images/layout/bg.horiz.multi.png) repeat-x left -312px;}

		.chooseLang{float:left; }
		.chooseLang img{border:1px solid #000;}
		.chooseLang img:hover{border:1px solid #E51B24}
		
		.buttonStandard {border-width:0px; display:block; height:18px; padding-top:3px; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-align:center; text-decoration:none;}
		input.buttonStandard, button.buttonStandard {height:21px; padding-top:0px;}
		.buttonStandard:hover {background-position: 0px -21px;}
		.buttonStandard125 {width:125px; background-image:url(../images/default.buttonStandard125.gif);}
		.buttonStandard150 {width:150px; background-image:url(../images/default.buttonStandard150.gif);}

		
		.menudropdown {}
 		.menudropdown div {width:150px;}
		.menudropdown a {background:#DD2B3B; color:#FFF; display:block; font-size:11px; font-weight:bold; padding:3px 5px; text-decoration:none;}
		.menudropdown a:hover {color:#000; background:#EEEEEE; text-decoration:none;}

		.homepagelist li {position:relative; line-height:12px; }
		.homepagelist li .numoffset  {float:left; width:28px; height:31px; overflow:hidden; vertical-align:top; color:#FFF; margin-right:10px; font-weight:bold; background-color:#D02333; text-align:right; font-size:32px; line-height:normal;}
		.homepagelist li p	{margin:0px; padding:0px;}
		
		.button {height:20px; padding-top:5px; margin:auto; display:block; text-align:center; border:1px solid #999; font-weight:bold; color:#fff; background:transparent url(../images/layout/bg.horiz.multi.gif) repeat-x left 0px; text-decoration:none;}
		input.button {height:25px; padding-top:0px; vertical-align:middle;}
		.button:hover {color:#000; cursor:pointer;}

		.anchorbox {display:block; width:95%; padding:5% 2%; margin:auto; text-align:center; border:1px solid #685893; font-weight:bold; background:#C0B2E5; color:#685893; text-decoration:none;}
		.anchorbox:hover {color:#685893; background:#CEE781;}

		.darkfade {background:#FFF url(../images/layout/bg.horiz.multi.png) repeat-x center -372px;}
		
		.featuredimage{float:left;}
  		body {background:#f3f3f3; }
		.shadowleft {width:810px; margin:0px auto; padding-left:10px; background:transparent url(../images/layout/bg.shadow.vert.multi.png) repeat-y left center;}
		.shadowright {width:800px; padding-right:10px; background:transparent url(../images/layout/bg.shadow.vert.multi.png) repeat-y right center;}
		.shadowbottomcontainer	{width:820px; margin:0px auto;}
		.shadowbottomleft		{width:10px; height:10px; float:left; background:transparent url(../images/layout/bg.shadow.horiz.multi.png) no-repeat left top;}
		.shadowbottomright		{width:10px; height:10px; float:right; background:transparent url(../images/layout/bg.shadow.horiz.multi.png) no-repeat right top;}
		.shadowbottom			{height:10px; margin:0px 10px; background:transparent url(../images/layout/bg.shadow.horiz.multi.png) repeat-x center -10px;}
		#page {background:#FFF; padding-bottom:10px;  border:1px solid #999; border-width:0px 1px 1px 1px;}
		.columnleft		{float:left; width:540px; padding-left:15px; padding-top:15px;}
		.columnright	{float:right; width:210px; padding-right:15px; padding-top:15px;}
		.columnsingle   {width:580px; padding:15px 10px; margin:auto;}



		#header {position:relative; height:74px; background:#fff;}
			#header #logo {width:215px; height:69px; position:absolute; top:10px; left:10px; background:transparent url(../images/elements/logo.215.gif) no-repeat left center; font-size:1px; overflow:hidden; text-indent:-1000px;}
			#header #logo a {display:block; width:100%; height:100%;}
			#header #languages {position:absolute; top:5px; right:10px; text-align:right;}
			#header #languages select {width:100px; padding:0px; font-size:9px;}
			#header #languages, #header #languages * {font-size:11px; vertical-align:middle;}

		#tagline{ font-size:14px; font-weight:bold; margin-left:10px; float:left;}

		#division_title {font-size:14px; font-weight:bold; float:right; padding:5px 10px 0px 10px;}
			#division_title a{text-decoration:none;  color:#FFF;}
			#division_title a:hover{color:#000;}
		
		#topmenu {text-align:right; padding:0px 5px 5px 0px;}
			#topmenu a {padding:0px 4px; font-size:10px; color:#000; text-decoration:none;}
			#topmenu a:hover {color:#D02333;}

		#mainmenu {height:25px; border-width:1px 0px; border-color:#999; padding-left:0px; text-align:left; background:transparent url(../images/layout/bg.horiz.multi.gif) repeat-x left 0px;}
			#mainmenu #mainnavigation a {display:block; height:20px; padding:5px 10px 0px 10px; float:left; text-decoration:none; font-weight:bold; color:#FFF;}
			#mainmenu #mainnavigation a:hover {color:#000;}
			#mainmenu #mainnavigation a.selected {background:#eeeeee; color:#000;}

		#leftnavigation {float:right; margin:3px 4px 0px 0px;}
			#leftnavigation #search_toggler,
			#leftnavigation #search_toggler img,
			#leftnavigation #search_togglee {float:left;}
			#leftnavigation, #topboxcontainer div {font-size:10px; color:#FFF;}
			#leftnavigation * {vertical-align:middle;}
			#leftnavigation a {font-size:12px; font-weight:bold;}
			#leftnavigation select {color:#000000; font-size:10px; width:180px; border:1px solid #E0E3F4;}
			#leftnavigation option {color:#000000; font-size:10px;}
			#leftnavigation input.text {width:85px; height:14px; font-size:11px; font-weight:normal; color:#000000; border:1px solid #E0E3F4; vertical-align:middle;}

			
		#submenu {padding:2px 4px; background:#eeeeee; border-bottom:1px solid #999;}
		    #submenu .divisionmenu{float:left; text-decoration:none; clear:none;}
		    #submenu .divisionmenu a{padding:2px 7px 0px 7px;}
		    #submenu select {border:1px solid #999999; color:#000000; font-size:10px;}
			#submenu, #submenu a {font-size:10px; text-decoration:none;}
			#submenu a {font-size:11px; font-weight:bold;}
			#submenu {color:#000000; text-align:right;}
			
		#login{font-size:10px; text-decoration:none; float:right; padding:10px 7px 0px 0px;}
			#login select {border:1px solid #999999; color:#000000; font-size:10px;}

		/* Rather than float, we can overflow the container */
		#content {overflow:auto;}

		#footer {border-top:1px solid #9D9FA1; width:96%; margin:25px auto 0px auto;}
		#footer, #footer a {font-size:10px; color:#9D9FA1;}
		
 		.accordionLayer .header{color:#FFFFFF; font-size:14px; font-weight:bold; padding:2px; display:block; background-color:#FFFFFF; background-image:url(../images/elements/background.mccann.gradientb.jpg); border-top:solid 1px #FFFFFF; border-bottom:1px solid #DCDCDC; overflow:hidden; cursor:pointer;}
		.accordionLayer .active{background-image:url(../images/elements/background.mccann.gradienta.jpg);}
		.accordionLayer .body{color:#000;}
		.accordionLayer .accordionContent{padding:5px 10px;}
		
		
		.box1 {background:#fff; border:1px solid #999; margin-bottom:15px;}
		.box1header {border-bottom:1px solid #999; padding:2px 4px; font-weight:bold; color:#FFF; background:#9D9FA1 url(../images/layout/bg.horiz.multi.gif) repeat-x left center;}
		.box1content {padding:10px;}
  		.box1content li{padding-bottom:2px;}
		.box1content li a{color:#000; font-weight:bold; text-decoration:none;}
		.box1content li a:hover{color:#D02333;}
		.box1content .lined{clear:both;}
		
		.box2{background:#fff; margin-bottom:15px;}

        .productBox{margin:15px;}
		.productTop{color:#FFF; display:block; clear:both;}
		.productTop .productBoxHeader{border:1px solid #999; float:left; margin:0px 10px; padding:3px 5px 3px 5px; font-weight:bold; background:#9D9FA1 url(../images/layout/bg.horiz.multi.gif) repeat-x left center; cursor:pointer;}
		.productTop .selected{background:#9D9FA1 url(../images/layout/bg.horiz.multi_selected.gif); color:#000; }
		.productBoxBody{border:1px solid #999; padding:5px; display:none; clear:both;}
		.productText .selected{display:block;}

		.flashmedia{padding-bottom:35px;}
		.buybutton{padding:5px 0px;}
		div.divisionholder{}
		div.divisionholder span {display:block; width:265px; height:165px; border:1px solid #000; margin:1px; overflow:hidden; text-indent:-1000px; float:left; cursor:pointer;}
		div.divisionholder .division_certification {background:url(../images/layout/mccann.layout.main.certific_3.jpg) no-repeat top center;}
		div.divisionholder .division_corporate {background:url(../images/layout/mccann.layout.main.corporat_3.jpg) no-repeat top center;}
		div.divisionholder .division_highereducation {background:url(../images/layout/mccann.layout.main.higher_e_3.jpg) no-repeat top center;}
		div.divisionholder .division_publicsafety {background:url(../images/layout/mccann.layout.main.public_s_3.jpg) no-repeat top center;}
		
		div.divisionholder .division_certification:hover {background:url(../images/layout/mccann.layout.main.certific_3.jpg) no-repeat bottom center;}
		div.divisionholder .division_corporate:hover {background:url(../images/layout/mccann.layout.main.corporat_3.jpg) no-repeat bottom center;}
		div.divisionholder .division_highereducation:hover {background:url(../images/layout/mccann.layout.main.higher_e_3.jpg) no-repeat bottom center;}
		div.divisionholder .division_publicsafety:hover {background:url(../images/layout/mccann.layout.main.public_s_3.jpg) no-repeat bottom center;}

 	    

		.errorbox {padding:5px 2px; text-align:center; background-color:#FFF0F0; border:1px solid #900;}
		.messagebox {padding:20px 2px; height:25px; text-align:center; background-color:#F0F0FF; border:1px solid #009;}

        a.boxed {border:1px solid #ED1C24; background:#ff9999; color:#000;}
		a.boxed:hover {border:1px solid #ED1C24; background:#ED1C24; color:#FFF;}
		a.boxed {display:block; font-weight:bold; padding:10px; text-align:center;}
		a:hover {cursor:pointer; text-decoration:none;}

		#questions{}
		#questions li{list-style:none; padding:1px 0px;}
		.question{text-decoration:underline; font-weight:bold;}
	
        /*******************************************/
		/* site forms
		/*******************************************/
		.newsletterform {}
  		.newsletterform .formrow {float:left; clear:none; padding-right:5px;}
  		.newsletterform .formrow_email{width:57%}
  		.newsletterform .formrow_{width:30%;}
  		.newsletterform .forminput{width:100%;}
		.newsletterform .formlabel_email {display:none;}
       	.newsletterform .forminput {float:left;}

		.resourcecenterform {text-align:left;}
		.resourcecenterform .formlabel_username {width:30%;}
		.resourcecenterform .formlabel_password { width:30%;}
		.newsletterform .forminput_username {float:left; width:20%;}
		.newsletterform .forminput_password {float:left; width:20%;}
		.resourcecenterform #submitbox {float:right;}
		
		.askamieform {}
		.askamieform .formlabel{width:10%;}
		.askamieform .forminput{width:89%;}
		.askamieform .forminput{width:89%;}
		.askamieform .forminput_name{width:35%; float:left; margin-left:3px;}
		.askamieform .forminput_email{width:35%; float:left; margin-left:3px;}
	/*******************************************/
	/*  Datatable
	/*******************************************/
		table.datatable {width:100%;	}
		table.datatable th,
		table.datatable td {padding:3px; text-align:left;}
		table.datatable tr.darkestrow th,
		table.datatable tr.darkestrow th * {font-weight:bold; color:#FFF;}
		table.datatable tr.darkestrow th a {text-decoration:underline;}
		table.datatable tr.darkestrow th a:hover {text-decoration:none;}

		table.datatable tr.lightrow {background-color:#f9f9f9;}
		table.datatable tr.medrow {background-color:#EEEEEE;}
		table.datatable tr.darkrow {background-color:#9D9FA1;}
		table.datatable tr.darkestrow {background-color:#D02333;}

		table.datatable tr.lightrow th,
		table.datatable tr.medrow th    {text-align:left; padding-left:10px; color:#000; font-weight:bold	;}
		table.datatable tr.lightrow th 	{background-color:#f9f9f9;}
		table.datatable tr.medrow th    {background-color:#EEEEEE;}
		table.datatable tr.darkrow th  {text-align:left; color:#FFF; font-weight:bold; font-style:italic;}
		table.datatable tr.darkrow th.disclaimer {font-size:10px; font-weight:normal;}
		table.datatable tr.darkestrow th a {color:#fff;}