html{
	height: 100%;
}
body{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #231F20;
	height: 100%;
	background: #333333;
}
/* h1 never gets used, it always wraps the logo / title of the site */
h2,h3,h4,h5{
	font-family: ropa, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #231F20;
}
h2{
	font-size: 170%;
	padding: 25px 0 10px 0;
}
h3{
	font-size: 150%;
}
h4{
	font-size: 150%;
}
.nowrap{
	white-space: nowrap;
}


/* Site Layout */
.site-wrapper{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
	background: #fff;
}
.masthead-wrapper{
	position: relative;
	z-index: 100;
}
.content-wrapper{
	position: relative;
	z-index: 10;
	min-width: 960px;
	max-width: 1500px;
	width: calc(100% - 60px);
	margin-left: auto;
	margin-right: auto;
	padding: 1px 0 50px 0;
	min-height: 460px;
}
.cwbg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 700px;
	background-color: #ffffff;
	background-image: url('../images/shade-bg.png');
	background-repeat: no-repeat;
	background-size: contain;
}
.content-wrapper > .inner{
	position: relative;
	float: left;
	width: 750px;
}
.content-wrapper ul.redpins{
	list-style: disc outside url('../images/bullet-bullseye-pin.png');
	margin-left: 10px;
	padding-left: 20px;
}
.content-wrapper ul li{
	margin: 10px 5px;
}
.ssl-certificate-seals{
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	text-align: right;
	z-index: 10000;
}
.footer-wrapper{
	position: relative;
	clear: both;
	background: #333;
	color: #fff;
}
.footer-wrapper a{
	color: #fff;
}
.footer-wrapper .inner{
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 30px 0 100px 0;
	font-size: 12px;
	line-height: 1.35em;
}
.footer-wrapper .inner a:hover{
	text-decoration: none;
}
.footer-wrapper .inner h1,
.footer-wrapper .inner h2,
.footer-wrapper .inner h3,
.footer-wrapper .inner h4,
.footer-wrapper .inner h5{
	color: #fff;
}
.footer-wrapper .inner .discreet-font{
	color: #696969;
}

.site-nav-wrapper{
	position: relative;
	z-index: 100;
	height: 45px;
	background: #D70000 url('../images/bg-red-noise.jpg');
	border-bottom: 1px solid #FF0000;
}
.site-nav-wrapper .inner{
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.site-nav-wrapper #phonebox{
	position: absolute;
	right: 0px;
	top: 15px;
	background: url('../images/alpha-bg-black.png');
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #FFFFFF;
	color: #fff;
	padding: 4px 15px;
	font-size: 80%;
}
.site-nav-wrapper #phonebox > a{
	color: #fff;
	text-decoration: none;
}
.site-nav-wrapper #phonebox a:hover{
	text-decoration: underline;
}
.site-nav-wrapper #userbox {
	position: absolute;
	top: 2px;
	right: 3px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #fff;
}
.site-nav a{
	position: relative;
	top: 5px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 10px;
}
.site-nav a:hover{
	color: #231F20;
}

.plain-nav a{
	float: left;
	padding: 3px;
	position: relative;
}

.site-nav{
	padding: 10px;
}
.dark-gray-crossbar{
	position: relative;
	background: #333;
	min-height: 28px;
}
.dark-gray-crossbar .inner{
	width: 960px;
	margin: 0 auto;
}
.dark-gray-crossbar .title{
	font-size: 12px;
	padding: 9px 0 0 0;
	color: #fff;
}
.app-nav{
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.account-box{
	position: absolute;
	top: 20px;
	right: 20px;
}
.helptext{
	font-size: 10px;
	background: #E6FFE9;
	padding: 5px;
	margin: 2px;
	border: 1px solid #0E9F06;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Content Page Only Styles */
#content-masthead-wrapper{
	position: relative;
	z-index: 20;
	background: #3a587f;
	border-bottom: 1px solid #8B8B8B;
	overflow: hidden;
	height: 125px;
}
#content-masthead-wrapper .inner{
	position: relative;
	width: 960px;
	margin: 0px auto;
}
#content-masthead-wrapper .inner .inner-left-bg{
	position: absolute;
	background: #231F20;
	width: 10000px;
	height: 125px;
	right: 550px;
	top: 0px;
}
#content-masthead-wrapper .inner .inner-mid-bg{
	position: absolute;
	background: url('../images/content-masthead-bg.png') no-repeat right bottom;
	height: 125px;
	width: 84px;
	left: 348px;
}
#content-logo{
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0;
	left: -30px;
	top: 20px;
}
#content-logo h1{
	position: absolute;
	top: -10000;
}
#content-logo img{
	width: 270px;
}
/* End Content Page Styles */




.splashbanner{
	display: block;
	background: #D0D0D0;
	padding: 8px 0;
	font-family: ropa, sans;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	color: #484848;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #8D8D8D;
}

.box{
	position: relative;
	z-index: 1;
	border: 1px solid #C1C1C1;
}

.roundbox{
	position: relative;
	z-index: 1;
	padding: 15px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #C1C1C1;
	margin: 1px;
}

.roundbox-blue{
	position: relative;
	z-index: 1;
	padding: 15px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid transparent;
	color: #fff;
	margin: 1px;
	background: #3A587F;
}

.roundbox .close,
.roundbox-blue .close{
	position: absolute;
	top: 5px;
	right: 5px;
	/* background: url('../images/close-bg.png') no-repeat 0px 0px; */
	/*width: 16px;
	height: 16px;*/
}
.roundbox .close:hover,
.roundbox-blue .close:hover{
	cursor: pointer;
	background-position: 0px -16px;
}

/* button */
.button{
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #9c9c9c;
	background: #E4E4E4 url('../images/bg_button.jpg') repeat-x 0px -58px;
	display: inline-block;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	color: #626262;
	text-decoration: none;
	font-family: helvetica ,verdana, sans;
	cursor: pointer;
}
.button:hover{
	background-position: 0px -100px;
}
.button:active{
	background-position: 0px -58px;
	color: #727272;
}
.button:disabled{
	color: #EBEBEB;
	font-style: italic;
}
.fw-button
{
	width: 150px;
}
/* end button */

/* smallbutton */
.smallbutton,
a.smallbutton,
button.smallbutton{
	display: inline-block;
	position: relative;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #9c9c9c;
	background: #E4E4E4 url('../images/bg_button.jpg') repeat-x 0px -62px;
	margin: 1px;
	padding: 1px 5px 1px 5px;
	min-height: 23px;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-family: verdana, sans;
	cursor: pointer;
}
.smallbutton:hover,
a.smallbutton:hover,
button.smallbutton:hover{
	background-position: 0px 32px;
	border-color: #707070;
	color: #383838;
}
.smallbutton:active,
a.smallbutton:active,
button.smallbutton:active{
	background-position: 0px 0px;
	color: #727272;
}
/* end smallbutton */

a.greenbutton,
button.greenbutton{
	background-image: url('../images/bg_button_green.jpg');
	font-weight: bold;
	color: #123F0A;
	border-color: #279015;
}
.greenbutton:hover,
a.greenbutton:hover,
button.greenbutton:hover{
	background: #C7FFBD;
}
a.redbutton,
button.redbutton{
	background-image: url('../images/bg_button_red.jpg');
	color: #670E0E;
	font-weight: bold;
}
a.orangebutton,
button.orangebutton{
	background-image: url('../images/bg_button_orange.jpg');
	color: #6B3E00;
	font-weight: bold;
	border-color: #A15D00;
}
.orangebutton:hover,
a.orangebutton:hover,
button.orangebutton:hover{
	background: #FFD394;
}
a.yellowbutton,
button.yellowbutton{
	background-image: url('../images/bg_button_yellow.jpg');
	color: #000;
}
a.bluebutton,
button.bluebutton{
	background-image: url('../images/bg_button_blue.jpg');
	color: #FFF;
	border-color: #2942B7;
}
.bluebutton:hover,
a.bluebutton:hover,
button.bluebutton:hover{
	background: #2942B7;
	color: #fff;
}

/* boxed button style used on the order type selection form and other locations */
a.boxbutton,
button.boxbutton,
a:visited.boxbutton,
a:active.boxbutton{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	border: 1px solid #939393;
	background-image: none;
	background-color: #CFCFCF;
	padding: 20px;
	border-radius: 3px;
	text-decoration: none;
	color: #4B4B4B;
	margin-right: 5px;
}
a.boxbutton:hover,
button.boxbutton:hover{
	background-color: #BF3937;
	color: #ffffff;
}
button.boxbutton > i,
a.boxbutton > i{
	font-size: 42px;
	display: block;
}
button.boxbutton em,
a.boxbutton em{
	font-style: normal;
	display: block;
	text-align: center;
	margin-top: 10px;
}

/* Disabled, Possibly in Use Somewhere, Watch out
.display{
	font-size: 12px;
}
.display label{
	display: inline-block;
	width: 25%;
	text-align: right;
	margin-right: 5%;
}
.display .vboxsizer > div{
	margin: 5px 0px 5px 0px;
}
.display h2,
.display h3,
.display h4,
.display h5{
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #C1C1C1;
}
*/

/* Data Table
 * Formatting for data table elements, searchtable view
 */
table.data{
	width: 100%;
	border: 1px solid black;
	background: #ffffff;
	margin: 20px 0 20px 0;
}
table.data thead th{
	vertical-align: top;
}
table.data tbody th{
	vertical-align: middle;
}
table.data tbody td{
	vertical-align: middle;
}
table.data td,
table.data th{
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #B2B2B2;
	margin: 1px;
}
table.data th{
	background: #222;
	color: #ccc;
	padding: 5px 10px 5px 10px;
}
table.data tr:hover,
table.data tr.inactive:hover{
	background: #CDCDCD;
	cursor: pointer;
}
table.data tr:active{
	background: #414141;
	color: #fff;
}
table.data tr.selected{
	background: #282828;
	color: #FFFDDE;
}
table.data tr.inactive{
	background: #FFE8E8;
}
table.data tr.inactive td{
	color: #828282 !important;
	font-style: italic;
}
table.data th{
	text-align: left;
}
table.data{
	color: #696969;
	font-size: 12px;
}
table.data .even{
	background: #f2f2f2;
}
table.data .highlight{
	background: #80FF80;
}

/* Table.Display, same as data, but no hover or click effects */
table.display{
	width: 100%;
	border: 1px solid black;
	background: #ffffff;
	margin: 20px 0 20px 0;
}
table.display thead th{
	vertical-align: top;
}
table.display tbody th{
	vertical-align: middle;
}
table.display tbody td{
	vertical-align: middle;
}
table.display td,
table.display th{
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #B2B2B2;
	margin: 1px;
}
table.display th{
	background: #222;
	color: #ccc;
	padding: 5px 10px 5px 10px;
}
table.display th{
	text-align: left;
}
table.display{
	color: #696969;
	font-size: 12px;
}
table.display .even{
	background: #f2f2f2;
}
table.display .highlight,
table.display-highlight tbody tr:hover{
	background: #EEEEEE;
}
table.display-highlight tbody tr:active{
	background: #D1D1D1;
}


/* Pagination Styles */
.pagination{
	text-align: center;
}
.pagination .current{
	font-weight: bolder;
	color: red;
}
.pagination .current span.ui-button-text{
	font-weight: bold;
	color: red;
}
.pagination .item_count{
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}

/* Data Form View */
.dataform{}
.dataform > div{
	position: relative;
	width: 700px;
	margin: 0 auto 0 auto;
}
.dataform div.row{
	margin: 5px 0 5px 0;
}
.dataform div.toolbar{
	float: right;
}
.dataform legend{
	font-size: 140%;
	padding: 10px 0;
}
.errorbox{
	border-radius: 3px;
	border-color: #C40000;
	border-width: 1px;
	border-style: solid;
	background: #FFC9C9;
	padding: 5px;
	font-size: 0.8em;
}
.errors{
	color: red;
	padding: 3px;
}
ul.errors{
	list-style: disc inside none;
	padding-left: 20px;
}
ul.errors > li{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
}

/* Data Table View */
.datatable{}
.datatable > div{
	margin: 0 30px 30px 30px;
}

/* RecordMessage - used to show updates with regard to database updates */
.recordmessage{
	padding: 5px;
	color: #D3D3D3;
	background: #3C3C3C;
	position: absolute;
	bottom: 0px;
	left: 0px;
}


/* Standard Content Styles */
.clear{
	clear: both;
}
.nomargin{
	margin: 0;
}
.nopadding{
	padding: 0;
}
.container{
	position: relative;
	z-index: 1;
}
.block{
	float: left;
	width: 320px;
}
.doubleblock{
	float: left;
	width: 640px;
}
.blockright{
	float: right;
	width: 320px;
}
.last{
	margin: 0;
	clear: right;
}
.inline{
	display: inline;
}
.click{
	cursor: pointer;
}
.underline{
	text-decoration: underline;
}
.bigprint{
	font-size: 20px !important;
}
.hugeprint{
	font-size: 40px !important;
}
.fineprint{
	font-size: 10px !important;
}
.smallprint{
	font-size: 12px !important;
}
.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
ul.fineprint{
	list-style-image: url('../images/bullet_red.png');
}
.autowidth{
	width: auto;
}
.autoheight{
	height: auto;
}
.graylineright{
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #CDCDCD;
}
.padrow{
	padding-top: 20px;
}
em{
	font-style: italic;
}
strong{
	font-weight: bold;
}
.white{color: #fff !important; }.white input,.white textarea,.white select{color: white !important;}
.red{color: red !important; }.red input,.red textarea,.red select{color: red !important;}
.green{color: green !important; }.green input,.green textarea,.green select{color: green !important;}
.blue{color: blue !important;}.blue input,.blue textarea,.blue select{color: blue !important;}
.gray{color: gray !important;}.gray input,.gray textarea,.gray select{color: gray !important;}
.bold{font-weight: bold !important;}
.italic{font-style: italic !important;}
.footer-wrapper .version{
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 100;
	color: #7C7C7C;
	font-size: 10px;
}
p.h1,p.h2,p.h3,p.h4,p.h5{
	font-family: ropa;
	font-weight: bold;
}
p.h1{
	font-size: 200%;
}
p.h2{
	font-size: 170%;
}
p.h3{
	font-size: 150%;
	font-weight: normal;
}
p.h4{
	font-size: 130%;
	font-weight: normal;
}
p.h5{
	font-size: 120%;
	font-weight: normal;
}

/* %Width modifiers based on the overall width for content of 960px; */
.w60{
	width: 576px;
}
.w50{
	width: 480px;
}
.w40{
	width: 384px;
}
.w20{
	width: 192px;
}

/* Padding Modifiers */
.pad5{
	padding: 5px;
}
.pad10{
	padding: 10px;
}
.pad20{
	padding: 20px;
}

/* Spacers */
.vspacer1,.vspacer2,.vspacer3,.vspacer4,.vspacer5{
	display: block;
	font-size: 0;
	line-height: 0;
	border: none;
	background: transparent;
}
.vspacer1{
	height: 5px;
}
.vspacer2{
	height: 10px;
}
.vspacer3{
	height: 15px;
}
.vspacer4{
	height: 20px;
}
.vspacer5{
	height: 30px;
}

/* OTHER MISCELLANEOUS THINGS */
.content-wrapper p{
	line-height: 150%;
	margin: 10px 0 10px 0px;
}
.top{ /* Default Spacing on top level containers */
	margin-top: 10px;
}
.address{
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	margin: 5px;
	padding: 4px 30px 4px 4px;
}
.address .toolbar{
	position: absolute;
	right: 0px;
}
.address strong{
	font-weight: bold;
}
.useraddresslist{
	position: relative;
}
.toolbar{
	text-align: right;
}
.toolbar-left{
	text-align: left !important;
}
.toolbar-dark{
	background-color: #303030;
}
.toolbar-blue{
	background-color: #1763d8;
}
.toolbar-red{
	background-color: #b80202;
}
.toolbar-icon{
	margin-left: 20px;
}
.toolbar-icon-left{
	float: left;
}
.toolbar-icon-right{
	float: right;
}
.toolbar-icon,
:visited.toolbar-icon{
	color: #E6E6E6;
	text-decoration: none;
}
:active.toolbar-icon,
:hover.toolbar-icon{
	color: #BCBCBC;
}
.twobutton{ /* A Two button toolbar modifier, intended for Cancel/Next scenarios */
	text-align: left;
	padding-top: 20px;
}
.twobutton > button + button{ /* 2nd Button */
	float: right;
}

/* Form Elements In General */

input.search{
	background: url('../images/icons2/magnify.png') no-repeat right bottom;
	border: 1px solid #696969;
	border-radius: 5px;
	-moz-border-radius: 5px;
}


/* Standard Form  -----------------------------------
 * Labels as Blocks, stacked "on top" of fields
 */
.standardform{
}
.standardform label{
	font-size: 80%;
	color: #696969;
}
.standardform .field{
	position: relative;
	clear: left;
}
.standardform .field label{
	display: block;
	margin-top: 10px;
}
.standardform .field label em{
	display: block;
	font-size: 90%;
	margin-top: 2px;
}
.standardform .field .widget{
	position: absolute;
	right: 0px;
	top: 0px;
}
.standardform .field label.checkbox,
.standardform .field label.radio,
.standardform .field label.inline{
	display: inline;
}
.standardform .asterix{
	color: red;
	margin-right: 3px;
}
.standardform input[type="text"],
.standardform input[type="password"],
.standardform input[type="number"],
.standardform input[type="date"],
.standardform input[type="file"],
.standardform textarea,
.standardform select,
.standardform div.input{
	padding: 2px 4px 2px 4px;
	margin: 5px 0 2px 0;
	width: 90%;
	max-width: 100%;
	display: inline-block;
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	border: 1px solid #ABADB3;
}
.standardform div.input{
	padding: 2px 0 2px 0;
	color: inherit;
	border: none;
}
.standardform input[type="text"].inline,
.standardform input[type="password"].inline,
.standardform input[type="number"].inline,
.standardform input[type="date"].inline,
.standardform textarea.inline,
.standardform select.inline{
	display: inline;
	width: auto;
}
.standardform input.phone{
	width: 12em;
}
.standardform input.phone_extension{
	width: 4em;
}
.standardform fieldset{
	border: 1px solid #F0F0F0;
	padding: 2px;
	margin-top: 10px;
}
.standardform legend,
.standardform .legend{
	display: block;
	font-weight: normal;
	padding: 2px;
	margin-top: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
}
.standardform p{
	margin-left: 0;
	margin-right: 0;
}
.standardform .helptext{
	font-size: 10px;
	background: #E6FFE9;
	padding: 5px;
	margin: 2px;
	border: 1px solid #0E9F06;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.standardform .datepicker{
	width: 80% !important;
}
.standardform .group{
	/* A group of controls, such as radio boxes to undo layout for other reasons, wrap them in a group */
}
.standardform .group label{
	display: inline;
}


/* COMPACT FORM -------------------------------------
 * Labels beside Fields, smaller font size
 */
.compactform{
}
.compactform label{
	font-size: 100%;
	color: #696969;
}
.compactform .field{
	position: relative;
	clear: left;
}
.compactform .field label{
	display: block;
	position: relative;
	float: left;
	padding: 3px 3px 0 0;
	margin-top: 0px;
	width: 35%;
}
.compactform .field label em{
	display: block;
	font-size: 80%;
	font-style: normal;
	margin-top: 2px;
}
.compactform .field .widget{
	position: absolute;
	right: 0px;
	top: 0px;
}
.compactform .field label.checkbox,
.compactform .field label.radio,
.compactform .field label.inline{
	display: block;
	float: left;
}
.compactform .field label.textarea{
	display: block;
}
.compactform .asterix{
	color: red;
	margin-right: 3px;
}
.compactform input[type="text"],
.compactform input[type="password"],
.compactform textarea,
.compactform select,
.compactform div.input{
	display: block;
	float: left;
	padding: 1px 0 1px 0;
	margin: 0 0 1px 0;
	width: auto;
	max-width: 60%;
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: 1px solid #ABADB3;
	padding: 1px;
}
.compactform div.input{
	padding: 2px 0 2px 0;
	color: inherit;
	border: none;
}
.compactform textarea{
	width: 90%;
}
.compactform input.phone{
	width: 12em;
}
.compactform input.phone_extension{
	width: 4em;
}
.compactform fieldset{
	border: 1px solid #F0F0F0;
	padding: 2px;
	margin-top: 10px;
}
.compactform legend,
.compactform .legend{
	display: block;
	padding: 2px;
	margin-top: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: normal;
}
.compactform p{
	margin-left: 0;
	margin-right: 0;
}
.compactform .helptext{
	font-size: 10px;
	background: #E6FFE9;
	padding: 5px;
	margin: 2px;
	border: 1px solid #0E9F06;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.compactform .group{
	/* A group of controls, such as radio boxes to undo layout for other reasons, wrap them in a group */
}
.compactform .group label{
	display: inline;
}

.smallform{
	font-size: 10px;
}
.smallform label{
	font-size: 10px;
	color: #696969;
}
.smallform .field{
	border-bottom: 1px dotted lightgray;
}
.smallform .field label{
	display: inline-block;
	padding: 3px 3px 0 0;
	margin-top: 0px;
	width: 35%;
}
.smallform .field label em{
	display: block;
	font-size: 95%;
	margin-top: 1px;
}
.smallform .field label.checkbox,
.smallform .field label.radio,
.smallform .field label.inline{
	display: inline;
}
.smallform .field label.textarea{
	display: block;
}
.smallform .asterix{
	color: red;
	margin-right: 3px;
}
.smallform input[type="text"],
.smallform input[type="password"],
.smallform input[type="number"],
.smallform input[type="date"],
.smallform textarea,
.smallform select,
.smallform div.input{
	padding: 1px 0 1px 0;
	margin: 0 0 1px 0;
	width: auto;
	max-width: 100%;
	display: inline-block;
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: 1px solid #ABADB3;
	padding: 1px;
}
.smallform div.input{
	padding: 2px 0 2px 0;
	color: inherit;
	border: none;
}
.smallform textarea{
	width: 90%;
}
.smallform input.phone{
	width: 12em;
}
.smallform input.phone_extension{
	width: 4em;
}
.smallform fieldset{
	border: 1px solid #F0F0F0;
	padding: 2px;
	margin-top: 10px;
}
.smallform legend,
.smallform .legend{
	display: block;
	padding: 2px;
	margin-top: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: normal;
}
.smallform p{
	margin-left: 0;
	margin-right: 0;
}
.smallform .helptext{
	font-size: 10px;
	background: #E6FFE9;
	padding: 5px;
	margin: 2px;
	border: 1px solid #0E9F06;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.smallform h5,
.smallform .title{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 3px 0px;
}
.smallform .group{
	/* A group of controls, such as radio boxes to undo layout for other reasons, wrap them in a group */
}
.smallform .group label{
	display: inline;
}
.smallform-grid input[type="text"],
.smallform-grid input[type="password"],
.smallform-grid input[type="number"],
.smallform-grid input[type="date"],
.smallform-grid textarea,
.smallform-grid select,
.smallform-grid div.input{
	width: 100% !important;
}
.smallform-grid .field label{
	width: 100%;
}

/* BASIC FORM -------------------------
 * Stupid simple form wrapper, contains standard OR compact style
 * Simply constrains the width to 400px and centers the form.
 * Intended for forms with only a tiny number of fields
 * 1 line of buttons on bottom, floated right.
 */
.basicform{
	width: 600px;
	margin: 20px auto 10px auto;
}
.basicform .button-wrapper{
	margin: 15px 10% 0 0;
	float: right;
}
.basicform .helptext{
	font-size: 12px;
	background: #E6FFE9;
}

/* Gray Background used for forms */
.grayback{
	background: #F0F0F0;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Styles used in the Order Form Step 1, selection of type */
.labelcontent{
	display: inline-block;
	margin: 20px 0 0 10px;
}
.labelcontent > h1,
.labelcontent > h2,
.labelcontent > h3,
.labelcontent > h4,
.labelcontent > h5,
.labelcontent > p{
	line-height: 1em !important;
	margin: 1px 0 1px 0 !important;
	padding: 0 !important;
}
div.buttonpanel{
	float: right;
	position: relative;
	z-index: 1000;
}

.geocoded-address{
	padding: 3px;
}
.geocoded-address:hover{
	background: #696969;
	color: #000;
}

h1#content-page-title{
	text-align: right;
	font-family: ropa;
	font-size: 70px;
	color: #fff;
	opacity: 0.5;
	position: absolute;
	right: 0px;
	top: 50px;
}

#staffmenu .menu{
	width: 600px;
}

/* TopDrop Menu - Shown in the top right */
.topdropmenu{
	display: inline;
	position: relative;
	cursor: pointer;
}
.topdropmenu .tab{
	display: inline;
	color: #fff;
}
.topdropmenu .innertab{
	position: absolute;
	top: -20px;
	right: 10px;
	display: block;
	padding: 4px;
	background: #fff;
	color: #000;
	border-top: 1px solid #8A8A8A;
	border-left: 1px solid #8A8A8A;
	border-right: 1px solid #8A8A8A;
}
.topdropmenu .menu{
	position: absolute;
	right: 10000px;
	color: #000;
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #8A8A8A;
	background: #fff url('../images/accountmenu-bg.png') repeat-x;
	width: 300px;
	padding: 15px;
	z-index: 1000;
}
.topdropmenu:hover .menu{
	top: 15px;
	right: -15px;
}
.topdropmenu .menu a{
	display: block;
	text-decoration: none;
	color: #231F20;
	font-size: 11px;
	padding: 4px 0;
}
.topdropmenu a:hover{
	text-decoration: underline;
}
.topdropmenu .separator{
	height: 1px;
	line-height: 0px;
	font-size: 0;
	border-bottom: 1px dotted gray;
}
.debug{
	border: 1px dashed red;
}
.highlight{
	background: #E9D543;
}
img.icon16{
	width: 16px;
	height: 16px;
}
img.icon24{
	width: 24px;
	height: 24px;
}
img.icon32{
	width: 32px;
	height: 32px;
}
.hidden{
	display: none;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}

.pure-form.pure-form-aligned .pure-control-group input[type='text'],
.pure-form.pure-form-aligned .pure-control-group input[type='password'],
.pure-form.pure-form-aligned .pure-control-group input[type='email'],
.pure-form.pure-form-aligned .pure-control-group input[type='tel'],
.pure-form.pure-form-aligned .pure-control-group input[type='date'],
.pure-form.pure-form-aligned .pure-control-group input[type='number'],
.pure-form.pure-form-aligned .pure-control-group select
{
	width: 250px;
}

/* Used to overlay dialogs and such on top of */
.screen-overlay{
	position: fixed;
	z-index: 10001;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url('../images/alpha-bg-black.png');
}

.component-details-section .even{
	background: #ddffdd !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

/* UL Menu Styles */
ul.inline-menu{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.inline-menu li{
	display: inline;
	padding: 0;
	margin: 0 2px 0 0;
}

ul.block-menu{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.block-menu li{
	display: block;
	margin: 2px 0 0 0;
	padding: 0px;
}

ul.float-menu{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.float-menu li{
	display: block;
	float: left;
	margin: 0 0 0 2px;
	padding: 0px;
}

.big-green,
.big-orange,
.big-blue,
.big-white
{
	font-size: 2em;
}
.big-green
{
	color: #40BD06;
}
.big-orange
{
	color: #FB8421;
}
.big-blue
{
	color: #4B5BCD;
}
.big-white
{
	color: #FFF;
}

.pure-form-aligned.standardform textarea
{
	width: 75%;
}

#footer-message-bar{
	background: #FFE382;
	color: #000;
	font-size: 70%;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
}

h1.rblogo{
	font-family: mavenproa,serif,sans-serif;
	font-size: 20pt;
	color: #D49A2B;
	margin-top: 3px;
	margin-bottom: 8px;
	letter-spacing: -2px;
}
h1.rblogo em{
	font-style: normal;
	/*color: #2E2E2E;*/
	color: #fff;
	/*text-transform: uppercase;*/
}

input.focal-blue{background-color: #D3E4EF;}
input.focal-red{background-color: #FCCFCB;}
input.focal-green{background-color: #E0FEDE;}
input.focal-yellow{background-color: #FFFECA;}

li.biibg{
	background-color: #1763D8;
}
li.tdbg{
	background-color: rgb(27, 177, 76);
}
li.tdbg:hover{
	background-color: rgb(18,66,43) !important;
}
div.plain{
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
}
a.plain{
	color: #333333;
	text-decoration: none;
}
a.plain:hover{
	text-decoration: underline;
}

/* Default Progress Bar Formatting with multi-browser compatible code for a red bar on a white background */
progress {
  background-color: #ffffff;
}
progress::-webkit-progress-bar {
  background-color: #ffffff;
}
progress::-webkit-progress-value {
  background-color: rgb(184,2,2);
}
progress::-moz-progress-bar {
  background-color: rgb(184,2,2);
}

small{
	font-size: 80%;
}

.tabularform input,
.tabularform select,
.tabularform textarea,
.tabularform .input{
	display: table-cell !important;
	width: 100% !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #333333;
}

.hover{
	cursor: pointer;
	opacity: 0.7;
}