/*******************************************/
/*                  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; }
.Promotion { display:block; margin-bottom:20px; padding:10px; width:900px; color:#FFF; font-size:14px; background:#dd4785; }

/* 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 { padding:3px; font:11px Arial, Helvetica, sans-serif; color:#000; background:#FFF; border:1px solid #dbedf2; }
.FormField:hover, .FormField:focus { border:1px solid #008AB5; -webkit-transition:border 0.5s linear;  }

.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; }

/* Tabs */
#TabMenu { clear:both; height:27px; margin:0 0 0 15px; padding:0; background:url(../images/bg_tabs.gif) repeat-x bottom; }
#TabMenu li { display:inline; margin:0; padding:0; list-style-type:none; }	
#TabMenu a:link, #TabMenu a:visited { float:left; margin-right:4px; padding:6px 15px 5px 15px; height:14px; background:url(../images/bg_tab.jpg) repeat-x 0 0; font-weight:bold; border:1px solid #c7c7c7; text-decoration:none; color:#FFF; }
#TabMenu a:link.Selected, #TabMenu a:visited.Selected { background:url(../images/bg_tab_active.jpg) repeat-x 0 0; color:#FFF; }
#TabMenu a:hover { background:#a8a8a8; }
#TabContent .Content { display:none; padding:10px; }