/*
 RecoVinyl Public ? CSS - http://www.recovinyl.com
 Last Updated: 08/11/05

 All rights reserved. 2005 @ digitalbase BVBA

 -= MAIN CONTENT =-

 */

body {
	behavior: url('/style/pngbehavior.htc');
}

img.png {
	behavior: url('/style/pngbehavior.htc');
	height:16px;
	width:16px;
}


	#mainContent {
		margin:			5px 5px 5px 5px;
		font-size:		10px;
		color: 			rgb(70,70,70);
		min-height:			400px;
		width:			690px;
		padding-left:   5px;
 	}

	#Content
	{
		float:left;
		padding-top:15px;
		width:480px;
 	}

	#Content2
	{
		padding-top:8px;
		width:690px;
		margin-left: 2px;
    }

	#mainContentHelp {
		margin-left:	5px;
		font-size:		10px;
		color: 			rgb(70,70,70);
		padding:		0px;
		width:			465px;
		text-align:		justify;
		float:			left;
		padding:        0px 15px 10px 10px;
 	}

 	#mainNavigation {
		margin-left:    10px;
		color: 			rgb(70,70,70);
		width:			695px;
		text-align:		justify;
 	}

	#mainTitle
	{
		width: 98%;
		border: 1px solid #d9dde8;
		background-color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		padding: 8px 0 10px 10px;
		margin-bottom:15px;
		background: #FFFFFF url('../img/minisubmit.gif') repeat-x bottom;
	}


	.mainErrortitle
	{
		width: 98%;
		color: red;
		border: 1px solid #d9dde8;
		background-color: #FFFFFF;
		margin-bottom: 15px;
		font-size: 11px;
		float: left;
		font-weight: bold;
		padding: 8px 0 10px 10px;
		margin-bottom: 20px;
		background: #e9ecf4;
     }

	.mainFailedtitle
	{
		width: 98%;
		color: red;
		border: 1px solid #d9dde8;
		background-color: #FFFFFF;
		margin-bottom: 15px;
		font-size: 11px;
		float: left;
		font-weight: bold;
		padding: 8px 0 10px 10px;
		margin-bottom: 20px;
		background: #e9ecf4;
     }

	.mainSuccesstitle
	{
		width: 98%;
		color: #015696;
		border: 1px solid #d9dde8;
		background-color: #d9dde8;
		margin-bottom: 15px;
		font-size: 11px;
		float: left;
		font-weight: bold;
		padding: 8px 0 10px 10px;
		margin-bottom: 10px;
		background: #e9ecf4 url('../img/icon_lamp.png') no-repeat 4px;
     }
     .mainSuccesstitle span {
     	margin-left:25px;
   	  	font-size: 13px;
		font-weight: bold;
     }
     .mainCustomtitle {
		width: 98%;
		color : rgb(10,175,145);
		border: 1px solid #d9dde8;
		background-color : rgb(250,250,250);
		font-size: 13px;
		font-weight: bold;
		padding: 8px 0 10px 10px;
		margin-bottom: 10px;
     }
      .mainCustomtitle span {
      	color:rgb(150,150,150);

     }


	#subtitle{
		float:			    right;
 		display:		    inline;
		width:			    310px;
		background-color:	rgb(250,250,250);
		border-bottom: 		1px solid rgb(220,220,220);
		border-right: 		1px solid rgb(220,220,220);
		font-size:          10px;
		font-weight:        bold;
		color:              rgb(150,150,150);
		padding:            5px;
		margin:             3px 0px 10px 0px;
		text-align:          right;
     }

	#errortitle
	{
		font-size: 11px;
		border: 1px solid rgb(220,220,220);
		padding: 5px 62px 5px 62px;
		margin: 10px 0 15px 12px;
		text-align: center;
		background-color: rgb(250,250,250);
		float: left;
		font-weight: bold;
     }


	#Element {
		display:		block;
		float:			right;
		width:			310px;
		padding:        5px 0px 5px 0px;
	}

	#Element2 {
		display:		block;
		float:			right;
		width:			500px;
		padding:        5px 0px 5px 0px;
	}
	#introduction {
		font-size:		12px;
		color: 			rgb(70,70,70);
		margin-bottom:  20px;
	}

	#Private {
		display:		block;
		text-align:     right;
		float:			right;
		width:			310px;
		padding:        5px 0px 5px 0px;
	}

	#Private a {
		font-size:      12px;
		color:			#005596;
	}
	#mainElement {
		display:		inline;
		width:			100px;
		font-size:      12px;
		font-weight:    bold;
		color:          rgb(150,150,150);
	}
	#subElement {
		display:		inline;
	    text-align:     right;
		width:			220px;
		font-size:      12px;
		font-weight:    normal;
		color:          black;
	}
	.helpLink {
	    font-size:      14px;
		font-weight:    bold;
		color:			black;
    }
    #companyLine {
       background-color :  #ccc;
       border:             1px solid rgb(110,110,110);
       padding:            5px;
    }

    #companyLegal {
       font-size:          13px;
       width:              50px;
       float:              left;
    }

    #companyTitle {
       font-size:          13px;
       float:              left;
       width:              340px;
    }

    #branchLine {
       background-color :  #eee;
       border-left:        1px solid rgb(110,110,110);
       border-right:       1px solid rgb(110,110,110);
       border-bottom:      1px solid rgb(110,110,110);
       padding:            5px;
    }

    #branchLine2 {
       background-color :  #ddd;
       border-left:        1px solid rgb(110,110,110);
       border-right:       1px solid rgb(110,110,110);
       border-bottom:      1px solid rgb(110,110,110);
       padding:            5px;
    }

    #branchSpacer {
       width:      10px;
       float:      left;
    }
    #branchType {
       float:        left;
       font-weight:  bold;
       width:        60px;
    }

    #branchDescription {
       float:        left;
       width:        90px;
    }

    #branchName {
       float:        left;
       width:        90px;
    }

    #branchLocation {
       float:        left;
       width:        159px;
    }
    #branchLink {
       padding:      5px;
    }

	#guideline {
		width: 165px;
		right: 18px;
		margin: 14px 0px 0px 15px;
		border: 1px solid #d9dde8;
		padding: 10px 10px 10px 10px;
		position: absolute;
		background: url('../img/miniinput.gif') repeat-x top;
		z-index: 5;
 	}
 	.glspacer
 	{
 		float: right;
 		height: 465px;
 		width: 1px;
 	}

	#guidelineTitle {
		font-size:		11px;
		font-weight:	bold;
		color: 			rgb(70,70,70);
		text-align:		left;
		padding-top:    5px;
	}

	#guidelineContent
	{
		font-size:		10px;
		color: 			rgb(70,70,70);
		text-align:		justify;
		width: 100%;
	}
	#helpContent {
	    margin-top:5px;
		font-size:		10px;
		color: 			rgb(70,70,70);
		text-align:		justify;
	}

	.user_listing {
	    font-size:      12px;
	    display:        block;
	    margin-top:     50px;
	    padding-left:   150px;
	    padding-bottom: 10px;
	}

	.user_name {
		font-size:      11px;
		float:          left;
		font-weight:    normal;
	}

	.user_info {
		font-size:      11px;
		font-weight:    normal;
	}



/* */
/* CONTENT MAKEUP */
/* */

#contenttable {
	margin-top:     10px;
}

#content-box {
	border:         1px solid #94BEE6;
	color:          #000;
	background:     url(../img/background-home.gif) repeat-x bottom;
	font-size:      11px;
}
#content-box-top {
	border-bottom:  3px solid #FFF;
	height:         22px;
	padding:        0px;
	background:     #94BEE6;
}
#content-box-top span{
	font-weight:    bold;
	margin-left:    10px;

}
#content-box-base {
	border-top:     3px solid #94BEE6;
	padding:        10px;
}
#content-box-base span{
	font-size:      10px;
	color:          #333333;
	line-height:    13px;
}
#content-box-headerimg {
	margin-left:    6px;
	float:          left;
}
.content-text {
	margin-left:    10px;
	font-size:      10px;
	color:          #333333;
}
.content-text-p {
	color:          #333333;
	line-height:    14px;
	margin-bottom:  5px;
}
.content-text-p-error {
	color:          red;
	line-height:    14px;
	margin-bottom:  5px;
}
.content-text-title {
	font-size:     13px;
	font-weight:   bold;
	color:         #005596;
	margin-bottom: 5px;
}
.content-text-subtitle {
	font-size:     10px;
	font-weight:   bold;
	color:         #000000;
	margin-bottom: 6px;
}
.content-links-title {
	font-size:    11px;
	color:        #000000;
	margin-bottom:12px;
}
.content-links-title a{
	text-decoration: none;
}
.content-headerimg {
	border:1px solid blue;
}

/*
 -= CONTACT =-
 */

	.contact-block {
		background-color:	rgb(250,250,250);
		margin:			5px 0px 5px 0px;
		padding:		10px 0px 15px 0px;
		width:			100%;
		clear:			both;
	}

	div.row {
		width:			325px;
		clear:			both;
	}

	div.row span {
		margin-left:    12px;
		font-size:		10px;
		color:		    #000000;
		float: 			left;
		text-align:     left;
	}

	div.row span.field {
		width:			100px;
		text-align:		right;
		color:			#aaa;
		padding-bottom:	4px;
	}

	div.row span.value {
		width:			200px;
		color:			#222;
	}

	.contact-company {
		font-size:		11px;
		font-weight:		bold;
	}

	.country {
		background-color:#eee;
		padding:		5px;
		font-size:		12px;
		font-weight:	bold;
		clear:			both;
	}

	.flag {
		float: 			right;
		padding:		2px 5px 0px 0px;
	}

/*
 -= PUBLIC NEWS =-
 */

	.pub-news-item {
	    margin-right:    25px;

	}

	.pub-news-side {
	    float:left;
	    /*width:100px;*/
	    color:rgb(51,103,167);
	}

	.pub-news-main {
	    float:left;
	    /*width:325px;*/
	}

	#pub-news-title {
		color:			rgb(51,103,167);
		font-weight:	bold;
		margin:			0px 0px 5px 0px;
	}

	#pub-news-content {
		text-align:		    justify;
		margin-bottom:		25px;
		margin-left:    25px;
	}

/*
 -= WASTE VIEW =-
 */

    .titelwaste {
		background-color:	#eee;
		padding:			5px;
		font-size:			10px;
		font-weight:		bold;
		clear:				both;
	}

	div.row2 {
		width:			100%;
		clear:			both;
	}

	div.row2 span {
		margin-left:		12px;
		font-size:			10px;
		color:				#000000;
		float: 				left;
		text-align: 		left;
	}

	div.row2 span.value1 {
		width:				200px;
		text-align:			left;
		/*color:			#aaa;*/
		padding-bottom:		4px;
	}


	div.row2 span.value2 {
		width:			200px;
		color:			#222;
	}

	#private-side-title {
		color:			rgb(51,103,167);
		font-weight:	bold;
		font-size:		10px;
		padding:		2px 5px 4px 0px;
		margin:			5px 0px 5px 0px;
		border-bottom:	1px solid rgb(51,103,167);
	}

    .contactLine {
       font-size:12px;
       clear:both;
       background-color :  #eee;
       border:        1px solid rgb(110,110,110);
       padding:3px;
       height:20px;
    }
    .mediaType {
       font-weight:bold;
       margin-left:3px;
       float:left;
       width:80px;
    }
    .mediaValue {
       width:160px;
       float:left;
    }
    .mediaDescription {
       width:150px;
       float:left;
    }
    .mediaIcon {
       float:left;
       margin-left:5px;
    }
    .usercompanyInfo {
       width:130px;
       float:left;
       margin-left:3px;
       font-weight:bold;
    }
    .usercompanyContent {
       width:100px;
       float:left;
    }


 /*
  -= MATERIALS =-
 */

  #material-container {

	width:				460px;
	margin-bottom:		25px;

  }

  .level0 {

	background-color:	#cec1ba;
	height:				18px;
	border:				1px solid #89a99f;
	margin-bottom:		1px;
	font-weight:		bold;
	padding-right:		15px;
  }

  .level1 {

	background-color:	#bbcdc8;
	height:				18px;
	margin-bottom:		1px;
	font-weight:		bold;
	padding-right:		15px;
  }

  .level2 {

	background-color:	#ebeb9f;
	height:				18px;
	margin-bottom:		1px;
	font-weight:		bold;
	padding-right:		15px;
  }


  .level3 {

	background-color:	#f6f6d4;
	height:				18px;
	margin-bottom:		1px;
	padding-right:		15px;
  }


  img.mat-branch { vertical-align:middle; margin-right:8px;}
  img.mat-trunk { vertical-align:middle; }

 #pv-usertitle {
	height:			36px;
	font-size:		17px;
	color:			#fff;
	padding:		7px 0px 0px 7px;
	clear:both;
  }

  .admin {background: url(../img/pv-index-title-bg1.jpg) repeat-x;}
  .recovinyl {background: url(../img/pv-index-title-bg2.jpg) repeat-x;}
  .local {background: url(../img/pv-index-title-bg3.jpg) repeat-x;}
  .member {background: url(../img/pv-index-title-bg4.jpg) repeat-x;}

 #pv-option-container {float:left;}

 #pv-option-containerleft {
 	float:left;
 	width:230px;
 }
 #pv-option-containerright{
 	float:left;
 	width:230px;
 }

 #pv-useroptions {

	background-color:	rgb(246,246,246);
	border:				1px solid #c9ced9;
	padding:			15px;
	margin-bottom:		15px;
	line-height:		150%;

  }

 a.pv-link {
 	font-weight:bold;
 	color:rgb(51,103,167);
 	text-decoration:none;
 }

 a:hover{ text-decoration:underline; }
 img.pv-optionbullet { vertical-align:middle;margin-right:10px;}
 img.pv-usericon { float:left;margin-right:45px;}
 .pclear {	float:	none; clear:both;}


 /*
  -= CERTIFIED RECYCLERS =-
 */

#certList
{
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	clear: both;
}

#certList .certItem, #certList .country
{
	padding: 3px 6px 3px 6px;
	border-bottom: 1px solid #d9d9d9;
	display: block;
	text-decoration: none;
	background-color: #ffffff;
	color: #000000;
	position: relative;
	z-index: 19;
}
#certList .country
{
	font-weight: bold;
	background-color: #e8e8e8;
	font-size: 13px;
}
#certList .country .flag
{
	padding: 0 0 0 0;
	position: absolute;
	right: 5px;
	top: 5px;
}
#certList .certItem:hover { z-index: 20; font-weight: bold; background-color: #e7edfd; }
#certList .certItem span { display: none; }
#certList .certItem:hover span
{
	display: block;
	border: 1px solid #989898;
	background-color: #ffffff;
	color: #000;
	font-size: 9px;
	position: absolute;
	width: 390px;
	left: 80px;
	top: 5px;
	cursor: default;
}
#certList .certItem:hover span table { margin: 3px; border-collapse: collapse; width: 100%; }
#certList .certItem:hover span td { padding: 2px; }
#certList .certItem:hover span td.title
{
	font-size: 12px;
	border-bottom: 1px solid #d9d9d9;
	padding: 0px 2px 2px 3px;
	color: #000000;
}
#certList .certItem:hover span td.title .edit
{
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 10px;
}

p.readabletext {
	font-size:120%;
}