/* basic styles */
body {
background:url(../img/pixel-slice-mid-fade.png) 0 100% repeat-x fixed #F8F9F7;
font:0.7em Optima, Optane, Opulent, "CG Omega", Eterna, "Palatino Sans", Helvetica, Univers, "Univers 55", Folio, arial, Verdana, sans-serif, "MS sans serif", Arial, Verdana, Geneva, Helvetica, sans-serif;
line-height:1.6em; color:#333; height:100%;
}
strong {font-weight:bold;}
em{font-style:italic;}
abbr, acronym, dfn, #main #content .more {border-bottom:1px dashed #666; cursor:help;}
hr{border:0; border-top:1px solid #000; width:60%; padding:1em 0 0.5em 0;}
.clear{clear:both !important; line-height:0px !important; width:100% !important; display:block !important; height:0px !important; padding:0 !important; margin:0 !important; outline:0 !important; font-size:0em !important; visibility:hidden !important;}

ol li {list-style-type:decimal;}

a {color:#333;}
a:focus, a:hover, a:active {color:#390;}
sup {vertical-align:top; font-size:0.4em;}
.buttonbig {width:4em; height:1.8em; background-color:#fff; vertical-align:middle; text-align:center; font-size:1.4em; min-height:40px; color:#000; float:right; margin:1.2em 0 0 0;}
.buttonbig a{color:#333; text-decoration:none;}
.buttonbig a:focus, .buttonbig a:hover, .buttonbig a:active{color:#000;}
.buttonbig * {width:100%; height:100%; display:block;}
.buttonbig .top-left{background:url(../img/c-gd-1.png) 0 0 no-repeat; padding:0.45em 0 0 0;}
.buttonbig .top-center{background:url(../img/gd-b.png) 0 100% repeat-x;}
.buttonbig .top-right{background:url(../img/c-gd-4.png) 100% 0 no-repeat;}

.buttonbig .center-left{background:url(../img/gd-l.png) 0 0 repeat-y;}
.buttonbig .center-right{background:url(../img/gd-r.png) 100% 0 repeat-y;}
.buttonbig .bottom-left{background:url(../img/c-gd-2.png) 0 100% no-repeat;}
.buttonbig .bottom-center{background:url(../img/gd-t.png) 0 0 repeat-x;}
.buttonbig .bottom-right{background:url(../img/c-gd-3.png) 100% 100% no-repeat;}

.buttonbig:focus, .buttonbig:hover, .buttonbig:active {background-position:0 bottom;}

.uppy {float:right; position:relative; top:-12px; background:url(../img/uppy-thing.png) 0 0 no-repeat; width:11px; height:10px; display:block;}

.demobox {float:left; margin:1em; text-align:center;}
.required {color:#f33;}

/* large screen styles */
#large #wrapper {width:90%; background-color:#fdfeff; position:relative; left:50%; min-width:690px; margin:0 0 0 -45%; border:1px solid #999; border-top:0;}
#large.splash #tray {background:url(../img/photos/cropped-px-slice.jpg) 100% 100% repeat-x; display:block;}
#large.splash #tray .back{background:url(../img/photos/index-pic-fade-cropped.jpg) 100% 100% no-repeat !important; display:block;}

#large #head {clear:both; display:block; width:100%;}
#large #head h1 a {background:url(../img/logo.png) 0 0 no-repeat; width:216px; height:78px; text-indent:-99999px; float:left; margin:1em 0 0 1em;}
#large #head h2 {text-indent:-99999px;}

#large #head form {float:right; margin:0 3em 0 0; width:19em;}
#large #head form .input input {float:right; border:1px solid #999; margin:0.2em 0 0 0; width:10em; padding:0 0 0 0.2em;}
#large #head form .input label {float:left; margin:0.2em 0.4em 0 0; }
#large #head form .function {margin:0.4em 0 0 0; text-align:right;}
#large #head form .function input {width:5em; padding:0; margin:0;}
#large #head form .function #form_login {float:right;}
#large #head form .function #form_signup {float:left;}
#large #head form .mailing_list {display:block; width:10.4em; text-align:center; background-color:#390; padding:0 0.2em 0 0.2em; text-decoration:none; float:right; margin:0.5em 0 0 0; border:1px solid #999;}
#large #head form .mailing_list:hover, #large #head form .mailing_list:focus, #large #head form .mailing_list:active {background-color:#6c3; color:#333;}

#large #main {clear:both; padding:0 0 1em 0; font-size:1.2em; width:100%;}
#large #main h1, #large #main h2, #large #main h3 {color:#360; margin:0.2em 0 0 0;}

#large #main #heading,
#large #main #heading .center,
#large #main #heading .top-right,
#large #main #heading .bottom-left,
#large #main #heading .bottom-right{
display:block;
}

#large #main #heading{background:url(../img/h1-corner-1.png) no-repeat 0 0 #e3ebe0;
font-size:1.8em; line-height:1em;  margin:0.8em 1.5em 1em 18px; clear:both; position:relative; left:-1px;
}
#large #main #heading .center{padding:0.05em 0 0.35em 150px;}
#large #main #heading .top-right{background:url(../img/h1-corner-4.png) no-repeat 100% 0;}
#large #main #heading .bottom-left{background:url(../img/h1-corner-2.png) no-repeat 0 100%;}
#large #main #heading .bottom-right{background:url(../img/h1-corner-3.png) no-repeat 100% 100%;}


#large #main .billboard{line-height:1em; margin:0.8em 1.5em 1em 18px; clear:both; position:relative; left:-1px; background-color:#E3EBE0; color:#360;}

#large #main .billboard table{margin:0 auto 0 auto; width:auto;}

#large #main .billboard h2{color:#333; font-size:1.8em; line-height:1.1;}
#large #main .billboard .center,
#large #main .billboard .top-left,
#large #main .billboard .top-right,
#large #main .billboard .bottom-left,
#large #main .billboard .bottom-right {
display:block; width:100%; height:100%;
}
#large #main .billboard .center{padding:1em 1em 0.5em 1em; float:left; width:auto;}
#large #main .billboard .top-left{background:url(../img/h1-corner-1.png) no-repeat 0 0;}
#large #main .billboard .top-right{background:url(../img/h1-corner-4.png) no-repeat 100% 0;}
#large #main .billboard .bottom-left{background:url(../img/h1-corner-2.png) no-repeat 0 100%;}
#large #main .billboard .bottom-right{background:url(../img/h1-corner-3.png) no-repeat 100% 100%;}

#large #main .billboard form {width:80%; float:none;}
#large #main .billboard form input, #large #main .billboard form select, #large #main .billboard  form label {margin:0.2em 0 0.2em 0; width:auto; display:block;}
#large #main .billboard input, #large #main .billboard select {margin-bottom:1em; float:right;}
#large #main .billboard .confirm {margin:1em 0 0.8em 0;}


#large #main h2, #large #main #content h1{font-size:1.4em; margin:0 0 0.4em 0;}
#large #main h3{font-size:1.3em;  margin:0.5em 0 0.3em 0; color:#333; clear:both;}
#large #main h4{color:#360; font-weight:bold; margin:0 0 0.2em 0;}

#large #main .menu {float:left; font-size:1.1em; margin:0.8em 0 0 0; padding:0 1.3em 0 0; width:150px; border-right:1px solid #999;}
#large #main .menu .spacer {margin:0; padding:0; line-height:0.5em;}
#large #main .menu li {text-align:right; padding:0 0 0.6em 0.3em; }
#large #main .menu li a {color:#333; text-decoration:none;}
#large #main .menu li a:hover, #large #main .menu li a:focus, #main .menu li a:active, #large #main .menu .selected a {color:#360;}
#large #main .menu .selected a {text-decoration:underline;}

#large #main .menu a:focus .desc, #large #main .menu a:active .desc, #large #main .menu a:hover .desc {display:block;}

#large #main #content {float:left; width:55%; margin:0.8em 0 2em 1.5em; min-height:37em;}
#large #main #content ul, #large #main #content p, #large #main #content address, #large #main #content img, #large #main #content dl {margin:0.1em 0 1em 0.5em; clear:both;}
#large #main #content ul {margin-top:1em;}
#large #main #content .diagram {float:left; margin:0 2em 1em 0;}
#large #main #content a {color:#360; text-decoration:none; font-weight:bold;}
#large #main #content a:hover, #large #main #content a:focus, #large #main #content a:active {text-decoration:underline;}
#large #main #content a.sentence {color:#360; text-decoration:underline;}
#large #main #content h2 a{font-weight:normal;}
#large #main #content li {padding:0 0 0 0.2em; margin:0 0 0.5em 2em;}
#large #main #content ol li {margin-bottom:1.5em;}
#large #main #content ul li {list-style:disc;}
#large #main #content .learn li {list-style:none; margin:0; padding:0;}
#large #main #content .simple .title{float:left;}
#large #main #content .simple .desc{float:right;}
#large #main #content .simple li {list-style:none; margin:0;}
#large #main #content li a {color:#360;}
#large.splash #main #content li a {font-weight:normal; color:#333;}
#large #main #content li a strong {color:#360;}
#large #main #content li ul {margin:0.8em 0 0.8em 0;}

#large #main #content .box {border:1px solid #333; margin:0 0 0.7em 0; padding:0 0 1em 0;}
#large #main #content .box strong {color:#360; margin:0.2em 0 0 0.5em; display:block;}
#large #main #content .box p {margin:0 0 0 2.5em;}

#large #main #content .breakdown td, #large #main #content .breakdown th{text-align:center; border:1px solid #333; text-align:center; padding:0.3em;}
#large #main #content .breakdown{ border-collapse: collapse; border-spacing: 0;}
#large #main #content .breakdown th {font-weight:bold;}


#large #main #content h3 a{font-weight:normal;}

#large #main #content .dir-links{clear:both; list-style-type:none; margin:3em 0 6em 0;}
#large #main #content .dir-links li{list-style-type:none; padding:0; margin:0;}
#large #main #content .dir-links a{font-weight:normal;}
#large #main #content .dir-links .backwards{float:left;}
#large #main #content .dir-links .forward{float:right;}

#large #main #content .newsitem {}

#large #main #content .testimonial {margin:0 0 1em 0.5em; clear:both;}
#large #main #content .testimonial a {color:#000; font-weight:normal;}
#large #main #content .testimonial a:hover, #large #main #content .testimonial a:focus{text-decoration:none;}
#large #main #content .testimonial a .moretestimonial{color:#360;}
#large #main #content .testimonial a:hover .moretestimonial, #large #main #content .testimonial a:focus .moretestimonial{text-decoration:underline;}

#large #main #content .narrow {width:80%;}
#large #main #content blockquote{margin:0 20% 0 10%; font-style:italic; font-size:0.98em; text-align:center; clear:both; color:#39c; font-family:euphemia, "century gothic", "lucida sans", verdana, lucida, arial, Arial, Verdana, Geneva, Helvetica, sans-serif;}
#large #main #content cite{text-align:right; float:right; font-size:1em; margin:0 4em 0 0; display:block; clear:both;}

#large #main form {width:100%; margin:0;}
#large #main .thinform {width:28em;}
#large #main .thinform fieldset {border:0 none;}
#large #main .thinform input{float:right; margin:0.2em 0 0.2em 0;}
#large #main .thinform fieldset input, #large #main .thinform fieldset textarea, #large #main .thinform fieldset select{float:right; width:15em; margin:0.2em 0 0.8em 0; padding:0 0 0 0.1em;}
#large #main .thinform fieldset select {width:15.4em; margin:0.2em 0 0.2em 0;}
#large #main .thinform fieldset textarea {width:15.4em; margin:0.2em 0 0.2em 0;}
#large #main .thinform label{float:left; width:10em;}
#large #main .thinform .submit{width:auto; float:right;}

#large #main form fieldset {border:1px solid #333; padding:3px; margin:3px;}
#large #main form .check{float:none; margin:0;}


#large #main .phonenumberlookup {}
#large #main .phonenumberlookup {width:65%;}
#large #main .phonenumberlookup fieldset{width:100%; text-align:center; border:1px solid #333; padding:1em 20% 0.5em 20%;}
#large #main .phonenumberlookup  legend{text-align:center; font-size:1.4em; color:#360; float:none; margin:0 0 0.8em 0;}
#large #main .phonenumberlookup label{float:left; width:50%; margin:0 0 1em 0;}
#large #main .phonenumberlookup input, #main .phonenumberlookup select{width:40%; margin:0 0 1em 0;}
#large #main .phonenumberlookup select {width:41%;}
#large #main .phonenumberlookup .submit{width:auto; float:none;}
#large #main .phonenumberlookup .check{float:left; width:auto; margin:1em 0 1em 0;}
#large #main .phonenumberlookup .checktext{float:right; width:95%; margin:1em 0 1em 0;}

#large .newssignup {border:1px solid #333; background-color:#fff; height:13em; width:17.5em; padding:1em 0.5em 0.5em 0.5em; margin:0;}
#large .newssignup fieldset {clear:both;}
#large .newssignup input{margin:0 0 1em 0; width:8em; float:left;}
#large .newssignup .submit{width:auto; float:right; clear:both; margin:0 0.9em 0 0;}
#large .newssignup label{width:5em; text-align:right; float:left; padding:0 0.2em 0 0;}

#large #main #content .transition-line {clear:both; margin:0 0 3.2em 0; float:none; display:block;}
#large #main #content .transition-line li{ float:left; list-style-type:none; margin:0; padding:0 35px 0 5px; background:url(../img/arrow.png) 100% 50% no-repeat;}
#large #main #content .transition-line .last {background:none;}
#large #main #content .transition-line .selected a {text-decoration:underline;}


#large #main #content #helpbox, #large #main #content #errorbox{top:20em; margin:0 3em 0 0; width:15%;}
#large #main #content #errorbox {
color:#f33;
}

#large #main #content .flag-australia,
#large #main #content .flag-austria,
#large #main #content .flag-canada,
#large #main #content .flag-belgium,
#large #main #content .flag-denmark,
#large #main #content .flag-finland,
#large #main #content .flag-france,
#large #main #content .flag-germany,
#large #main #content .flag-ireland,
#large #main #content .flag-netherlands,
#large #main #content .flag-norway,
#large #main #content .flag-spain,
#large #main #content .flag-sweden,
#large #main #content .flag-uk,
#large #main #content .flag-usa,
#large #main #content .flag-israel,
#large #main #content .flag-india,
#large #main #content .flag-switzerland,
#large #main #content .flag-southafrica,
#large #main #content .flag-singapore {height:50px; text-align:left; padding:15px 0 0 55px; margin:1em 2em 0 0; list-style-type:none;}

#large #main #content .side-links{position:absolute; right:0; top:16em; margin:0 3em 0 0; font-size:0.8em;}
#large #main #content .side-links li {list-style-type:decimal; }
#large #main #content .side-links .selected {text-decoration:underline;}

#large #main .photo {text-align:center;}
#large #main .photo img {}

#large #main .indent{padding:0 0 0 3em;}

#large.splash #main #content {width:55%;}
#large.wide #main #content {width:70%;}

#large #main #content #bottom_menu {background-color:#e3ebe0; clear:both; height:3.5em; margin:3em 0 0 0; width:28em;}
#large #main #content #bottom_menu ul {padding:0; float:left; display:inline; clear:none; width:28em; position:relative; left:50%; margin:0 0 0 -13em;}
#large #main #content #bottom_menu ul li {float:left; display:inline; border-right:1px solid #333; margin:0.4em 1em 0 0; padding:0 1em 0 0; height:2.6em; width:7em;}

#large #main #content #bottom_menu .link0 {text-align:right;}
#large #main #content #bottom_menu .link1 {text-align:center;}
#large #main #content #bottom_menu .link2 {text-align:left; border-right:0 none;}


#large #main #content #bottom_menu .top-left{width:9px; height:3.5em; float:left; background:url(../img/h1-corner-1.png) no-repeat 0 0;}
#large #main #content #bottom_menu .top-right{height:3.5em; width:9px; float:right; background:url(../img/h1-corner-4.png) no-repeat 0 0;}
#large #main #content #bottom_menu .bottom-left{width:150px; height:3.5em; float:left; background:url(../img/h1-corner-2.png) no-repeat 0 100%;}
#large #main #content #bottom_menu .bottom-right{height:3.5em; width:9px; float:right; background:url(../img/h1-corner-3.png) no-repeat 0 100%;}

#large #foot {clear:both; border-top:1px solid #999;}

#large #foot .feed {border-bottom:1px solid #333; border-top:1px solid #333; margin:0 0 0.2em 0; padding:0.4em 0.2em 0.2em 0.9em; clear:both; display:block; min-height:1em;}
#large #foot .feed .head, #large #foot .feed .item, #large #foot .feed .more {float:left; width:25%;}
#large #foot .feed .item {width:45%; text-align:center; font-size:1.5em;}
#large #foot .feed .head, #large #foot .feed .more{float:left; text-align:left; color:#360; font-size:1.25em; margin:0 0 0.5em 0;}
#large #foot .feed .item a {color:#39c; text-decoration:none;}
#large #foot .feed .more {text-align:right;}
#large #foot .feed .more a, #large #foot .feed .head a {color:#390;}
#large #foot .feed .count {font-size:1.5em; clear:both;}
#large #foot .feed .count span {border:1px solid #999; float:left; color:#999; border-right:0; padding:0.1em;}
#large #foot .feed .count .last {border-right:1px solid #999;}

#large #foot .copy {float:left; color:#666; font-size:0.9em; margin:0.2em 0.2em 0.6em 1em;}
#large #foot ul {float:right; color:#666; font-size:0.9em; margin:0.2em 1em 0.6em 0.2em;}
#large #foot ul li {float:left; padding:0 1em 0 1em; border-right:1px solid #666;}
#large #foot ul li a{text-decoration:none; padding:0.2em 0 0.2em 0; color:#666;}
#large #foot ul li a:hover, #large #foot ul li a:focus {color:#000;}
#large #foot ul .last {border:0; padding:0 0.2em 0 1em;}


/* medium screen styles */
#medium #wrapper {border:0; background-color:#fdfeff;}
#medium .back, #medium #main {background:none !important;}
#medium.splash #tray {background:url(../img/photos/cropped-px-slice.jpg) 100% 100% repeat-x; display:block;}
#medium.splash #tray .back{background:url(../img/photos/index-pic-fade-cropped.jpg) 100% 100% no-repeat !important; display:block;}

#medium #head {clear:both; display:block; width:100%;}
#medium #head h1 a {background:url(../img/logo.png) 0 0 no-repeat; width:216px; height:78px; text-indent:-99999px; float:left; margin:1em 0 0 1em;}
#medium #head h2 {text-indent:-99999px;}

#medium #head form {float:right; margin:0 3em 0 0; width:12em;}
#medium #head form .input input {float:right; border:1px solid #999; margin:0.2em 0 0 0; width:5em; padding:0 0 0 0.2em;}
#medium #head form .input label {float:left; margin:0.2em 0.4em 0 0; }
#medium #head form .function {margin:0.4em 0 0 0; text-align:right;}
#medium #head form .function input {width:5em; padding:0; margin:0;}
#medium #head form .function #form_login {float:right;}
#medium #head form .function #form_signup {float:left;}
#medium #head form .mailing_list {display:block; width:10.4em; text-align:center; background-color:#390; padding:0 0.2em 0 0.2em; text-decoration:none; float:right; margin:0.5em 0 0 0; border:1px solid #999;}
#medium #head form .mailing_list:hover, #medium #head form .mailing_list:focus {background-color:#6c3; color:#333;}

#medium #main #heading,
#medium #main #heading .center,
#medium #main #heading .top-right,
#medium #main #heading .bottom-left,
#medium #main #heading .bottom-right{
display:block;
}

#medium #main #heading{background:url(../img/h1-corner-1.png) no-repeat 0 0 #e3ebe0;
line-height:1em;  margin:0.2em 1.5em 0.5em 18px; clear:both; position:relative; left:-1px;
}

#medium #main #heading .center{padding:0.5em 0 1em 120px; text-align:left;}
#medium #main #heading .top-right{background:url(../img/h1-corner-4.png) no-repeat 100% 0;}
#medium #main #heading .bottom-left{background:url(../img/h1-corner-2.png) no-repeat 0 100%;}
#medium #main #heading .bottom-right{background:url(../img/h1-corner-3.png) no-repeat 100% 100%;}

#medium #main {clear:both; padding:0 0 1em 0; font-size:1.2em; width:100%;}
#medium #main h1, #medium #main h2, #medium #main h3 {color:#360; margin:0.2em 0 0 0;}
#medium #main h1{font-size:1.8em; text-align:center;}
#medium #main h2{font-size:1.4em; margin:0 0 0.4em 0;}
#medium #main h3{font-size:1.3em;  margin:0.5em 0 0.3em 0; color:#333; clear:both;}
#medium #main h4{color:#360; font-weight:bold; margin:0 0 0.2em 0;}

#medium #main .menu {float:left; font-size:1.1em; padding:3em 0 0 0; width:150px;}
#medium #main .menu .spacer {margin:0; padding:0; line-height:0.5em;}
#medium #main .menu li {text-align:right; padding:0 1.3em 0.6em 0.3em;  border-right:1px solid #999;}
#medium #main .menu li a {color:#333; text-decoration:none;}
#medium #main .menu li a:hover, #medium #main .menu li a:focus, #medium #main .menu .selected a {color:#360;}
#medium #main .menu .selected a {text-decoration:underline;}

#medium #main .menu a:focus .desc, #medium #main .menu a:hover .desc {display:block;}

#medium #main #content {float:left; width:40%; margin:0.8em 0 2em 1.5em; min-height:40em;}
#medium #main #content ul, #medium #main #content p, #medium #main #content address, #medium #main #medium #content img, #medium #main #content dl {margin:0.1em 0 1em 0.5em; clear:both;}
#medium #main #content ul {margin-top:1em;}
#medium #main #content .diagram {float:left; margin:0 2em 1em 0;}
#medium #main #content a {color:#360; text-decoration:none; font-weight:bold;}
#medium #main #content a:hover, #medium #main #content a:focus {text-decoration:underline;}
#medium #main #content a.sentence {color:#360; text-decoration:underline;}
#medium #main #content h2 a{font-weight:normal;}
#medium #main #content li {padding:0 0 0 0.2em; margin:0 0 0.5em 2em; }
#medium #main #content ol li {margin-bottom:1.5em;}
#medium #main #content ul li {list-style:disc;}
#medium #main #content .learn li {list-style:none; margin:0; padding:0;}
#medium #main #content .simple .title{float:left;}
#medium #main #content .simple .desc{float:right;}
#medium #main #content .simple li {list-style:none; margin:0;}
#medium #main #content li a {color:#360;}
#medium.splash #main #content li a {font-weight:normal; color:#333;}
#medium #main #content li a strong {color:#360;}
#medium #main #content li ul {margin:0.8em 0 0.8em 0;}

#medium #main .billboard{line-height:1em; margin:0.8em 1.5em 1em 18px; clear:both; position:relative; left:-1px;}
#medium #main .billboard {background-color:#E3EBE0; color:#360;}
#medium #main .billboard table{margin:0 auto 0 auto; width:auto;}

#medium #main .billboard h2{font-size:1.8em; line-height:1.1;}
#medium #main .billboard .center,
#medium #main .billboard .top-left,
#medium #main .billboard .top-right,
#medium #main .billboard .bottom-left,
#medium #main .billboard .bottom-right {
display:block; width:100%; height:100%;
}
#medium #main .billboard .center{padding:1em 0 0.5em 1em; float:left;}
#medium #main .billboard .top-left{background:url(../img/h1-corner-1.png) no-repeat 0 0;}
#medium #main .billboard .top-right{background:url(../img/h1-corner-4.png) no-repeat 100% 0;}
#medium #main .billboard .bottom-left{background:url(../img/h1-corner-2.png) no-repeat 0 100%;}
#medium #main .billboard .bottom-right{background:url(../img/h1-corner-3.png) no-repeat 100% 100%;}

#medium #main .billboard form {width:auto; float:none;}
#medium #main .billboard form input, #medium #main .billboard form select, #medium #main .billboard  form label {margin:0.2em 0 0.2em 0; width:auto; float:none; display:block;}
#medium #main .billboard input, #medium #main .billboard select {margin-bottom:1em;}
#medium #main .billboard .confirm {margin:1em 0 0.8em 0;}

#medium #main #content .box {border:1px solid #333; margin:0 0 0.7em 0; padding:0 0 1em 0;}
#medium #main #content .box strong {color:#360; margin:0.2em 0 0 0.5em; display:block;}
#medium #main #content .box p {margin:0 0 0 2.5em;}

#medium #main #content .breakdown td, #medium #main #content .breakdown th{text-align:center; border:1px solid #333; text-align:center; padding:0.3em;}
#medium #main #content .breakdown{ border-collapse: collapse; border-spacing: 0;}
#medium #main #content .breakdown th {font-weight:bold;}

#medium #main #content h3 a{font-weight:normal;}

#medium #main #content .flag-australia,
#medium #main #content .flag-austria,
#medium #main #content .flag-canada,
#medium #main #content .flag-belgium,
#medium #main #content .flag-denmark,
#medium #main #content .flag-finland,
#medium #main #content .flag-france,
#medium #main #content .flag-germany,
#medium #main #content .flag-ireland,
#medium #main #content .flag-netherlands,
#medium #main #content .flag-norway,
#medium #main #content .flag-spain,
#medium #main #content .flag-sweden,
#medium #main #content .flag-uk,
#medium #main #content .flag-usa,
#medium #main #content .flag-israel,
#medium #main #content .flag-india,
#medium #main #content .flag-switzerland,
#medium #main #content .flag-southafrica,
#medium #main #content .flag-singapore {height:50px; text-align:left; padding:15px 0 0 55px; margin:1em 2em 0 0; list-style-type:none;}

#medium #main #content .dir-links{clear:both; list-style-type:none; margin:3em 0 6em 0;}
#medium #main #content .dir-links li{list-style-type:none; padding:0; margin:0;}
#medium #main #content .dir-links a{font-weight:normal;}
#medium #main #content .dir-links .backwards{float:left;}
#medium #main #content .dir-links .forward{float:right;}

#medium #main #content .newsitem {}

#medium #main #content .testimonial {margin:0 0 1em 0.5em; clear:both;}
#medium #main #content .testimonial a {color:#000; font-weight:normal;}
#medium #main #content .testimonial a:hover, #medium #main #content .testimonial a:focus{text-decoration:none;}
#medium #main #content .testimonial a .more{color:#360;}
#medium #main #content .testimonial a:hover .more, #medium #main #content .testimonial a:focus .more{text-decoration:underline;}

#medium #main #content .narrow {width:60%;}
#medium #main #content blockquote{margin:0 20% 0 10%; font-style:italic; font-size:0.98em; text-align:center; clear:both; color:#39c; font-family:euphemia, "century gothic", "lucida sans", verdana, lucida, arial, Arial, Verdana, Geneva, Helvetica, sans-serif;}
#medium #main #content cite{text-align:right; float:right; font-size:1em; margin:0 4em 0 0; display:block; clear:both;}

#medium #main form {width:100%;}
#medium #main .thinform {width:28em;}
#medium #main .thinform fieldset {border:0 none;}
#medium #main .thinform input{float:right;}
#medium #main .thinform fieldset input, #medium #main .thinform fieldset textarea, #medium #main .thinform fieldset select{float:right; width:15em; margin:0 0 0.8em 0; padding:0 0 0 0.1em;}
#medium #main .thinform fieldset select {width:15.4em;}
#medium #main .thinform fieldset textarea {width:15.4em;}
#medium #main .thinform label{float:left; width:10em;}
#medium #main .thinform .submit{width:auto; float:none;}


#medium #main form fieldset {border:1px solid #333;}
#medium #main form .check{float:none; margin:0;}

#medium #main .phonenumberlookup {}
#medium #main .phonenumberlookup {width:65%;}
#medium #main .phonenumberlookup fieldset{width:100%; text-align:center; border:1px solid #333; padding:1em 20% 0.5em 20%;}
#medium #main .phonenumberlookup  legend{text-align:center; font-size:1.4em; color:#360; float:none; margin:0 0 0.8em 0;}
#medium #main .phonenumberlookup label{float:left; width:50%; margin:0 0 1em 0;}
#medium #main .phonenumberlookup input, #main .phonenumberlookup select{width:40%; margin:0 0 1em 0;}
#medium #main .phonenumberlookup select {width:41%;}
#medium #main .phonenumberlookup .submit{width:auto; float:none;}
#medium #main .phonenumberlookup .check{float:left; width:auto; margin:1em 0 1em 0;}
#medium #main .phonenumberlookup .checktext{float:right; width:95%; margin:1em 0 1em 0;}

#medium .newssignup {border:1px solid #333; background-color:#fff; height:13em; width:17.5em; padding:1em 0.5em 0.5em 0.5em; margin:0;}
#medium .newssignup fieldset {clear:both;}
#medium .newssignup input{margin:0 0 1em 0; width:8em; float:left;}
#medium .newssignup .submit{width:auto; float:right; clear:both; margin:0 0.9em 0 0;}
#medium .newssignup label{width:5em; text-align:right; float:left; padding:0 0.2em 0 0;}

#medium #main #content .transition-line {clear:both; margin:0 0 3.2em 0; float:none; display:block;}
#medium #main #content .transition-line li{ float:left; list-style-type:none; margin:0; padding:0 35px 0 5px; background:url(../img/arrow.png) 100% 50% no-repeat;}
#medium #main #content .transition-line .last {background:none;}
#medium #main #content .transition-line .selected a {text-decoration:underline;}

#medium #main #content .side-links{position:absolute; right:0; top:16em; margin:0 3em 0 0; font-size:0.8em;}
#medium #main #content .side-links li {list-style-type:decimal; }
#medium #main #content .side-links .selected {text-decoration:underline;}

#medium #main .photo {text-align:center;}
#medium #main .photo img {}

#medium #main .indent{padding:0 0 0 3em;}

#medium.splash #main #content {width:56%;}
#medium.wide #main #content {width:65%;}

#medium #foot {clear:both; border-top:1px solid #999;}

#medium #foot .feed {border-bottom:1px solid #333; border-top:1px solid #333; margin:0 0 0.2em 0; padding:0.4em 0.2em 0.2em 0.9em; clear:both; display:block; min-height:1em;}
#medium #foot .feed .head, #medium #foot .feed .item, #medium #foot .feed .more {float:left; width:25%;}
#medium #foot .feed .item {width:45%; text-align:center; font-size:1.5em;}
#medium #foot .feed .head, #medium #foot .feed .more{float:left; text-align:left; color:#360; font-size:1.25em; margin:0 0 0.5em 0;}
#medium #foot .feed .item a {color:#338; text-decoration:none;}
#medium #foot .feed .more {text-align:right;}
#medium #foot .feed .count {font-size:1.5em; clear:both;}
#medium #foot .feed .more .count {float:right;}
#medium #foot .feed .count span {border:1px solid #999; float:left; color:#999; border-right:0; padding:0.1em;}
#medium #foot .feed .count .last {border-right:1px solid #999;}
#medium #foot .feed .more a {color:#390;}

#medium #foot .copy {float:left; color:#666; font-size:0.9em; margin:0.2em 0.2em 0.6em 0.6em;}
#medium #foot ul {float:right; color:#666; font-size:0.9em; margin:0.2em 0.6em 0.6em 0.2em;}
#medium #foot ul li {float:left; padding:0 1em 0 1em; border-right:1px solid #666;}
#medium #foot ul li a{text-decoration:none; padding:0.2em 0 0.2em 0; color:#666;}
#medium #foot ul li a:hover, #medium #foot ul li a:focus {color:#000;}
#medium #foot ul .last {border:0; padding:0 0.2em 0 1em;}


/* Tiny styles */
#tiny #head {text-align:center; clear:both;}
#tiny #head h1 a {background:url(../img/sm-logo.png) 0 0 no-repeat; width:147px; height:61px; text-indent:-99999px; margin:0 auto 0 auto; display:block;}
#tiny #head h2 {text-indent:-99999px;}

#tiny #head form {clear:both; margin:0 auto 0 auto; width:147px;}
#tiny #head form .input input {float:right; border:1px solid #999; margin:0.2em 0 0 0; width:5em; padding:0 0 0 0.2em;}
#tiny #head form .input label {float:right; margin:0.2em 0.4em 0 0; }
#tiny #head form .function {margin:0.4em 0 0 0; text-align:right;}
#tiny #head form .function input {width:5em; padding:0; margin:0;}
#tiny #head form .function #form_login {float:right;}
#tiny #head form .function #form_signup {float:left;}

#tiny .feed, #tiny .buttonbig{display:none;}
#tiny #wrapper {background-color:#FDFDFF;}
#tiny .back, #tiny #main {background:none !important;}
#tiny .menu li {float:left;}
#tiny #main img {display:none;}

#tiny #content {clear:both; width:100%;}

#tiny #main h1 {font-size:2em; margin:0.5em 0 0.5em 0;}
#tiny #content h2 {font-size:1.8em;}
#tiny #content h3 {font-size:1.6em;}

#tiny .menu {display:block; clear:both; width:100%; margin:0.9em 0 0.9em 0;}
#tiny .menu ul {display:block; clear:both;  width:100%; color:#666; font-size:0.9em; margin:0.2em 0 0.6em 0;}
#tiny .menu ul li {float:left; padding:0 0.5em 0 0.5em; border-right:1px solid #666;}
#tiny .menu ul li a{text-decoration:none; padding:0.2em 0 0.2em 0; color:#666;}
#tiny .menu ul li a:hover, #tiny .menu ul li a:focus {color:#000;}
#tiny .menu ul .last {border:0; padding:0 0.2em 0 1em;}

#tiny #bottom_menu {display:block; clear:both; width:100%;  color:#666; font-size:0.9em; margin:0.2em 0 0.6em 0;}
#tiny #bottom_menu li {float:left; padding:0 0.5em 0 0.5em; border-right:1px solid #666;}
#tiny #bottom_menu li a{text-decoration:none; padding:0.2em 0 0.2em 0; color:#666;}
#tiny #bottom_menu li a:hover, #tiny #bottom_menu li a:focus {color:#000;}
#tiny #bottom_menu .last {border:0; padding:0 0.2em 0 1em;}

#tiny #foot ul {display:block; clear:both; color:#666; font-size:0.9em; margin:0.2em 0 0.6em 0;}
#tiny #foot ul li {float:left; padding:0 0.5em 0 0.5em; border-right:1px solid #666;}
#tiny #foot ul li a{text-decoration:none; padding:0.2em 0 0.2em 0; color:#666;}
#tiny #foot ul li a:hover, #tiny #foot ul li a:focus {color:#000;}
#tiny #foot ul .last {border:0; padding:0 0.2em 0 1em;}


/* Global page specific styles */
.flag-australia {background:url(../img/flags/Australia.jpg) 0 0 no-repeat;}
.flag-austria {background:url(../img/flags/Austria.jpg) 0 0 no-repeat;}
.flag-canada {background:url(../img/flags/Canada.jpg) 0 0 no-repeat;}
.flag-belgium {background:url(../img/flags/Belgium.jpg) 0 0 no-repeat;}
.flag-denmark {background:url(../img/flags/Denmark.jpg) 0 0 no-repeat;}
.flag-finland {background:url(../img/flags/Finland.jpg) 0 0 no-repeat;}
.flag-france {background:url(../img/flags/France.jpg) 0 0 no-repeat;}
.flag-germany {background:url(../img/flags/Germany.jpg) 0 0 no-repeat;}
.flag-ireland {background:url(../img/flags/Ireland.jpg) 0 0 no-repeat;}
.flag-netherlands {background:url(../img/flags/Netherlands.jpg) 0 0 no-repeat;}
.flag-norway {background:url(../img/flags/Norway.jpg) 0 0 no-repeat;}
.flag-spain {background:url(../img/flags/Spain.jpg) 0 0 no-repeat;}
.flag-sweden {background:url(../img/flags/Sweden.jpg) 0 0 no-repeat;}
.flag-uk {background:url(../img/flags/uk.jpg) 0 0 no-repeat;}
.flag-usa {background:url(../img/flags/USA.jpg) 0 0 no-repeat;}
.flag-israel {background:url(../img/flags/Israel.jpg) 0 0 no-repeat;}
.flag-india {background:url(../img/flags/India.jpg) 0 0 no-repeat;}
.flag-southafrica {background:url(../img/flags/S-Africa.jpg) 0 0 no-repeat;}
.flag-switzerland {background:url(../img/flags/Switzerland.jpg) 0 0 no-repeat;}
.flag-singapore {background:url(../img/flags/Singapore.jpg) 0 0 no-repeat;}

.infobox {border:1px solid #777; padding:0.5em; overflow:auto;}
.infobox .close {background:url(../img/close-x.png) no-repeat 100% 0; width:32px; height:21px; position:absolute; top:0; right:0; cursor:pointer;}
#large #main #content .infobox form,
#medium #main #content .infobox form,
#tiny #main #content .infobox form {padding:0;}

/* Styles used by the payment page */
#payment_page {
  position: relative;
}
#payment_page ul {
  margin-top: 1em;
  margin-bottom: 1em;
}
#payment_page fieldset {
  border: 1px #306000 solid;
  padding: 0.5em;
}
#payment_page fieldset legend {
  padding: 0.25em;
  font-weight: bold;
}
#payment_page th {
}

#payment_page td {
}
#payment_page input {
  margin-bottom: 1px;
}
#payment_page hr {
  width: 95%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0;
}

/*
#large #main #content table, #medium #main #content table, #tiny #main #content table {border-bottom:1px solid #333; border-left:1px solid #333;}
#large #main #content table td, #medium #main #content table td, #tiny #main #content table td, 
#large #main #content table th, #medium #main #content table th, #tiny #main #content table th {border-top:1px solid #333; border-right:1px solid #333; padding:0.3em; vertical-align:top;}

*/

#large #main #content form table input,
#medium #main #content form table input,
#tiny #main #content form table input,
#large #main #content form table select,
#medium #main #content form table select,
#tiny #main #content form table select,
#large #main #content form table label
#medium #main #content form table label
#tiny #main #content form table label {float:none; width:auto;}

/* Helios Theme */
.resulttable {width:100%; border-collapse: collapse; border-spacing: 0;}
.resulttable th {background-color:#ccc; text-align:center; font-weight:bold;  border:1px solid #333; padding:3px; vertical-align:middle;}
.resulttable td {border:1px solid #333;padding:3px; background-color:#fff; vertical-align:top;}
.resulttable .rtheader {text-align:center; font-weight:bold; background-color:#333; color:#fdfeff;}
.resulttable .rtpagesel {text-align:center; font-weight:bold; background-color:#eee;}

/* Something for Tom */
.resulttable .in td {background-color:#FFCFCF;}
.resulttable .out td {background-color:#E3EBE0;}

.formtable {width:100%; border-collapse: collapse; border-spacing: 0;}
.formtable th {background-color:#ccc; text-align:center; font-weight:bold; border:1px solid #333; padding:3px; vertical-align:middle;}
.formtable td {border:1px solid #333; padding:3px; background-color:#fff;}
.ftcontrols {text-align:right;}
.ftheader {text-align:center; font-weight:bold;}


#calendarTable {border:1px solid #333; background-color:#fff;}
#calendarTable td, #calendarTable th {padding:3px;}

#large #main #content .calendarButton, #medium #main #content .calendarButton, #tiny #main #content .calendarButton {margin:0; padding:0 2px 0 2px;}

#pageheader {color:#360; margin:0.2em 0 0.5em 0; font-size:1.8em; }

.infotext, .helptext, .errortext, #loginerror, #errortext {width:100%; border:1px solid #333; margin:1em 0 1em 0; text-align:center; padding:0.3em;}
.errortext, #loginerror, #errortext {background-color:#FFCFCF; border:1px solid #FF1F1F;}
.infotext {background-color:#CFE9FF; border:1px solid #2FA2FF;}
.helptext {background-color:#FFF6CF; border:1px solid #FFD40F;}

#large #main #content .button, #large #main #content .button:hover, #large #main #content .button:focus, #large #main #content .button:active,
#medium #main #content .button, #medium #main #content .button:hover, #medium #main #content .button:focus, #medium #main #content .button:active
#tiny #main #content .button, #tiny #main #content .button:hover, #tiny #main #content .button:focus, #tiny #main #content .button:active
  {font-weight:normal; font-size:1em; text-decoration:none; color:#333;}

#pageheader {text-align:center;}
.helios_menu li ul {margin:0 0 1em 0;}
.helios_menu li strong {background-color:#eee; display:block; width:100%; padding:0.3em; margin:0 0 0.3em 0;}

#large .backoffice #main #content a, 
#medium .backoffice #main #content a, 
#tiny .backoffice #main #content a {font-weight:normal;}

#large #main #content .login_form {margin:0 3em 0 0; width:18em;}
#large #main #content .login_form fieldset {border:0;}
#large #main #content .login_form .input input {float:right; border:1px solid #999; margin:0.2em 0 0 0; width:10em; padding:0 0 0 0.2em;}
#large #main #content .login_form .input label {float:left; margin:0.2em 0.4em 0 0;  padding:0; width:auto;}
#large #main #content .login_form .function {margin:0.4em 0 0 0; text-align:right;}
#large #main #content .login_form .function input {width:5em; padding:0; margin:0;}
#large #main #content .login_form .function #form_login {float:right;}
#large #main #content .login_form .function #form_signup {float:left;}

#medium #main #content .login_form {margin:0 3em 0 0; width:18em;}
#medium #main #content .login_form fieldset {border:0;}
#medium #main #content .login_form .input input {float:right; border:1px solid #999; margin:0.2em 0 0 0; width:10em; padding:0 0 0 0.2em;}
#medium #main #content .login_form .input label {float:left; margin:0.2em 0.4em 0 0; padding:0; width:auto;}
#medium #main #content .login_form .function {margin:0.4em 0 0 0; text-align:right;}
#medium #main #content .login_form .function input {width:5em; padding:0; margin:0;}
#medium #main #content .login_form .function #form_login {float:right;}
#medium #main #content .login_form .function #form_signup {float:left;}