/* Global Styles */

* { margin:0; padding:0; }

body { background:#fff; color:#333; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:0.7em; }

.largest-text-size { font-size:1em; }
.large-text-size { font-size:0.85em; }
.normal-text-size { font-size:0.7em; }
.small-text-size { font-size:0.6em; }
.smallest-text-size { font-size:0.5em; }

h1 { color:#000; font-size:1.4em; }
h2 { color:#00529c; font-size:1.4em; }
h3 { color:#120070; font-size:1.2em; }
h4 { color:#333332; font-size:1.1em; }
h5 { color:#333; font-size:.95em; }
h6 { color:#fff; font-size:1em; }

a { color:#1031af; font-weight:bold; text-decoration:none; outline:none; }
a:hover { color:#1031af; font-weight:bold; text-decoration:underline; }

img { border:none; }
i { display:none; }
td { text-align:left; padding:.4em; }
th { text-align:left; padding:.4em 0 .4em .6em; font-weight:bold; }
input { font-size:.9em; }
input, textarea, select { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;background:#fff; width:22em; }
input:hover, textarea:hover, select:hover { border:1px solid #B3DDF3; background:#E6EBED; }

/* Containers */

#red-bar { position:relative; top:0; left:0; width:100%; height:.7em; background:#da2128; }
#outer-container { margin:0 auto; width:900px; }	
#container { position:relative; float:left; margin:1.7em 0 2em 0; z-index: 0; width: 900px; }

/* Header */	

#logo { position: relative; float:right; height: 79px; width: 900px; right:0; top:0; margin-top:1.6em; }
#header { position: relative; width: 900px; left: 0; top: 0; background:#E6EBED; }
.top-bg-wing { position: absolute; width: 200px; height: 86px; background: url(../../images/bgs/top-bg-wing.gif) #F2F5F6 no-repeat; top: -86px; z-index:999; }
.left-bg-wing { position: absolute; width: 111px; height: 201px; background: url(../../images/bgs/left-bg-wing.gif) #F2F5F6 no-repeat ; top: -1px; left: -101px; }
#splash { position: relative; float: left; height: 17.8em; width: 699px; left: 0; top: 0; background: #f2f5f6 no-repeat; z-index:999; }
#splash .top { padding:2.5em 22px 0 22px; width: 653px; height: 15.5em; line-height:1.7em; }

/* Nav */

#left-nav { position: relative; float: left; background: #e6ebed; width: 200px; left: 0; top: 0; min-height:17.8em; }

#left-menu { position: relative; float:left; left: 5px; top: 10px; }
#left-menu ul { margin-bottom:10px; }
#left-menu ul, li { list-style:none; }
#left-menu li a { margin-top:-1px; display:block; width:180px; height:100%; color:#666; background:url(../../images/bgs/nav-bg.gif) #f1f2ed repeat-y right; padding:4px 0 4px 6px; border:3px solid #fff; }
#left-menu li a:hover, #left-menu li a.active { color:#d82f36; background:url(../../images/bgs/nav-bg-hover.gif) #b3afca repeat-y right; text-decoration:none; }
#left-menu .first-elm , #left-menu .last-elm { border-top:3px solid #fff; }

/* Main */

#main-content { position: relative; height: auto; width: 900px; float: left; left: 0; top: 0; clear: both; background: url(../../images/bgs/main-content-bg.gif) repeat-y; }

#links-content { position: relative; float: left; width: 184px; background: #F2F5F6; padding:8px; }
.dotted-line { position: relative; float:left; margin-top:.4em; height: 1px; width: 100%; border-bottom:1px dotted #8798c1;}
.links-title { position:relative; left:0; }

#links-content li { width:174px; }
#links-content li a { display:block; width:100%; height:100%; color:#666; padding:8px 0 8px 10px; border-bottom:1px dotted #8798c1; }
#links-content li a:hover { background:#b3afca; color:#d82f36; background:url(../../images/bgs/left-links-bg.png) center no-repeat; text-decoration:none; }
#links-content span.heading { color:#000; }
#links-content .last-elm { height:1.6em; }

#middle-content { position: relative; float: left; padding:3.2em 21px .8em 21px; line-height:1.7em; }
.middle-homepage-content { width: 480px; }
.full { width:655px; }
.msieu-operation { width:416px; }
.no-right-padding { padding-right:0; }

.msig-operation-left { position:relative; float:left; width:290px; margin-right:70px; border-right:1px dotted #888; }
.msig-operation-right { position:relative; float:left; width:290px; }

.md-signature { position: relative; float: right; clear:both; width:138px; height:54px; }

/* Right */

#right-content { position: relative; float: left; padding:2em 0 0 0; }
.right-homepage { width: 153px; }
.right-company-policy { width: 224px; }

.ratings-container { position: relative; float: left; margin-top: 2em; clear:both;}
.ratings-top { position: relative; width:153px; height:66px; }
.ratings-content { position: relative; float: left; width:129px; background:url(../../images/bgs/ratings-content-bg.gif) repeat-y; padding:8px 16px 0 8px; }
.ratings-bottom { position: relative; float:left; width:153px; height:13px; background:url(../../images/bgs/ratings-bottom-bg.gif) no-repeat #f2f5f6; }

.ratings-top-msi-bg { background:url(../../images/bgs/ratings-msi-top-bg.gif) no-repeat #fff; }
.ratings-top-msie-bg { background:url(../../images/bgs/ratings-msie-top-bg.jpg) no-repeat #fff; }

.company-policy-container { position: relative; float: left; margin-top: 2em; clear:both;}
.company-policy-top { position: relative; width:218px; background:url(../../images/bgs/company-policy-top-bg.gif) repeat-y #fff; padding:9px 0 8px 7px;  }
.company-policy-top span.number { font-size:1.4em; }
.company-policy-content { position: relative; float: left; width:200px; background:url(../../images/bgs/company-policy-content-bg.gif) repeat-y; padding:8px 16px 0 8px; font-weight:bold; }
.company-policy-content li { list-style:square; margin:.8em 0 .8em 2em; }
.company-policy-bottom { position: relative; float:left; width:224px; height:13px; background:url(../../images/bgs/company-policy-bottom-bg.gif) no-repeat; }

/* Flash objects */

.flashObject { position:relative; float:left;}

/* Company policy */

.three-blocks { position:relative; float:left; width:224px; height:6.9em; z-index: 99; clear:both; overflow:hidden; }
.block-1-position { margin-top:54px; }
.block-2-position, .block-3-position { margin-top:24px; }
.block-4-position { margin-top:25px; }

.vertical-line { position:relative; display:block; width:2px; height:2.4em; left:108px; background:url(../../images/bgs/dotted-line-vertical.gif) repeat-y; z-index: 999; }

.horizontal-line { position:absolute; width:46px; left:429px; top:386px; height:2px; background:url(../../images/bgs/dotted-line-horizontal.gif) repeat-x; }

.msieu-operation-print { position:relative; float:left; width:226px; height:480px; display:none; }
.company-policy-print { position:relative; float:left; width:225px; height:393px; display:none; }

/* Footer */

#footer-container { position:relative; float:left; width: 860px; text-align:center; padding:14px 0 14px 14px; color:#666; font-size:.9em;}
#footer-container #msad-logo { position:relative; float:left; width:300px; margin-right:18px;  }
#footer-container #right-copy { position:relative; float:right; text-align:justify; width:540px; }
/* Buttons */

.change-text-size { position:relative; float:right; right:34px; top:20px; width:182px; height:17px; z-index:999; }

a.print-page { position:absolute; display:block; width:78px; height:16px; background:url(../../images/buttons/print_page.gif) #fff no-repeat; left:110px; top: 0px; }
a.print-page:hover { background-position:0 -16px; }

a.text-size { position:absolute; display:block; width:17px; height:17px; background:url(../../images/bgs/text_size.gif) #fff no-repeat; top: 0; z-index:9999; }

a.text-size-smallest { background-position:0 0; left:0; }
a.text-size-smallest:hover, a.text-size-smallest-active { background-position:0 -17px; }
a.text-size-smallest-active { background-position:0 -17px; }

a.text-size-small { background-position:-20px 0; left:20px; }
a.text-size-small:hover, a.text-size-small-active { background-position:-20px -17px; }
a.text-size-small-active { background-position:-20px -17px; left:20px; }

a.text-size-normal { background-position:-40px 0; left:40px; }
a.text-size-normal:hover { background-position:-40px -17px; }
a.text-size-normal-active { background-position:-40px -17px; left:40px; }

a.text-size-large { background-position:-60px 0; left:60px; }
a.text-size-large:hover, a.text-size-large-active { background-position:-60px -17px; }
a.text-size-large-active { background-position:-60px -17px; left:60px; }

a.text-size-largest { background-position:-80px 0; left:80px; }
a.text-size-largest:hover, a.text-size-largest-active { background-position:-80px -17px; }
a.text-size-largest-active { background-position:-80px -17px; left:80px; }

/* Forms and global classes */

.small-links { font-size:.8em; color:#888; }
a.small-links:hover { font-size:.8em; color:#1031af; }

.formleftcol { position: relative; width: 100px; float: left; margin: 0px; padding-bottom: 5px; }
.formrightcol { position: relative; float: left; width: 55em; clear: right; padding-bottom: 5px; margin: 0px; left: 1em; }
.formrightcol-standalone { position: relative; float: left; top:1em; left:0; width: 20em; clear: both; right:0; padding-bottom: 5px; margin: 0px; }
.formrow-standalone { position: relative; float: left; width: 600px; clear: both; padding-bottom: 5px; margin: 0px; }

.contactForm fieldset { margin-bottom: 10px; }
.contactForm legend { padding: 0 2px; font-weight: bold; margin: 0 -7px; }
.contactForm label { display: inline-block; line-height: 1.8em; vertical-align: top; cursor: pointer; }
.contactForm fieldset p { list-style: none; padding: 5px; margin: 0; }
.contactForm fieldset fieldset { border: none; margin: 3px 0 0; }
.contactForm fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
.contactForm label { width: 100px; }
.contactForm label.error { margin: -.8em 0 0 1em; width: 224px; height:29px; padding:5px 0 0 24px; background:url(../../images/bgs/error-arrow-bg.gif) no-repeat; overflow:hidden; }
.contactForm { font-size: 1em; color: #333; }
.contactForm legend { padding-left: 0; }
.contactForm legend, .contactForm label { color: #333; }
.contactForm fieldset { border: none; border-top: 1px solid #120070; background: #E6EBED; }
.contactForm fieldset fieldset { background: none; }
.contactForm fieldset p, .contactForm fieldset fieldset { padding: 5px 10px 7px; }
.contactForm label.error, label.error { color: #DA2128; font-weight:bold;}
.contactForm .submitButton { margin-left:104px; }
div.error { display: none; }
input:focus { border: 1px dotted black; }
input.error, textarea.error { border: 1px dotted red; }

.autoScroll { overflow:auto }
.noMargin { margin:0 }
.drops { width:100px; }
.img_left { float:left; margin:0 8px 0 0; }
.img_right { float:right; margin:0 0 0 8px; }
.img_centre { display: block; margin-left: auto; margin-right: auto }
.selectButton { width:auto; padding:2px 2px 3px 2px; color:#000; font-weight:bold; cursor:pointer; }
.radio { width:11px; border:0; background:none !important;}
.radio:hover { border:0; background:none !important;}
.check { width:14px; border:0; background:none !important;}
.check:hover { border:0; background:none !important;}
.subHead  { font-size:1em; color:#888; }
.formSelect { border:1px solid #fff; padding:0; margin:0;}
.errorText { font-size:1em; color:#f00; font-weight:bold; }
.empty { margin:7px; }
.clearBoth { clear:both; }
.hide_last_elm { display:none; }
.warning { font-weight:bold; color:#f00; }
.blackText { color:#000; }
#noprint { display: none; }
