/* OBE Referal Form */
body { font-family:Arial, Helvetica, sans-serif; }

/* FRAME */
#refer-left {width:800px; margin-right:15px; float:left; padding-top:15px;}
#refer-left h1 {padding:0 0 10px 0;}
#refer-left h2 {background-color:transparent; color:#02355B; padding-left:0px;}
#refer-right {display:none; width:165px; float:right; padding-top:15px}


/* WRAPPER */
.wrapper { padding-bottom:44px; height:100%; min-height:545px; margin-top:0px; background:url(images/wrapperbg.gif) no-repeat bottom; padding-left:15px; padding-right:22px; position:relative; }

/* ROW LAYOUT */
.row { width:100%; border-bottom:1px solid #cccccc; padding-top:13px; padding-bottom:13px; }

.row-main { width:100%; margin-top:10px; clear:both; border-top:1px dotted #bbbbbb; border-left:1px dotted #bbbbbb; border-right:1px dotted #bbbbbb; padding-top:10px; min-height:55px;}
.row-main > .left { width:23%; float:left; margin-right:2%; margin-bottom:5px; padding-left:10px;}
.row-main > .right { width:72%; float:right; margin-bottom:5px; }

.row-main > .main-split-left {width:46%; float:left; padding:5px; background:url(images/step-bg-active.gif) no-repeat scroll center top transparent; border:1px dotted #BBBBBB; margin-bottom:5px; margin-left:10px;}
.row-main > .main-split-left > .left { width:27%; float:left; margin-right:2%; margin-bottom:5px;}
.row-main > .main-split-left > .right { width:70%; float:right; margin-bottom:5px;}

.row-main > .main-split-right {width:46%; float:right; padding:5px; background:url(images/step-bg-active.gif) no-repeat scroll center top transparent; border:1px dotted #BBBBBB; margin-bottom:5px; margin-right:10px;
}
.row-main > .main-split-right > .left { width:27%; float:left; margin-right:2%; margin-bottom:5px;}
.row-main > .main-split-right > .right { width:70%; float:right; margin-bottom:5px;}

.row-main > .left > .help-title { clear:both; font-size:12px; color:#333; margin-bottom:4px; padding-left:10px; }
.row-main > .left > .help-text { clear:both; font-size:11px; color:#666; padding-left:10px; }

.help-text { clear:both; font-size:11px; color:#666; padding-left:10px; }
.req-text{ clear:both; font-size:11px; color:#C33; padding-left:10px;}
.friend-title {color:#03182C; font-size:12px; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}

.button-row {clear:both; margin:0; padding-top:44px; padding-right:10px; float:right; position:relative;}
#refer-submit {clear:both; background-color:#02355B; background-image:url(images/refer-button.png); background-position:center top; background-repeat:no-repeat; border:0 none; cursor:pointer; height:32px; width:166px;}

.err-msg {background:url(images/icon_exclamation.png) no-repeat scroll 6px 9px #FADEDC; border-color:#E25E52;; border-style:solid; border-width:1px; display:block; margin:20px 0; padding:10px 10px 10px 30px; text-align:left; margin:35px; color:#444;}

 /* Opera */
@media all and (min-width: 0px){
 { .button-row { padding-top:55px; }
}