/* img, div { behavior: url(/javascripts/iepngfix.htc) } */

body{
	background: url(/images/application/images_mezza/bgpattern.gif);
	font-family: "Verdana","Arial","Trebuchet MS","Georgia", "Times New Roman", "Times, serif";
	font-size: 12px;
  line-height:18px;
	margin:0;
	padding:0;
	height: 100%;
	text-align:center;
}

/* text stuff */

h1{
	font-size:20px;
	margin-top:8px;
	color:#666;
}

h2{
	font-size:15px;
	color:#666;
}

h3{
	font-size:12px;
	font-weight: bold;
	color:#666;
}




.notopmargin{
	margin-top:0px;
	margin-bottom:7px;
}



a:link { 
	text-decoration:none;
	margin-bottom:0px;
	color:#6c89ff;
	font-weight:bold;
}



a:visited { 
	text-decoration:none;
	margin-bottom:0px;
	color:#6c89ff;
	font-weight:bold;
}

a:hover { 
	color:#4864d8;
}

a:active { 

}

p {
	margin-bottom:8px;
	margin-top:8px;
}


img {
	border: 0px;
}

label {
	font-weight:bold;
}


/* top-level containers */

#bggradient{
	position:absolute;
	left:0;
	width:100%;
}


#main-container {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:1000px;
	top:0px;
	text-align:left;
}

#main-area{
	position:absolute;
	right:20px;
	width:821px;
	
}

/* Main paper area */

#paper-body{
	position:relative;
	width:100%;
	overflow:hidden;
}

#paper-bodybg{
	top:0;
	position:absolute;

	height:5000px;
	width:100%;
}

#paper-content{
	position:relative;

	width:100%;
	height:100%;
}


#paper-footer{
	position:relative;
	top:-10px;
	width:100%;
}

#footnotes{
	position:relative;
	width:100%;
	top:-10px;
	padding-left:10px;
	letter-spacing:1px;
	font-size:9px;
	color:#EEE;
}

#footnotes a:link, #footnotes a:visited, #footnotes a:hover, #footnotes a:active{
	color:#EEE;
	font-weight:normal;
}

/* main paper area - content */

#contentarea{
	position:relative;
	top:7px;
	left: 68px;
	width:735px;
}

#headerimage{
	position:relative;
	
}




#pagecontent{
	position:relative;
	padding-top:46px;
	z-index:1;
}

#spacer{
	position:relative;
	clear:both;
	height:20px;

}



#sidebar{
	position:absolute;
	width:190px;
	height:550px;
	left:28px;
}

.sidebarbg{
	position:absolute;
	top:0;
	width:190px;
	height:650px;
}

#sidebarcontent{
	position:relative;
	left:12px;
	top:67px;
	width:164px;
	height:455px;
	font-size:11px;
}
#sidebarcontent label {
	font-weight:bold;
	font-size:10px !important;
}

.sidebaritem{
	position:relative;
	padding: 0px 11px;
}

.sidebaritem p{
	line-height:16px;
	font-size:10px;
	margin:7px;
}
.sidebaritem select{
	font-size:11px;
}


/* menu */

#menu {
	position:absolute;
	background-color: #2e2e2e;
	height:23px;
	width:100%;
	top:215px;
	z-index:88;
}



/* article excerpts */

.article_excerpt{
	margin-bottom:10px;
	position:relative;
	background-color:#f9f8f8;
	border:1px solid #e1d8cf;
	padding:6px;
	z-index: inherit;
	zoom:100%;
}

.article_excerpt .thumb{
	position:relative;
	float:left;
	z-index: inherit;
}

.article_excerpt .text{
	position:relative;
	float:left;
	margin-left:10px;
	max-width:580px;
	z-index: inherit;
}



/* show article */

.article{
	position:relative;
	overflow:hidden;
	z-index: inherit;
}

.article .text{
	float:left;
	position:relative;
	width:440px;
	z-index: inherit;
}

.article .thumbnails{
	/*margin-top:40px;*/
	position:relative;
	float:right;
	padding-left:15px;
	right:0px;
	border-left: 1px solid #EEE;
	z-index: inherit;

}


/* edit article */

.editblock{
	position:relative;
	background-color: #EEE;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-top:10px;
	z-index: inherit;
}




/* admin */

#admin{
	text-align:left;
	position:relative;
	z-index:500;
	top:0;
	left:0;
	width:100%;
}

#adminmenu{
	position:relative;
	width:100%;
	height:20px;
	background-color:black;
	text-align:left;
}

#admincontainer{
	position:relative;
	width:100%;
}

#admincontainer #menu{
	position:relative;
	top:0px;
	height:45px;
    background-color: #EEE;
	width:100%;
}

#admincontainer #resultcontainer{
	padding:10px;
}

/* menu parts vb articlemenu */

#locator{
	margin-bottom:12px;
}


#articlemenu{
	position:relative;
	margin-bottom:15px;
	height:22px;
}

.menupart{
	position:relative;
	float:left;
	padding-right:10px;
	z-index: inherit;
}

.linkbox{
	position:relative;
	float:left;
	z-index: inherit;
}

.linkbox .linkarrow{
	position:absolute;
	top:2px;
}
.linkbox a{
  line-height:15px;
	padding-left:15px;
}



/* specifications */

.specifications{
	position:relative;
	zoom:100%;
}

.specifications .item {
	position:relative;
	background-color:#f9f9f9;
	padding:5px;
	zoom:100%;
}

.specifications .item .itemlabel{
	position:relative;
	float:left;
	width:135px;
}

.specifications .item .itemcontent{
	position:relative;
	float:left;
	width:295px;
	zoom:100%;
}

.seperator{
	height:1px;
	position:relative;
	border-top: 1px dotted black;
	margin-top: 10px;
	margin-bottom:10px;
}




/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
   background-image:none;
   text-align:left;
}



mceContentBody.h1{
	font-size:20px;
	margin-top:0px;
}

.mceContentBody a {
   color: red !important; /* FF requires a important here */
}


/* errors */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.notice {
  border: 1px solid #ccc;
  margin-top: 15px;
  margin-bottom:15px;
  padding:15px;
  color:red;
  font-weight: bold; 
}


/* home */

#newscontainer {
	width:400px;
	position:relative;
	float:left
}

#recentarticlescontainer{
	width:270px;
	position:relative;
	float:right;
	border-left:1px solid #EEE;
	padding-left:16px;
	right:12px;
}

.newsitemheader{
	background: url(/images/application/images_mezza/stripes.jpg) repeat-x;
	position:relative;
	height:22px;
	margin-bottom:5px;
	padding:4px 0px 0px 24px;
	width:258px;
}

.newsitemheader .redarrow{
	background: url(/images/application/images_mezza/redarrow.jpg) ;
	position:absolute;
	width:18px;
	height:22px;
	z-index:inherit;
	top:0;
	left:0;
}


.titlebar{
	position:relative;
	background-image:url(/images/application/images_mezza/titlebar.jpg);
	width:735px;
	height:38px;
	margin-bottom:4px;
}

.titlebar .barlabel{
	position:absolute;
	top:7px;
	left:10px;
	font-size:12px;
	font-weight:bold;
	color:#666;
}

select{

	border:1px solid #666;
}


.titleline{
  position:relative;
  height:4px;
  background:#e1d8cf;
  width:100%;
  margin-bottom:10px;
  line-height:1px;
}


/*************************************************************
  PAGINATOR
*************************************************************/

.ff_pagination {margin:2px 0px 12px 0px;font-size: 15px;}
.ff_pagination a, .ff_pagination span {padding: .2em .5em; }
.ff_pagination span.disabled {color: #EEE; }
.ff_pagination span.current {font-weight: bold;background:#515151;border: 1px solid #873132;color:white;}
.ff_pagination a {border: 1px solid #c6c7c7;text-decoration: none; color:#515151 !important;line-height:30px;background:#e2e1e1;}
.ff_pagination a:hover, .ff_pagination a:focus {background:#dadada;border: 1px solid #c6c7c7;color:black !important;}
.ff_pagination .page_info {color: #aaa;padding-top: .8em; }
.ff_pagination .prev_page, .ff_pagination .next_page {/*border-width: 2px; */}
.ff_pagination .prev_page {/*margin-right: 1em; */}
.ff_pagination .next_page {/* margin-left: 1em;*/}



.floatleft{
  position:relative;
  float:left;
}

.floatright{
  position:relative;
  float:right;
}

.clear{
  clear:both;
}