@font-face	{
	font-family: 'Myriad Pro';
	src: url('../img/fonts/MyriadPro-Regular.otf');
}

body	{
	margin: 0;
	padding: 0 0 50px 0;	
	background: #393939;
	font-family: Arial;
	color: #393939;
}

a, a img	{
	color: #d81921;
	outline: none;
	border: none;
}

.wrapper	{
	margin: 0 auto;
	width: 1122px;
}

header	{
	display: block;
	background: #d81921;
	height: 103px;
	width: 100%;
	text-align: center;
}

header h1	{
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	float: left;
}

header h1 a	{
	display: block;
	float: left;
	width: 371px;
	height: 61px;
	background: transparent url(../img/default/playonestop-logo.png) no-repeat top left;
	outline: none;
	position: relative;
	top: 9px;
}

#mainNavWrapper	{
	width: 100%;
	margin: 0;
	padding: 0;
	height: 43px;
	background: transparent url(../img/default/nav/mainNav-bg.jpg) repeat-x top left;
}

#mainNav	{
	margin: 0 auto;
	width: 1122px;
	clear: both;
	padding: 0;
	list-style-type: none;
	list-style: none;
}

#mainNav li	{
	margin: 0;
	padding: 0;
	float: left;
}

#mainNav li a	{
	height: 43px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -10000px;
}

#mainNav #home a	{
	background: transparent url(../img/default/nav/Mn-Home-f.jpg) no-repeat top left;
	width: 79px;
}

#mainNav #home a:hover, #mainNav #home a.on	{
	background: transparent url(../img/default/nav/Mn-Home-o.jpg) no-repeat top left;
}

#mainNav #myonestop a	{
	width: 123px;
	background: transparent url(../img/default/nav/Mn-Mos-f.jpg) no-repeat top left;
}

#mainNav #myonestop a:hover, #mainNav #myonestop a.on	{
	background-image: url(../img/default/nav/Mn-Mos-o.jpg);
}

#mainNav #arcade a	{
	width: 125px;
	background: transparent url(../img/default/nav/Mn-Arcade-f.jpg) no-repeat top left;
}

#mainNav #arcade a:hover, #mainNav #arcade a.on	{
	background: transparent url(../img/default/nav/Mn-Arcade-o.jpg) no-repeat top left;
}

#mainNav #polls a	{
	width: 74px;
	background: transparent url(../img/default/nav/Mn-Polls-f.jpg) no-repeat top left;
}

#mainNav #polls a:hover, #mainNav #polls a.on	{
	background: transparent url(../img/default/nav/Mn-Polls-o.jpg) no-repeat top left;
}

#mainNav #neighbourhoods a	{
	width: 98px;
	background: transparent url(../img/default/nav/Mn-myHood-f.jpg) no-repeat top left;
}

#mainNav #neighbourhoods a:hover, #mainNav #neighbourhoods a.on	{
	background: transparent url(../img/default/nav/Mn-myHood-o.jpg) no-repeat top left;
}

#contentArea	{
	display: block;
	text-align: center;
	background: #FFF url(../img/default/bgFooterShadow.jpg) repeat-x bottom left;
	padding-bottom: 34px;
	margin: 0;
}

#contentArea div.wrapper	{
	text-align: left;
	position: relative;
	top: 9px;
	padding-top: 4px;
	background: #FFF url(../img/default/bgDividerHorz.jpg) repeat-x top left;
}

#centerSection	{
	width: 600px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

#centerSection h2	{
	display: block;
	border: 1px solid #585453;
	width: 589px;
	margin: 0;
	padding: 7px 5px 7px 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	background: #585453;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
}

footer	{
	margin-top: 10px;
	padding-bottom: 25px;	
	min-height: 300px;
}

footer ul, footer div.wrapper div	{
	float: left;
	width: 150px;
	margin: 0 25px 0 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
	background: transparent url(../img/default/bgFooterList.jpg) repeat-y top right;
}

footer ul li, footer ul li a	{
	color: #727272;
	text-decoration: none;
	font-size: 14px;
	padding: 0 0 5px 0;
}

footer div.wrapper div	{
	width: 125px;
	background-image: none;	
}

/* Left/Right Cols */

#leftCol	{
	padding-top: 10px;
	width: 190px;
	float: left;		
}

#leftCol h3, #rightCol h3	{
	display: block;
	border: 1px solid #585453;
	width: 170px;
	margin: 0;
	padding: 7px 5px 7px 5px;
	color: #FFF;
	/* font-size: 16px; */
	font-size: 12px;
	font-weight: normal;
	background: #585453;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
}

#leftCol div.wrapper	{
	position: static;
	width: 190px !important;
	background: #FFF url(../img/default/bgDividerHorz.jpg) repeat-x bottom left;	
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}

#leftCol ul
{
	list-style-type: none;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	width: 165px;
}

#leftCol ul li,
#rightCol ul li	{
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #727272;	
	background: transparent url(../img/default/colListDash.jpg) repeat-x bottom left;
	padding: 5px 0;
}

#leftCol ul li.last,
#rightCol ul li.last	{
	background-image: none;	
}

#leftCol div.banner	{
	margin-bottom: 15px;	
	margin-right: 10px;
}

#rightCol div.banner {
	margin-bottom: 15px;	
	margin-left: 10px;
}

#rightCol	{
	padding-top: 10px;
	width: 310px;
	float: right;	
}

#rightCol h3	{
	width: 93%;
	margin-left: 10px;
}

#rightCol div.wrapper	{
	position: static;
	width: 310px !important;
	background: #FFF url(../img/default/bgDividerHorz.jpg) repeat-x bottom left;	
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}

#rightCol ul	{
	list-style-type: none;
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	width: 275px;
}

#rightCol .spokeNavigation	{
	font-family: Arial;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 12px;
	color: #000;
	text-align: right;	
}

.spokeNavigation a	{
	text-decoration: none;
	color: #000;	
}

/* Login Form */

#userLoginWrapper	{
	width: 420px;
	float: right;
	text-align: left;
	position: relative;
	right: 5px;
	top: 10px;
}

#userLoginWrapper label	{
	width: 138px;	
	color: #FFF;
	font-family: 'Myriad Pro';
	text-transform: uppercase;
	font-size: 14px;
}

#userLoginWrapper div.input	{
	float: left;
	width: 138px;
	margin-right: 7px;	
}

#userLoginWrapper div.input input	{
	width: 132px;
	padding: 5px 3px;
	border: none;
}

#userLoginWrapper div.submit	{
	float: right;
	width: 115px;
	height: 30px;
	position: relative;
	top: 15px;
	right: 10px;
}

.rememberMe	{
	display: none;
}

#userLoginWrapper p	{
	float: left;
	width: 145px;
	margin: 0;
	padding: 3px 0;
	color:#8d1015;
	font-family: 'Myriad Pro';
	font-size: 11px;
}

#userLoginWrapper p a	{
	text-decoration: none;
	color: #680004;
	font-family: 'Myriad Pro';
	font-size: 11px;
	font-weight: bold;	
}

#userDashboardWrapper	{
	width: 360px;
	float: right;
	text-align: right;
	color: #FFF;
}

/*
#userDashboardWrapper p a	{
	text-decoration: none;
	color: #680004;
	font-family: 'Myriad Pro';
	font-size: 11px;
	font-weight: bold;	
}
*/

#userDashboardWrapper p a	{
    -moz-border-radius: 10px;
    background: #6c150f;
    border: 1px solid #6c150f;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin: 8px 0 8px 4px;
    padding: 5px;
    text-decoration: none;
}


#adminWrap label,
#standardForm label,
#feedbackForm label,
#UserRegisterForm label,
#UserForgotPasswordForm label,
#UserChangePasswordForm label,
#loginFormFullPage label	{
	display: block;
	margin: 10px 0 0 0;
}

#adminWrap .input input,
#standardForm .input input,
#feedbackForm .input input,
#feedbackForm textarea,
#UserRegisterForm .input input,
#loginFormFullPage .input input,
#UserChangePasswordForm #UserPassword, 
#UserChangePasswordForm #UserConfirmPassword, 
#UserForgotPasswordForm #UserEmail	{
	width: 400px;
	padding: 5px 3px;
	margin: 0 0 5px 0;
}

#feedbackForm .submit	{
	position: relative;
	left: 10px;
}

#flashMessage	{
	border: 3px solid #d81921;
	background: #ffff99;	
	margin: 10px 0;
	padding: 10px;
	color: #000;
	font-size: 20px;
		
}

.clear-both	{
	clear: both;
}

/* Alerts */

#overlayWindow	{	
	background:url("../img/arcade/bgAlert.jpg") no-repeat scroll left top #FFFFFF;
	height:400px;
	width:600px;
	z-index:80;
}

#overlayWindow div	{
	position: relative;
	top: 120px;
	padding: 0 25px;
}

#overlayAlert {
	width: 600px;
	height: 400px;
	position: absolute;
	z-index: 71;
	background: #FFF url(../img/default/bgAlert.jpg) no-repeat top left;
	left: 50%;
	margin-left: -360px;
}

#overlayAlert div	{
	position: relative;
	top: 140px;
	padding: 0 25px;
}

/* Home */

#homeFrame	{
	margin-top: 10px;
}

#homeFrame img	{
	float: left;
	margin: 0;
	padding: 0;
}

.error-message	{
	color: #d81921;
}

#userLoginWrapper .error-message	{
	display: none;
}

#feedbackForm fieldset	{
	border-style: none;	
}

#feedbackForm legend	{
	display: none;
}

/* Admin */

#adminWrap table	{
	width: 100%;
}

#adminWrap table tr.altrow	{
	background: #ddd;
}

/* Added during MOS devel */

.moreLink	{
	clear: both;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px;
    	background: none repeat scroll 0 0 #CCC;
    	border: 1px solid #CCC;
    	color: #000;
    	display: block;
    	float: right;
    	font-size: 11px;
    	font-weight: bold;
    	margin: 10px 0;
    	padding: 5px;
    	text-decoration: none;
	cursor: pointer;
}

.moreLink:hover, .plusButton:hover	{
	color: #CCC;
	border: 1px solid #000;
	background: #000;
}

#weatherPostalCode	{
	text-align: right;
	position: absolute;
	z-index: 5;
	width: 574px;
	padding: 0;
	margin: 5px 0 0 13px;
}

.plusButton	{
	display: block;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px;
    	background: none repeat scroll 0 0 #CCC;
    	border: 1px solid #CCC;
    	color: #000;
	float: right;
	text-decoration: none;
	padding: 2px 10px;
	cursor: pointer;
}

#weatherPostalCode .postalCodeBtn	{
	float: right;
}

#weatherPostalCode #postalCode	{
	float: right;
	margin-right: 10px;
}

#postalCodeWidget	{
	width: 575px;
}

#postalCodeWidget .plusButton	{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
}

.myOneStopNoLink	{
	width: 96%;
	margin: 0 auto;
	text-align: left;
	color: #545454;
	font-size: 14px;
}

.noClear	{
	clear: none !important;
}

.altrow	{
	background: #CCC;
}

#ajaxResults, #loading	{
	/* margin: 5px 0 5px 25px; */
	color: #727272;
	font-family: Arial;
	font-size: 11px;
}

#loading img, #postalCodeLoader img	{
	margin: 0 10px;
}

#rightCol #loading, #rightCol #ajaxResults	{
	margin: 5px 0 5px 20px;
}

.framed	{
	backgroud: #F4F3F3;
	border: 1px solid #E7E7E7;
	padding: 9px;
}

.largeTitle	{
	color: #000;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 24px;
}

.darkBtn {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #393939;
    border: 1px solid #393939;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin: 10px;
    padding: 5px;
    text-decoration: none;
}
.darkBtn:hover {
    background: none repeat scroll 0 0 #585453;
    border: 1px solid #585453;
}
.pageDescription	{
	padding: 0 10px;
	font-size: 13px;
}

.floatLeft	{
	float: left;
}

.floatRight	{
	float: right;
}