/*
*/
/*
form.css modified from Jeff Howden - Copyright 1997-2005
*/
form.userinput { width: 576px; text-align: left; margin: 0 auto; color: #000; overflow: hidden; }
form.userinput .top { width: 576px; background: transparent url(http://media.roysclub.com/images/white_round_top.576.gif) bottom left no-repeat; }
form.userinput .bottom { width: 576px; height: 7px; padding: 0; margin: 0; background: transparent url(http://media.roysclub.com/images/white_round_bottom.576.gif) top left no-repeat; }
form.userinput fieldset { border: none; padding: 0 10px; background-color: #fff; margin: 0; }
form.userinput fieldset h3 { border-bottom: 1px solid #000; width: 550px; margin: 0; color: #000 !important; }
form.userinput label { }
form.userinput label u { font-style: normal; text-decoration: underline; }
form.userinput p { color: #000 !important; }
form.userinput a, form.userinput a:hover { color: #10298e !important; text-decoration: underline; }

form.userinput textarea { overflow: auto; height: 5em; }
form.userinput div { clear: left; display: block; width: 450px; height: expression('1%'); margin: 5px 0 0; padding: 1px 3px; }
form.userinput div.narrow { width: 350px; }
form.userinput div.wide { text-align: center; }
form.userinput div fieldset { clear: none; border: 1px solid #666; margin: 0 0 0 142px; padding: 0 5px 5px; width: 197px; }
form.userinput div fieldset legend { padding: 0 3px 0 9px; color: #000; }
form.userinput div.required fieldset legend { font-weight: bold; color: #000; }
form.userinput div label { display: block; float: left; width: 125px; padding: 3px 5px; margin: 0 0 5px; text-align: left; }
form.userinput div label span.small { font-weight: normal; font-size: 80%; }
form.userinput div.optional label, form.userinput label.optional { font-weight: bold; }
form.userinput div.required label, form.userinput label.required { font-weight: bold; background: transparent url(http://media.roysclub.com/style/red_star.gif) 98% 0 no-repeat; }
form.userinput div label.labelCheckbox, form.userinput div label.labelRadio { float: none; display: block; width: 200px; height: expression('1%'); padding: 0; margin: 0 0 5px 142px; text-align: left; font-weight: normal; }
form.userinput div fieldset label.labelCheckbox, form.userinput div fieldset label.labelRadio { margin: 0 0 5px; width: 170px; }
form.userinput p.error { background: #ffffe1 url(http://media.roysclub.com/style/icon_error.gif) no-repeat 3px 3px; color: #8e0000 !important; padding: 3px 3px 5px 27px !important; border: 1px solid #000; margin: 10px;}
form.userinput div.error { background: #ffffe1; color: #8e0000; border: 1px solid #8e0000; }
form.userinput div.error p.error { background: transparent url(http://media.roysclub.com/style/icon_error.gif) no-repeat top left; border: none; font-weight: bold; margin: 0 !important; width: 410px; color: #f00; text-align: left; }

form.userinput p.value { float: left; height: auto; width: 300px; overflow: hidden; padding: 0; margin: 0; position: relative; top: -7px;}

form.userinput input,
form.userinput select,
form.userinput textarea { width: 200px; padding: 0; margin: 0; }

form.userinput input.inputText { border: 1px solid #a5acb2; }
form.userinput input.inputShortText { width: 75px; border: 1px solid #a5acb2; }
form.userinput input.inputFile { width: 211px; border: 1px solid #a5acb2; }

form.userinput select.selectOne,
form.userinput select.selectMultiple { width: 211px; padding: 0; border: 1px solid #a5acb2; }
form.userinput select.selectOneShort { width: 50px; padding: 0; margin: 0; border: 1px solid #a5acb2; }

form.userinput div input.inputCheckbox,
form.userinput div input.inputRadio,
form.userinput input.inputCheckbox,
form.userinput input.inputRadio { display: inline; height: 14px; width: 14px; background-color: transparent; border: none; padding: 0; margin: 0 0 0 140px; }

form.userinput div.submit { width: 450px; padding: 10px 0; margin: 0; text-align: center; }
form.userinput div input.inputSubmit, form.userinput div input.inputButton, #content input.inputSubmit, #content input.inputButton { width: auto; padding: 2px 6px; margin: 0; border: 1px solid #a5acb2; background-color: #8e0000; color: #fff; }
form.userinput div.submit input.inputSubmit, form.userinput div.submit input.inputButton { }
form.userinput div small { display: block; margin: 0 0 5px 134px; padding: 0; font-size: 80%; height: expression('1%'); }

form.userinput fieldset table { border-collapse: collapse; margin: 0; padding: 0; }
form.userinput fieldset table tr { margin: 0; padding: 0; }
form.userinput fieldset table td, form.userinput fieldset table th { margin: 0; padding: 2px; vertical-align: top; white-space: nowrap; text-align: left;}
form.userinput fieldset table label.labelCheckbox, form.userinput fieldset table label.labelRadio { width: auto; padding: 0; margin: 0; text-align: left; }

form.userinput fieldset legend { line-height: 150%; }
form.userinput input, form.userinput select, form.userinput textarea { background-color: #fff; }
form.userinput textarea.expanding { overflow: auto; overflow-x: auto; overflow-y: visible; }
form.userinput div.optional label:before { content: ''; }
form.userinput div.required label:before { content: ''; }

form.userinput div label.labelCheckbox,
form.userinput div label.labelRadio,
form.userinput label.labelCheckbox,
form.userinput label.labelRadio { display: block; width: 190px; height: expression('1%'); padding: 4px 0 0 18px; text-indent: -18px; line-height: 120%; }

form.userinput table label.labelCheckbox,
form.userinput table label.labelRadio { display: inline; width: auto; padding: 4px 0 0; text-indent: 0; }

form.userinput div label.labelCheckbox input.inputCheckbox,
form.userinput div label.labelRadio input.inputRadio,
form.userinput label.labelCheckbox input.inputCheckbox,
form.userinput label.labelRadio input.inputRadio { margin: 0; }

form.userinput div fieldset input.inputText,
form.userinput div fieldset input.inputPassword,
form.userinput div fieldset input.inputFile,
form.userinput div fieldset textarea.inputTextarea { width: 160px; margin: 0 0 0 18px; margin: expression('0px 0px 0px -124px'); }

form.userinput div label.compact { display: inline; width: auto; padding: 4px 10px 0 0; text-indent: 0; margin: 0; }
form.userinput div.wide label { float: none; display: block;  }
form.userinput div.wide label.labelCheckbox { width: 350px;  }
form.userinput div.wide label.compact { display: inline; }
form.userinput div label.wide { width: 350px; }

form.userinput div.wide input.inputText,
form.userinput div.wide input.inputPassword,
form.userinput div.wide input.inputFile,
form.userinput div.wide select,
form.userinput div.wide textarea.inputTextarea,
form.userinput div.wide fieldset { width: 400px; margin: 0; }
form.userinput div.wide select.selectOneShort { width: 50px; margin: 0; }

form.userinput div.wide fieldset input.inputText,
form.userinput div.wide fieldset input.inputPassword,
form.userinput div.wide fieldset input.inputFile,
form.userinput div.wide fieldset textarea.inputTextarea { width: 320px; }

form.userinput div.notes p, form.userinput div small { line-height: 125%; }
form.userinput div.wide small { margin: 0 0 5px; }
form.userinput div.wide small.breakdown { margin: 0 0 5px 142px; }

form.userinput div.suggestions { width: 190px; margin: 0 0 0 135px; padding:5px; background: #ddd; overflow: hidden; white-space: nowrap; line-height: 1.35em; }
form.userinput p.suggestions { padding:5px; background: #ddd; white-space: normal; }
form.userinput .suggestions a { text-decoration: underline !important; }

.page_learn form.userinput,
.page_error form.userinput,
.page_register form.userinput,
.page_account form.userinput,
.page_contact form.userinput,
.page_locations form.userinput,
.page_games form.userinput,
.page_video form.userinput { margin: 0; }

form.inline { width:459px; margin: 0; }
form.inline .top { background: url(http://media.roysclub.com/images/white_round_top.459.gif) bottom left no-repeat; }
form.inline .bottom { background: url(http://media.roysclub.com/images/white_round_bottom.459.gif) top left no-repeat; }
form.inline fieldset { }
form.inline fieldset div { width: auto; float: left; clear: none; }
form.inline fieldset div label { display: inline; width: auto; }
form.inline fieldset div.submit { width: auto; padding: 3px; float: left; }
form.inline p { font-size: 11px; text-align: left; margin: 0; padding: 0 3px; }
form#search_form { width: 250px; margin: 0 5px; float: right; }
form#search_form .top { background: url(http://media.roysclub.com/images/white_round_top.250.gif) bottom left no-repeat; }
form#search_form .bottom { background: url(http://media.roysclub.com/images/white_round_bottom.250.gif) top left no-repeat; }
form#search_form label { display: none !important; }
form#search_form input.inputText { width: 150px; }

#leftnav form#search_form { width:150px; margin: 0 auto; padding: 0; text-align: center; float: none; }
#leftnav form#search_form div { display: inline; width: 90px; float: none; clear: none; }
#leftnav form#search_form div label { display: none; }
#leftnav form#search_form div.submit { display: inline; width: 35px; padding: 0; float: none; }
#leftnav form#search_form div input { width: 106px; }
#leftnav form#search_form div.submit input { width: auto; }
#leftnav form#search_form p { font-size: 11px; text-align: left; margin: 0; padding: 0 3px; }

div.location form.userinput { width: 450px; }
form.transparent fieldset { background: none !important; }

body.page_learn form, body.page_learn form input { font-size: 125%; }
body.page_learn form p { clear: left; }
