/*
DESIGN BY:	Hutch White
COMPANY:	PWx2
WEBSITE:	http://pwx2.com
ABOUT:		PWx2 is a Arizona based web design company located in Chandler, Arizona.
			PWx2 specializes in custom web development, content management systems (cms),
			eCommerce, graphic design, website hosting, marketing, and more.  PWx2 services
			Chandler, Phoenix, Mesa, Gilbert, Arizona.
-------------
COLORS
-------------


*/

/* Tag Styles*/
* {margin: 0; padding: 0;}
html, form, #wrap {height: 100%;}
body {height: 100%; font-family: arial, verdana, sans-serif; font-size: 12px; color: #333;}
form > #wrap {height: auto; min-height: 100%;}
ul {margin: 0em;}
p, P {padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; line-height: 150%;}


/* Link Styling */

a:link {color: #7acce1;	font-size: 12px; font-weight: bold;	text-decoration: none;}
a:visited {color: #7acce1; font-size: 12px;	font-weight: bold; text-decoration: none;}
a:visisted:hover {color: #ca539d; font-size: 12px; font-weight: bold; text-decoration: none;}
a:hover {color: #ca539d; font-size: 12px; font-weight: bold; text-decoration: none;}
.active {color: #ca539d;}

/* General classes used site-wide */
.heading {color: #7acce1; font-weight: bold; font-size: 16px;}
.subHeading {color: #7acce1; font-weight: bold; font-size: 14px;}
.clearboth {clear: both; width: 0px; height: 0px; margin: 0px;}
.thinBreak {line-height: 5px;}
.textbox {width: 150px;}
.white {color: #fff; font-size: 12px; font-family: arial, Verdana, Sans-Serif;}
.nostyle {font-family: arial, verdana, sans-serif; font-size: 12px; color: #fff; font-weight: normal;}


/* form styles */
.contactForm {color: #c7d937; font-weight: bold;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

.chrome {
	background: #999999;
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#ffffff));
	background: -moz-linear-gradient(top,  #999999,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff');
}

.shadowed {text-shadow: 0 1px 1px rgba(0,0,0,.3);}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----------------------
	Navigations
----------------------*/
#navi li {float: left; padding: 0 0 0 2px; list-style-type: none;}
#navi li a {background: url(../../images/menu_bg.png) no-repeat 0% 0%; display: block; width: 100px; height: 43px; float: left; text-align: center; line-height: 43px; text-decoration: none; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
#navi li a:hover {background: url(../../images/menu_act.png) no-repeat 0% 0%; color: #c7d937; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
#navi li#active a {background: url(../../images/menu_act.png) no-repeat 0% 0%; color: #c7d937; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
#nav {text-align: left; margin-left: 10px;}


/*----------------------
	Main Master Page 
-----------------------*/

/* header section of site master page */
div#header {height: 135px; background-image: url(../../images/hdr_BG.png);}
div#logo {padding-top:18px;}
div#navigation {padding-top: 4px;}
div#monster {vertical-align: bottom;}


/* body of site master page */
#mainSmall {padding-bottom: 160px;}  /* must be same height as the footer */
#mainLarge {padding-bottom: 280px;}  /* must be same height as the footer */

/* footer section of site master page */
#footerSmall {position: relative; margin-top: -160px; height: 160px; clear:both; color: #fff; background: #a6a6a6 url(../../images/ftr_bg.png) repeat-x;} 
#footerLarge {position: relative; margin-top: -280px; height: 280px; clear:both; color: #fff; background: #a6a6a6 url(../../images/ftr_bg.png) repeat-x;} 
#footHighlights {margin-top: 5px; padding-top: 2px; height: 154px; background: #a6a6a6 url(../../images/hlt_bg.png) repeat-x;}

#footHlt {width: 800px; color: #fff; margin-top: 5px;}
div#leftFootHlt {float: left; text-align: left; width: 370px; padding-right: 10px;}
div#rightFootHlt {float: right; text-align: left; width: 395px;}
#foot {width: 800px; color: #fff; margin-top: 55px;}
html>body #foot {width: 775px; color: #fff; margin-top: 15px; padding-top: 10px;}
#foot2 {width: 800px; color: #fff; margin-top: 35px;}
html>body #foot2 {width: 800px; color: #fff; margin-top: 15px; padding-top: 35px;}
div#leftFoot {float: left; margin-top: 10px; text-align: left;}
div#leftFoot ul {margin-bottom: 5px;}
div#leftFoot li {list-style-type: none; padding: 0px 25px 0px 0px; display: inline;}
div#leftFoot a:link {color: #fff;}
div#leftFoot a:visited {color: #fff;}
div#leftFoot a:visited:hover {color: #7acce1;}
div#leftFoot a:hover {color: #7acce1;}
div#leftFoot a.active {color: #7acce1;}
div#rightFoot {float: right; margin-top: 10px; text-align: right;}

/*----------------------
	Structural Styles
-----------------------*/

/* used on all pages */
div.left {float: left; text-align: left;}
div.right {float: right;}
div.page {width: 1200px;}
div#contentMain {text-align: left; margin-top: 5px;}
div#forms {}

/* login.aspx */
.login { background-color: #EFF3FB; color: #333333; border: 1px solid #B5C7DE; width: 300px; }
.login tr { height: 2em; }
.loginTitle { background-color: #336699; font-weight: bold; font-size: 1.2em; color: White; }
.invalidLoginMsg { border: solid 2px darkred; background-color: #fff8dc;color: #c03; width: 300px; margin: 2em auto 0 auto; padding:0.5em; text-align:center;}

.roundcont {width: 625px; background-color: #7acce1; font-weight: bold;}
.roundcont p {margin: 0 10px 0 10px; text-align: left;}
.roundtop {background: url(../../images/tr.gif) no-repeat top right;}
.roundbottom {background: url(../../images/br.gif) no-repeat top right;}
.entry {margin: 0 0 0 15px;}
img.corner {width: 16px; height: 14px; border: none; display: block !important;}


.roundcont2 {width: 450px; background-color: #b7b7b7; font-weight: bold;}
.roundcont2 p {margin: 0 10px 0 10px; text-align: left;}
.roundtop2 {background: url(../../images/tr2.gif) no-repeat top right;}
.roundbottom2 {background: url(../../images/br2.gif) no-repeat top right;}

/*---------------------
	reCaptcha Styling 
----------------------*/
/* Overwrite reCaptcha background images */
.recaptchatable .recaptcha_r1_c1 {
  background:transparent url(../../images/sprite.png) no-repeat scroll 0 -63px !important;
}

.recaptchatable .recaptcha_r2_c1 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -18px 0 !important;
}

.recaptchatable .recaptcha_r2_c2 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -27px 0 !important;
}

.recaptchatable .recaptcha_r3_c1 {
  background:transparent url(../../images/sprite.png) no-repeat scroll 0 0 !important;
}

.recaptchatable .recaptcha_r3_c2 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -18px -57px !important;
}

.recaptchatable .recaptcha_r3_c3 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -9px 0 !important;
}

.recaptchatable .recaptcha_r4_c1 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -43px 0 !important;
}

.recaptchatable .recaptcha_r4_c2 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -36px 0 !important;
}

.recaptchatable .recaptcha_r4_c4 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -214px 0 !important;
}

.recaptchatable .recaptcha_r7_c1 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -43px -49px !important;
}

.recaptchatable .recaptcha_r8_c1 {
  background:transparent url(../../images/sprite.png) no-repeat scroll -43px -49px !important;
}

#recaptcha_reload, #recaptcha_switch_audio, #recaptcha_whatsthis, recaptcha_switch_img {
  display:none !important;
}


/* Remove reCaptcha button images  */
#recaptcha_switch_img_btn #recaptcha_switch_img {
  display:none !important;
}


/* Add user created button images */
#recaptcha_reload_btn {
  background:transparent url(../../images/refresh.png) no-repeat scroll 0 0 !important;
  display:block;
  height:17px;
  width:25px;
}

#recaptcha_switch_audio_btn {
  background:transparent url(../../images/switch_audio.png) no-repeat scroll 0 0 !important;
  display:block;
  height:16px;
  width:25px;
}


#recaptcha_switch_img_btn {
  background:transparent url(../../images/switch.png) no-repeat scroll 0 0 !important;
  display:block;
  height:16px;
  width:25px;
}

#recaptcha_whatsthis_btn {
  background:transparent url(../../images/whats_this.png) no-repeat scroll 0 0 !important;
  display:block;
  height:16px;
  width:25px;
}


/* Style input field to match new theme */
.recaptcha_theme_red #recaptcha_response_field {
  border:1px solid #92B6EB !important;
}