/* Basic Style Sheet Document for All Pages */

/*--------------------------------------------------------------------------------------------------------------
Version: 	1.0 (Standard browsers - IE7+)
Author:		Connetik Interactive (ML)
Email: 		info@connetik.com
Website:	http://www.connetik.com
Legend:		:TODO: Remember to remove this rule before the site goes live
			:KLUDGE: I managed to fix this problem in IE by setting a small negative margin
			:BUG: Rule breaks in IE6
--------------------------------------------------------------------------------------------------------------*/

/* Basic
---------------------------------------------------------------*/

* html #contentBg {
	height: 1%; /*:KLUDGE: Fixes stacked div background missing in IE6 */
}
html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}
body {
	margin: 0 auto;
	padding: 0;
	position: relative; /*:KLUDGE: Fixes hasLayout problem in IE7 when zooming */
	background: #ffffff url(/images/background.gif) top center repeat-x;
	/* background: #ffffff url(/images/holiday-background-blue-bar.jpg) top center repeat-x; */
	text-align: center;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
}
a {
	color: #C12925;
	font-weight: normal;
}
a:visited {
	color: #155092;
	font-weight: normal;
}
a:hover {
	color: #000000;
	font-weight: normal;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}
img {
	vertical-align: bottom;
	border: 0px;
}
hr {
	color: #c5bdaf;
	background: #c5bdaf;
	height: 2px;
	border: 0px;
}
.clear {
	clear: both;
	height: 1px;
}
#wrapper {
	margin: 0px auto;
	width: 980px;
	text-align: left;
	min-height: 700px; /*:BUG: Rule breaks in IE */
	height: auto !important; /*:KLUDGE: So browsers other than IE have a height auto */
	height: 700px; /*:KLUDGE: IE reads this as min-height */
}

/* Header
---------------------------------------------------------------*/

#logo {
	float: left;
	width: 224px;
	padding-left: 30px;
	padding-top: 12px;
	padding-bottom: 12px;
	
	text-align:center;
	background-image:url(/images/logo-background.gif);
	background-repeat:no-repeat;
	background-position:30px bottom;
}
.breadcrumbWrapper {
	padding: 27px 0px 0px 20px;
	width: 680px;
	float: left;
}
#breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	border: 2px solid #ffffff;
	display: inline;
}
#breadcrumbs a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	cursor:pointer;
}
#breadcrumbs a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
#breadcrumbs a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
	display: block;
}
#breadcrumbs li {
	float: left;
	line-height: 22px;
	padding: 0px 22px 0px 10px;
	height: 22px;
}
.currentPage {
	background: #155092;
}
.goesToGrey {
	background: #444444 url(/images/breadcrumb-arrow-1.gif) top right no-repeat;
}
.goesToRed {
	background: #444444 url(/images/breadcrumb-arrow-2.gif) top right no-repeat;
}

/* Menu
---------------------------------------------------------------*/

#menuContainer {
	height: 38px;
	background: #155092;
	width: 714px;
	padding-right: 12px;
	float: right;
}
#nav {
	margin: 0px auto;
	padding: 0;
	width: 714px;
	height: 38px;
	text-align: left;
	list-style: none;
	z-index: 99;
}
#nav a, #nav a:visited {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 38px;
	display: block;
}
#nav a:hover {
	color: #f1e6d0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 38px;
	display: block;
}
#nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0px 18px 0px 18px;
	height: 38px;
}
.drop {
	background: url(/images/dropdown-arrow.gif) no-repeat top right;
}
#nav li img {
	display: block;
	border: 0;
}
#nav li ul {
	position: absolute;
	top: -9999em;
	z-index: 99;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 135px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 10px;
	top: 38px;
}
#nav li:hover {
	height: auto; /* :KLUDGE: Sticky Sons of Sukerfish Dropdown Fix */
}
#nav li ul li {
	width: 135px;
	height: auto;
	border-bottom: 1px solid #000000;
	padding: 0;
	margin: 0;
	background: #2b2b2b url(/images/normal-background.gif) repeat-x top left;
}
#nav li ul li a:link, #nav li ul li a:visited {
	display: block;
	padding: 7px 10px 7px 10px;
	line-height: 17px;
	font-weight: normal;
	font-size: 13px;
	position: relative; /*Forces display: block to work in IE6 */
}
#nav li ul li a:hover {
	display: block;
	padding: 7px 10px 7px 10px;
	line-height: 17px;
	font-weight: normal;
	font-size: 13px;
	background: #155092 url(images/dropdown-background.gif) repeat-x top left;
	position: relative; /*Forces display: block to work in IE6 */
}


/* Content Area
---------------------------------------------------------------*/

#contentPadding {
	padding: 0px 31px 0px 31px;
}
.heading {
	font-size: 36px;
	color: #444444;
	font-weight: normal;
	border-bottom: 3px solid #444444;
	margin-top: 20px;
	clear: left;
}
h2 {
	font-size: 26px;
	color: #155092;
	font-weight: normal;
	border-bottom: 2px solid #155092;
}
.styledTable {
	border-bottom: 2px solid #444444;
	text-align: left;
	width: 100%;
	font-weight: normal;
}
.styledTable th {
	padding: 20px 8px 8px 8px;
	font-size: 18px;
	color: #444444;
	font-weight: normal;
	border-bottom: 4px solid #444444;
}
.styledTable td {
	padding: 10px;
	border-bottom: 1px solid #ffffff;
	font-size: 13px;
}
.styledTable .even, .bulletsTable .even {
	background: #eef2e2;
}
.styledTable .odd, .bulletsTable .odd {
	background: #e7ecd5;
}
.bulletsTable {
	border-bottom: 2px solid #444444;
	text-align: left;
	width: 100%;
}
.bulletsTable th {
	padding: 20px 8px 8px 8px;
	font-size: 18px;
	color: #444444;
	font-weight: normal;
	border-bottom: 4px solid #444444;
	white-space: nowrap;
}
.bulletsTable td {
	padding: 10px;
	border-bottom: 1px solid #444444;
	font-size: 13px;
	vertical-align: top;
}
.bulletsTable .whoCell {
	font-weight: bold;
}
.bullets {
	margin-top: 20px;
}
.bullets p {
	font-size: 12px;
	clear: both;
	padding: 0;
	margin: 0;
}
.bullets .buttonTypeA {
	float: right;
}
.bullets h3 {
	font-size: 16px;
	background: #000000 url(images/heading-corner.gif) top left no-repeat;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 0px 10px;
	line-height: 36px;
	width: 475px;
	float: left;
}
.bullets .arrows {
	width: 70px; 
	float: left; 
	height: 36px; 
	background: url(images/heading-right.gif) top left no-repeat; 
	padding-left: 6px;
	line-height: 26px;
}
.bullets .bulletContent {
	border-right: 9px solid #000000;
	border-left: 9px solid #000000;
	padding: 10px;
}
.jumpToBox {
	width: 150px;
	float: right;
	font-size: 14px;
	color: #444444;
	text-align: right;
	margin-right: 8px;
	line-height: 26px;
}
.roundedCornersTopBar {
	background: #000000 url(images/bullets-top.gif) top left no-repeat;
	height: 14px;
	clear: both;
}
.roundedCornersBotBar {
	background: #000000 url(images/bullets-bottom.gif) top left no-repeat;
	height: 14px;
	margin-bottom:75px;
}
.formStep {
	font-size: 18px;
	color: #444444;
	font-weight: normal;
}

.bulletCategory{
	background-image:url(/images/bullet-title-bg.gif);
	width:918px;
	height:37px;
	vertical-align:middle;
	font-size: 16px;
	line-height:37px;
	color: #444;
}

.bulletCategory div{
	background-color:#000000;
	height:37px;
	float:left;
	font-size: 16px;
	padding-left:4px;
	line-height:37px;
	color:#FFFFFF;
	font-weight:bold;
}

.bulletCategory img{
	float:left;
}

/* Buttons
---------------------------------------------------------------*/

.buttonTypeA, .buttonTypeB {
	width: 163px;
	height: 26px;
	overflow: hidden;
	text-align: center;
	margin: 1px;
	float: left;
}
.buttonTypeA {
	background: url(/images/button-bg-primary.png) top left no-repeat;
}
.buttonTypeB {
	background: url(/images/button-bg-secondary.png) top left no-repeat;
}
.buttonTypeA a:link, .buttonTypeA a:visited, .buttonTypeB a:link, .buttonTypeB a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	line-height: 26px;
	display: block;
}
.buttonTypeA a:hover, .buttonTypeB a:hover {
	color: #f1e6d0;
	font-weight: normal;
	text-decoration: none;
	line-height: 26px;
	display: block;
}
.smButtonTypeA, .smButtonTypeB {
	width: 48px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	margin: 1px;
	font-size: 11px;
}
.smButtonTypeA {
	background: url(/images/small-button-bg-primary.png) top left no-repeat;
}
.smButtonTypeB {
	background: url(/images/small-button-bg-secondary.png) top left no-repeat;
}
.smButtonTypeA a:link, .smButtonTypeA a:visited, .smButtonTypeB a:link, .smButtonTypeB a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	display: block;
}
.smButtonTypeA a:hover, .smButtonTypeB a:hover {
	color: #dbdfb8;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	display: block;
}
.heading .smButtonTypeA, .heading .smButtonTypeB {
	float: right;
	margin-top: 15px;
}
table .smButtonTypeA, table .smButtonTypeB {
	float: left;
}

/* Form
---------------------------------------------------------------*/

.formTable {
	font-weight: 600;
	text-align: left;
	width: 100%;
}
.formTable td {
	padding: 3px 10px 3px 10px;
	font-size: 14px;
}

/* Footer
---------------------------------------------------------------*/
#footer {
	clear: both;
	background: url(/images/footer-background.gif) top left repeat-x;
	border-top: 1px solid #c5bdaf;
	margin-top: 30px;
}
#footerWrapper {
	margin: 0px auto;
	width: 858px;
	padding: 10px 30px 10px 92px;
	text-align: center;
	color: #444444;
	font-size: 11px;
	line-height: 30px;
}




/* Clean up later
---------------------------------------------------------------*/
.library_list{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 918px;
}

.library_list li{
	width:459px;
	line-height:26px;
	float:left;
}

.dropdown_arrow{
	margin:1px;
	cursor:pointer;
}

form{
	text-align: left;
}

#paging_display{
	width:200px;
	float:right;
	font-size:12px;
	margin-top:15px;
	margin-right:200px;
	line-height:20px;
}

#dialog_paging_display{
	width:200px;
	float:right;
	font-size:12px;
	margin-top:15px;
	margin-right:200px;
	line-height:20px;
}



.content_row td{
	height:23px;
}


.module_list{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 918px;
}

.module_list li{
	width:305px;
	line-height:26px;
	float:left;
}



.message_error{
	color:#E53E46;
	border:1px solid #E53E46;
	background-color:#FFBABA;
	padding:15px;
	margin-bottom:15px;
	display:none;
}

.message_success{
	color:#91B66A;
	border:1px solid #91B66A;
	background-color:#DEF2BF;
	padding:15px;
	margin-bottom:15px;
	display:none;
}

.message_info{
	color:#4687BC;
	border:1px solid #4687BC;
	background-color:#BDE5F8;
	padding:15px;
	margin-bottom:15px;
	display:none;
}

.message_warning{
	color:#C6A067;
	border:1px solid #C6A067;
	background-color:#FEEFB3;
	padding:15px;
	margin-bottom:15px;
	display:none;
}