/* remove browser default formatting */
body,div,p,h1,h2,h3,h4,h5,ul,ol,li,blockquote,address,fieldset,legend,form { margin: 0; padding: 0; }

/* set default formatting */
body { font: 0.625em "Lucida Grande", Tahoma, Helvetica, Arial, Sans Serif; color: #333; background: #FFF; padding: 0; margin: 0; text-align: left; }

a { color: #198AA5; text-decoration: none; }
a:hover { color: #116377; text-decoration: underline; }
a:active, a:focus { outline: none; }

h1 { font-size: 180%; color: #333; }
h2 { font-size: 140%; }
h3 { font-size: 110%; }
h4 { font-size: 120%; }
h5 { font-size: 120%; }

p { margin: 5px 0 15px 0; line-height: 145%; }
pre { text-align: left; font-size: 140%; }

ul, ol { margin: 0 0 20px 20px; }
li { margin: 3px 0; }

/* clearing etc. */
.clr { clear: both; height: 0px; overflow: hidden; }
.hide { display: none; visibility: hidden; }

/* Main Layout */
#shell { width: 100%; margin: 0 auto; text-align: left; font-size: 110%; }

/* header elements */
#header h1 { float: left; margin: 10px 0; }
#header p { display: none; }

/* navigation */
#nav { display: none; }


/* content area */
#content { clear: both; background: #fff; padding: 15px 18px; }
.tools { float: right; margin: 0 0 0 10px; display: block; width: 16px; height: 16px; text-indent: -999em; position: relative; }
#help { background: url(https://www.payscania.com/OPSystem/images/help.gif) no-repeat left top; }
#print { background: url(https://www.payscania.com/OPSystem/images/printer.gif) no-repeat left top; }
#content h1.title { float: left; position: relative; margin: 0 0 5px 0; }
.intro { clear: both; position: relative; margin: 0 0 15px 0; }
.legal { color: #777; font-size: 95%; line-height: 145%; }

/* forms etc */
form.action, form.user, form.editform { font-size: 120%; }
.action { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 15px 0; margin: 0 0 15px 0; width: 100%; }
.float { float: left; margin: 0 20px 0 0; }
.floatend { margin: 0; }
.float * { vertical-align: middle; }
.float label { display: block; }
.txt { background: #FFFFEC url(https://www.payscania.com/OPSystem/images/input-bg.gif) no-repeat left top; border: 1px solid #6E6E6E; font-size: 110%; color: #000; padding: 4px 5px; margin: 0 0 6px 0; }
.txtreadonly { background: #f9f9f9; border: 1px solid #bbb; font-size: 110%; color: #333; padding: 4px 5px; }
textarea { font: 110% "Lucida Grande", Tahoma, Helvetica, Arial, Sans Serif; color: #000; }
input { font: 110% "Lucida Grande", Tahoma, Helvetica, Arial, Sans Serif; color: #000; }
select { margin: 3px; vertical-align: middle; font: 110% "Lucida Grande", Tahoma, Helvetica, Arial, Sans Serif; color: #000; background: #FFFFEC url(https://www.payscania.com/OPSystem/images/input-bg.gif) no-repeat left top; border: 1px solid #6E6E6E; }
.radio { margin: 5px 30px 5px 0; padding: 0; line-height: 250%;}
.button { vertical-align: middle; margin: 0 10px 0 0; }
.divide { clear: both; width: 100%; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 15px 0; }

.editform h3 { margin: 15px 0 0px 250px; position: relative; }
.editform h3.label { margin-left: 30%; padding-left: 8px; position: relative; }
.field { float: left; width: 100%; margin: 0 0 10px 0; padding: 5px 0 0 0; } 
.field .label { float: left; text-align: right; width: 30%; padding: 5px 8px 0 0; }
.field .data { float: left; width: 60%; }

.swatch { display: block; float: left; height: 27px; width: 27px; margin: 0 6px 0 0 ; vertical-align: middle; }

.forminfo { clear: both; margin-left: 30%; padding-left: 8px; }
fieldset { border: 1px solid #ddd; padding: 15px 0; margin: 15px 0; }
legend { margin-left: 20px; padding: 5px; color: #777;  }

.listing th { background: #CDCDCD url(../OPSystem/images/th-bg.gif) repeat-x left top; border-bottom: 1px solid #B7B7B7; padding: 5px; color: #111; text-shadow: #fff 0 1px 1px; }
.listing td {  border-bottom: 1px solid #e5e5e5; padding: 10px 5px; }
.listing tr.even td { background: #f0f0f0; }

.align td,.align th { padding: 0 6px 6px 0; }

.found { float: left; margin: 15px 0 0 0; }
.paging { float: right; margin: 15px 0 0 0; }
.paging .page { font-size: 130%;}
.paging a { margin: 0 3px;  }
.paging strong { margin: 0 3px; }

/* footer */
#footer { clear: both; text-align: center; background: transparent url(https://www.payscania.com/OPSystem/images/content-bg.gif) no-repeat left top; padding: 15px 0 10px 0; font-size: 95%; }

.info { background: #DEEEFC url(https://www.payscania.com/OPSystem/images/info.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; position: relative; }
.error { background: #FEF2F2 url(https://www.payscania.com/OPSystem/images/error.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; position: relative; }
.ok { background: #EAF5E9 url(https://www.payscania.com/OPSystem/images/ok.gif) no-repeat 0 0; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; position: relative; }

/* CALENDAR STYLES */
.dpTable { background: #f9f9f9; width: 200px; border: 1px solid #bbb;}
.dpDayTR { border-bottom: 2px solid #000; }
.dpButton {font-size: 10px; }
.dpTitleTD { font-weight: bold; font-size: 120%; }
.dpDayTD { font-size: 110%; font-weight: bold; color: #333; }
.dpTD { font-size: 110%; color: #198AA5; cursor: pointer; }
.dpDayHighlightTD { font-size: 110%; color: #333; font-weight: bold; }
.dpTodayButton { font-size: 10px; }
.dpTitleText { color:#000; }

#tabs { list-style: none; margin: 0 !important; float: left; width: 100%; }
#tabs li { float: left; margin: 0 5px; }
#tabs li a { display: block; color: #999; margin: 0 0 1px 0; }
#tabs li a strong { font-weight: normal; padding: 5px 10px 4px 10px; display: block; }
#tabs li a.current {  color: #333!important; margin: 0; }
#tabs li a.current strong { font-weight: bold; padding: 5px 10px 5px 10px; }


#tabcontainer { float: left; width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0;  margin: 0 0 15px 0; }
fieldset.remove { border: 0; margin:0!important; padding: 0!important; }
fieldset.remove legend { display: none; visibility: hidden; }
fieldset.legendonly { border: 0; margin:0!important; padding: 0!important; }
fieldset.legendonly legend { padding: 0 0 0 15px; }

.fieldsetdivide { clear: both; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 15px; }

/* FORMS */
#payment-form { margin: 10px auto; }
#payment-form input,#payment-form select,#payment-form textarea { font-size: 110%; }
.edit-form .txt { padding: 2px 2px 1px 2px; }
.edit-form fieldset { border: 1px solid #ddd; padding: 15px; margin: 10px 0 0 0; }
.edit-form fieldset legend { font-size: 130%; font-weight: normal; color: #777; padding: 3px; }
.edit-form fieldset p.standard { clear: left; margin: 15px 0; }
.edit-form fieldset p.standard label { font-weight: bold; text-align: right; display: block; float: left; width: 180px; padding: 3px 5px; }
.edit-form fieldset p.standard small { color: #888; font: 90% Verdana, Arial, Helvetica, sans-serif; }
.divide { clear: both; margin: 10px 0; background: #fff; border-top: 1px solid #eee; height: 0; overflow: hidden; }
.forminfo { margin-left:190px; }

table { font-size: 11px; }
table td strong { font-size: 90%; }

.tidydata { margin: 0; padding: 0; overflow: auto; }
.tidydata dt { margin: 0; padding: 0; clear: left; text-align: right; float: left; width: 200px; padding: 5px 10px 5px 0; }
.tidydata dd { margin: 0; padding: 0; float: left; width: 300px; padding: 5px 0 5px 0; }