/* 
    Document   : modules
    Created on : Apr 16, 2013, 3:08:41 AM
    Author     : brandon.anderson
    Description:
        Generic styles for all pages with a module layout. 
		Includes button styles for anchors and inputs. 
*/

/* add "no-pad" class to the content div to remove left and right padding */
#content.no-pad { padding-left:0; padding-right:0; }

.module { margin-bottom:20px; }
.module-inf { width:320px; margin:0 auto; }
.inf-title { font:normal normal 100 32px/38px "Open sans light",sans-serif; color:#405060; }
.module-inf p { font:normal normal 300 14px/20px "Open sans",sans-serif; text-indent:0; text-align:justify; color:#708090; }
.module-inf p a { color:#0077FF; }

.module-header h1 {
	margin:20px 0;
	font:normal normal 300 42px/50px "Open sans light",sans-serif;
	text-align:center;
	color:#2080D0;
}
.module-header p {
	font:normal normal 300 14px/20px "Open sans",sans-serif;
	text-align:center;
	text-indent:0;
	color:#505050;
}

.with-border { 
	border:4px solid #E0E0E0; padding:5px; background-color:transparent;
	border:4px solid rgba(0,0,0,.20);
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-icab-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url('/common/scripts/pie.php');
}
.module-img.with-border { background-color:#FFFFFF; }

/* using module-"position" classes moves module image left or right */
.module-left .module-inf { float:left; }
.module-left .module-img { float:right; }
.module-right .module-inf { float:right; }
.module-right .module-img { float:left; }

.module-divider {
	width:100%;
	height:1px;
	margin:20px 0;
	background-color: transparent;
	/* older webkit: Chrome 1-9,Safari 4-5 */
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(160,160,160,0)),color-stop(50%,rgba(140,140,160,.80)),color-stop(100%,rgba(160,160,160,0)));
	/* newer webkit: Chrome 10+,Safari 5.1+,iOS 5+ */
	background-image: -webkit-linear-gradient(left, rgba(160,160,160,0) 0%, rgba(140,140,160,.80) 50%, rgba(160,160,160,0) 100%);
	/* FF 3.6+ */
	background-image: -moz-linear-gradient(left, rgba(160,160,160,0) 0%, rgba(140,140,160,.80) 50%, rgba(160,160,160,0) 100%);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(left, rgba(160,160,160,0) 0%, rgba(140,140,160,.80) 50%, rgba(160,160,160,0) 100%);
	/* W3C,FF 16+,Chrome 26+,Opera 12.50+,IE 10+ */
	background-image: linear-gradient(to right, rgba(160,160,160,0) 0%, rgba(140,140,160,.80) 50%, rgba(160,160,160,0) 100%);
	/* IE 6-9 via PIE 1.0 */
	-pie-background: linear-gradient(left, #FFFFFF 0%, #A0A0A0 50%, #FFFFFF 100%);
	/* note: PIE 2.0 uses W3C syntax */
	/* -pie-background: linear-gradient(to right, #FFFFFF 0%, #A0A0A0 50%, #FFFFFF 100%); */
	behavior:url('/common/scripts/pie.php');
}

/* generic button */
.btn-container {
	margin:0 auto;
	text-align:center;
}
.btn {
	display:inline;
	font:normal normal 400 14px/20px "Open sans",sans-serif;
	text-decoration:none;
	margin:0 auto;
	border:1px solid #000000;
	padding:10px 22px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	-icab-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.40);
	-khtml-box-shadow: 0 1px 3px 0 rgba(0,0,0,.40);
	-icab-box-shadow: 0 1px 3px 0 rgba(0,0,0,.40);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.40);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.40);
	behavior:url('/common/scripts/pie.php');
}
.btn:hover {
	text-decoration:none;
	-webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,.20);
	-khtml-box-shadow: 0 0 7px 2px rgba(0,0,0,.20);
	-icab-box-shadow: 0 0 7px 2px rgba(0,0,0,.20);
	-moz-box-shadow: 0 0 7px 2px rgba(0,0,0,.20);
	box-shadow: 0 0 7px 2px rgba(0,0,0,.20);
	behavior:url('/common/scripts/pie.php');
}
/* END generic button */

/* white button */
.btn.white-btn {
	color:#0070C0;
	border-color:#DAE0E0;
	/* fallback */
	background-color: #FFFFFF;
	/* older webkit: Chrome 1-9,Safari 4-5 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFFFFF),color-stop(1,#F0F0F0));
	/* newer webkit: Chrome 10+,Safari 5.1+,iOS 5+ */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #F0F0F0);
	/* FF 3.6+ */
	background-image: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #FFFFFF, #F0F0F0);
	/* W3C,FF 16+,Chrome 26+,Opera 12.50+,IE 10+ */
	background-image: linear-gradient(to bottom, #FFFFFF, #F0F0F0);
	/* IE 6-9 via PIE 1.0 */
	-pie-background: linear-gradient(top, #FFFFFF, #F0F0F0);
	/* note: PIE 2.0 uses W3C syntax */
	/* -pie-background: linear-gradient(to bottom, #FFFFFF, #F0F0F0); */
	behavior:url('/common/scripts/pie.php');
}
/* white button hover state */
.btn.white-btn:hover {
	color:#FFFFFF;
	border-color:#3399FF;
	/* older webkit: Chrome 1-9,Safari 4-5 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#66AAFF),color-stop(1,#0077FF));
	/* newer webkit: Chrome 10+,Safari 5.1+,iOS 5+ */
	background-image: -webkit-linear-gradient(top, #66AAFF, #0077FF);
	/* FF 3.6+ */
	background-image: -moz-linear-gradient(top, #66AAFF, #0077FF);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #66AAFF, #0077FF);
	/* W3C,FF 16+,Chrome 26+,Opera 12.50+,IE 10+ */
	background-image: linear-gradient(to bottom, #66AAFF, #0077FF);
	/* IE 6-9 via PIE 1.0 */
	-pie-background: linear-gradient(top, #66AAFF, #0077FF);
	/* note: PIE 2.0 uses W3C syntax */
	/* -pie-background: linear-gradient(to bottom, #66AAFF, #0077FF); */
	behavior:url('/common/scripts/pie.php');
}
/* END white button */