/* creating my own default tag settings */
.button {cursor: pointer; padding: 4px 10px; *padding: 3px 5px;}
.error-text {color: red;}
.success-text {color: blue;}
.disabled {color: silver;}
.double-arrows {font-family: Arial; font-size: 130%;}
.typeless li {list-style: none;}

.big {font-size: 16px;}
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.clear {clear: both;}
.center {text-align: center;}

a.hover-underline {text-decoration: none;}
a.hover-underline:hover {text-decoration: underline;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}

.photo-frame {background-color: white; border: 1px solid #dddddd; padding: 10px;}
.block {display: block;} /* made for img tag */
/* end of creating my own default tag settings */

/* Layouts */
table.form-layout {empty-cells: show; table-layout: fixed; width: 100%;}

table.form-layout > * > tr > th,
table.form-layout > * > tr > td {margin: 0px; padding: 0px; font-family: inherit; vertical-align: top;}

table.form-layout > * > tr > th {font-weight: normal; text-align: left;}
table.form-layout > * > tr > td {text-align: right;}

table.form-layout > caption {padding-bottom: 10px; text-align: center;}
table.form-layout > tfoot > tr > td, table.form-layout > tfoot > tr > th {padding-top: 10px;}
table.form-layout > tbody > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}
table.form-layout > tbody > tr > th {vertical-align: middle;}
table.form-layout > tbody > tr > th.label-top {padding-top: 10px; vertical-align: top;}

table.form-layout > tbody > tr.required > th {background: transparent url(../images/reusable/req.gif) center right no-repeat; padding-right: 15px;}
input.invalid[type=text] {background-color: #ffffcc; border: 1px solid #ffaaaa;}

table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 6px;} /* 2px (input padding), 4px (input border) */
table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
table.form-layout input[type=text],
table.form-layout textarea {border: 1px solid #9cbed2; color: #555555; font-family: Arial; font-size: 20px; padding: 1px; width: 100%;}
/* End Of Layouts */

/* Test Layouts */
table.test-form-layout {empty-cells: show; table-layout: fixed; width: 100%;}
table.test-form-layout th,
table.test-form-layout td {font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; font-family: inherit; text-align: right; vertical-align: top;}
table.test-form-layout th {line-height: 17px;}
table.test-form-layout td {}
table.test-form-layout caption {padding-bottom: 10px; text-align: center;}
table.test-form-layout th.first {text-align: left;}
table.test-form-layout td label {display: block; font-size: 11px; padding-bottom: 5px; padding-left: 7px; text-align: center;}
table.test-form-layout td div {margin: 0px 5px; padding-right: 7px;} /* 5px (input padding), 2px (input border) */
table.test-form-layout td div.left {margin-left: 0px;}
table.test-form-layout td div.right {margin-right: 0px;}
table.test-form-layout td div input.text,
table.test-form-layout td div textarea {border: 1px solid #9cbed2; font-family: Arial; font-size: 13px; padding: 1px; width: 100%;}
table.test-form-layout td div.select {margin: 0px 5px; padding-right: 3px;}
table.test-form-layout td div select {color: #555555; font-family: Arial; font-size: 13px; *font-size: 11px; *margin-top: 1px; width: 100%;}
.invalid {background-color: #ffffcc; border: 1px solid #ffaaaa;}
/* End of Test Layouts */

/* forms */
form.w {font-family:"Lucida Grande", Tahoma, Arial, sans-serif;}
form.w li {width:62%;}
form.w ul {margin:0; padding:0; list-style-type:none; width:100%;}
form.w li {display: block; margin:0; padding:4px 5px 2px 9px; clear:both;  clear: both;  float: left;  position:relative;}

form.w li div, form.w li span {margin:0 4px 0 0; padding:0 0 8px 0; color:#444;}
form.w li span {float:left;}
form.w li div.column {padding-bottom:0;}
form.w li div span.left, form.w li div span.right {width:47%; margin:0;}
form.w li div span.full input, form.w li div span.full select, form.w li div span.left input, form.w li div span.right input,form.w li div span.left select,form.w li div span.right select {width:100%;}
form.w .left {float: left;}
form.w .right {float: right;}
form.w .clear {clear: both !important;}
form.w li.section {border-top:1px dotted #ccc; padding-top:.9em; padding-bottom:0px; padding-left:9px; width:97% !important; position:static;}
form.w ul li.first {border-top:none !important; margin-top:0px !important; padding-top:0px !important;}
form.w .section h3 {font-weight:normal; font-size:110%; line-height:135%; margin:0 0 .2em 0;}
form.w .section div {display:block; font-size:85%; margin:0 0 1.2em 0; padding:0;}

form.w label.desc {line-height:150%; padding:0 0 1px 0; border:none; color:#222; display:block; font-size:95%; font-weight:bold;}
form.w li div label, form.w li span label {margin:0; padding-top:6px; clear:both; font-size:9px; line-height:9px; color:#444; display:block;}
form.w label.choice {font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.44em 0 .5em 0; color:#222; width:88%;  display:block;}
form.w span.symbol {font-size:115%; line-height:130%;}

input.text, input.file, textarea.textarea, select.select {margin:0; font-size:100%; color:#333;}
input.text, textarea.textarea, .firefox select.select {border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(/images/fieldbg.gif) repeat-x top;}
input.text, input.file {padding:2px 0 2px 0;}
input.checkbox, input.radio {display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px;}
input.other {margin:0 0 0 25px;}
textarea.textarea {font-family:"Lucida Grande", Tahoma, Arial, sans-serif;}
select.select {font-family:"Lucida Grande", Tahoma, Arial, sans-serif; margin:1px 0; padding:1px 0 0 0;}
select.select[class] {margin:0; padding:1px 0 1px 0;}
*:first-child+html select.select[class] {margin:1px 0;}
.safari select.select {margin-bottom:1px; font-size:120% !important;}
.buttons {clear:both; margin-top:10px;}
.buttons input {font-size:120%; margin-right: 5px;}
.third {width:32% !important;}
.half {width:48% !important;}
.full {width:100% !important;}
input.small, select.small {width:25%;}
input.medium, select.medium {width:50%;}
input.large, select.large, textarea.textarea {width:100%;}
textarea.small {height:5.5em;}
textarea.medium {height:10em;}
textarea.large {height:20em;}

form.w li.error {display:block !important; border-bottom:1px solid #F9B9B2; border-right:1px solid #F9B9B2; background-color: #FFDFDF !important;}
form.w li.error label {color:#DF0000 !important;}
form.w p.error {display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both;}
form.w li.error p.error {display:block;}

form.w .req {float:none; color:red !important; font-weight:bold; margin:0;}
form.w li.focused {background-color: #fff7c0;}
form.w .instruct {position:absolute; top:0; left:0; z-index:1000; width:42%; margin: 0; padding:8px 10px 9px 10px; line-height:130%; font-size:80%; color:#444; visibility:hidden;}
form.w .instruct small {font-size:105%;}
form.w li.focused .instruct {left:100%; visibility:visible;}

.leftLabel p.error, .rightLabel p.error {margin-left:30%; padding-left:15px;}
.leftLabel li, .rightLabel li {width:74% !important; padding-top:9px;}
.leftLabel label.desc, .rightLabel label.desc {float:left; width:29%; margin:2px 15px 0 0;}
.rightLabel label.desc {text-align:right;}
.leftLabel .column, .rightLabel .column {float:left;}
.leftLabel .small, .rightLabel .small {width:17%;}
.leftLabel .medium, .rightLabel .medium {width:35%;}
.leftLabel .large, .leftLabel textarea.textarea,.rightLabel .large, .rightLabel textarea.textarea,.leftLabel .column, .rightLabel .column {width:64%;}
* html .leftLabel .small, * html .rightLabel .small {width:23%;}
* html .leftLabel .medium, * html .rightLabel .medium {width:55%;}
* html .leftLabel .large, * html .leftLabel textarea.textarea,* html .rightLabel .large, * html .rightLabel textarea.textarea {width:97%;}
.leftLabel p.instruct, .rightLabel p.instruct {width:27%; margin-left:5px;}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {margin-left:29% !important; padding-left:15px; width:65%;}
.leftLabel .buttons, .rightLabel .buttons {margin-left:15px;}
.leftLabel .buttons input, .rightLabel .buttons input {margin-left:29%;}
* html .leftLabel .buttons input, * html .rightLabel .buttons input {margin-left:22%;}
* html .leftLabel .buttons, * html .rightLabel .buttons {margin-left:4px;}*+html .leftLabel .buttons, *+html .rightLabel .buttons {margin-left:7px;}

.noInstruct .leftLabel p.error, .noInstruct .rightLabel p.error {margin-left:35%; padding-left:15px;}
.noInstruct .instruct {display:none !important;}
.noInstruct form.w li, .noInstruct form.w li.buttons, .altInstruct form.w li, .altInstruct form.w li.buttons {width:97% !important;}
.noInstruct form.w li.section, .altInstruct form.w li.section {padding-left:9px !important;}
.noInstruct .leftLabel label.desc, .noInstruct .rightLabel label.desc {width:34%;}
.noInstruct .leftLabel .large, .noInstruct .leftLabel textarea.textarea,.noInstruct .rightLabel .large, .noInstruct .rightLabel textarea.textarea,.noInstruct .leftLabel .column, .noInstruct .rightLabel .column {width:60%;}
.noInstruct .leftLabel .buttons input, .noInstruct .rightLabel .buttons input {margin-left:34%;}

/* form.w additions */
.noHighlight form.w li.focused {background-color: transparent;}

.firefox form.w li span input.button, .firefox .w li span button.button {position: relative; top: -1px;}

form.w li.error {background-color: #440000 !important; border-color: #440000;}
form.w li.error label, form.w p.error {color: #FFDFDF !important;}