#myMarkets {
	/* namespace identifier. leave empty. just to make sure styles apply only to a certain module. */
}

#myMarkets form {
	padding: 0;
	margin: 0;
}

#myMarkets #myLoginsWrapper {
	display: block;
	width: 100%;
	height: 150px;
	background-color: #080822;
	overflow: hidden;
}

#myMarkets #myLoginBoxWrapper {
	float: right;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-right: 10px;
}

#myMarkets .myLoginBox {
 	margin: 0;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 400px;
    height: 100px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    background-color: #f8ad00;
}

#myMarkets #myRegistrationBoxWrapper {
	float: right;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-right: 10px;
}

#myMarkets .myRegistrationBox {
 	margin: 0;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 400px;
    height: 300px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    background-color: #4db4c3;
}

#myMarkets #myInfoWrapper {
	float: left;
	width: 400px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: white;
}

#myMarkets #registrationsWrapper {
	background-color: #e6e6e7;
	width: 100%;
	height: 400px;
	background-image: url(/images/modules/MyMarkets/myusmarkets_registerbg.jpg);
}

#myMarkets #myPage {
	display: block;
	width: 100%;
	height: 1200px;
	
}

#myMarkets .myQuotesWrapper {
	float: right;
	width: 360px;
}

.mySiteLoginShadow {
	position: absolute;
	display: block;
	z-index: 998;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.mySiteLoginBox {
	position: absolute;
	display: block;
	z-index: 999;
	position: absolute;
	left: 200px;
	top: 200px;
	width: 600px;
	height: 400px;
	background-color: #f8ad00;
	color: white;
}

/**
 * overlay voor over de site, om on-page in te loggen / registreren.
 */
.mymarkets_overlay_bg {
	position: absolute;
	z-index: 100000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	color: red;
}

.mymarkets_loginpopupwrapper {
	position: absolute;
	z-index: 100001;
	width: 100%;
	height: 400px;
	
}

.mymarkets_loginpopup {
	width: 598px;
	height: 290px;
	margin: 150px auto;
	background-color: #f8ad00;
	color: white;

}



.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:10000;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:10002;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:10001;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}