@import url(undohtml.css);
@import url(header.css);

/* -- BASE LAYOUT GRID -- */

body {
	color:#333;
	/*background:#f2f2f2 url("../../images/common/bg_body.gif") repeat-x left top;*/
	background:#000000 url("../../images/common/greyGradient.png") repeat-x left top;
	/*background:#f2f2f2;*/
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px;
	text-align:center;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	padding-left:4px;
	width:800px;
	background:#FFF url("../../images/common/bdr_pageleft.gif") repeat-y left top;
	text-align:left;
	
}


#masthead {	padding-right:4px; }

.section {
	background:#FFF url("../../images/common/bdr_pageright.gif") repeat-y right top;
}
/* html .section { position:relative; height:1%; } /* clear ie6 peekaboo bug */

#page {
	clear:both;
	padding:15px;
	font-size:11px;
	line-height:1.3;
}
#footer {
	padding:0.5em 25px;
	background-color:#e5e5e5;
	font-size:10px;
	clear:both;
	border-bottom:2px #d0d0d0 solid;
	
}

#topmenu {
	padding:0.5em 25px;
	background-color:#e5e5e5;
	font-size:10px;
	clear:both;
	/*border-top:2px #d0d0d0 solid;*/
}

/* -- CONTENT TAGS AND BASE TYPOGRAPHY -- */

a:link { color:#348017; }
a:visited { color:#348017; }
a:hover {}
a:active {}

h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
form,
table,
caption,
address,
pre {
	margin:0 0 1em 0;
	padding:0 0 0 0;
}
h3{
	color:#348017;
}

h1 { font-size: 24px; }

h2 { font-size: 18px; }

h3 { font-size: 14px; }

h4, h5, h6 { font-size: 12px; }

/* -- REUSEABLE CONTENT ITEMS -- */

.navlist {}
.navlist li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0 4px 0 7px;
	border-left:1px #999999 solid;
}
.navlist li.first-child {
	border-left:none;
}
.navlist li * {
	display:inline;
}


/* -- #CONTENT AREA -- */
#content { 
	min-height:300px;
}
* html #content {
	height:300px;
}

/* -- #FOOTER AREA -- */


#footer .navlist { margin-bottom:0; }
#footer .navlist li { border-left-color:#cccccc; }

#topmenu .navlist { margin-bottom:0;}
#topmenu .navlist li { border-right-color:#cccccc;}

/* -- BOXY PORTLETS -- */
/* -- BOXY PORTLETS -- */
/* -- BOXY PORTLETS -- */

.portlet {
	margin-bottom:15px;
	clear:both;
}
.portlet-box {
	padding:0 2px 2px 0;
	background:url("../../images/common/portlet_box_bg.gif") no-repeat left top;
}
.portlet-box .plt-title {
	padding:3px 4px 4px 10px;
	background:#d9dee4 url("../../images/common/portlet_box_title_bg.gif") repeat-x left top;
	border:1px #c0c6cc solid;
	font-size:10px;
}
.portlet-box .plt-content {
	padding:4px 10px 4px 10px;
	background:#eeeeee;
	border:1px #c0c6cc solid;
	border-top:0;
}
.portlet-box .plt-content .plt-meta {
	margin:-4px -10px 10px -10px;
	padding:6px;
	background:#fff;
	border-bottom:1px #c0c6cc solid;
}

.portlet-box .plt-content .plt-meta label {
	width:50px;
	float:left;
	display:inline;
}
.portlet-box .plt-content .plt-meta input.text {
	width:140px;
}
.portlet-box .plt-content .plt-meta .actionbox {
	margin:4px 0 2px;
	padding:2px 8px;
	background:#eff2f5;
	border:1px #e1e3e5 solid;
}

/* -- BOXY PORTLETS - TYPES -- */

.portlet-box.portlet-box-nodrop { 
	padding:0;
}

/* iniversal portlet content styleing -- */


.portlet .plt-content li ol,
.portlet .plt-content li ul {
	margin-bottom:0;
}
.portlet .plt-content li {
	margin-left:15px;
}
.portlet .plt-title {
	margin:0;
	padding:4px 10px;
}
#page .portlet .plt-title h3 {
	margin:0;
	font-size:10px;
}
.portlet .plt-content h4 {
	margin-bottom:5px;
}
.portlet .plt-actions {
	float:right;
	white-space:no-wrap;
}

.portlet .plt-content form {
	margin-bottom:0;
}

.portlet .plt-content .download_preview {
	text-align:center;
}
.portlet .plt-content input.text { width:100%; }
* html .portlet .plt-content input.text { width:97%; }
.portlet .plt-content textarea { width:100%; }
* html .portlet .plt-content textarea { width:97%; }

.plt-content .news-item img {
	float:left;
	margin-right:10px;
	border:1px #d3dae0 solid;
}
.plt-content .news-item h4 { 
	margin-bottom:4px;
	font-weight:normal;
}
.plt-content .news-item p {}

.plt-content tr.plt-alternate th,
.plt-content tr.plt-alternate td,
.plt-content tr th.plt-alternate,
.plt-content tr td.plt-alternate { background:#eff2f5; }

/*--- Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired ---*/

.virtualpage, .virtualpage2, .virtualpage3, .virtualpage4{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 215px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 0px solid black;
background-color: white;
font-weight: bold; 
color: #348017;
}

.paginationstylemain a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 0px solid black;
background-color: f2f2f2;
font-weight: bold; 
color: #348017;
}

.paginationstyle a:hover, .paginationstyle a.selected{
text-decoration: underline;
}

.paginationstylemain a:hover, .paginationstylemain a.selected{
text-decoration: underline;
}