/* @override http://www.mattreichel.us/styles/general.css */


.translation {float: right; background-color: #693; padding: 0.2em;}
.flag {height: 1em; border: none;}

* {
	font-family: Arial, Helvetica, sans-serif;
}


html, body {
	background-color: #693;
}

/* no underline for links */
:visited, :link, :active {
	text-decoration: none;

}

/* for nested lists with no markers */

.indentlist, .indentlist ul {
	list-style-type: none;
}

/* @group beveled corners */

.roundedcornr_box_965717 {

   background: #ffffff url(http://www.mattreichel.us/roundedcornr_965717_grad.gif) repeat-x top left;
   width: 90%;
}

.roundedcornr_top_965717 div {
   background: url(http://www.mattreichel.us/roundedcornr_965717_tl.gif) no-repeat top left;
}

.roundedcornr_top_965717 {
   background: transparent url(http://www.mattreichel.us/roundedcornr_965717_tr.gif) no-repeat top right;
}

.roundedcornr_bottom_965717 div {
	
   background: url(http://www.mattreichel.us/roundedcornr_965717_bl.gif) no-repeat bottom left;
}

.roundedcornr_bottom_965717 {
   background: transparent url(http://www.mattreichel.us/roundedcornr_965717_br.gif) no-repeat bottom right;
}

.roundedcornr_top_965717 div, .roundedcornr_top_965717,
.roundedcornr_bottom_965717 div, .roundedcornr_bottom_965717 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

.roundedcornr_content_965717 {
	margin: 0 10px;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}
 
.roundedcornr_content_965717 { margin: 2px 10px; }

/* @end */

/* all headings the same color and normal font-weight */
h1, h2, h3, h4, h5, h6 {
	color: #900;
	font-weight: normal;
	margin-top: 0ex;
	margin-bottom: 0ex;
}

form div {
	margin-top: 2ex;

}

form h3 {
	margin-top: 1ex;

}


h1 :link, h2 :link, h3 :link, h4 :link, h5 :link, h6 :link {
	font-weight: bold;
	text-decoration: underline;
	color: inherit;

}

h1 :visited, h2 :visited, h3 :visited, h4 :visited, h5 :visited, h6 :visited {
	font-weight: bold;
	text-decoration: underline;
	color: inherit;
}

h2, .headertext {
	font-size: 22px;
}

h1  {
	font-size: 42px;
}



.contenttext {
	text-align: left;
	font-weight: bold;
	color: #01254c;
	font-size: 10px;
}


.contenttext2 {
	font-weight: bold;
	color: #01254c;
	font-size: 10px;
}

#container { background: url('http://www.mattreichel.us/the_Url_Of_The_Background_Image.gif') repeat-y 0% 0%; }

#containerM { 
	width: 940px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

.div1 {
	float:left;
	margin-left:20%;
	width:40%;
	font-size: 16px;
}

#div1 {
	float:left;
	width:50%;
	font-size: 16px;
}

.div2 { margin-left:60%; width:35%;}

#div2 { margin-left:51%; width:35%;}


/* div3 appears to be for content after initial heading (used inconsistently as both an id and a class) */

.div3 { margin-left:5%; width:90%}
 
#div3 { margin-left:5%; width:90%}

#divA {
	margin: 0 13em 0 10px;
}
#divB { 
	float: right; 
	width: 190px; /* since this element is floated, a width must be given */
}

#divC { margin-left:5%; width:90%}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.buttonOne{
	height:22px;
	width:79px;
}

.textField{
	height:13px;
	width:184px;
	font-size:10px;
	padding:1px;
}

td img {display: block;}

.smalltxt {
	font-size: 10px;
	color: #000;
}

.footertext {
	text-align: center;
	font-weight: bold;
	color: #693;
	font-size: 10px;
	background-color: #fff;
	margin: 0 10px;
}


.buttonTwo{
	height:22px;
	width:75px;
}

.textFieldTwo{
	height:14px;
	width:149px;
	font-size:10px;
	padding:1px;
}

.campaign-issue {
	border-bottom-style: solid;
	border-bottom-color: grey;
	
	border-bottom-width: 1px;
	padding-bottom: -1ex;
	margin-bottom: 1ex;
}



/* CSS sliced image swap (for when javasdcript is disabled) */

#intro-llink::hover { content: "new" /* url("http://mattreichel.us/slicing/intro.jpg")*/;
}





/* @group form validation */

span.validationError {
	color: red;
	visibility: visible;
}

label {
	padding-right: 1em;
/*	display: table-cell; */
	text-align: right;
	width: 36em;
}


label.required {
	font-weight: bolder;	
}


label.required:before {
	content: "*";
}

.warn, .error {
	display: inline;
}


span.rmSubtitle {
	text-transform: lowercase;
	font-style: normal;
}

div.fillout {
	float: left;
}


h4 {
	clear: both;
}

input.itemsForPurchase {
	/*position: relative;
	float: left;*/
}

.warn {
	color: goldenrod;
}

.error {
	color: red;
	background-color: inherit;
}

.formField {
	vertical-align: bottom;
	display: table-row;
	width: 160em;
}

.itemsForPurchase {
	padding-bottom: 1ex;
	margin-bottom: 2ex;
}

.formControl {
/* 	display: table-cell; */
	text-align: left;
}



/* @end */