﻿* {margin:0;padding:0}
p,h1,h2{padding:5px;margin-bottom:1em}
h1,h2{font-size:120%; display:none}
h3{display: none}
h4{color:#00336f; margin-bottom:5px; font-size:1.0em}
body{background:#fff;text-align:center;font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1.0em;}
form{padding: 0 0 0 0;margin:0px}
img{border:0}
table{width:100%;border-collapse:collapse;margin:0}

a{color: #0184aa;text-decoration:underline;font-weight: bold}
/*a:hover{color: #680D2B;text-decoration:underline;font-weight: bold}*/
a:hover{color: #AF8000;text-decoration:none;/*underline;*/font-weight: bold;}
/*ul{list-style: none}*/

#wrapper{width:840px;margin:10px auto;background:#fff;text-align:left;height:790px}
#header,#footer{background:#fff;width:840px;clear:both}
#header{border-bottom:1px solid #fff;background: url(../images/keyv3_header.gif) no-repeat;height:110px;width:840px; float:left}
#header h1, #header h2{position: absolute;left:-2000px}
#header-email{position:relative; width:145px; left:680px; top:41px}
#blog_link{left: 616px; width: 212px; position: relative; top: 58px; height: 20px}
#spacertop{height:10px;width:840px;overflow:hidden; float:left}
#spacerbottom{height:5px;width:840px;overflow:hidden; clear:both; padding:4px}
#footer{margin:10px auto;text-align:center;height:115px}
#footercontent{width:100%}
#copy, #goldpartner{text-align:center;vertical-align:middle;width:50%;padding: 10px 0px 0px 0px}
#copy{font-size: 9px;color:#999999;text-decoration:none;float:left}
#goldpartner{float:right}
#msgoldtext{padding:10px 10px 10px 10px;text-align:left;font-size:0.8em;font-family: Arial, Helvetica, Verdana, sans-serif}
.padding_ms_logo{padding:20px 0px 0px 0px}
.botlink{font-size: 7pt;text-align:center}
.botlink a{text-decoration:none;color:#666666}
.botlink a:hover{text-decoration:none;color:#000000}
.scrollbars{overflow-y: scroll;scrollbar-arrow-color: #0081BA;scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0;scrollbar-darkshadow-color: #888888}
#left{width:200px;float:left;height:673px}
#left1a_home,#left2a_home{position:relative; left:0px; width:200px}
#left1a_home{height:405px; width:200px;background:url(../images/thekey_help_support.gif) no-repeat}
#left2a_home{height:250px;width:200px; top:8px; background:url(../images/thekey_support_links.gif) no-repeat}

#middle{width:430px;float:left;height:673px}
#centre1{position:relative; width:420px; height:260px; left:10px;top:0px; background:url(../images/thekey_features.gif) no-repeat; overflow:hidden}
#centre2{position:relative; width:420px; height:260px; left:10px; top:8px; background:url(../images/WakeUpnotext.gif) no-repeat}
#centre3{ position:relative; width:420px; height:127px; left:10px; top:16px}
#centre3a{width:205px; height:127px; float:left}
#centre3b{width:205px; height:127px; float:right}

#right{width:199px;float:right;height:673px}
#right2a_home,#right1a_home {position:relative; left:0px; width:200px; float:left}
#right1a_home{height:405px;background:url(../images/thekey_tcf.gif) no-repeat}
#right2a_home{height:250px; top:8px; background:url(../images/greybox_200x250.gif) no-repeat}

#why_mte_wrapper{position:relative; width:520px; height:70px; margin:10px auto}
#why_mte_header1{position:relative; width:100%; height:81px; background-color:#000066}
#why_mte_header2{position:relative; width:100%; height:30px; background-color:#0045A9}
#why_mte_header_text{color:#fff; width:100%; text-align:center; padding-top:3px; font-size:1.3em}
#why_mte_table_wrapper{padding:10px 0 10px 0}
#why_mte_table{border:solid 2px black; border-collapse:collapse}
#why_mte_table td{border:solid 1px black; padding:5px 5px 5px 5px}
.why_mte_reasons{width:70%}
.why_mte_tick-cross{width:15%}
.ie #ie_fake_border{border:solid 2px black}

#mte{width: 178px; position:absolute; left: 11px; top: 10px;font-size:0.8em}
#mte span{color: #00336F; font-size:0.9em}

#improved_features{left: 6px; width: 408px; position: relative; top: 52px}
.ie #improved_features{width: 410px;}
.ie7 #improved_features{line-height:1.0em}
.ie6 #improved_features{line-height:1.0em}

#improved_features ul{list-style-type:none; padding:0; margin:0; font-size:0.7em; color:#0083a9} 
.ie6 #improved_features ul{ position:relative}

#improved_features ul li { background-image:url(../images/blue_tick.gif);background-repeat: no-repeat; background-position:0.1em; padding-left:25px; margin-bottom:3px}
.ie7 #improved_features ul li{ margin-bottom:0; margin-bottom: 0}
.ie6 #improved_features ul li{margin-bottom:0}

.errormessage{color:Red;font-size:0.7em; font-weight:bold}
.capitalize{text-transform: capitalize}
.uppercase{text-transform: uppercase}
.lowercase{text-transform: lowercase}
.center{text-align:center}
.mte_link1, .mte_link2, .mte_link3{ width:100%;color:#00336F; font-weight:bold; margin-bottom:5px}
.mte_link1{ margin-top:5px}
/*.mte_link2{float:left}*/
.mte_link3{ text-align:right}
.sub_heading{color:#0184aa;font-weight:bold;font-size:0.8em}
.sub_heading2{color:#0184aa;font-weight:bold}
a.dark_blue_link{color:#00336F; text-decoration:underline}
.spacer2{height:8px;overflow:hidden}
.spacer3{height:5px;overflow:hidden}
.light_blue_bold{color:#74d0e5; font-weight:bold}

#support_docs{left: 8px; width: 184px; position: relative; top: 76px}
#support_docs_list{float:left}
#support_docs_list ul li{font-size:0.7em}

#bottom_support_links{width: 184px;position: relative;left: 8px; top: 52px;line-height:0.9em}
#bottom_support_links ul li, #support_docs_list ul li{list-style:none;color:#0184aa;/*font-weight:bold*/}
#bottom_support_links ul li{font-size:0.7em;margin-bottom:5px;list-style-position: inside}

#bottom_support_links ul li{padding-left:1.4em; text-indent:-1.4em}/*this indents any line that wraps in a li*/
.ie6 #bottom_support_links ul li{ margin-bottom:-1px; padding-left:3em; text-indent:-3em}
.ie8 #bottom_support_links ul li{padding-left:1.4em; text-indent:-1.4em}

#whyinvesttext{color:#0083a9;left: 91px; width:310px; position: relative; top: 55px; padding: 0px 7px 0px 5px; font-size:0.8em}
#docs_image{float:right}

/*#presentation_text_header{width:200px; position: relative; top: 75px}*/
/*.ie #presentation_text_header{left: 8px; width:184px; position: relative; top: 60px}*/

#knowledgebase_text_header, #presentation_text_header, #tcf_heading{left: 8px; width: 184px; position: relative;clear:both}
#presentation_text_header{top:68px}
#knowledgebase_text_header{top:78px}
#tcf_heading{top: 50px}

#presentation_text, #knowledgebase_text, #tcf_text, #support_text{left: 8px; width: 184px; position: relative;font-size:0.8em}
#presentation_text{top:70px}
#knowledgebase_text{top:80px}
#tcf_text{top:52px}
#support_text{top:60px}

#presentation_link,#knowledgebase_link, 
#thekey_brian_link{left: 8px; width: 184px; position: relative;font-size:0.8em;text-align:right;color:#0184aa; font-weight:bold}
#tcf_link{left: 8px; width: 184px; position: relative;font-size:0.8em;text-align:left;color:#0184aa; font-weight:bold}
#presentation_link{top:72px}
#knowledgebase_link{top:82px}
#tcf_link{top:54px}
#thekey_brianbutton{position:relative; left:1px; height:60px; width:198px; top:93px}
#thekey_brian_link{position:relative; font-size:0.8em; left:8px; width:184px; top:95px; text-align:right}

#whyinvest_link{ float:right}
#whyinvest_link a{color:#74d0e5; text-decoration:underline}

#thekey_download_links{left: 9px; width: 402px; position: relative; top: 60px; font-size:0.9em;color:#74d0e5}
/*.ie #thekey_download_links{top: 80px}*/

/*#thekey_download_links a {color:#74d0e5; text-decoration:underline}*/

#thekey_download_links_left{float:left;margin-left:5px}
.ie6 #thekey_download_links_left{margin-left:2px}
.ie5 #thekey_download_links_left{margin-left:2px}

#thekey_download_links_right{float:right;margin-right:29px}
.ie6 #thekey_download_links_right{margin-right:15px}
.ie5 #thekey_download_links_right{margin-right:15px}

#newuser{font-size:1.2em; color:White; float:left; padding-left:10px}
#newuser a, #newuser a:hover, #newuser a:visited{font-size:1.0em; color:#74d0e5; text-decoration:underline}
#existing a, #existing a:hover, #existing a:visited{font-size:1.0em; color:#74d0e5; text-decoration:underline}
#existing{font-size: 1.2em; color: White; float: right; padding-right:10px}
.download_button{ cursor:pointer; text-decoration:none; font-weight:bold; padding:3px 5px 3px 5px; background-color:#1C97C3}
.downloadlink a, .downloadlink a:hover, .downloadlink a:visted{ font-size:1.0em; color:#74d0e5; text-decoration:underline}
