@import url(controls.css);
@import url(form.css);
@import url(icons.css);
@import url(stylebox.css);

body{ text-align: center; margin: 0px; background-color: #efebef; }
div,h1,h2,td,th,ol,ul,li,p { font-family: arial, Verdana, sans-serif; color: #000; font-size: 12px; vertical-align: top; text-align: left; }
ul{ margin-left: 0; padding-left: 17px; list-style-image: url(../images/icon_bullet_box.gif); }
ol{ margin-left: 5px;  padding-left: 17px;  }
li{ padding-top: 0; margin-left: 2px; margin-bottom: 8px; }
p{ margin-top: 0px; }	
h1, h2, h3, div.headerbar{ font-family: Helvetica,arial sans-serif; font-weight: normal; margin-top: 10px; margin-bottom: 10px; color: #003366; }
h1 { font-size : 22px; }
h2 { color: #333; font-size : 18px; margin-top: 10px; margin-bottom: 10px; } 
h3 { font-size : 16px; color : #000; font-weight: bold; }
div.headerbar{ background-color: #e3e4e9; width:550px; font-weight: bold; font-size: 16px; color: #003063; padding: 3px; padding-left: 5px; border-bottom: 3px double #fff; }
a { color: #6599cb; text-decoration: none; }
a:hover { text-decoration: underline; background-color: #e4e9f6; }
iframe { border: 0px; margin: 0px; padding:  0px; display: block; }
form{ margin: 0px; padding: 0px; }
hr{ height: 1px; border: 0px; border-top: 1px dashed #ccc; }
.block{ display: block; }
.rowblock{ display: block; margin-bottom: 10px; }
.rightalign{ text-align: right; }
.centeralign{ text-align: center; }
div.magpar{ margin-bottom: 10px; }
div.content{ padding: 5px 20px 20px 20px; }
div.boxtitletext{   padding: 2px 5px 2px 5px; }

/* timestamp div is designated in date.js */
div#timestamp{ font-size: 11px; font-family: verdana, arial, sans-serif; color: #ff9934; }
div#breadcrumbs, div#breadcrumbs a{ font-size: 11px;  color: #999; }

/* DATA TABLES */
table.datatable {border-collapse: collapse; border: 1px solid #336699; margin-top: 2px; margin-bottom: 2px; }
.datatable td, .datatable th { border: 1px solid; font-size: 11px; }
.datatable th {padding: 3px; background-color:#165788; color:#ffffff; font-weight:bold; }
.datatable td {color: #000000; background-color:#dfe7f4; padding: 3px; vertical-align: top; }
.datatable td.lowlight{background-color:#f1f4fb;}
/*.datatable td.highlightup{ background-color: #f1f4fb; }*/
/*.datatable td.highlightdown{ background-color: #ff9999; }*/
.datatable td.inactive{ color: #999; }
.datatable td.inactive a,
.datatable td.inactive a:active,
.datatable td.inactive a:visited{ color: #999; }
/*.datatable td.filter{ background-color: #cfd7e9; }*/
.datatable th a,
.datatable th a:active,
.datatable th a:visited,
.datatable th a:active:visited,
.datatable th a:active:hover  { color: #fff; display: block; height: 30px; }
/*.datatable th a:active:hover { color: #4c608c; background-color: #cad6ef; display: block; }*/

/* Start global layout styles */

div#footer{ font-family: verdana, arial, sans-serif; color: #666666; font-size: 9px; padding: 100px 10px 10px 10px; width: 540px; clear: both; }
div#centerholder{ margin-left: auto; margin-right: auto; width: 1000px; }
div#main { border: 1px solid #636563; border-top: 4px solid #636563; border-bottom: 4px solid #636563; background-color: white; float: left; padding-left: 10px; padding-right: 10px; background-image: url(../images/bg_curve.gif); background-position: left bottom; background-repeat: no-repeat; }
div#twocol1, div#twocol2,
div#threecol1, div#threecol23holder, div#threecol2, div#threecol3, div#threecolContactholder 
div#fourcol23holder, div#fourcol1, div#fourcol2, div#fourcol3, div#fourcol4 { float: left; }
div#fourcol4, div#threecol3{ margin-left: 10px; }
div#twocol1, div#threecol1, div#threecol3, div#fourcol1, div#fourcol4 { width: 190px; }
div#twocol2 { margin: 0px 0px 0px 2px; width: 799px; }
div#threecol2{ width: 775px; }
div#threecol2a, div#threecol2b{ width: 265px;  float: left; }
div#threeContactcol2a, div#threeContactcol2b{ width: 350px;  float: left; }
div#col2a, div#col2b, div#col2c{ width: 160px;  float: left; }
div.threecol2abcontent{ float: left;   padding-right: 10px; }
div#threecol23holder{ width: 550px; margin-left: 10px; }
div#threecolContactholder{ width: 765px; margin-left: 10px; }
div#col23colholder{ float: left;  width: 773px; }
div#col23colcontent{ float: left;  width: 550px; padding: 10px; }
div#colContactcontent{ float: left;  width: 750px; padding: 10px; }
div#colContactcontent{ float: left;  width: 550px; padding: 10px; }
div#col2content{ float: left;  padding: 10px; }
div#fourcol23 { margin-left: 10px; width: 575px; float: left; }
div#fourcol23holder { float: left; width: 573px; }
div#fourcol2, div#fourcol3{ width: 270px; float: left; }
div.fourcol23content/MarkitFiles/Idding-left: 10px; padding-bottom: 10px; }
div#col23boxtop{ background: url(../images/col23_border_box_top.gif) top left no-repeat; height: 15px; }	
div#col23borderbox{ border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background-color: white; float: left; }
div.usermessage{ display: none; margin-bottom: 2px; padding: 5px; }
div#col23micrositeborderbox{ border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background-color: white; float: left; }
div#col23micrositeborderbox p{
margin-left:10px; margin-right:10px;
}
div#col23micrositeborderbox h2{
margin-left:10px; margin-right:10px;
}
div.error{ display: block; margin-bottom: 10px; border: 1px solid red; background-color: #ffcccc; padding: 5px; }
.none{ display: none; }
div.boxtitle{ background-color: #8C9EC6; border-top: 1px solid #c2d0f0;   border-bottom: 1px solid #596c98; border-left: 1px solid #8C9EC6; border-right: 1px solid #8C9EC6; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-weight: bold; color: white; font-size: 10pt; padding-top: 2px; padding-left: 5px; padding-bottom: 2px; padding-right: 2px; }
div.boxpanel, div.moreoptionsboxpanel { background-color: #fff;  padding: 4px 4px 4px 4px; margin-bottom: 2px; margin-top: 0px; margin-left: 0px; margin-right: 0px; overflow: auto; }
div.floatleft{ float: left; }
.line { background-color: #999; font-size: 1px; line-height: 1px; height: 1px; }
.alignleft{ text-align: left; }
.aligncenter{ text-align: center; }
.alignright{ text-align: right; }
.clearboth{ clear: both; }

/* Link Styles */

span.linkdate{ font-weight: bold; display: block; }
.small{ font-size: 12px; font-family: verdana, arial, sans-serif; }
span.standalonelink{ line-height: 15px;  border-bottom: 1px dashed #e1e1e1;  padding-bottom: 5px;  margin-bottom: 5px;  display: block; }
a.standalonelink{ font-weight: bold; display: block; font-size: 14px; margin-bottom: 3px; }

/* Image wrap tags used by Magnolia paragraph */
img { border: 0px; }
img.wraptoright { float: left; margin-right: 10px; margin-bottom: 10px; clear: both; }
img.wraptoleft { float: right; margin-left: 10px; margin-bottom: 10px; }
img.nowrap{ clear: both; }
img.markit{ margin-left: 20px; margin-bottom: 10px; }

/* Price box styles (Credit Fixings) */

div.highlightbox{ margin-top: 15px; margin-bottom: 15px; display: block; }
span.highlightbox{ border: 1px solid #e1e1e1;  background-color: #f1f1f1;  padding: 5px 5px 5px 5px;  font-weight: bold; }
span.highlightvalue{ color: #FF6600; }

/* Magnolia Overrides */

.mgnlControlBarSmall, .mgnlControlBarSmall_PUSHED, .mgnlControlBarSmall_MOUSEOVER { width: 140px; }
.mgnlMainbar,.mgnlMainbarPreview { position: relative; margin-bottom: 5px; z-index: 900; }

/* START STOCK CSS */

td.table,td.tableHead { padding-top: 2px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; margin-bottom: 4px; border-style: solid; border-width: 0px; border-color: #aaaaaa; }
td.tableHead { background-color: #999; color: #fff; font-weight: bold; }
.devShowBox { background-color: #cccccc; padding: 4px; }
.code { font-family: Courier New, monospace; font-size: 12px; }
label{ width: 100px; padding-bottom: 3px; display: block; }
input { font-family: Verdana, Helvetica, Arial, sans-serif; color: #333333; font-size: 0.80em; }
input.button, input.submit { border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0.25em; background-color: #e1e1e1; background-repeat: repeat-x; font-weight: bold; margin-top: 5px; }
textarea,input.text,select { width: 100%; font-family: Verdana, sans-serif; font-size: 11px; }
input.submit { font-family: Verdana, sans-serif; font-size: 11px; }
input.checkbox,input.radio { position: relative; top: 3px; margin-right: 6px; }
.searchresult { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.searchresult p { margin: 3px 0 3px 0; }
.searchresult h4,.searchresult a { display: block; margin-bottom: 2px; }