@charset "utf-8";

/*
	Framework Styles
	Author: David Perini
	Created: 09-25-2008
	Description: This is the foundational CSS file for ALL Citidex-branded sites on our server. THIS IS GOD.
*/

/* Universal Styles --------------------------------------------------------
Common HTML tags used on every single page of our network */

* {
	margin: 0;
	padding: 0;
}
a:visited {
	color: #B8008A;
}
body {
/* Creates the blue background with gradient */
	background: #0059b3 url("/cd-common/images/bg.gif") repeat-x;
	margin: 15px 0;
}

img {
	border: none;
}

/* Universal Cleared Elements */

.clear {
	clear: both;
	
}

/* Universal Text Styles */

body {
	font: 12px/125% Arial, sans-serif;
}

h1 {
	font-size: 18px;
}
h2 {
	font: bold 14px/100% Arial;
	padding: 8px;
	background: #fff;
	border: 1px solid #cccc66;
}
h3 {
	font: bold 12px/100% Arial;
	padding-bottom: 5px;
	border-bottom: 3px solid #cccc66;

}
h4 {
	font: bold 14px/15px Arial;
}

.meta-line {
	color: #666;
	font: bold 11px/100% Arial;
}

p {
	margin-bottom: 12px;
}

ul {
	margin-left: 30px;
	margin-bottom: 12px;
}

.hr {
	width: 500px;
	margin-top: 12px;
	border-top: 1px solid #cccc66;
	margin-bottom: 12px;
}

/* Framework -----------------------------------------
Creates the yellow box and rounded corners */

#Framework {
/* Outer containing box in which the corners are positioned */
  position: relative;
  width: 760px;
  margin: 0 auto;
  background: #FFFF99;
  padding: 15px 30px 20px 30px;
}

* html #Framework {
  background: #FFFF99 url("/cd-common/images/framework/bg.gif") repeat-x left bottom;
  }

div.ctl, div.ctr, div.cbl, div.cbr {
/* All corners */
  height: 12px;
  width: 12px;
  position: absolute;
  overflow: hidden;
  }  
div.ctl, div.ctr {
/* Top corners */
  top: 0;
  }
div.cbl, div.cbr {
/* Bottom corners */
  bottom: 0;
  }
div.ctl {
/* Top left corner */
  background: url(http://www.citidexli.com/cd-common/images/framework/corners/yellow/tl.png) no-repeat left top;
  left: 0;
  }
div.ctr {
/* Top right corner */
  background: url(http://www.citidexli.com/cd-common/images/framework/corners/yellow/tr.png) no-repeat right top;
  right: 0;
  }
div.cbl {
/* Bottom left corner */
  background: url(http://www.citidexli.com/cd-common/images/framework/corners/yellow/bl.png) no-repeat left top;
  left: 0;
  }
div.cbr {
/* Bottom right corner */
  background: url(http://www.citidexli.com/cd-common/images/framework/corners/yellow/br.png) no-repeat right top;
  right: 0;
  }
  
#Content {
/* Inner containing box for content */
	padding: 0px;
}

/* Masthead ------------------------------------------
The default styles for the Citidex masthead */

#Top {
	text-align: center;
}
#Top a:link {
	color: #FFF;
}
#Top a:link, #Top a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}
#Top a:active, #Top a:hover {
	text-decoration: underline;
}

#Top p{
	margin: 8px 0px 0px 0px;
	text-align: center;
}

#Top table {
	width: 100%;
	border: 0;
	text-align: left;
	border-spacing: 0;
}
#Top td {
	vertical-align: top;
	padding: 0;
}
#Top tr.branding_container {
	height: 84px;
}
#Top tr.branding_container td.l {
	background: url(/cd-common/images/headers/citidexli/l.gif);
	background-repeat: no-repeat;
	width: 14px;
}
#Top tr.branding_container td.m {
	background: url(/cd-common/images/headers/citidexli/m.gif);
	background-repeat: repeat-x;
}
#Top tr.branding_container td.r {
	background: url(/cd-common/images/headers/citidexli/r.gif);
	background-repeat: no-repeat;
	width: 14px;
}
#Top tr.branding_row {
	height: 66px;
}
#Top tr.branding_row td {
	padding: 3px;
}
#Top span.brand_all {
	font: 22px/26px Arial, Helvetica, sans-serif;
}
#Top span.brand_name {
	color: #000066;
	font-weight: bold;
}
#Top span.brand_subtitle {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color: #333;
}
#Top tr.header_link_row {
	vertical-align: middle;
	text-align: center;
	font: bold 11px/11px Arial;
	color: #AAAAFF;
}
#Top tr.header_link_row a {
	color: #FFF;
}

/* Footer */

#footer_notice {
	text-align: center;
	font: 8pt Arial, sans-serif;
	margin: 0;
	padding: 15px 0 0;
}

/* Navigation Block */

#navigation-block {
    margin-top: 10px;
    margin-bottom: 10px;
	position: relative;
	height: 24px;
}

#navigation-block .search {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
}

#navigation-block .search input.text {
	height: 16px;
	padding: 3px;
	width: 124px;
	background: #fff;
	border: 1px solid #cccc66;
	position: absolute;
	top: 0;
	left: 0;
}

#navigation-block .search a.search_button img,
#navigation-block .search input.search_button {
	width: 65px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
}

#navigation-block .alphabet {
	width: 550px;
	height: 24px;
	background: #CCCC66;
	position: absolute;
	top: 0;
	right: 0;
}

.alphabet a:link, 
.alphabet a:visited {
	color: #000066;
	font: bold 13px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.alphabet a:active, 
.alphabet a:hover {
	color: #6666CC;
}

.alphabet td {
	background: #FFFF99;
	text-align: center;
	padding: 2px 0;
	width: 3%;
	cursor: pointer;
}
* html .alphabet td {
	padding: 2px 0 1px;
}
.alphabet td:hover{
	background: #fff;
}.alphabet td:hover a {
	color: #6666CC;
}
* html .alphabet td a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* Whitebox */
.whitebox tr.box_top,
.whitebox tr.box_bottom {
	height: 10px;
}
.whitebox tr.box_top td.box_tl {
	background-image: url(/cd-common/images/content/white-box/bg_content_tl.gif);
	background-repeat: no-repeat;
	width: 10px;
}
.whitebox tr.box_top td.box_t {
	background-image: url(/cd-common/images/content/white-box/bg_content_t.gif);
	background-repeat: repeat-x;
}
.whitebox tr.box_top td.box_tr {
	background-image: url(/cd-common/images/content/white-box/bg_content_tr.gif);
	background-repeat: no-repeat;
	width: 10px;
}
.whitebox tr.box_bottom td.box_bl {
	background-image: url(/cd-common/images/content/white-box/bg_content_bl.gif);
	background-repeat: no-repeat;
	width: 10px;
}
.whitebox tr.box_bottom td.box_b {
	background-image: url(/cd-common/images/content/white-box/bg_content_b.gif);
	background-repeat: repeat-x;
}
.whitebox tr.box_bottom td.box_br {
	background-image: url(/cd-common/images/content/white-box/bg_content_br.gif);
	background-repeat: no-repeat;
	width: 10px;
}
.whitebox tr.box_mid td.box_l {
	background-image: url(/cd-common/images/content/white-box/bg_content_l.gif);
	background-repeat: repeat-y;
	width: 10px;
}
.whitebox tr.box_mid td.box_r {
	background-image: url(/cd-common/images/content/white-box/bg_content_r.gif);
	background-repeat: repeat-y;
	width: 10px;
}
.whitebox tr.box_mid td.box_center {
	background: #FFF;
}

/* Debug CSS */
.debug.hidden {
	display: none;
}
#floatdebug {
	position:fixed;
	bottom: 0px;
	left: 0px;
}