@import url("core.css");


/*--------
   LAYOUT
 --------*/

#bodyWrapper { width:897px; margin:0 auto; background:#1595d3 url("images/background.jpg") top left no-repeat; border:1px solid #fff; border-width:0 1px; text-align:left; }

#header { background:transparent url("images/clinipace.png") 16px 17px no-repeat; height:89px; position:relative; }
	#header h1 { position:relative; top:16px; left:17px; }
	#header h1, #header h1 a { display:block; width:200px; height:50px;}
		#header h1 a span { display:none; }

#topContent { text-align:left; width:897px; height:55px; background:transparent url("images/frame-top.png") bottom left no-repeat; }
	#topContent #sideSWF { float:right; position:relative; top:-9px; left:-38px; z-index:1; }

#wrapper { width:897px; text-align:left; background:transparent url("images/frame-home-right.png") top left repeat-y; }
	#content { text-align:left; background-color:#fefefe; padding-top:1em; margin:0 42px 0 21px; }
		#inside { margin:0 0 0 290px; padding:2em 0 1em 0; min-height:700px; height:auto !important; height:700px; }
			#inside h3 { background:#fff url("images/divider.gif") bottom left no-repeat; display:block; padding:0.5em 0 0.5em 0; }
			#inside .header-block { margin-bottom:1em; }
			#inside ul li { list-style:inside url("images/bullet.gif") }
		#homeInside { margin-left:280px; min-height:700px; height:auto !important; height:700px; }


#footer { height:50px; width:897px; background:transparent url("images/frame-home-bottom.png") bottom left no-repeat; font-size:1.1em; }
	#footer div { padding:1.1em 0 0 3.2em;}
		#footer div a { color:#818181; }
			
#copyright { font-size:1em; color:#fff; padding:0 0 5em 3.6em; }
	#copyright a { color:#fff; }

p.next-previous-header { text-align:center; margin:0 0 1.5em 0; font-size:1.1em; }


/*---------
   SEARCH
 ---------*/

#search { width:262px; height:60px; background:url("images/search-background.png") top left no-repeat; position:absolute; left:590px; }
	#search form { margin:0 1em; } 
	#search #searchLinks { color:#1e7dbb; font-size:1.1em; text-align:right; padding:0.7em 0; }
	#search input#searchInput { width:159px; float:left; position:relative; top:2px; left:3px; color:#818181; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #29648b; padding:2px; }
	#search input#searchSubmit { float:left; border:none; position:relative; top:-4px; left:5px; }
	#search input#searchSubmit:focus { background:none; }


/*---------
   SIDEBAR
 ---------*/

#sidebar { float:left; width:271px; }
	#sidebar #sidebarInside { width:254px; margin:0 0 10px 11px; }
	#sidebar .inner { background:#eaf6fa; border:1px solid #b7c1c6; border-width:0 1px; }
		#sidebar .inner div.header { background:transparent url("images/sidebar-item-header.gif") top left no-repeat; height:53px; position:relative; margin-top:4em; }
			#sidebar .inner div.header img { float:right; position:absolute; top:-18px; right:-5px; }
			#sidebar .inner div.header h3 { color:#e26f19; position:relative; top:14px; margin-left:1.5em; }
			#sidebar .inner p { margin:0.2em 0.5em 1em 2.2em; line-height:1.5em; }
			#sidebar .inner ul { margin:0.2em 0.5em 1em 2.7em; line-height:1.5em; }
	#sidebar .bottom { background:transparent url("images/sidebar-bottom.gif") bottom left no-repeat; width:254px; height:19px; }
	#sidebar #sidebarTop { margin:0; height:20px; background:transparent url("images/sidebar-top.gif") top left no-repeat; }
	#sidebar #productTour { margin:0; height:114px; background:transparent url("images/product-tour.jpg") top left no-repeat; }
		#sidebar #productTour a { display:block; height:114px; text-decoration:none; }
			#sidebar #productTour a span { display:block; width:135px; position:relative; top:65px; left:30px; color:#fff; font-size:1.2em; }

/*----------------
   SIDEBAR WIDGET
 ----------------*/

#sidebar { }
	
		#sidebar .widget {  position:relative; }
			#sidebar .widget h2 { background:transparent url("images/sidebar-item-header.gif") left top no-repeat; line-height:2.8em; color:#e26f19; position:relative; top:14px; text-indent:1.5em; height:65px; font-size:17px; }
			#sidebar .widget a { font-size:12px; }
			#sidebar .inner .widget ul { margin-left:2.2em; }
			#sidebar .inner .widget li { line-height:1.5em; }
				
				#sidebar .inner .widget_tag_cloud { width:242px; position:relative; left:10px; }
					#sidebar .inner .widget_tag_cloud h2 { width:251px; position:relative; margin-left:-10px; }
					#sidebar .inner .widget_tag_cloud a { display:inline; margin:0 0 0.3em 0; }
				

/*------------
   NAVIGATION
 ------------*/

#navigation { display:block; height:55px; background:transparent url("images/navigation-background.png") top left repeat-x; position:relative; z-index:100; }
	#navigation li { float:left; height:55px; font:1.4em/1em Arial, sans-serif; }
		#navigation li a { display:block; height:46px; color:#fff; text-align:center; padding:0 1em; }
			#navigation li a:link, #navigation li a:visited { background:transparent url("images/navigation-item-background.png") left top no-repeat; text-decoration:none; }
			#navigation li a:hover, #navigation li a:active { color:#d96b15; background:transparent url("images/navigation-item-background.png") left -56px no-repeat; }
			#navigation li a span { position:relative; top:12px; }
			#navigation li.one-line a span { top:20px; }
	#navigation li#navigationStart { width:28px; background:transparent url("images/navigation-spacer.png") left 5px no-repeat; }
	#navigation li#navigationEnd { height:46px; width:28px; background:transparent url("images/navigation-item-background.png") left top no-repeat; }
	
	/* SUBNAV */
	#navigation li div { display:none; background:transparent url("images/subnavigation-background-right.png") bottom right no-repeat; position:absolute; }
		#navigation li div ul { background:transparent url("images/subnavigation-background.png") 15px bottom no-repeat; margin-right:13px; padding:10px 0 10px 0; position:relative; left:-17px; }
			#navigation li div ul li { float:none; text-align:left; font:11px Georgia, Times, serif; height:25px; position:relative; left:20px; }
				#navigation li div ul li a { text-align:left; height:25px; margin-right:10px; }
					
					#navigation li div ul li a:link, #navigation li div ul li a:visited { color:#e16e16; background:none !important; text-decoration:none; }
					
					#navigation li div ul li:hover a, #navigation li div ul li a:hover, #navigation li div ul li a:active { color:#fff !important; background:transparent url("images/subnavigation-item-background.png") top left no-repeat !important; }
					#navigation li.one-line div ul li a span, #navigation li div ul li a span { top:5px; }
					
					#navigation li div ul li.active,
					#navigation li div ul li:hover { background:transparent url("images/subnavigation-item-background-right.png") top right no-repeat; }
		
		#navigation li.active div,			
		#navigation li:hover div { display:block; }


/*-----------------
   SIDE NAVIGATION
 ------------------*/

.side-navigation { width:271px; background:transparent url("images/side-navigation-top.gif") top left no-repeat; padding-top:8px; }
	.side-navigation li { font-size:1.1em; background:transparent url("images/side-navigation-background.gif") top left repeat-y;}
	.side-navigation li.compress { letter-spacing:-0.08em; }
		.side-navigation li a { font-family:Georgia, Times, serif; display:block; height:22px; padding-left:1em; }
			.side-navigation li a:link, .side-navigation li a:visited { color:#e16e16; }
			.side-navigation li a:hover, .side-navigation li a:active,
			.side-navigation li.active a:link, .side-navigation li.active a:visited { color:#fff; background:transparent url('images/side-navigation-item-selected.gif') top left no-repeat; text-decoration:none; }
			
.side-navigation li.side-navigation-end { width:271px; height:11px; background:transparent url("images/side-navigation-bottom.gif") top left no-repeat; margin-bottom:1em; }


/*-----------------------------
   HIGHLIGHTED SIDE NAVIGATION
 -----------------------------*/

.side-navigation { display:none; } /* HIDE ALL BY DEFAULT */

body#page-corporate #side-nav-corporate,
body#page-products-technology #side-nav-products-technology,
body#page-solutions #side-nav-solutions,
body#page-customers-we-serve #side-nav-customers-we-serve,
body#page-service-support #side-nav-service-support { display:block; }


/*------------------------
   HIGHLIGHTED NAVIGATION
 ------------------------*/

body#page-fixed-price #nav-fixed-price a:link, body#page-fixed-price #nav-fixed-price a:visited,
body#page-corporate #nav-corporate a:link, body#page-corporate #nav-corporate a:visited,
body#page-products-technology #nav-products-technology a:link, body#page-products-technology #nav-products-technology a:visited,
body#page-solutions #nav-solutions a:link, body#page-solutions #nav-solutions a:visited,
body#page-customers-we-serve #nav-customers-we-serve a:link, body#page-customers-we-serve #nav-customers-we-serve a:visited,
body#page-service-support #nav-service-support a:link, body#page-service-support #nav-service-support a:visited,
body#page-resource-center #nav-resource-center a:link, body#page-resource-center #nav-resource-center a:visited
	{ color:#d96b15; background-image:url("images/navigation-item-background-over.png"); }

body#page-fixed-price #nav-fixed-price a:hover, body#page-fixed-price #nav-fixed-price a:active,
body#page-corporate #nav-corporate a:hover, body#page-corporate #nav-corporate a:active,
body#page-products-technology #nav-products-technology a:hover, body#page-products-technology #nav-products-technology a:active,
body#page-solutions #nav-solutions a:hover, body#page-solutions #nav-solutions a:active,
body#page-customers-we-serve #nav-customers-we-serve a:hover, body#page-customers-we-serve #nav-customers-we-serve a:active,
body#page-service-support #nav-service-support a:hover, body#page-service-support #nav-service-support a:active,
body#page-resource-center #nav-resource-center a:hover, body#page-resource-center #nav-resource-center a:active
	{ color:#d96b15; background-image:url("images/navigation-item-background.png"); }



/*-------------
   COMPONENTS
 -------------*/

#inside h1, .header-block { background:#fefefe url("images/main-header-background.jpg") top left no-repeat; width:544px; height:64px; }
	.header-block span { display:block; margin-left:56px; padding-top:18px; padding-bottom:5px; }
	.header-block.two-line span { padding-top:8px; }
h1.header-block { line-height:23px; }

.spotlight-box { position:relative; background:transparent url("images/spotlight-background.png") top left no-repeat; width:277px; height:155px; float:left; top:15px; }
	.spotlight-box .inner { margin:3.3em 1.5em 0 4em; }
		.spotlight-box .inner img { float:left; position:relative; z-index:1; top:-36px; left:-35px; }
		.spotlight-box .inner h2 { color:#348dba; position:absolute; left:85px; float:left; }
		.spotlight-box .inner p { float:left; position:relative; z-index:10; top:-90px; }
		.spotlight-box .inner a.more { font-size:11px; color:#8acae7; position:absolute; right:33px; bottom:20px; }
		.spotlight-box .inner a:link, .spotlight-box .inner a:visited,
		.spotlight-box .inner a:hover, .spotlight-box .inner a:active { text-decoration:none; }
		
.divider-line { height:3px; background:#fff url("images/divider.gif") top right no-repeat; }

.blue-content { width:545px; background:transparent url("images/home-content-top.png") top left no-repeat; }
	.blue-content .inner { padding:10px 0 5px 3px;}
		.blue-content .item { background:transparent url("images/home-content-header.gif") top left no-repeat; min-height:120px; height:auto !important; height:120px; }
			.blue-content .item .item-inner { margin-left:5.2em; padding:1em 0; } 
			.blue-content .item img { float:right; position:relative; top:-12px; }
			.blue-content .item h1 { color:#348dba; }
	#inside .blue-content .inner h3 { padding-left:1em; }
	.blue-content .divider { background:transparent url("images/home-content-header.gif") top left no-repeat; height:3px; }
.blue-content-bottom { background:transparent url("images/home-content-bottom.png") top left no-repeat; width:545px; height:6px; }

label.error { font-size:1em; position:relative; height:1px; overflow:visible; z-index:1; top:-20px; left:300px; width:200px; line-height:1em; }
select.error, textarea.error, input.error { border:1px solid #ea4950; }


/*-------
   HOME
 -------*/

#home #homeHeader { position:relative; width:855px; height:170px; background:#fefefe url("images/frame-home-top-inner.png") bottom left no-repeat;}
#home .blue-content { float:right; width:550px; margin-top:2em; }
#home .blue-content-bottom { float:right; width:550px; }