@charset "utf-8";
/* CSS Document */


.oneColLiqCtrHdr #container {
	width: 929px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top:0;
	
}
.oneColLiqCtrHdr #header {
	width: 100%;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto; 
	
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image:url('../images/grammar_grabber_logo.gif');
	background-repeat:no-repeat;
}
.oneColLiqCtrHdr #menu {
	width: 907px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto;
	text-align:center;
	padding:0;
	background-repeat:no-repeat;
	height:42px;
	background-image:url('../images/menuBG2.gif');
	font-size:24px;

}

.menuTxt
{

	color:#FFFFFF;	
	font-size:24px;
	font-weight:bold;

}
.menuDivider {
color: #FFFFFF;

}
#menuSpacer {
	width: 907px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto;
	text-align:center;
	background-repeat:no-repeat;
	height:11px;
	background-image:url('../images/menuSpacer.gif');

}

.oneColLiqCtrHdr #logo {
	
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 70px 20px 60px 60px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image:url('../images/grammar_grabber_logo.gif');
	background-repeat:no-repeat;
	cursor:pointer;
	width:100%;
	
}
#subHead {
	width: 907px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 auto;
	text-align:center;
	height:185px;
	background-image:url('../images/subHeadBg.gif');
	background-repeat:repeat-x;

}
.oneColLiqCtrHdr #foot {
	margin: 0 auto;
	text-align:center;
	height:185px;
	background-repeat:repeat-x;
	border:1px solid #c0c0c0;

}
.subHeadLeft {
	width: 13px;
	float: left;
	background-image:url('../images/subHeadLeft.gif');
	height:185px;
	background-repeat:no-repeat;

}
.subHeadBg {
width: 95%;
float:left;
margin: 14px 5px 0 5px;
}
.subHeadName
{
	margin-left:10px;
	float:left;
	vertical-align:middle; 
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2CAFC6;
	line-height:normal;
	height:19px;
	background-color:#FFFFFF;
	padding:4px 10px 1px 10px; 
	
}
.subStartClimb
{
	margin-left:10px;
	float:right; 
	
}
.subHeadInfo
{
	margin-top:35px;
}
.subHeadRight {
	width: 9px;
	float:right;
	background-image:url('../images/subHeadRight.gif');
	height:185px;
	background-repeat:no-repeat;
}

.avatar
{
	margin-left:10px;
	margin-top: 10px;
	background-color:#FFFFFF;
	border:6px solid #FFFFFF;
}
.Info
{
	margin-top: 10px;
	margin-left: 10px;

	vertical-align:middle;
	text-align:center;
	height:88px;
	background-repeat:repeat-x;
	background-image:url('../images/scoreboard_bg.gif');
}
.InfoLeft
{
	width: 13px;
	background-image:url('../images/subHeadInfoLeft.gif');
	height:88px;
	background-repeat:no-repeat;
}
.InfoRight
{
	width: 14px;
	background-image:url('../images/subHeadInfoRight.gif');
	height:88px;
	background-repeat:no-repeat;

}
.InfoBg
{

	width: 660px;

	margin:15px 2px 2px 2px;
	height: 60px;
	text-align:center;

}
.InfoContent
{
	
	background-repeat:no-repeat;
	height:60px;
	margin:0 2px 2px 2px;
	font-size:18px;
	color:#00A8FF;
	text-align:center;

}
.InfoFooter
{
	background-repeat:no-repeat;
	margin:0 2px 2px 2px;
	font-size:10px;
	color:#777777;
	text-align:center;
}
.InfoDivider
{
	float:left;

	width: 15px;
	background-image:url('../images/scoreboard_divider.png');
	background-repeat:no-repeat;
	height:57px;
}

.InfoMenu
{
text-align:left;
margin-left:160px;

}
.contentNoBorder
{
	width:907px;
	margin: 0 auto;
	border:1px solid #c0c0c0;
	text-align:center;
	padding: 0;
}
.contentHeader
{
	width: 929px;
	background-image:url(../images/contentHeader.gif);
	height: 69px;
	margin: 0 auto;
	padding:0;
	background-repeat:no-repeat;
}
.contentHeader2
{
	width: 929px;
	margin: 0 auto;
	padding:0;
	margin-top:0;
}
.contentHeaderPrice
{
	width: 929px;
	background-image:url(../images/contentHeader2.gif);
	height: 28px;
	margin: 0 auto;
	padding:0;
	background-repeat:no-repeat;
}
.contentBgPrice
{
	margin-top:25px;
	width: 929px;
	background-image:url(../images/contentBg2.gif);
	float:left;	
	padding-left:0px;

}
.contentBg2
{
	margin-top:10px;
	width: 930px;
	padding-left:0px;

}
.contentBg3
{
	margin:0px;
	width: 930px;
	padding:0px;

}

.contentLeft
{
	padding-top:69px;
	width: 20px;
	background-image:url(../images/contentLeft.gif);
	background-repeat:repeat-y;
	float:left;
	height:1000px;
}
.contentRight
{
	padding-top:69px;
	width: 20px;
	background-image:url(../images/contentRight.gif);
	background-repeat:repeat-y;
	float:right;
	height:1000px;
}
.contentBg
{
	margin-top:63px;
	width: 930px;
	background-image:url(../images/contentBg.gif);
	background-repeat:repeat-y;
	float:left;	
	padding-left:0px;
}
.yellowBg
{
	width: 100%;
	background-image:url(../images/footerBg.gif);
	float:left;
	background-repeat:repeat-x;
}

.footerG
{
	width: 100%;
	background-image:url(../images/footer.gif);
	float:left;
	background-repeat:repeat-x;
	height: 25px;
}
.footerG2
{
	width: 100%;
	float:left;
	height: 25px;
	margin: 0 auto;
}
.PageHeader
{
	width: 907px;  
	margin: 0 auto;
	position:absolute;
	height:185px;
	border:1px solid #c0c0c0;
	clear:both;
}
#topLeft
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/cornerLeft.png',sizingMethod='scale');
	height:25px;
	width:24px;
}
html>body  #topLeft
{
	background-image:url(../images/corners/cornerLeft.png);
	background-repeat:repeat-x;
}
#topBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/topBg.png',sizingMethod='scale');
	height:25px;
}
html>body #topBd
{
	background-image:url(../images/corners/topBg.png);
	background-repeat:repeat-x;
}


#topRight
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/cornerRight.png',sizingMethod='scale');
	height:25px;
	width:25px;
}
html>body #topRight
{
	background-image:url(../images/corners/cornerRight.png);
	background-repeat:repeat-x;
}

#LeftBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/leftBg.png',sizingMethod='scale');
	width:24px;
}

html>body #LeftBd
{
	background-image:url(../images/corners/leftBg.png);
	background-repeat:repeat-y;
}


#RightBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/rightBg.png',sizingMethod='scale');
	width:25px;
}

html>body #RightBd
{
	background-image:url(../images/corners/rightBg.png);
	background-repeat:repeat-y;
}


#bottomLeft
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/cornerBottomLeft.png',sizingMethod='scale');
	height:31px;
	width:24px;
}


html>body #bottomLeft
{
	background-image:url(../images/corners/cornerBottomLeft.png);
	background-repeat:repeat-x;
}

#bottomBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/bottom.png',sizingMethod='scale');
	height:31px;
}

html>body #bottomBd
{
	background-image:url(../images/corners/bottom.png);
	background-repeat:repeat-x;
}

#bottomRight
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/corners/cornerBottomRight.png',sizingMethod='scale');
	background-repeat:repeat-x;
	height:31px;
	width:25px;
}
html>body #bottomRight
{
	background-image:url(../images/corners/cornerBottomRight.png);
	background-repeat:repeat-x;
}

.userpanelBg
{
	background-image:url(../images/userpanelBg.gif);
	background-repeat:repeat-y;
	padding:0px 20px 0px 20px;
}
.userpanelFooter
{
	background-image:url(../images/userpanelFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0;
	margin:0;
}
#menuProfile
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/MenuProfile_off.png',sizingMethod='scale');
	height:48px;
	width:156px;
}

html>body #menuProfile
{
	background-image:url(../images/MenuProfile_off.png);
}



.PoPtopLeft
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_01.png',sizingMethod='scale');
	height:20px;
	width:19px;
}
html>body  .PoPtopLeft
{
	background-image:url(../images/popUpPages/images/popUpPages_01.png);
	background-repeat:repeat-x;
}
.PoPtopBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_02.png',sizingMethod='scale');
	height:20px;
}
html>body .PoPtopBd
{
	background-image:url(../images/popUpPages/images/popUpPages_02.png);
	background-repeat:repeat-x;
}


.PoPtopRight
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_03.png',sizingMethod='scale');
	height:20px;
	width:20px;
}
html>body .PoPtopRight
{
	background-image:url(../images/popUpPages/images/popUpPages_03.png);
	background-repeat:repeat-x;
}

.PoPleftBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_04.png',sizingMethod='scale');
	width:19px;
}

html>body .PoPleftBd
{
	background-image:url(../images/popUpPages/images/popUpPages_04.png);
	background-repeat:repeat-y;
}


.PoPrightBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_06.png',sizingMethod='scale');
	width:20px;
}

html>body .PoPrightBd
{
	background-image:url(../images/popUpPages/images/popUpPages_06.png);
	background-repeat:repeat-y;
}


.PoPbottomLeft
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_07.png',sizingMethod='scale');
	height:18px;
	width:19px;
}


html>body .PoPbottomLeft
{
	background-image:url(../images/popUpPages/images/popUpPages_07.png);
	background-repeat:repeat-x;
}

.PoPbottomBd
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_08.png',sizingMethod='scale');
	height:18px;
}

html>body .PoPbottomBd
{
	background-image:url(../images/popUpPages/images/popUpPages_08.png);
	background-repeat:repeat-x;
}

.PoPbottomRight
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./images/popUpPages/images/popUpPages_09.png',sizingMethod='scale');
	background-repeat:repeat-x;
	height:18px;
	width:20px;
}
html>body .PoPbottomRight
{
	background-image:url(../images/popUpPages/images/popUpPages_09.png);
	background-repeat:repeat-x;
}