/* Reset */
html, body, 
h1, h2, h3, h4, h5, h6, 
div, span,
form, fieldset, input, textarea, select,
p, ol, ul, li, 
blockquote, em, q, cite, code,
dt, dd, dl,
button,
code,
table, th, tr, td,
img,
hr  {
	border: 0;
	margin: 0;
	padding: 0;
}
* {
	vertical-align: baseline;
}

/* General */
body {
	background: #fafaf5 url(/App_Themes/Web/images/bg-body.gif) repeat-y center top;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
p {
	font-size: 12px;
	line-height: 18px;
}
a:link {
	color: #004B8C;
	text-decoration: none;
}
a:visited {
	color: #004B8C;
	text-decoration: none;
}
a:hover {
	color: #004B8C;
	text-decoration: underline;
}
a:active {
	color: #004B8C;
	text-decoration: none;
}
.searchbox a:link, .footer a:link {
	color: #FFF;
	text-decoration: underline;
}
.searchbox a:visited, .footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.searchbox a:hover, .footer a:hover {
	color: #FAE600;
	text-decoration: underline;
}
.searchbox a:active, .footer a:active {
	color: #FFF;
	text-decoration: none;
}

/* Text */
.s, .c, .si, .si-alt, .sic, .s-light, .si-light, .info, .info-c {
	font-size: 12px;
	padding: 3px 10px;
}
.s-light {
	color: #999;
}
h3.s {
	padding: 10px 10px 5px 10px;
}
.panel .si, .panel-alt-r .si, .panel .si-alt {
	border-bottom: 1px #CCC solid;
	padding: 10px;
}
.si-alt {
	background: #EEE;
}
.si-light {
	border-bottom: 1px #CCC solid;
	color: #666;
}
.mh {
	font-size: 16px;
	margin: 0 auto;
	padding: 10px 10px 5px 10px;
	width: 410px;
}
.c {
	text-align: center;
}

.red, .error, .req {
	color: #FF0000;
}

span.error 
{
    display:block;
    padding: 5px 0px;
}

/* Header */
.header {
	background: #28322D url(/App_Themes/Web/images/bg-header.gif) repeat-x center top; /* mocality charcoal */
	border-bottom: 2px #FAE600 solid; /* mocality yellow */
	height: 50px;
	margin: 0 auto 10px auto;
	padding: 15px;
	text-align: center;
	box-shadow: rgba(0,0,0,0.25) 0 1px 0; /* CSS3 */
	-moz-box-shadow: rgba(0,0,0,0.25) 0 1px 0;
	-webkit-box-shadow: rgba(0,0,0,0.25) 0 1px 0;
	-khtml-box-shadow: rgba(0,0,0,0.25) 0 1px 0;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}

/* Forms */
input {
	font-size: 12px;
}
input.text-field, input.short, textarea {
	border: 1px #000 solid;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 4px; /* CSS3 */
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
input.text-field, input.short, textarea {
	background: #FFF url(/App_Themes/Web/images/input-inner-shadow.gif) repeat-x left top;
}
input.text-field, textarea {
	width: 60%;
}
input.btn {
	background: #51AAFB url(/App_Themes/Web/images/bg-button.gif) repeat-x center center;
	border: 1px #70C8FC solid; /* light blue */
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 5px 20px;
	border-radius: 4px; /* CSS3 */
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; /* CSS3 */
	-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
input.btn-light {
	background: #FFF;
	border: none;
	color: #004B8C;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
input.btn:hover, input.btn-light:hover {
	cursor: pointer;
}
input.btn-light:hover {
    text-decoration:underline;
}

select {
	border: 1px #999 solid;
	padding: 3px;
	border-radius: 4px; /* CSS3 */
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
input.search-field {
	background: #FFF url(/App_Themes/Web/images/bg-searchbox-input.gif) no-repeat 0 0;
	border: 1px #000 solid;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0 10px 0 40px;
	width: 230px;
	border-radius: 4px; /* CSS3 */
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
.search-btn {
	padding: 0 0 0 19px;
}
.search-btn .btn {
	background: #51AAFB url(images/bg-button.gif) repeat-x center center;
	border: 1px #70C8FC solid; /* light blue */
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	width: 124px;
	border-radius: 4px; /* CSS3 */
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; /* CSS3 */
	-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}

/* Panels */
p.sign-in {
	display: block;
	background: #fafaf5;
	border: 1px #DDD solid;
	height: 40px;
	padding: 0;
	width: 468px;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
p.sign-in a {
	display: block;
	line-height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	height: 40px;
}
.searchbox {
	background: #3CA0FA url(images/bg-searchbox.gif) repeat-x left top;
	margin: 0 auto 10px auto;
	padding: 19px 19px 9px 19px;
	text-align: center;
	width: 430px;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
.searchbox .s {
	padding: 0 0 10px 0;
}
.info {
	background-color: #FFFF99;
	border: 1px #DDD solid;
	padding: 5px 24px;
	text-align: center;
	width: 420px;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
.panel, .panel-menu, .panel-a, .panel-b, .panel-c, .panel-alt, .panel-alt-r, .info, .sign-in {
	margin: 0 auto 10px auto;
}
.panel, .panel-menu, .panel-a, .panel-b, .panel-c, .panel-alt, .panel-alt-r {
	width: 430px;
}
.panel {
	padding: 5px 20px;
}
.panel-menu {
	background: #fafaf5;
	border: 1px #DDD solid;
	padding: 10px 20px;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
.panel-menu .si a:link {
	background: url(images/bullet-blue-menu.gif) no-repeat left center;
	padding: 0 0 0 22px;
}
.panel-menu .si a:visited {
	background: url(images/bullet-blue-menu.gif) no-repeat left center;
	padding: 0 0 0 22px;
}
.panel-menu .si a:hover {
	background: url(images/bullet-blue-menu.gif) no-repeat 2px center;
	padding: 0 0 0 22px;
}
.panel-menu .si a:active {
	background: url(images/bullet-blue-menu.gif) no-repeat 2px center;
	padding: 0 0 0 22px;
}
.panel-menu .social {
	padding: 5px 0 0 32px;
}
.panel-menu .social a {
	padding: 0 5px 0 0;
}
.panel-a {
	padding: 10px 20px;
}
.panel-a a:link {
	background: url(images/bullet-green.gif) no-repeat left center;
	padding: 0 0 0 22px;
}
.panel-a a:visited {
	background: url(images/bullet-green.gif) no-repeat left center;
	padding: 0 0 0 22px;
}
.panel-a a:hover {
	background: url(images/bullet-green.gif) no-repeat 2px center;
	padding: 0 0 0 22px;
}
.panel-a a:active {
	background: url(images/bullet-green.gif) no-repeat 2px center;
	padding: 0 0 0 22px;
}
.panel-b {
	padding: 10px 20px;
}
.panel-c {
	border: 1px #DDD solid;
	padding: 10px 20px;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}
.panel-c p img {
	padding: 0 4px;
}
.panel-alt, .panel-alt-r {
	padding: 10px 20px;
}
.panel-alt {
	background: #EEE;
	border-bottom: 1px #CCC solid;
}
.panel-alt-r {
	background: #F0F8FF;
	text-align: right;
}
.picture {
	padding: 10px;
}
.picture img, .map-image img {
	background: #FFF;
	border: solid 1px #999999;
	padding: 4px;
	box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; /* CSS3 */
	-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	behavior: url(/App_Themes/Web/Files/pie.htc);
}

/* Map */
.MapWidget {
	padding: 0.5em 0 0.5em 0;
	text-align: center;
}
.map img, .map input  {
	border: none;
	vertical-align: middle;
}
.map-north input, .map-north img {
	border: none;
	vertical-align: bottom;
}
.map-south input, .map-south img {
	border: none;
	vertical-align: top;
}

/* Footer */
.footer {
	background: #28322D url(images/bg-header.gif) repeat-x center center;
	color: #CCC;
	margin: 0 auto 20px auto;
	padding: 10px 20px;
	width: 430px;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url(/App_Themes/Web/Files/PIE.htc);
}

/* Installer stats
------------------------------- */
table.istats {
	text-align: center;
	width: 100%;
}
table.istats  th {
	background: #DDD;
	border-bottom: solid thin #666;
	padding: 0.3em;
	vertical-align: bottom;
}
table.istats  td {
	border-bottom: solid thin #CCC;
	padding: 0.3em;
	vertical-align: bottom;
}
table.istats  tr.left, table.istats  th.left, table.istats  td.left {
	text-align: left;
}
table.istats  tr.right, table.istats  th.right, table.istats  td.right {
	text-align: right;
}