/*****************************/
/*** Core html setup stuff ***/
/*****************************/

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 0.5em;
	line-height: 20px;
}

ol, ul {
	margin: 0px;
	padding-left: 20px;
}

ul {
	list-style: square;
}
	
li, dd {
	margin-left: 1em;
}

fieldset {
	padding: .5em;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	margin: 0px;
	font-size: 11px;
	color: #656565;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #C10000;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

a img {
	border: 0px;
}

input.button {
	cursor: pointer;
}

p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0
}

.jtd_nowrap {
	white-space: nowrap;
}

.time_gen {
	position: relative;
	top: -100px;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
body {
	text-align: center;	/* center hack */
	background: url(../images/z_background.png) top left repeat-x;
	background-color: #B4C1C9;
	padding: 15px;
}

#body-wrap {
	min-width: 800px;
	max-width: 1200px;
	margin: 0 auto; /* center hack */
	text-align: left;
	overflow: hidden;
}

#leftcolumn {
	float: left;
	width: 17%;
}

#content_full,
#content_medium,
#content_small {
	float: left;
	overflow: hidden;
}
#content_full {	width: 100%; }
#content_medium { width: 83%; }
#content_small { width: 66%; }

#rightcolumn {
	float: right;
	width: 16%;
	overflow: hidden;
}

#leftcolsep {
	background: url(../images/z_column_sep.png) 17% 0 repeat-y;
}

#rightcolsep {
	background: url(../images/z_column_sep.png) 83% 0 repeat-y;
}

.inside {
	padding: 10px;
}

/*--------------------------------------*/
/* WHITEBOX WITH ROUNDED CORNERS LAYOUT */
/*--------------------------------------*/

#whitebox {
	background-color: #FFF;
	width: auto;
	clear: both;
	margin-bottom: 5px;
}

#whitebox div {
	text-align: left;
}

#whitebox_m {
	width: 100%;
	padding: 1px;
}

#whitebox_b {
	clear: both;
}

#whitebox_bl {
	background: url(../images/z_whitebox_bl.png) bottom left no-repeat;
}

#whitebox_br {
	background: url(../images/z_whitebox_br.png) bottom right no-repeat;
	height: 10px;
}


#b_whitebox {
	background-color: #FFF;
	width: 100%;
	clear: both;
	margin-top: 15px;
	margin-bottom: 5px;
}

#b_whitebox div {
	text-align: left;
}

/* top line */
#b_whitebox_t {
	clear: both;
	width: 100%;
}

#b_whitebox_tl {
	background: url(../images/z_whitebox_tl.png) top left no-repeat;
	height: 10px;
}

#b_whitebox_tr {
	background: url(../images/z_whitebox_tr.png) top right no-repeat;
	height: 10px;
	overflow: hidden;
}

/* content area */
#b_whitebox_sep {
	width: 100%;
	background: url(../images/z_column_sep.png) 50% 0 repeat-y;
	overflow: hidden;
}

#bottom_content_left,
#bottom_content_full {
	float: left;
	width: 49.9%;
	overflow: hidden;
}
#bottom_content_full {
	width: 100%;
}

#bottom_content_right {
	width: 49.9%;
	float: right;
	overflow: hidden;
}

/* bottom line */
#b_whitebox_b {
	clear: both;
	width: 100%;
	height: 10px;
}

#b_whitebox_bl {
	background: url(../images/z_whitebox_bl.png) bottom left no-repeat;
	height: 10px;
}

#b_whitebox_br {
	background: url(../images/z_whitebox_br.png) bottom right no-repeat;
	height: 10px;
}

#b_whitebox .inside {
	padding: 0px 10px;
}

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

div#header {
	background: url(../images/z_header_bg.png) top left repeat-x;
	background-color: #212121;
	height: 91px;
	width: auto;
	border-bottom: 3px solid #C10000;
}

div#header div {
	text-align: left;
}

div#header_l {
	/*background: url(../images/z_header_bg_l_may9.png) top left no-repeat;*/
	background: url(../images/z_header_bg_l.png) top left no-repeat;
}

div#header_r {
	background: url(../images/z_header_bg_r.png) top right no-repeat;
}

div#header_highlight {
	background: url(../images/z_header_highlight.png) 50% 0 no-repeat;
}

div#header_logo {
	/*background: url(../images/z_logo_may9.png) 18px 0 no-repeat;*/
	background: url(../images/z_logo.png) 18px 0 no-repeat;
	height: 91px;
}

div#header input {
	background: url(../images/z_search.png) top left no-repeat;
	border: 0px;
	height: 22px;
	width: 168px;
	line-height: 18px;
	padding: 2px 0px 0px 5px;
}

div#header .search {
	padding-top: 18px;
	text-align: right;
}

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

div#footer {
	background: url(../images/z_footer_bg.png) top left repeat-x;
	background-color: #B4C1C9;
	height: 91px;
	width: 100%;
}

div#footer_l {
	background: url(../images/z_footer_bg_l.png) top left no-repeat;
}

div#footer_r {
	background: url(../images/z_footer_bg_r.png) top right no-repeat;
}

div#footer_logo {
	background: url(../images/z_footer_logo.png) 50% 0 no-repeat;
	height: 91px;
}

div#footer .inside {
	float: right;
	width: 49%;
	padding-top: 20px;
}

/*-----------------*/
/* TOP MENU STYLES */
/*-----------------*/

div#toolbar {
	background: url(../images/z_menu_bg.png) top left repeat-x;
	height: 38px;
	clear: both;
}
	
ul#mainlevel-nav {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#mainlevel-nav li {
	float: left;
	margin: 0;
	padding: 0;
	
	border-left: 1px solid #FFF;
	border-right: 1px solid #E2E7EA
}

#mainlevel-nav a:link, #mainlevel-nav a:visited {
	float: left;
	display: block;
	color: #657077;
	text-decoration: none;
	padding: 0px 20px;
	height: 38px;
	line-height:38px;
	
	background-image:url(../images/z_menu_sep.png);
	background-position:right;
	background-repeat:repeat-y;
}

#mainlevel-nav a:hover {
	background-color: #000;
	color: #FFF;
}

#mainlevel-nav a#active_menu-nav:link, #mainlevel-nav a#active_menu-nav:visited {
	background-color: #777;
	color: #FFF;
}

#mainlevel-nav a#active_menu-nav:hover {
	background-color: #000;
}

/*------------------*/
/* MAIN MENU STYLES */
/*------------------*/
.moduletable-vertmenu {
	margin-bottom: 15px;
}

.moduletable-vertmenu h3 {
	padding-bottom: 7px;
	margin: 0px;
	
	font-size: 16px;
	color: #616c72;
}

ul.menulist-vertmenu {

	list-style: none;

	margin: 0;

	padding: 0;
	width: 100%;
	border: 1px solid #E2E7EA;
	border-top: 3px solid #E2E7EA;
	border-bottom: 3px solid #E2E7EA;

}
ul.menulist-vertmenu li {
	margin: 0;
	padding: 0;
}
ul.menulist-vertmenu a:link,
ul.menulist-vertmenu a:visited {
	display: block;
	color: #657077;
	font-size: 12px;
	text-decoration: none;
	background-color: #E2E7EA;
	border-top: 0px solid #E2E7EA;
	border-bottom: 0px solid #FFF;
	padding: 0px 15px;
	height: 38px;
	line-height:38px;
	margin-bottom: 1px;
	margin-top: 1px;
}
ul.menulist-vertmenu a:hover {
	background-color: #FFF;
}
ul.menulist-vertmenu a#active_menu:link,
ul.menulist-vertmenu a#active_menu:visited{

	background-color: #FFF !important;

}

/* 2nd menu level */
li.active li a:link,
li.active li a:visited {
	padding-left: 5px;
	margin-left: 30px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #E2E7EA;
	border-top: 0px;
	background-color: #E2E7EA;
}
li.active li a:hover {
	background-color: #FFF;
}

li.active li#current a:link,
li.active li#current a:visited,
li.active li#current a:hover {
	background-color: #FFF;
}

ul.latestnews {
	list-style: none;

	margin: 0;

	padding: 0;
	width: 100%;
}

li.latestnews {
	padding: 3px;
	padding-left: 10px;
	background: url(../images/list-marker.gif) 0px 50% no-repeat;
}

/*---------------------*/
/* CONTENT AREA STYLES */
/*---------------------*/
#content .inside {
	line-height: 20px;
}

span.pathway {
	margin-bottom: 5px;
	display: block;
}

table.contentpaneopen {

	width: 100%;

}



table.contentpaneopen td {

	padding: 0px;
}

table.contentpaneopen fieldset {

	border: 0;

	border-top: 1px solid #ddd;

}


.contentheading,

.contentheading h1,
.componentheading,

.buttonheading {

	color: #c10000;

	padding: 5px 0px !important;

	margin: 0px;

	font-size: 20px;
	font-weight: normal;

	border-bottom: 1px solid #e2e7ea;

	border-top: 1px solid #e2e7ea;

	width: 100%;

}
.contentheading h1 {
	border: 0;
	padding: 0px !important;
	margin: 0;
}


.buttonheading a:link,

.buttonheading a:visited,

.buttonheading a:hover {text-decoration:none;}



table.contentpane ul {
	margin: 8px;
	padding: 0px 10px;
}

table.contentpane a.category:link,
table.contentpane a.category:visited {
	text-decoration: none;
}
table.contentpane a.category:hover {
	text-decoration: underline;
}

table.blog td {
	padding-right: 5px;
}

/* Dates , Authors*/

.small {				

	font-size: 9px;

	color: #999;
}/* Format 'Written by' text */


td.createdate {

	font-size: 9px;

	color: #999;
	margin: 0px;
	padding: 0px 0px 5px 0px !important;
}/* Format 'Create date' text */


.modifydate {

	font-size: 9px;
	color: #999;

	border-top: 1px solid #f4f4f4;

	height: 20px;

	line-height: 20px;

	padding-top: 10px !important;

}/* Formating "Last updated on" text at the end of articles/contents */




/*--------------------------------*/
/* CONTROLS LAYOUT GENERAL STYLES */
/*--------------------------------*/
.inputbox {
	background-color: #F8F8F8;
	border: 1px solid #616c72;
	color: #616c72;
	font-size: 10px;

	padding: 5px;
}

.button {
	color: #616c72;
	font-size: 10px;

	background: url(../images/z_button_bg.gif) top left repeat-x;
	border: 1px solid #616c72;
	font-weight: bold;
	padding: 2px 10px;
	height: 25px;
}

/*-----------------------*/
/* MODULES LAYOUT STYLES */
/*-----------------------*/
.moduletable,
.moduletable_border {
	width:100%;
	text-align:left;

	margin-bottom: 15px;

	padding:0px;
}

.moduletable_border {
	border-bottom: 1px solid #E2E7EA;
}



.moduletable h3,
.moduletable_border h3 {

	color: #616c72;

	padding-bottom: 7px;

	margin: 0px;

	font-size: 16px;
}

input#mod_login_username,
input#mod_login_password {
	width: 120px;
}
input#mod_login_password {
	margin-bottom: 5px;
}
input#mod_login_remember {
	border: 0px;
	background-color: transparent;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#form-login ul { padding-left: 20px; }



/*-----------------------*/
/* GENERAL TABLES STYLES */
/*-----------------------*/

.sectiontableheader {
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e7ea;
}
.sectiontableheader img {
	vertical-align: middle;
	margin-left: 5px;
}
.sectiontableheader,
.sectiontableheader a:link,
.sectiontableheader a:visited,
.sectiontableheader a:hover {
	color: #616C72;
	font-weight: bold;
}

.sectiontableentry2 td {
	padding: 5px 0px;
}
.sectiontableentry2 td a:link,
.sectiontableentry2 td a:visited,
.sectiontableentry2 td a:hover {
	text-decoration: none;
}

.sectiontableentry1 td {
	padding: 5px 0px;
	background-color: #F8F8F8;
}
.sectiontableentry1 td a:link,
.sectiontableentry1 td a:visited,
.sectiontableentry1 td a:hover {
	text-decoration: none;
}

/*-------------------*/
/* PAGINATION STYLES */
/*-------------------*/
.pagination {
	border-top: 3px double #FFF;
	background-color: #e2e7ea;
	padding: 3px 0px;
	display: block;
}
.pagination span,
.pagination a {
	margin: 0px 5px;
}

/*--------------*/
/* POLLS STYLES */
/*--------------*/

table.poll,
table.poll_border {
	width: 100%;
}

table.pollstableborder,
table.pollstableborder_border {
	width: 100%;
}

table.pollstableborder .sectiontableentry1,
table.pollstableborder_border .sectiontableentry1_border {
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding: 5px 0px;
}
table.pollstableborder .sectiontableentry2,
table.pollstableborder_border .sectiontableentry2_border {
	text-align: left;	
	vertical-align: middle;
	background-color: #F8F8F8;
	margin: 0;
	padding: 5px 0px;
}

table.pollstableborder .sectiontableentry0 td {
	padding: 5px 3px;
}
table.pollstableborder .sectiontableentry1 td {
	padding: 5px 3px;
}

select#id {
	padding: 1px;
}

.polls_color_1,
.polls_color_2,
.polls_color_3,
.polls_color_4,
.polls_color_5 {
	height: 10px !important;
}

/* table of contents */

table.contenttoc {

  margin: 5px;

  border: 1px solid #ccc;

  padding: 5px;

}



table.contenttoc th {
	padding: 5px;
	padding-top: 0;
}


table.contenttoc td {

  padding: 0 5px;

}


div.message {
	padding: 10px;
	padding-left: 40px;
	background: #C3D2E5 url(../../../images/notice-info.png) 5px center no-repeat;
	border-top: 2px solid #369;
	border-bottom: 2px solid #369;
	color: #369;
	font-weight: bold;
}

/* System Standard Messages */

#system-message { margin-bottom: 20px; }



#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}



/* System Error Messages */

#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}



/* System Notice Messages */

#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* SITE OFFLINE STYLE */
table.moswarning td,
table.moswarning td h2 {
	font-size: 10px;
}


/* -- buttons -> STILL NEED CLEANUP*/

.button1-left,
.button1-right,
.button2-left,
.button2-right,
.button1-left div,
.button1-right div,
.button2-left div,
.button2-right div {
	float: left;
}

.button1-left  { background: url(../images/j_button1_left.png) no-repeat; margin-left: 5px; }
.button1-right { background: url(../images/j_button1_right.png) 100% 0 no-repeat; margin-left: 5px; }

.button1-right .prev { background: url(../images/j_button1_prev.png) no-repeat; }
.button1-left .next  { background: url(../images/j_button1_next.png) 100% 0 no-repeat; }

.button1-left a,
.button1-right a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.button1-left  a { padding: 0 30px 0 6px; }
.button1-right a { padding: 0 6px 0 30px; }

.button1-left a:hover,
.button1-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../images/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(../images/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../images/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(../images/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }