@charset "utf-8";
/* CSS Styles for Miller quote generator
 * Version 1.0
 * Created 7/10/2011
 * Modified 7/10/2011
 */
body {
	background-color:#CCC;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}
#container {
	padding:5px;
	background-color:#0E55A5;
	margin-left:auto;
	margin-right:auto;
	width:700px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#content {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}
#content h3{
	text-align:center;
}

#cat table {
	width:700px;;	
}
#cat .col1 {
	width:25%;
}
#cat .col2 {
	width:50%;
}
#cat .col3 {
	width:7.5%;
}
#cat .col4 {
	width:7.5%;
}
#cat .thead {
	text-align:center;
	font-weight:bold;
	border-bottom:thick;
}

/*Styles for the header and footer*/
#header {
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:5px;
	padding-top:0px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#header li{
	display:inline-block;
	width:130px;
	text-align:center;
	height:2em;
	vertical-align:middle;
	margin:5px;
}

#header ul
{
	list-style-type:none;
	text-align:center;
	position:relative;
	margin:0;
	padding:0;
	padding-top:60px;
}
/*Styles for the tables on the options page*/
table.opt {
	border: 1px solid black;
}

.opt .thead {
	text-align:center;
	font-weight:bold;
	border-bottom:thick;
	background-color:#09F;
}
.opt .col1 {
	width:30%;
}
.opt .col2 {
	width:38%;
}
.opt .col3 {
	width:16%;
}
.opt .col4 {
	width:16%;
}
.opt .col5 {
	width:7.5%
}
.opt img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.act img {
	display: inline;
}

.act div {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.opt .c {
	display:inline;
	margin-left:12px;
}
.opt tr.d1 {
	background-color:#FFF;

}
.opt tr.d0 {
	background-color:#87BCDC;
}

/* quote table style*/
table.quote {
	border: 1px solid black;
}

.quote .thead {
	text-align:center;
	font-weight:bold;
	border-bottom:thick;
	background-color:#09F;
}
.quote .col1 {
	width:21%;
}
.quote .col2 {
	width:40%;
}
.quote .col3 {
	width:16.5%;
	text-align:center;
}
.quote .col4 {
	width:15%;
	text-align:center;
}
.quote .col5 {
	width:7.5%
}
.quote img {
	#display:block;
	margin-left:auto;
	margin-right:auto;
}
.quote tr.d1 {
	background-color:#FFF;

}
.quote tr.d0 {
	background-color:#87BCDC;
}
/*Quote display table values*/
table.quote2 {
	border: 1px solid black;
	width:650px;
	margin-left:auto;
	margin-right:auto;
}
.quote2 .thead {
	text-align:center;
	font-weight:bold;
	background-color:#09F;
}
.quote2 .col1 {
	width:40%;
	text-align:right;
	padding-right:8px;
	font-weight:bold;
	vertical-align:top;
}
.quote2 .col2 {
	width:60%;
}
/*More table styles*/
table.cat {
	border: 1px solid black;
}

.cat .thead {
	text-align:center;
	font-weight:bold;
	border-bottom:thick;
	background-color:#09F;
}
.cat .col1 {
	width:35%;
}
.cat .col2 {
	width:35%;
}
.cat .col3 {
	width:15%;
}
.cat .col4 {
	width:7.5%;
}
.cat .col5 {
	width:7.5%
}
.cat img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.cat .c {
	display:inline;
	margin-left:12px;
}


/*Misc other styles*/
.newcat {
	width:100%;
}
.newcat fieldset {
	width:400px;
}
.newcat label {
	width:200px;
}

#msg {
	text-align:center;
	font-size:18px;
	padding-top:1em;
	padding-bottom:1em;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid;
	max-width:700px;
}

.success {
	background: #01A775; 
	color: #264409; 
	border-color: #c6d880;
}

.error {
	background: #fbe3e4; 
	color: #8a1f11; 
	border-color: #fbc2c4;
}
.warning { 
	background: #fff6bf; 
	color: #514721; 
	border-color: #ffd324;	
}
.button {
	position:relative;
	right:0;
}

/*Styles for a 4-column table*/
table.fourcol{
	width:600px;
	border: 1px solid black;
	margin-left:auto;
	margin-right:auto;

}

.thead {
	text-align:center;
	font-weight:bold;
	border-bottom:thick;
	background-color:#09F;
}
.col1 {
	width:40%;
}
.col2 {
	width:45%;
}
.col3 {
	width:7.5%;
}
.col4 {
	width:7.5%;
}


/*User interface styles*/
#userContent {
	font-family:Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	padding:5px 10px 10px;;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

form fieldset{
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#FFFFCC;
	margin:5px 0px 20px 0px;
	width:350px;
	position:relative;
	display:block;
	padding: 0 10px 10px 10px;	
}

table.summary {
	width:400px;
}

/*form Styles*/
.profile{
	width:450px;
	margin-left:auto;
	margin-right:auto;
}

.profile fieldset {
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#FFFFCC;
	margin:5px 0px 20px 0px;
	width:450px;
	position:relative;
	display:block;
	padding: 10px 10px 10px 10px;	
}

.profile label {
	display:block;
	float:left;
	width:160px; /*to make the label area larger increase this. You might have to make form wider aswell*/
	text-align:right;
	margin:0px 5px 0px 0px;
	clear: both;
}
.profile .button {
	text-align:right;
}
.profile span {
	margin-left:25px;
}

.bigform fieldset {
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#FFFFCC;
	margin:5px 0px 20px 0px;
	position:relative;
	display:block;
	width:95%;
	padding: 10px 10px 10px 10px;	
}
.bigform label {
	display:block;
	float:left;
	width:160px; /*to make the label area larger increase this. You might have to make form wider aswell*/
	text-align:right;
	margin:0px 5px 0px 0px;
}
.tags {
	width:350px;
	margin-left:auto;
	margin-right:auto;
}
table.tags td.col1 {
	width:76%;
}

table.tags td.col2 {
	width:12%;
}
table.tags td.col3{
	width:12%;
}

.tags img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#login {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}
#login label {
	display:block;
	float:left;
	width:100px; /*to make the label area larger increase this. You might have to make form wider aswell*/
	text-align:right;
	margin:0px 5px 0px 0px;
}

img {
	border:none;
}
.center {
	text-align:center;
}

/*Styles for popup windows*/
#pop_container {
	padding:5px;
	background-color:#0E55A5;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#pop_header {
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:3px;
	padding-top:0px;
	background-image:url(../images/pop_header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#pop_header h2 {
	text-align:center;
	vertical-align:bottom;
	margin-top:0px;
}
#pop_content {
	font-family:Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	padding:5px 10px 10px;;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#pop_content p {
	text-align:center;
}

/* List item styles */
ol.a {list-style-type: lower-alpha;}
ol.b {list-style-type: upper-roman;}

#warranty table, th, td {
	border: 1px solid black;
}