/*******************************************/
/*                  Common                 */
/*******************************************/

body, input, select, textarea, table, label { font:normal 11px Arial, Helvetica, sans-serif; color:#777777; }
p { margin-top:10px;}
a { color:#008AB5; text-decoration:none; }
a img { border:0; }
form { margin:0; padding:0; }
hr { clear:both; margin:15px 0; height:1px; color:#7cc5d6; background-color:#7cc5d6; border:0; }
p { margin:5px 0 10px; }

/* Headings */
h1, .h1, h2, .h2, h3, .h3 { font-weight:normal; }
h1, .h1 { display:block; margin:5px 0 10px; color:#3092b0; font-size:32px; font-weight:normal; } 
h2, .h2 { display:block; margin:5px 0 5px; color:#62b1c3; font-size:16px; }
h3, .h3 { display:block; margin:5px 0 5px; font-size:13px; color:#b4b4b5; }

/* Custom */
.Clear { clear:both; }
.Date { font-size:9px; color:#b4b4b5; }
.Req { margin-right:3px; font-weight:bold; color:#BF0021; }
.Important { color:#BF0021 }
.Col { display:inline; float:left; }
.Content { padding:15px; line-height:16px; }
.Grey { font-size:10px; color:#BBB; }

/* Alerts */
.Alert { margin:0 auto 10px; width:auto; padding:5px 5px 5px 35px; background:#fff6bf url(../images/ico_exclamation.png) no-repeat 10px 5px; border-top:2px solid #ffd324; border-bottom: 2px solid #ffd324; text-align:left; }
.Alert .Title { color:#df503d; font-weight:bold; }
.Alert a { color:#C0492E; font-weight:bold; } 

/* Info */
.Info { margin:0 auto 10px; width:auto; padding:5px 5px 5px 35px; background:#f8fcfa url(../images/ico_information.png) no-repeat 10px 5px; border-top:2px solid #aeedc5; border-bottom:2px solid #aeedc5; text-align:left; }
.Info .Title { color:#df503d; font-weight:bold; }

/* Processing */
#Processing, #PayPayContinue { margin:150px auto 0; padding:20px; width:280px; border:1px solid #CCC; background:#FFF; }
#Processing h2, #PayPayContinue h2 { font-size:12px }
#Processing .Content, #PayPayContinue .Content { font-size:11px; padding:10px 0 0 0; }

/* Breadcrumbs */
#Breadcrumbs { margin:0 0 20px; padding:0; }
#Breadcrumbs li { margin:0; padding:0; display: inline; color:#62b1c3; font-size:11px; }
#Breadcrumbs li a { color:#62b1c3; font-size:11px; }
#Breadcrumbs li a:hover { color:#F5AF00; }
#Breadcrumbs li:after { content: " > "; }
#Breadcrumbs li.current:after { content: ""; }

/* Ajax */
#Loading { display:none; position:absolute; top:0; left:0; width:100%; height:100%;  }
#Loading #Indicator { float:right; padding:5px 5px 5px 28px; width:55px; height:15px; background:#FFF url(../images/bg_indicator.gif) no-repeat 5px 5px; border:1px solid #CCC; }

/* Forms */
.FormField { font:11px Arial, Helvetica, sans-serif; border:1px solid #dbedf2; }
.FieldFailed { background:#FFE6E6; }
.FormButton { margin-left:85px; }
.Form div { clear:both; display:block; margin-bottom:4px; }
.Form div label { display:block; float:left; margin:4px 4px 0 0; width:80px; text-align:right; font-size:11px; }
.Form div table label, .Form div ul label { float:none; width:auto; text-align:left; }
.Form .InfoBox { float:none; clear:both; margin-left:125px; border:1px solid #E1E1E1; width:470px; height:80px; padding:5px; overflow:auto; }
.Form .Agree label { float:left; padding-left:10px; text-align:left; }
.Form .Agree input { float:left; margin-left:100px; }
.Form .Loading { clear:none; float:left; margin:0; padding:1px 5px 0 25px; width:55px; height:15px; background:url(../images/bg_indicator.gif) no-repeat 5px 0; }
.Form .Captcha { clear:both; display:block; padding-left:84px; margin-bottom:10px; font-size:10px; }
.Form .Captcha .CaptchaField { clear:none; float:left; width:120px; }
.Form .Captcha .CaptchaImage { clear:none; float:left; width:100px; height:23px; background:#FFF; border:1px solid #CCC; }