.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.popupBg
{
	background-color: #2d2f34;
}
.loginDragPanel, .registerDragPanel, .changePasswordDragPanel, .forgetPasswordDragPanel, .pageMessageDragPanel, .messageDragPanel, .pageErrorDragPanel, .editProfileDragPanel, .addProfileDragPanel, .termDragPanel, .competitionDrawDragPanel
{
	color: White;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	padding-top: 3px;
	position:relative;
	cursor: move;
}
/*Remote page request modal popup*/
.remotePageRequestModalPopup
{
	text-align: left;
}
.remotePageRequestDragPanel
{
	cursor: move;
	height: 10px;
}
/*Resume page view modal popup*/
.resumePageViewModalPopup
{
	text-align: left;
}
.resumePageViewDragPanel
{
	cursor: move;
	height: 10px;
}
/*Join competition modal popup*/
.joinCompetitionModalPopup
{	
	text-align:left;
}
.joinCompetitionDragPanel
{
	cursor: move;
	height: 10px;	
}
/*Competition modal popup*/
.competitionDrawModalPopup
{
	width: 480px;
	height: 180px;
}
.competitionDrawDragPanel
{
	width: 480px;
	height: 180px;
}
/*Register modal popup*/
.registerModalPopup
{	
	width:450px;
	height: 570px;
	background-color: #2d2f34;
}
.registerDragPanel
{
	width: 450px;
	height: 15px;	
}

/*Change password modal popup*/
.changePasswordModalPopup
{
	width: 450px;
	height: 162px;
	background-color: #2d2f34;
}
.changePasswordDragPanel
{
	width: 450px;
	height: 15px;
}

/*Forget password modal popup*/
.forgetPasswordModalPopup
{
	text-align:left;
	width: 320px;
	/*height: 129px;*/
	background-color: #2d2f34;
}
.forgetPasswordDragPanel
{
	width: 320px;
	height: 5px;	
}

/*Login modal popup*/
.loginModalPopup
{
	width: 450px;
	height: 500px;
	background-color: #2d2f34;
}
.loginDragPanel
{
	width: 450px;
	height: 15px;
}

/*Page message and page error modal popup*/
.pageMessageModalPopup, .pageErrorModalPoup
{
	width: 306px;
	height: 161px;
	background-color: #2d2f34;
}
.pageMessageDragPanel, .pageErrorDragPanel, .messageDragPanel
{
	width: 300px;
	height: 25px;
	top: 3px;
	left: 0px;
}
.pageMessageContent, .pageErrorContent, .messageContent
{
	width: 300px;
	position: relative;
	top: 25px;
}
/*Message modal popup*/
.messageModalPopup
{
	width: 306px;
	height: 197px;
	background-color: #2d2f34;
}
/*Edit profile modal popup*/
.editProfileModalPopup
{
	width: 430px;
	height: 520px;
	background-color: #2d2f34;
}

.editProfileDragPanel
{
	width: 430px;
	height: 0px;	
}

/*Add profile modal popup*/
.addProfileModalPopup
{
	width: 430px;
	height: 520px;
	background-color: #2d2f34;
}

.addProfileDragPanel
{
	width: 430px;
	height: 0px;	
}

/*Term and condition modal popup*/
.termModalPopup
{
	width: 406px;
	height: 470px;
	background-color: #2d2f34;
}
.termDragPanel
{
	width: 406px;
	height: 15px;	
}

.termTextContent
{
	font-family: Arial, Sans-Serif;
	color: #ffffff;	
	font-size: 11px;
	width: 330px; 
	height: 370px; 
	background-color: White;
	overflow:auto; 
	color: Black;		
	text-align: left;
	padding-left: 20px; 
	padding-right: 20px;
	margin-top: 10px;
}
.termBtDiv
{
	width: 370px;
	margin-top: 10px;	
	text-align: right;	
}

.errorLabel
{
	font-family: Arial;	
	font-size: 10px;
}
.label
{
	font-family: Lucida Sans;
	color: #ff9d00;
	font-size: 9px;
}
.compLabelTd
{
	width: 150px;
	text-align: left;
}
.labelTd
{
	width: 63px;
	text-align: left;
}
.requiredTd
{
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	width: 20px;
}

.errorLabel
{
	color: Red;
}
.textBox
{	
	background-color: Black;
	color: White;
	border-width: 1px;
	border-color: Gray;
	width: 150px;
}
.textBoxTd
{
	width: 217px;
}
.roundCornerTd
{
	width: 10px;
	height: 10px;	
}
.profileTextBoxTd
{
	width: 265px;
	text-align: left;
}

.button, .bigButton, .smallButton
{
	color: Black;
	font-family: Arial;
	font-size: 11px;
	background-color: White;
	background-repeat:repeat-x;
	text-align: center;
	border-width: 0px;
	border-style: none;
	height: 20px;
}
.button
{
	background-image: url(../Image/btn_normal.jpg);
	width: 70px;		
}
.bigButton
{
	background-image: url(../Image/btn_big.jpg);
	width: 100px;
}
.smallButton
{
	background-image: url(../Image/btn_small.jpg);
	width: 30px;
}
.link,.linkText
{
	font-family: Arial;
	color: #888888;
	font-size: 10px;
}
.link
{
	text-decoration: underline;
	cursor: pointer;	
}
.tooltipDiv
{
	color: Black;
	position: absolute; 
	z-index: 10004; 
	background-color: #DDECFF; 
	font-family: Verdana, arial, helvetica, sans-serif; 
	border: ridge 3px #000080; 
	font-size: 8pt; 
	padding: 4px 4px 4px 4px;
}