body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0 }
hr { display: none }
img { vertical-align: middle }
#ajax_loading { background-color: #6f8f52; padding: 5px; width: 8%; position: fixed; top: 0px; left: 46%; text-align: center; color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; z-index: 10000 }
html { height: 100% }
body { background: #fff; /*font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;*/ font: normal 12px Open Sans, sans-serif; position: relative; color: #4c4c4c; background: #386e9a; background: -moz-linear-gradient(top, #4a85b5 0%, #205889 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a85b5), color-stop(100%, #205889)); height: auto !important }
input, select, textarea { font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif }
a { text-decoration: none; color: #3287c9 }
a:hover { color: #8f0758 }
abbr { border-bottom: 1px dotted #246594 }
strike { color: #888; padding-right: 10px; }
.desctext { color: #969a9d; font-size: 90% }
.left { float: left }
.right { float: right }
.clear { clear: both }
.clearfix, .context_menu { zoom: 1 }
.clearfix:after, .context_menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.center { text-align: center }
.pad { padding: 10px }
.larger_text { font-size: 110% }

#headline, #main_content { width: 800px; }
#headline { margin: 2% auto 10px; color: #fff; font-size: 32px; font-variant: small-caps; font-weight: bold; text-shadow: 0px 0px 5px rgba(0,0,0,0.3) }
#main_content { padding: 15px; background: #fff; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); box-shadow: 0px 0px 12px rgba(0,0,0,0.3); }
#main_content.admin { height: 600px; overflow-y: auto; overflow-x: hidden; }
#footer { margin: 20px 15px 0; padding: 10px 15px; font-size: 11px; text-align: center; color: #9a9a9a }
#footer a { color: #9a9a9a }
#footer a:hover { color: #fff }

.textinput, .multitext, .input_text { padding: 4px; border-width: 1px; border-style: solid; border-top-color: #848484; border-left-color: #c1c1c1; border-right-color: #c1c1c1; border-bottom-color: #e1e1e1; background: #fff; -moz-border-radius: 2px; border-radius: 2px; width: 350px }
.textinput:focus, .multitext:focus, .input_text:focus { border-top-color: #4e4e4e; border-left-color: #7c7c7c; border-right-color: #7c7c7c; border-bottom-color: #a3a3a3; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3) }
input.inactive, select.inactive { color: #c4c4c4 }
select { padding: 4px; border-width: 1px; border-style: solid; border-top-color: #848484; border-left-color: #c1c1c1; border-right-color: #c1c1c1; border-bottom-color: #e1e1e1; background: #fff; -moz-border-radius: 2px; border-radius: 2px }
.button {padding:5px 19px;border:0;background:#363636;color:#fff !important;-moz-border-radius:3px;border-radius:3px;cursor:pointer}

h1 { font-weight: bold; margin: 25px 0 10px; font-size: 24px; border-bottom: 1px solid #888; text-align: left;}
h1:first-child { margin-top: 0 }

table { width: 100% }
table th { color: #246594; text-shadow: 1px 1px 0 #d4e1ef; padding: 10px; font-size: 12px; font-weight: bold; width: 100px; }

.acp-box.alt .ipsTable th { background: #F7E4ED; color: #96235D; text-shadow: 1px 1px 0 #EDD3E0 }

.acp-actionbar {
	background: #f5f5f5;
	border-top: 1px solid #d7d7d7;
	padding: 10px;
	text-align: center;
}
table td { padding: 10px; /*width: 100%;*/ font-size: 18px; }

.required { color: #b53300; font-weight: bold; font-size: 13px; margin-left: 3px }
._red { background: #f2e4e7 }
._amber { background: #F9F7E0 !important }

table tr:nth-child(odd) { background: #f5f8fa }
table tr:nth-child(even) { background: #fff }

.badge, .badge_tuc, .badge_small { display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; border-radius: 2px }

.badge_tuc { text-transform: uppercase; }
.badge_small { text-transform: uppercase; font-size: 10px; }
.badge { padding: 10px; }
.badge_green { background: #7ba60d }
.badge_purple { background: #af286d }
.badge_grey { background: #5b5b5b }
.badge_lightgrey { background: #b3b3b3 }
.badge_orange { background: #ED7710 }
.badge_red { background: #bf1d00 }

/*.badge_purple { background: #AB156D; background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CE3C92), color-stop(100%, #AB156D)); border: 1px solid #8c1159; text-shadow: -1px -1px 0 #8f115b }
.badge_green { background: #6CAA00; background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8FC400), color-stop(100%, #6CAA00)); border: 1px solid #689e07; text-shadow: -1px -1px 0 #689e07 }
.badge_red { background: #CF0404; background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF3019), color-stop(100%, #CF0404)); border: 1px solid #b00303; text-shadow: -1px -1px 0 #b00303 }
.badge_grey { background: #E5E5E5; background: -moz-linear-gradient(top, #FFF 0%, #E5E5E5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E5E5E5)); border: 1px solid #c8c8c8; color: #4b4b4b; text-shadow: 1px 1px 0px #fff }*/
.badge:hover { color: #fff !important }
.badge.badge_grey:hover { color: #4b4b4b !important }

#login { width: 450px; height: 180px; background: #fff; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); box-shadow: 0px 0px 12px rgba(0,0,0,0.3); position: relative; padding: 10px }
#login_logo { position: absolute; top: -45px; left: 0 }
#login_submit { background: #e7edf2; border-top: 1px solid #d0dce6; padding: 20px 10px; text-align: center; position: absolute; bottom: 0px; left: 0; right: 0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px }
#login_controls { margin: 0 auto; position: absolute; width: 100%; bottom: 100px; font-size: 16px }
#login_controls label { display: block; width: 33%; color: #667078; float: left; clear: both; margin-bottom: 12px; text-align: right; padding-right: 15px }
#login_controls input { margin-bottom: 12px; font-size: 14px; width: 45% }
#login_error { position: absolute; top: 15px; left: 10px; right: 10px; font-size: 13px; font-weight: bold; background: #f2ccd4; border: 1px solid #e599aa; padding: 10px; color: #80001c }