﻿/* general pages */
.pageTitle
{
    margin-top:10px;
    margin-bottom:20px;
    width:100%;
}
.pageDefaultLoginLabel
{
    width:100px;
    float:left;
}
.pageDefaultLoginText
{
    width:145px;
    float:left;
}
.pageDefaultInputLabel
{
    width:150px;
    float:left;
}
.pageDefaultInputText
{
    width:145px;
    float:left;
}
.pageDefaultLoginArea
{
}
.pageDefaultFriendLabel
{
    width:220px;
    float:left;
    text-align:right;
}
.pageDefaultFriendText
{
    width:200px;
    float:left;
    padding-left:20px;
}
.pageDefaultFriend2Label
{
    width:150px;
    float:left;
}
.pageDefaultFriend2Text
{
    width:305px;
    float:left;
}
.pageDefaultFriendArea
{
}
.pad-none
{
    padding-top:0px;
}
.pad-small
{
    padding-top:10px;
}
.pad-medium
{
    padding-top:20px;
}
.pad-large
{
    padding-top:30px;
    *padding-top:0px;
}
/* default page */
#pageDefault
{
    background:transparent url(../../en/images/pages/landing.jpg) no-repeat top left;
	width:510px;
	padding-top:380px;
	padding-left:0px;
	color:#000000;
	font-size:12px;
}
#pageDefaultLogin
{
    width:0px;
}
#pageDefaultRegister
{
    margin-top:15px;
    margin-bottom:10px;
    width:100%;
    text-align:center;
}
#pageDefaultLoginArea
{
    padding-top:10px;
    width:100%;
    
}
#mainBody {
        margin:0px;
        padding:0px;
        text-align:left;
        width:960px;
        position:relative;
        min-height:100%;
}
/* forgot password */
#forgotBackground
{
    height:177px;
    width:515px;
    background:white url(../../en/images/pages/forgotPasswordBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
/* forgot password */
#registerBackground
{
    height:177px;
    width:515px;
}
/* register page */
#registerTopArea
{
    height:18px;
    width:515px;
    background:white url(../../en/images/pages/registerBackgroundTop.png) no-repeat top left;
}
#registerMainArea
{
    width:475px; /* 515 - 20 - 20 */
    padding-left:20px;
    padding-right:20px;
    background:white url(../../en/images/pages/registerBackgroundRepeat.png) repeat-y top left;
}
#registerBottomArea
{
    height:14px;
    width:515px;
    background:white url(../../en/images/pages/registerBackgroundBottom.png) no-repeat top left;
}
/* repeat register page */
#registerRepeatBackground
{
    height:280px;
    width:515px;
    background:white url(../../en/images/pages/repeatRegisterBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
.tableHeight
{
    height:30px;
}
/* login page */
#loginBackground
{
    height:199px;
    width:515px;
    background:white url(../../en/images/pages/loginBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
/* rules page */
#footerRulesPage { /* this places footer directly after rules */
		width:100%;
		height:88px;			/* Height of the footer */
		background:#ffffff url(../../images/footer.jpg) no-repeat top left;
		color:#ffffff;
		font-size:10px;
		margin-top:20px;
}
/* gallery page */
#galleryBackground
{
    
}
/* instant win skill page */
#instantWinBlender
{
    height:350px;
    width:515px;
    background:white url(../../en/images/pages/blender.jpg) no-repeat top center;
    
}
#instantWinBackground
{
    height:209px;
    width:510px;
    background:white url(../../en/images/pages/incorrectAnswerBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
/* instant win skill wrong page */
#instantWinSorryBackground
{
    height:209px;
    width:510px;
    background:white url(../../en/images/pages/incorrectAnswerBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
/* my entries area */
#entriesTopArea
{
    height:51px;
    width:515px;
    background:white url(../../en/images/pages/entriesBackgroundTop.png) no-repeat top left;
}
#entriesMainArea
{
    width:475px; /* 515- 20 - 20 */
    padding-left:20px; 
    padding-right:20px;
    background:white url(../../en/images/pages/entriesBackgroundRepeat.png) repeat-y top left;
}
#entriesBottomArea
{
    height:10px;
    width:515px;
    background:white url(../../en/images/pages/entriesBackgroundBottom.png) no-repeat top left;
}
/* photo upload page */
#photoBackground
{
    height:406px;
    width:485px;
    background:white url(../../en/images/pages/photoBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
/* logged in default page */
#loginThanksBackground
{
    height:303px;
    width:515px;
    background:white url(../../en/images/pages/loginThanksBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
/* friend page */
#friendBackground
{
    height:670px;
    width:475px;
    background:white url(../../en/images/pages/friendBackground.png) no-repeat top left;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}








/* default page */
#defaultLeft
{
    margin:0 auto;
    margin-right:10px;
    padding:0;
    width:432px;
    height:421px;
    float:left;
}
#defaultRight
{
    margin:0 auto;
    padding:0;
    width:100px;
    height:421px;
    float:left;
}
div.boxContainerDefaultTopCentre
{
    margin:0;
    padding:0;
    width:401px;
    height:14px;
    float:left;
    border-top:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}
div.boxContainerDefaultBottomCentre
{
    margin:0;
    _margin-top:-1px;
    padding:0;
    width:401px;
    height:14px;
    float:left;
    border-bottom:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}
#defaultContent
{
    margin:0;
    _margin-top:-1px;
    padding:0;
    padding-left:14px;
    padding-right:14px;
    width:401px;
    height:391px;
    clear:both;
    border-left:solid 1px #5c85ad;
    border-right:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}
#defaultTitle
{
    margin:0;
    padding:0;
    height:64px;
    clear:both;
    background:transparent url(../../images/pages/defaultTitle.png) no-repeat top left;
}
#defaultTree
{
    margin:0;
    padding:0;
    padding-bottom:6px;
    height:184px;
    width:305px;
    clear:both;
    background:transparent url(../../images/tree/tree.png) no-repeat top left;
}
#defaultFlash
{
    margin:0;
    padding:0;
    height:231px;
    width:305px;
    clear:both;
}
div.boxContainerDefaultRightTopCentre
{
    margin:0;
    padding:0;
    width:275px;
    height:14px;
    float:left;
    border-top:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}
div.boxContainerDefaultRightBottomCentre
{
    margin:0;
    padding:0;
    width:275px;
    height:14px;
    float:left;
    border-bottom:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}

/* signup page */
#signupTitle
{
    margin:0;
    padding:0;
    height:30px;
    clear:both;
    background:transparent url(../../images/pages/signupTitle.png) no-repeat top left;
}
#summaryArea
{
    margin:0;
    padding:0;
    padding-left:14px;
    padding-right:14px;
    width:590px;
    height:auto;
    clear:both;
    border-left:solid 1px #5c85ad;
    border-right:solid 1px #5c85ad;
    background-color:#ffffff;
    position:relative;
    float:left;
}
div.boxContainerSummaryTopCentre
{
    margin:0;
    padding:0;
    width:590px;
    height:14px;
    float:left;
    border-top:solid 1px #5c85ad;
    background-color:#ffffff;
}
div.boxContainerSummaryBottomCentre
{
    margin:0;
    padding:0;
    width:590px;
    height:14px;
    float:left;
    border-bottom:solid 1px #5c85ad;
    background-color:#ffffff;
}
/* thank you page */
div.thankYouTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/thankYouTitle.png) no-repeat top left;
}
/* you up for the challenge page*/
#youUpTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/youUpTitle.png) no-repeat top left;
}
/* refer a friend page*/
div.pageArea
{
    margin:0;
    _margin-top:-1px;
    padding:0;
    padding-left:14px;
    padding-right:14px;
    padding-bottom:10px;
    width:720px;
    clear:both;
    border-left:solid 1px #5c85ad;
    border-right:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80);
    float:left;
}
#referTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/referTitle.png) no-repeat top left;
}
/* login page*/
div.page
{
    margin:0;
    padding:0;
    width:750px;
    clear:both;
}
#loginTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/sorryTitle.png) no-repeat top left;
}
/* forgot password page */
#forgotTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/forgotTitle.png) no-repeat top left;
}
/* redo quiz page */
#quizTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/quizTitle.png) no-repeat top left;
}
/* my profile page */
#profileTitle
{
    margin:0;
    padding:0;
    height:20px;
    clear:both;
    background:transparent url(../../images/pages/profileTitle.png) no-repeat top left;
}
.gridviewPad
{
    padding-left:30px;
}
/* challenge page */
div.pageArea2
{
    margin:0;
    padding:0;
    padding-left:12px;
    padding-right:16px;
    padding-bottom:2px;
    width:720px;
    clear:both;
    border-left:solid 1px #5c85ad;
    border-right:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80);
    float:left;
}
/* over page */
#overBackground
{
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}


