/*--------------------
Cityonomy.com main style sheet
version: 09.12.05
--------------------*/

body * {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body {
	margin: 0;
	padding: 0;
	background: #0A7588;
	font: 75%/140% Helvetica, Geneva, Tahoma, Arial, sans-serif;
	text-align: left;
	color: #000;
	}

/*-------------------------------------------
=Links
-------------------------------------------*/
#homeBtn span {
	display: none;
	}
a#homeBtn,
a#homeBtn:link,
a#homeBtn:visited {
	position: absolute;
	left: 691px;
	top: 36px;
	width: 60px;
	height: 36px;
	background: url("img/homeBtn-on.jpg") no-repeat top left;
	}
a#homeBtn:hover {
	background: url("img/homeBtn-on.jpg") no-repeat top left;
	}
a,
a:link,
a:visited {
	color: #2199AE;
	font-style: italic;
	font-weight: bold;
	}
a:hover {
	text-decoration: none;
	}
dt a:link,
dt a:visited {
	color: #2199AE;
	text-decoration: none;
	}
dt a:hover {
	text-decoration: underline;
	}
a img,
a:link img {
	border: 0;
	}
a.lbutt,
a:link.lbutt {
	display: block;
	width: 160px;
	margin: -.6em 0 1.5em;
	padding: 2px 0 0;
	border: 1px solid #0A7588;
	background: #D9F9FF;
	text-decoration: none;
	font-style: normal;
	text-align: center;
	}
a:hover.lbutt {
	background: #0A7588;
	color: #fff;
	}

/*-------------------------------------------
=Images
-------------------------------------------*/
img.footSponImg {
	margin: 0 0 0 10px;
	}
img.imgFloatL {
	float: left;
	clear: both;
	margin: 0 8px 10px 0; 
	}
img.imgFloatR {
	float: right;
	margin: 0 0 10px 10px;
	}
img.imgFloatR-rpad {
	float: right;
	margin: 0 15px 10px 10px;
	}
#landing div.l-col img.imgFloatL {
	margin: 0 10px 20px 0;}
#landing div.l-col img.last {
	margin-bottom: 0;
	}
.dispImg {
	margin: 0 0 0 1px;
	}
img.provLogo {
	margin-bottom: 6px;
	}
img.vertpad {
	margin: 6px 0;}

/*-------------------------------------------
=Typography
-------------------------------------------*/
h2, h3, h4, h5, h6 {
	color: #3B8D9C;
	font-size: 1.4em;
	line-height: 100%;
	font-style: italic;
	}
h2 {
	margin: 8px 1px 3px;
	padding: 4px 0 0 12px;
	background-color: #D3F6FC;
	font-size: 1.4em;
	}
h2.welcomeH {
	margin: 2px 1px 3px; /*-- Change made to Line up with top nav same time as BANNER ad hidden / delete entire line if bringing back BANNNER AD  --*/
	font-size: 1.7em;
	}
h3 {
	margin: 0 0 .4em;
	font-size: 1.3em;
	}
h4, h5 {
	margin: 0 0 4px;
	font-size: 1.1em;
	}
p {
	margin: 0 0 1.2em;
	}
#footer p {
	margin: 0;
	}
dt {
	margin: 0 0 .2em;
	color: #2199AE;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	}
dl.gradBg dt {
	margin: 0 0 .2em 65px;
	padding: 6px 0 0;
	background: url("img/lineGrad.gif") no-repeat 0px 0px;
	line-height: 100%;
	}
#MOrep dl.gradBg dt {
	margin: 0 0 .2em 34px
	}
#MOrep dl.gradBg dd {
	margin: 0 0 12px 34px
	}
dl.gradBg dt.first {
	padding: 0;
	background: none;
	}
.l-col dl.gradBg dd,
.l-col2 dl.gradBg dd,
.r-col dl.gradBg dd,
.f-col dl.gradBg dd {
	margin: 0 0 12px 65px;
	}
dd {
	margin: 0 0 10px;
	}
dl {
	margin: 0;
	}
dl.arrowIco dt,
dl.arrowIcoPlay dt {
	margin-left: 40px;
	}
dl.arrowIco dd,
dl.arrowIcoPlay dd {
	margin: 0 0 15px 0;
	margin-left: 40px;
	}
dl.survey {
	margin: 0 0 1.5em;
	}
dl.survey dt {
	margin: 0 0 4px;
	font-style: normal;
	}
dl.survey dd {
	margin: 0 0 2px;
	}
div.hr {
	clear: both;
	height: 5px;
	margin: 0 0 12px;
	background: url("img/hrBg.jpg") no-repeat top left;
	}
.reqfield {
	font-weight: bold;
	color: red;
	}
ul, ol {
	margin: 0 0 1.2em 2.2em;
	}
li {}
ul.pdf {
	margin: 0 0 1.2em 4px;
	}
ul.pdf li {
	height: 16px;
	margin-bottom: 3px;
	padding: 0 0 0 22px;
	list-style-type: none;
	background: transparent url("img/pdf-ico.gif") no-repeat left center;
	}

/*-------------------------------------------
=Misc.
-------------------------------------------*/	
.last {
	margin-bottom: 0;
	}
.clear {
	clear: both;
	}
.hide {
	display: none;
	}
/*-------------------------------------------
=Forms
-------------------------------------------*/
fieldset {
	padding: 6px 0 6px 8px;
	border: 0;
	border-top: 1px solid #926418;
	background: transparent url("img/formBg.jpg") repeat-x top left;
	}
input,
textarea,
select {
	display: block;
	margin: 0;
	padding: 1px;
	font-family: Helvetica, Geneva, Tahoma, Arial, sans-serif;
	font-size: 11px;
	}

#refer label {
	float: left;
	clear: both;
	width: 90px;
	padding: 4px 0 0;
	}
#refer input {
	width: 160px;
	margin: 0 0 7px 90px;
	}
#refer .submitBtn {
	width: auto;
	margin: 0 0 0 90px;
	}

input:focus,
textarea:focus {
	background: #FAF3CA;
	}
textarea#question {
	width: 80%;
	height: 85px;
	}

#myprofile label {
	display: block;
	}
#myprofile input,
#myprofile select {
	clear: left;
	width: 250px;
	margin: 0 15px 12px 0;
	}
#myprofile select#contract {
	width: 60px;
	}
#myprofile input.submitBtn {
	width: auto;
	}
form input.radiobutton {
	clear: left;
	float: left;
	padding: 0;
	margin: 0 0 0 8px;
	}
form label.radioitem {
	clear: none;
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
	}

/*-------------------------------------------
=Layout
-------------------------------------------*/
table#mainTable {
	width: 760px;
	background-color: #fff;
	border-collapse: collapse;
	}
td#header {
	position: relative;
	height: 88px;
	background: #0A7588 url("img/headerBG.jpg") no-repeat top left;
	}
td#l-con {
	width: 139px;
	background: #FAF3CA url("img/l-colBG.gif") repeat-y top right;
	}
td#m-con {
	width: 621px;
	background: #fff;
	}
td#footer {
	padding: 14px 14px 6px;
	background: #fff url("img/footerBG.gif") no-repeat top left;
	border-top: 1px none transparent;
	text-align: right;
	font-size: .9em;
	color: #3B8D9C;
	font-weight: bold;
	line-height: 100%;
	}
div#footBorder {
	width: 760px;
	margin-bottom: 12px;
	height: 5px;
	background: url("img/footBorder2.gif") no-repeat top left;
	}
div#advert {
	/*-- width: 100%;
	margin: 15px 0 0;
	background-color: transparent;
	text-align: center; --*/
	display: none;                     /*-- Delete this line and un-comment above to bring BANNER AD back --*/
	}
div#mCon {
	margin: 13px 0 12px 13px
	}
div.f-col {
	padding-right: 15px;
	}
div.l-col,
div.l-col2 {
	float: left;
	width: 287px;
	margin: 0;
	}
div.r-col {
	float: left;
	width: 287px;
	margin: 0 0 0 15px;
	}

/*-------------------------------------------
=Layout-PageSpecific
-------------------------------------------*/
#iconfirmation td#m-con,
#racolleague td#m-con {
	text-align: center;
	 }
#iconfirmation td#footer,
#racolleague td#footer {
	background: #fff url("img/iconf-footerBG.jpg") no-repeat top left;
	}
#iconfirmation div.m-col,
#racolleague div.m-col {
	width: 621px;
	margin: 26px 0 26px 69px;
	text-align: left;
	}
#iconfirmation div.l-col,
#myprofile div.l-col {
	width: 260px;
	padding-right: 15px;
	}
#racolleague div#mCon {
	margin: 13px 0 12px 13px;
	}
#racolleague div.l-col {
	width: 275;
	padding-right: 15px;
	background: url("img/vertDotTile.gif") repeat-y top right;
	}
#racolleague div.r-col {
	width: 275px;
	}
#landing div.l-col {
	width: 343px;
	background: url("img/vertDotTile.gif") repeat-y top right;
	}
#landing div.r-col {
	width: 230px;
	}
#landing div.l-col dd {
	padding: 0 16px 0 0;
	}
#sexperts div.l-col,
#lexpert div.l-col,
#sprovider div.l-col,
#sexperts div.r-col {
	background: url("img/lineGrad.gif") no-repeat 0 0;
	overflow: hidden;
	}
#sexperts div.l-col dl.gradBg dt,
#lexpert div.l-col dl.gradBg dt,
#sprovider div.l-col dl.gradBg dt,
#sexperts div.r-col dl.gradBg dt {
	margin: 0 0 .2em 118px;
	background: none;
	}
#sexperts div.l-col dl.gradBg dd,
#lexpert div.l-col dl.gradBg dd,
#sprovider div.l-col dl.gradBg dd,
#sexperts div.r-col dl.gradBg dd {
	margin: 0 0 10px 118px;
	}
#smatrix div.l-col dl.gradBg dt,
#smatrix div.r-col dl.gradBg dt {
	background-position: top left;
	margin: 0;
	}
#sexperts div.l-col img.imgFloatL,
#lexpert div.l-col img.imgFloatL,
#smatrix div.l-col img.imgFloatL,
#smatrix div.r-col img.imgFloatL,
#sprovider div.l-col img.imgFloatL,
#sexperts div.r-col img.imgFloatL {
	margin-top: 6px;
	}
#events dl {
	margin-bottom: .5em;
	}
#events dt {
	float: left;
	clear: left;
	margin: 0 0 .5em;
	width: 120px;
	}
#events dd {
	margin: 0 0 .5em 120px;
	padding: 1px 0 0;
	}
div.rice {
	float: right;
	width: 260px;
	margin: 0 0 0 12px;
	padding: 16px 0 0;
	background: url("img/hrBg.jpg") no-repeat top left;
	overflow: hidden;
	}
	
/*-------------------------------------------
=Tools area
-------------------------------------------*/
.vidbox {
	width: auto;
	margin: 0 0 12px 0;
	padding: 10px;
	background: #FCFBF0;
	border: 1px solid #FAF3CA;
	}
.vid-l, .vid-r {
	float: left;
	width: 50%;
	text-align: center;
	}
.vid-l img, .vid-r img {
	display: block;
	margin: 0 auto 6px;
	text-align: center;
	}

/*-------------------------------------------
=Tables
-------------------------------------------*/
table#graphics {
	margin: 0 1px 0 1px;
	border-collapse: collapse;
	}
td#flash {
	border-right: 1px solid #fff;
	}
td#lMoreImg {
	border-bottom: 1px solid #fff;
	}
table#info td {
	vertical-align: top;
	border-collapse: collapse;
	}

/*-------------------------------------------
=Navigation
-------------------------------------------*/
div#nav {
	width: 100%;
	margin-bottom: 15px;
	padding: 38px 0 0;
	background: url("img/navBG.gif") no-repeat top left; 
	}
#nav ul {
	margin: 0;
	}
#nav ul.tborder {
	margin: 0 0 0;
	padding: 13px 0 0;
/*	background: url("img/navDotBorder.gif") no-repeat top left;*/
	}

#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#nav ul li.navHeading {
	display: block;
	padding: 0 0 0 9px;
	font-weight: bold;
	} 

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
	display: block;
	padding: 2px 0 2px 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #C2DCE1;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	color: #000;
	}
#nav ul li a.last {
	border-bottom: 1px solid #fff;
	}
#nav ul li a:hover {
	padding-left: 6px;
	background: #9EDFEA;
	border-left: 3px solid #3B8D9C;
	}
#lexpert #lexpertBtn,
#smatrix #smatrixBtn,
#smatrixProv #smatrixBtn,
#events #eventsBtn,
#about #aboutBtn,
#vmprofile #vmprofileBtn,
#atExpert #atexpertBtn,
#racolleague #racolleagueBtn,
#sponsors #sponsorsBtn,
#lleader #lleaderBtn,
#contact #contactBtn,
#stories #storiesBtn,
#crm #crmBtn,
#newstories #newstoriesBtn,
#pra #praBtn,
#sstories #sstoriesBtn,
#Success #SuccessBtn,
#tools #toolsBtn,
#wpapers #wpapersBtn,
#solutions #solutionsBtn,
#resources #resourcesBtn,
#procurement2 #procurement2Btn,
#MOrep #MOrepBtn,
#vmprofile #vmprofileBtn,
#smatrixProv #smatrixBtn,
#fpartnership #fpartnershipBtn,
#CAdept #CAdeptBtn {
	padding-left: 6px;
	background: #9EDFEA;
	border-left: 3px solid #3B8D9C;
	}
/*-------------------------------------------
=SubNavs
-------------------------------------------*/
#nav ul li.SuccessSubNav,
#nav ul li.SuccessSubNav a {
	display: none;
	}
#Success #nav ul li.SuccessSubNav,   /*-- to Display the subnav --*/
#CAdept #nav ul li.SuccessSubNav,
#MOrep #nav ul li.SuccessSubNav {
	display: inline;
	}
#Success #nav ul li.SuccessSubNav a,   /*-- to Display the subnav --*/
#CAdept #nav ul li.SuccessSubNav a,
#MOrep #nav ul li.SuccessSubNav a {
	display: block;
	}

/*-------------------------------------------
=Clearfix
-------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.bigblack
{
	font-size: 11pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}