﻿html,body {margin:0px; padding:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #555555; text-align: left; line-height: 18px; background: #0c0c0c;}
a{color: #1d4770; text-decoration: underline;}
a:hover{color: #1d4770; text-decoration: none;}
a strong{color: #1d4770;}
h2{font-size: 18px; color: #171717; margin: 0px; padding: 10px 0px 0px 0px; font-weight: normal;}
h3{font-size: 12px; color: #777777; margin: 0px; padding: 0px; font-weight: normal;}
h3 a{font-size: 12px; color: #777777; margin: 0px; padding: 0px; font-weight: normal; text-decoration: none;}
h3 a:hover{font-size: 12px; color: #1d4770; margin: 0px; padding: 0px; font-weight: normal; text-decoration: underline;}
strong{color: #333333;}
img{border: 0px;}

#list1b h1{font-size: 18px; color: #171717; margin: 0px; padding: 0px; font-weight: normal; cursor: pointer;}
#list1b h1:hover{text-decoration: underline;}
#list1b h2{font-size: 16px; color: #666666; font-weight: bold;}

#login-container{width: 501px; height: 233px; background-image: url(../images/login-bg.jpg); margin: 0px auto; position: absolute; top: 50%; left: 50%; margin: -166px auto auto -250px;}
.login-logo{text-align: center; height: 55px; width: 100%;}
.login-container{padding: 35px 20px 0px 20px; height: 107px;}
.login-textbox{margin: 0px 0px 3px 3px;}
.login-footer{margin: 12px 20px 0px 20px;}

#select-container{width: 880px; margin: 0px auto; font-size: 12px; line-height: 18px; padding: 10px 0px 0px 0px;}
#select-left{width: 400px; float: left; height: 84px;}
#select-right{width: 400px; float: right; height: 68px; text-align: right; padding: 10px 0px 0px 0px; color: #888888; font-size: 11px;}
#select-right a{color: #bbbbbb; text-decoration: none; margin: 0px 2px 0px 2px;}
#select-right a:hover{color: #bbbbbb; text-decoration: underline;}
.select-top{background-image: url(../images/select-top.jpg); width: 880px; height: 109px;}
.select-top-content{background-image: url(../images/select-top-left.jpg); width: 620px; height: 72px; background-position: left; background-repeat: no-repeat; padding: 22px 15px 15px 15px;}
.select-top-content p{margin: 0px; padding: 2px 0px 2px 0px;}
.select-customer{width: 438px; height: 189px; float: left; background-image: url(../images/select-customer.jpg); margin: 4px 0px 0px 0px;}
.select-customer p{padding: 70px 130px 0px 15px;}
.select-hosted{width: 438px; height: 189px; float: right; background-image: url(../images/select-hosted.jpg); margin: 4px 0px 0px 0px;}
.select-hosted p{padding: 70px 130px 0px 15px;}
#select-btn-customer{float: left; height: 31px; width: 190px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/select-btn-customer.jpg) top left no-repeat;}
#select-btn-customer:hover{background-position: bottom left;}
#select-btn-hosted{float: left; height: 31px; width: 190px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/select-btn-hosted.jpg) top left no-repeat;}
#select-btn-hosted:hover{background-position: bottom left;}

#container{width: 970px; padding: 10px 0px 0px 0px; margin: 0px auto;}
#header{width: 970px;}
#header-banner{width: 970px; height: 175px; margin: 5px 0px 5px 0px;}
#header-left{width: 400px; float: left; height: 84px;}
#header-right{width: 570px; float: right; height: 68px; text-align: right; padding: 10px 0px 0px 0px; color: #888888; font-size: 11px;}
#header-right a{color: #bbbbbb; text-decoration: none; margin: 0px 2px 0px 2px;}
#header-right a:hover{color: #bbbbbb; text-decoration: underline;}

#navigation{width: 100%; height: auto;}
#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:13px; font-size: 11px; font-weight: bold; z-index: 10000;}
#nav a{display:block; padding:0px; margin: 0; color:#000; text-decoration:none;}
#nav a:hover{color:#000;}
#nav li{float:left; position:relative;}
#nav ul {position:absolute; left: 0px; list-style-type:none; margin: 0; padding: 0; display:none; width:134px; top:36px; border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-top: 1px solid #000;}
#nav li ul a{height:auto; width:127px; padding: 8px 0px 8px 7px; margin:0px; background-image: url(/images/nav-drop-bg.jpg);}
#nav li ul a:hover{padding: 8px 0px 8px 7px; margin:0px; background-image: url(/images/nav-drop-bg2.jpg);}
#nav ul ul{top:0; margin: 0px; padding: 0px;}	
#nav li ul ul {left:134px; padding:0px; margin: 0px; border-top: 0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none; padding: 0px 0px 0px 0px;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

#admin-approve{float: left; height: 24px; width: 117px; margin: 5px 0px 0px 0px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/admin-approveusers.jpg) top left no-repeat;}
#admin-approve:hover{background-position: bottom left;}
#admin-users{float: left; height: 24px; width: 117px; margin: 5px 0px 0px 0px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/admin-userslist.jpg) top left no-repeat;}
#admin-users:hover{background-position: bottom left;}

#nav-customer-home{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-home.jpg) top left no-repeat;}
#nav-customer-home:hover{background-position: bottom left;}
#nav-customer-downloads{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-downloads.jpg) top left no-repeat;}
#nav-customer-downloads:hover{background-position: bottom left;}
#nav-customer-news{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-news.jpg) top left no-repeat;}
#nav-customer-news:hover{background-position: bottom left;}
#nav-customer-events{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-events.jpg) top left no-repeat;}
#nav-customer-events:hover{background-position: bottom left;}
#nav-customer-dyk{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-dyk.jpg) top left no-repeat;}
#nav-customer-dyk:hover{background-position: bottom left;}
#nav-customer-updates{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-updates.jpg) top left no-repeat;}
#nav-customer-updates:hover{background-position: bottom left;}
#nav-customer-contact{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-customer-contact.jpg) top left no-repeat;}
#nav-customer-contact:hover{background-position: bottom left;}

#nav-partner-home{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-home.jpg) top left no-repeat;}
#nav-partner-home:hover{background-position: bottom left;}
#nav-partner-accreditation{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-accreditation.jpg) top left no-repeat;}
#nav-partner-accreditation:hover{background-position: bottom left;}
#nav-partner-prospect{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-prospect.jpg) top left no-repeat;}
#nav-partner-prospect:hover{background-position: bottom left;}
#nav-partner-proposal{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-proposal.jpg) top left no-repeat;}
#nav-partner-proposal:hover{background-position: bottom left;}
#nav-partner-order{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-order.jpg) top left no-repeat;}
#nav-partner-order:hover{background-position: bottom left;}
#nav-partner-billing{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-billing.jpg) top left no-repeat;}
#nav-partner-billing:hover{background-position: bottom left;}
#nav-partner-marketing{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-marketing.jpg) top left no-repeat;}
#nav-partner-marketing:hover{background-position: bottom left;}
#nav-partner-downloads{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-downloads.jpg) top left no-repeat;}
#nav-partner-downloads:hover{background-position: bottom left;}
#nav-partner-request{float: left; height: 36px; width: 103px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/nav-partner-request.jpg) top left no-repeat;}
#nav-partner-request:hover{background-position: bottom left;}

#subnav{height: 25px; padding: 10px 10px 0px 10px; width: 950px; background-image: url(../images/sub-bg.jpg); font-weight: bold; color: #999999;}
#subnav p{margin: 0px; padding: 0px; color: #333333;}
#subnav a{color: #0e3b66; text-decoration: underline; margin: 0px 1px 0px 1px;}
#subnav a:hover{color: #0e3b66; text-decoration: none;}

.content-container{background-color: #ffffff; width: 969px;}
.content{width: 950px; background-color: #ffffff; margin: 0px; padding: 0px 9px 0px 10px; background-image: url(../images/content-top.jpg); background-position: top; background-repeat: no-repeat;}
.content h1{font-size: 34px; color: #171717; margin: 0px; padding: 23px 0px 36px 0px; font-weight: normal;}
.content-box{background: #f1f1f1; background-image: url(../images/content-box-bottom.jpg); margin: 0px; padding: 0px 0px 10px 0px; width: 310px; background-position: bottom; background-repeat: no-repeat;}
.content-box p{padding: 10px 10px 0px 10px; margin: 0px; color: #595858;}
.content-box-top{background-image: url(../images/content-box-top.jpg); width: 300px; padding: 10px 0px 0px 10px; height: 30px; color: #ffffff; font-size: 14px; font-weight: bold;}
.content-box-top a{color: #ffffff;}
.content-box-top a:hover{color: #ffffff;}
.content-box-customer{background-image: url(../images/content-box-customer.jpg); width: 300px; padding: 10px 0px 0px 10px; height: 30px; color: #ffffff; font-size: 14px; font-weight: bold;}
.content-box-hosted{background-image: url(../images/content-box-hosted.jpg); width: 300px; padding: 10px 0px 0px 10px; height: 30px; color: #ffffff; font-size: 14px; font-weight: bold;}
.content-box-list{line-height: 20px; padding: 0px 10px 0px 10px;}
#content-bottom{font-size: 11px; line-height: 16px; width: 949px; color: #999999; height: 23px; background-image: url(../images/content-bottom.jpg); padding: 29px 10px 0px 10px; text-align: right;}

#footer{color: #888888; font-size: 11px;}
#footer a{color: #bbbbbb; text-decoration: none;}
#footer a:hover{color: #bbbbbb; text-decoration: underline;}
#footer-left{float: left; width: 400px; margin: 10px;}
#footer-right{float: right; width: 400px; margin: 10px; text-align: right;}

#banner{width: 649px; float:left; margin: 0px;}

#tabs{width:321px; height: 175px; float: right; margin: 0px;}
.tab-container {margin: 0px; padding: 0px; float: left; clear: none; width: 321px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 16px;}
.tab-container strong{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 14px; font-weight: bold;}
.tab-container p{padding: 0px; margin: 8px 0px; width: 300px;}
.tab-container a{font-size: 11px;}
.tab-container a:hover{font-size: 11px;}
.tab-title-container {margin: 0px; padding: 0px;}
.tab-title {float: left; padding: 9px 5px 0px 5px; margin: 0px 1px 0px 0px; font-size: 12px; font-family: arial, sans-serif; font-weight: bold; background-image: url(../images/tab-off.jpg); list-style: none; cursor: pointer; width: 96px; text-align: center; height: 23px; color: #FFFFFF;}
.TabbedPanelsTabHover {background-color: #CCC;}
.TabbedPanelsTabSelected {background-image: url(../images/tab-on.jpg); width: 96px; color: #3c5584;}
.TabbedPanelsTab a {color: black; text-decoration: none;}
.TabbedPanelsContentGroup {clear: both; width: 320px; background-image: url(../images/tabs-bg.jpg);}
.tab-content{height: 143px; width: 320px;}
.tab-content-container{height: 85px; padding: 10px 10px 5px 10px; width: 320px;}

.nav-tab-container {margin: 0px; padding: 0px; clear: none; width: 320px;}
.nav-tab-container a{font-size: 11px;}
.nav-tab-container a:hover{font-size: 11px;}
.nav-tab-title-container {margin: 0px; padding: 0px;}
.nav-tab-title {position: relative; float: left; margin: 0px 1px 0px 0px; font-size: 12px; font-family: arial, sans-serif; font-weight: bold; background-image: url(../images/tab-off.jpg); list-style: none; cursor: pointer; text-align: center; height: 24px; color: #FFFFFF;}
.TabbedPanelsContentVisible {}
.tab-header{font-size: 12px; color: #222222; padding: 0px; font-weight: bold; margin: 7px 0px 0px 0px;}
.tab-date{font-size: 10px; color: #606060; padding: 0px; margin: 0px 0px 15px 0px;}

.register-table{font-weight: bold; color: #333333;}
.register-table-left{width: 200px;}
.register-table-right{width: 280px;}

.column-left{float: left; width: 450px;}
.column-right{float: right; width: 450px;}
.column-large-left{width:610px; float: left;}
.dotted{width: auto; background-color: #dddddd; height: 1px; overflow: hidden; margin: 20px 10px;}
.dotted2{width: auto; background-color: #dddddd; height: 1px; overflow: hidden; margin: 10px 10px;}
.downloads-box{background: #ebebeb; float: right; margin: 20px 10px 0px 0px; border-left: 10px solid #ffffff;}
.downloads-box h1{font-size: 16px; font-weight: bold; margin: 5px 0px 7px 0px; padding: 0px;}
.downloads-box a{text-decoration: none;}
.downloads-box a:hover{text-decoration: underline;}
.downloads-box-top{width: 295px; height: 15px; background-image: url(/images/download-top.jpg);}
.downloads-box-bottom{width: 295px; height: 15px; background-image: url(/images/download-bottom.jpg);}
.downloads-box-content{padding: 0px 12px; min-height: 49px; width: 271px; font-size: 13px;}
.downloads-grey{font-size: 11px; color: #888888;}
.downloads-dotted{background-image: url(../images/downloads-dotted.jpg); height: 1px; width: 100%; overflow: hidden;} 

.downloads-box-column{background: #ebebeb; float: left; margin: 20px 10px 0px 10px;}
.downloads-box-column a{text-decoration: none;}
.downloads-box-column a:hover{text-decoration: underline;}
.downloads-box-top{width: 295px; height: 15px; background-image: url(/images/download-top.jpg);}
.downloads-box-bottom{width: 295px; height: 15px; background-image: url(/images/download-bottom.jpg);}
.downloads-box-content{padding: 0px 12px; min-height: 49px; width: 271px; font-size: 13px;}

.downloads-twocolumn-left{background: #ebebeb; float: left; margin: 5px 0px 0px 15px;}
.downloads-twocolumn-right{background: #ebebeb; float: right; margin: 5px 15px 0px 0px;}
.downloads-twocolumn-content{width: 415px; padding: 0px 15px;}
.downloads-twocolumn-content h1{font-size: 21px; margin: 5px 0px 3px 0px; padding: 0px; line-height: 32px;}
.downloads-twocolumn-content p{margin: 0px; padding: 4px 0px;}
.downloads-twocolumn-content a{text-decoration: none;}
.downloads-twocolumn-content a:hover{text-decoration: underline;}
.downloads-twocolumn-top{width: 445px; height: 8px; background-image: url(/images/downloads-column-two-top.jpg);}
.downloads-twocolumn-bottom{width: 445px; height: 15px; background-image: url(/images/downloads-column-two-bottom.jpg);}

.downloads-threecolumn-left{background: #ebebeb; float: left; margin: 5px 20px 0px 0px; width: 300px;}
.downloads-threecolumn-right{background: #ebebeb; float: right; margin: 5px 5px 0px 0px; width: 300px;}
.downloads-threecolumn-content{width: 270px; padding: 0px 15px;}
.downloads-threecolumn-content h1{font-size: 21px; margin: 5px 0px 3px 0px; padding: 0px; line-height: 32px;}
.downloads-threecolumn-content p{margin: 0px; padding: 4px 0px;}
.downloads-threecolumn-content a{text-decoration: none;}
.downloads-threecolumn-content a:hover{text-decoration: underline;}
.downloads-threecolumn-top{width: 300px; height: 8px; background-image: url(/images/downloads-column-three-top.jpg);}
.downloads-threecolumn-bottom{width: 300px; height: 15px; background-image: url(/images/downloads-column-three-bottom.jpg);}

.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}
.counter{font-size: 30px; color: #33CC33;}
.faqs-indent{padding: 0px 20px;}
.grey{color: #999999; font-style: italic; font-size: 11px;}
.format{color: #999999;}
.left{float: left;}
.logo{border: 0px;}
.three{width: 310px; float: left; margin: 0px 10px 0px 0px;}
.three2{width: 310px; float: left; margin: 0px;}
.three-dotted{width: 290px; margin: 0px 10px 0px 10px; background-image: url(../images/three-dotted.jpg); height: 28px;}
.right{float: right;}
.rss-iframe{border: 0px; width: 910px; height: 800px; margin: 0 0 0 20px;}
.rss-header{text-transform: uppercase; text-indent: -10000px; overflow: hidden; height: 1px;}
.rss-table{vertical-align: top;}
.rss-table p{padding: 0px; margin: 0px 0px 10px 0px;}
.rss-edit table{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 11px; width: 880px;}
.rss-edit td{border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px;}
.solid{background: #cfcfcf; height: 1px; margin: 10px; overflow: hidden;}
.spacer{width: 100%; height: 1px; overflow: hidden; margin: 10px 5px 5px 5px; background-color: #dddddd;}
.square-right{float: right; margin: 10px 10px 0px 10px; border: 0px;}
#MessageDiv{background: #f6d8d7; width: 926px; padding: 10px; border: 1px solid #edadab; margin: 0px 0px 10px 0px; color: #666666;}
.MessageDivClass{background: #f6d8d7; font-weight: bold; width: 926px; padding: 10px; border: 1px solid #edadab; margin: 0px 0px 10px 0px; color: #333333;}
#MessageDiv a{color: #666666; float: right;}
#LoginViewHome_MessageLabel{color: #666666;}

/*Scroll Box*/

#slider{float: left; z-index: -10000;}
.scroll {width: 649px; height: 175px; overflow: auto; position: relative; clear: left; background: #fff; margin: 0;}
.scrollContainer div.panel {float: left; width: 649px;}
.scrollButtons{position: absolute; cursor: pointer; width: 24px; height: 50px; z-index: 10000;}
.scrollButtons.left {left: 50%; top: 234px; margin: 0 0 0 -485px; background: url(/images/slider-left.png) top left no-repeat;}
.scrollButtons.left:hover {left: 50%; top: 234px; margin: 0 0 0 -485px; background: url(/images/slider-left.png) top left no-repeat;}
.scrollButtons.right{left: 50%; top: 234px; margin: 0 0 0 139px; background: url(/images/slider-right.png) top left no-repeat;}
.scrollButtons.right:hover {left: 50%; top: 234px; margin: 0 0 0 139px; background: url(/images/slider-right.png) top left no-repeat;}
.panel-spacer{margin: 0 12px 0 0;}
