body
{
	background-image: url(Images/backgradient.png);
	background-position: center;
	background-repeat: repeat-y;
	min-width: 1250px;
	background-color: #a2a2a2;
	color: #191919;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 14px;
	font-style: normal;
}

.bodyContent
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

table tr td
{
	vertical-align: top;
}

p
{
	text-align: justify;
}

input
{
	font-weight: bold;
}

#inner
{
	display: block;
	float: left;
	width: 915px;
}

#top
{
	display: block;
	background-color: White;
	border: solid thin #000;
	margin-top: 15px;
}

#logo
{
	display: block;
	float: left;
	position: absolute;
	margin-left: 20px;
}

#title
{
	display: block;
	float: left;
	width: 600px;
}

#header
{
	background-image: url('Images/header-bar.jpg');
	display: block;
	margin-bottom: 10px;
}

#header:hover
{
	cursor: pointer;
}

#menu
{
	display: block;
	background-image: url('Images/menu-bar.png');
	background-repeat: repeat-x;
	height: 40px;
}

#mnuHome, #mnuJoin, #mnuContact, #mnuInmates, #mnuOrder
{
	display: block;
	float: right;
	height: 40px;
}

#mnuHome
{
	width: 80px;
	background-image: url('Images/menu-home.png');
}
#mnuHome:hover
{
	background-image: url('Images/menu-home-hover.png');
	cursor: pointer;
}
#mnuHome:active
{
	background-image: url('Images/menu-home-active.png');
}

#mnuJoin
{
	width: 180px;
	background-image: url('Images/menu-join.png');
}
#mnuJoin:hover
{
	background-image: url('Images/menu-join-hover.png');
	cursor: pointer;
}
#mnuJoin:active
{
	background-image: url('Images/menu-join-active.png');
}

#mnuContact
{
	width: 130px;
	background-image: url('Images/menu-contact.png');
}
#mnuContact:hover
{
	background-image: url('Images/menu-contact-hover.png');
	cursor: pointer;
}
#mnuContact:active
{
	background-image: url('Images/menu-contact-active.png');
}

#mnuInmates
{
	width: 180px;
	background-image: url('Images/menu-inmates.png');
}
#mnuInmates:hover
{
	background-image: url('Images/menu-inmates-hover.png');
	cursor: pointer;
}
#mnuInmates:active
{
	background-image: url('Images/menu-inmates-active.png');
}

#mnuOrder
{
	width: 130px;
	background-image: url('Images/menu-order.png');
}
#mnuOrder:hover
{
	background-image: url('Images/menu-order-hover.png');
	cursor: pointer;
}
#mnuOrder:active
{
	background-image: url('Images/menu-order-active.png');
}

.clear
{
	clear: left;
}

#NameMiddle
{
	width: 20px;
}

#Main
{
	width: 600px;
	min-height: 500px;
	display: block;
	float: left;
	margin-bottom: 30px;
}

#mainFill
{
	background-image: url('Images/content-box-fill.png');
	background-repeat: repeat-y;
	padding: 10px 20px;
	min-height: 700px;
}

#Testimonials
{
	width: 300px;
	margin-left: 15px;
	display: block;
	float: left;
	margin-bottom: 30px;
}

#testimonialFill
{
	background-image: url('Images/testimonial-box-fill.png');
	background-repeat: repeat-y;
	padding: 4px 15px;
}

#Testimonials h3
{
	text-decoration: underline;
}

.leftStrip, .rightStrip
{
	width: 145px;
}

.leftMag, .rightMag
{
	display: block;
	margin-top: -5px;
}

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #999;
}
legend
{
	font-weight: bold;
	margin: 0 2% .5em 0;
	padding: .2em .5em;
}
input.text, textarea, select
{
	border: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
input.radio, input.checkbox
{
	margin-right: .5em;
}
/* Create a bit of padding for text inputs and selects */
input.text, input.button, textarea, select
{
	padding: .2em;
}

input.button
{
	margin-right: 1em;
	padding: .2em .6em;
}

.expandedform
{
	overflow: hidden;
}
.expandedform .row
{
	padding: .3em 0;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
}
.expandedform label, .expandedform .row p, .expandedform .row div, .expandedform input, .expandedform select, .expandedform textarea
{
	float: left;
}
/* change column widths for labels and inputs */
.expandedform .text
{
	width: 40%;
	border: solid 1px;
	margin-right: 3px;
}
.expandedform label, .expandedform .row p
{
	width: 25%;
	margin: .5em 1em .5em 0;
	text-align: right;
	white-space: normal;
	overflow: hidden;
}
.expandedform .row div
{
	white-space: nowrap;
	overflow: hidden;
	clear: none;
}
/* labels and form inputs inside of divs should not float */
.expandedform .row div *
{
	float: none;
	clear: none;
}
.expanded input.checkbox, .expanded input.radio, .expanded select
{
	margin-top: 1.5em;
}
.expandedform div div input
{
	margin-right: 0;
}

.line
{
	text-align: left !important;
	white-space: normal !important;
	width: auto !important;
	margin-top: auto !important;
	margin-left: .5em !important;
}

#login
{
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

#ctl00_MainContentPlaceHolder_Login1_RememberMe
{
	display: block;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#ctl00_MainContentPlaceHolder_Label1
{
	display: block;
	float: left;
	margin-left: 20px;
}

.blueText
{
	color: Blue;
}

.validatorCalloutHighlight
{
	background-color: lemonChiffon;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	max-height: 200px;
	text-align: left;
	list-style-type: none;
	padding-left: 0px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
	background-color: window;
	color: windowtext;
	padding: 1px;
}

.CreditCardComponent
{
	background-color: #D2D2D2;
}


#cardInfo, #billingInfo
{
	float: left;
	width: 200px;
	min-height: 300px;
	padding: 0.5em;
}
#billingInfo
{
	border-left: 1px solid black;
}
.clear
{
	clear: left;
}
.label
{
	float: left;
	margin-top: 1em;
}
.field
{
	float: left;
}
.field input, select
{
	color: Black;
}
.ccnField
{
}
.expFieldMonth
{
	float: left;
}
.expFieldYear
{
	float: left;
	margin-left: 0.5em;
}
.cvvField
{
	width: 35px;
}
.cardName
{
}
.chargeAmount
{
	width: 75px;
}
#cvvHelp
{
	background: white none repeat scroll 0 0;
	border: 2px solid black;
	color: #666666;
	font-size: 1em;
	padding: 25px;
	width: 350px;
	display: none;
	position: absolute;
	z-index: 1000;
}
#rmvCard
{
	float: left;
	margin-left: 0.5em;
	color: Blue;
}


.panelContentDiv
{
	min-height: 100px;
	background-color: #F0F0F0;
	padding-left: 5px;
	padding-top: 5px;
}
.magCell
{
	width: 15%;
}
.magCellTitle
{
	width: 45%;
	text-align: left;
}
.magCellButton
{
	width: 17%;
}

#orderBreadCrumbs a
{
	color: #191919;
}
#orderBreadCrumbs a:hover
{
	text-decoration: none;
}
#orderBreadCrumbs .currentOrder
{
	color: Blue;
	font-weight: bold;
}