#afsboxcontent a:focus{ /* color: #124964; */ box-shadow: 0 0 0 0px ; } #afsboxcontent { width: 650px; border: 1px solid #ddd; margin: 10px auto; padding: 15px; font-size: 14px; background-color: #fff; } #afsbox { margin: 0px auto 0px auto; width:630px; } .tabbed_box h4 { font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#ffffff; letter-spacing:-1px; margin-bottom:10px; } .tabbed_box h4 small { color:#e3e9ec; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:-4px; left:6px; letter-spacing:0px; } .tabbed_area { margin: 8px; padding:8px; } ul.tabs li { list-style:none; display:inline; margin-right: 5px !important; } ul.tabs li a { background-color:#888888; color:#ffffff; padding:8px 14px 8px 14px; text-decoration:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #888888; border-top-left-radius:3px; border-top-right-radius:3px; } ul.tabs li a:hover { background-color:#555555; border-color:#555555; } ul.tabs li a.active { background-color:#eeeeee; color:#282e32; border:1px solid #cccccc; border-bottom: 1px solid #eeeeee; border-top-left-radius:3px; border-top-right-radius:3px; } .contentafsbox, .tabcontent { background-color:#eeeeee; padding:10px; border:1px solid #cccccc; border-radius:3px; } #content_2, #content_3 { display:none; } ul.tabs { margin:0px; padding:0px; margin-top:5px; margin-bottom:4px; } ul.tabs li a.active { background-repeat:repeat-x; background-position:top; } .afssmallbox, .tabsmallbox { margin: auto; padding: 15px; margin-top: 2px; margin-bottom: 5px; border: 1px solid #e6e6e6; background-color: #fff; text-align: left; font-family: HelveticaNeueW01-45Ligh,HelveticaNeueW02-45Ligh,HelveticaNeueW10-45Ligh,sans-serif; color: #373737; width: 90%; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 13px; } .afssmallbox select, .afssmallbox input.inp, .tabsmallbox select, .tabsmallbox input.inp { margin: 0; padding:0; margin-top: 0px; font-size: 12px !important; padding-left: 8px !important; padding-right: 15px !important; margin-right: 5px !important; height: 30px; color: #373737; box-shadow: inset -2px 2px 2px rgba(0,0,0,0.05); border: 1px solid #ddd; border-radius: 3px; } .afssmallbox label, .tabsmallbox label { font-family: HelveticaNeueW01-45Ligh,HelveticaNeueW02-45Ligh,HelveticaNeueW10-45Ligh,sans-serif; color: #888888; font-size: 13px; } .afssmallbox label a { text-decoration: none; color: #888888; } .afssmallbox label:hover { text-decoration:underline; } .afs_stitle { margin: auto; margin-top: 2px; margin-bottom: 10px; margin-left: auto; margin-right: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; font-size: 14px; font-weight: 700; color: #487da6; } #afsboxinfo { text-align: left; margin-left: auto; margin-right: auto; line-height: 18px; font-size: 13px; } .btn-small { min-width: 35px; display: inline-block; padding: 0px 15px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 30px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 0; border: 0px; } .btn-ok { box-sizing: content-box; color: #fff; background-color: #428bca; margin-top: 10px; } .btn-cancel { box-sizing: content-box; color: #fff; background-color: #aaa; font-size: 12px; padding: 0px 5px; }