/* -- Paid3 Style Default -- */
body {
	margin: 0;
}

#mainContent {
	margin: auto;
	width: 768px;
}

#top {
	height: 105px;
	text-align: left;
	display: block;
}

#top h1, #top h2{
	margin: 0;
	padding: 0;
}

#container_H1_H2 {
	width: 590px;
	height: 85px;
	padding: 10px 0 0 20px;
}


#billboard_top {
	background-image: url(Default/Images/Paid3/billboard_top.png);
	height: 37px;
	margin: auto;
	display: block;
}

#billboard_middle {
	background-image: url(Default/Images/Paid3/billboard_middle_repeater.gif);
	background-repeat: repeat-y;
	background-position: 1px top;
	min-height: 340px;
	display: block;
}

#billboard_bottom {
	background-image: url(Default/Images/Paid3/billboard_bottom1.png);
	background-repeat: no-repeat;
	height: 60px;
	display: block;
}

#form {
	float: left;
	margin: 0px 0px 0px 40px;
	display: block;
}

#content {
	margin: 35px 76px 35px 40px;
	display: block;
}

#bottom {
	width: 768px;
	display: block;
	margin: auto;
}

/* -- Paid3MainMama Area -- */

#paid3mama_area1 {
	text-align: center;
	margin: 15px 0 0;
}

#paid3mama_area2{
	text-align: center;
}

#paid3mama_area3{
	text-align: center;
}

#paid3mama_area4 {
	margin: 10px 76px 10px 40px;
}

/* -- Paid3MainIndex Area -- */
#paid3index_area1 
{
	float: right;
	margin: 167px 5px 0 0;
	/*top: 186px;
	display: block;
	position: absolute;*/
}

#paid3index_area2 {
	float: left;
	min-height: 43px;
	margin: 25px 0 0 30px;
	display: block;
}

#paid3index_area3 {
	float: left;
	margin: 18px 0px 0px 137px;
	display: block;
}

#paid3index_area4 {
	float: left;
	display: block;
}

/* -- Hack to resize the container with the floats -- */
#spacer
{
	height:1px;
	position: relative;
	clear: both;
}


/*--- For the Edit stylesheet---*/
#editContainer{
	font-family: tahoma;
	font-size: 11px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #000;
	width: 100%;
	height: 26px;
	text-align: right;
}

#editContainer a{
	padding: 0 5px 0 0;
}

#editContainer select{
	font-family: tahoma;
	font-size: 11px;
	margin: 3px 0 0;
	width: 75px;
}

#editContainer input{
	font-family: tahoma;
	font-size: 11px;
	margin: 3px 5px 0;
	padding: 2px;
	background-image: url(../../Images/top_verloop.gif);
	background-position: 0 1px;
	border: 1px solid #FF0000;
	cursor: pointer;
}

fieldset{
	border: 1px solid #767676;
}

legend.legend_pc{
	border: 1px solid #FF0000;
	background-color: #FFF;
}

legend.legend_pc img{
	margin: 3px 5px;
}

legend.legend_pc a{
	color: red;
	display: block;
}

#GreyBackground{
	background-image: url(../Images/transBackground.png);
	z-index: 99;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#GreyBackground div{
	float: none;
}

#EditControl{
	margin: 100px auto 0;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 100;
	padding: 10px;
	width: 680px;
}

#EditControl.LoginWindow{
	margin: 100px auto 0;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 100;
	padding: 20px;
	width: 230px;
	font-weight: bold;
}

#EditControl.LoginWindow tr td{
	padding: 5px 0;
}

#EditControl h2{
	color: #000;
	float: left;
}


#EditControl .left{
	padding: 3px 0;
	width: 240px;
	float: left;
}

#EditControl .right{
	padding: 0 0 3px;
	width: 440px;
	float: right;
}

#EditControl #ReferenceName .right{
	padding: 3px 0;	
}

#EditControl #ReferenceName div{
	margin: 0 0 10px;
}


#EditControl #ActionControls{
	clear: both;
	bottom: 0px;
	padding: 3px;
	right: 0px;
	text-align: right;
}

#EditControl textarea{
	margin: 10px 0;
	padding: 0 0 3px;
	width: 440px;
	float: right;
	height: 100px;
}

#EditControl select.FixedResourcesListBox{
	margin: 10px 0 0;
	padding: 0 0 3px;
	width: 440px;
	float: right;
}


#EditControl ul{
	margin: 0;
	padding: 0 0 3px;
	width: 440px;
	float: right;
}

#EditControl ul li{
	margin: 0 0 10px;
	list-style-type: none;
}


#EditControl ul li div.label{
	font-weight: bold;
	width: 100px;
	float: left;
}

#EditControl ul li div.listOption{
	width: 340px;
	float: right;
}

#EditControl #EditViewData
{
	margin-left:10px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:solid 1px black;
}

#LoginWindow{
	text-align: center;
}

#LoginWindow .LoginTable{
	width: 100%;
}

#LoginWindow .cancelLogin{
	float: right;
}

/* --- Editor view--- */
#ContentEditorContainer{
	margin: 20px auto;
	width: 605px;
	height: 485px;
	border: 1px solid #000;
	background-color: #FFF;
}

#ContentEditorContainer #ContentEditor{
	margin: 20px;
}

#ContentEditorContainer #ContentEditor select{
	width: 200px;
}

#ContentEditorContainer #TriggerContainer{
	margin: 10px 0 0 0;
	float: right;
	text-align: right;
	width: 250px;
}

#ContentEditorContainer #SiteSpecific{
	margin: 10px 0 0 0;
	float: left;	
}

#GreyBackground div#freeTextBoxEditor{
	/*position: relative;*/
}

#GreyBackground div#possiblePlaceHolders	{
	/*float: left;*/
	position: absolute;
	padding: 10px 10px 10px 15px;
	border: 1px solid #000;
	background-color: #FFF;
	margin: 0 0 0 585px;
	width: 200px;
	height: 425px;
	background-image: url(../Images/gradientPlaceHolders.gif);
	background-repeat: repeat-y;
}

#possiblePlaceHolders table{
	width: 100%;
	border-color: #A1A1A1;
	border-style: dotted;
}

#possiblePlaceHolders table td{
	font-style: italic;
	padding: 2px;
}



/*
PDJ: De onderstaande hack mag NEVER NOOIT meer gebuikt worden...
Eerst maar eens zien te achterhalen waar deze velden voor zijn... voordat ik alles weg verwijder.
Daarbij, dit zijn LayStyling, ipv positionering, en zal dus in de stylemama_default meegenomen moet worden.

#form input[type="text"], #form input[type="password"]
{
    border: solid 1px #A6A6A6;
    height: 16px;
    padding-top: 2px;
    font-size: 12px;
}

*/