@import url(reset.css);
.corner{
	-webkit-border-radius: 5px;
    /*
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    */
    -moz-border-radius: 5px;
    /*
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    */
    border-radius: 5px;
    /*
    border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    */
}
#alert{
	height:30px;
	line-height:30px;
	color: #fff!important;
	position:relative;
	bottom:0px;
	padding-left:10px;
	text-align:left;
	width:880px; 
	border-width:2px 2px 0px 2px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
.info {
	background:#0993f5;
	border:#38516f solid;
	margin: 0 0 0 80px;
}
#twitter_update_list a,
#twitter_update_list a:hover
#twitter_update_list a:visited {
	color: #f2e010;
}
.twitter{
	background:transparent url(../images/icons/twitter.png) no-repeat center center;
	float:left;
	position:relative;
	bottom: 15px;
	left: 18px;
}
.critical {
	background:#762138 url(../images/icons/icon_alert.png) no-repeat left center;
	border:#38516f solid;
}
#promo{
	background:#19386e url(../images/promo_bg.jpg) no-repeat;
	height:210px;
	width:900px;
	line-height:41px;
	margin:0 auto;
	padding-left:40px;
	text-align:left; 
	border:#557597 solid; 
	border-width:1px 1px 0 1px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	}
#promo-content{
	background:url(../images/promo-img.png) no-repeat right bottom;
	width:940px;
	height:210px;
	position: relative;
	bottom: 0px;
	left: -40px;
	text-align:left;
	overflow: visible;
}
#hosting-content{
	background:url(../images/hosting-img.png) no-repeat right bottom;
	width:940px;
	height:210px;
	position: relative;
	bottom: 0px;
	left: -40px;
	text-align:left;
	overflow: visible;
}
#vault-content{
	background:url(../images/vault-img.png) no-repeat right bottom;
	width:940px;
	height:210px;
	position: relative;
	bottom: 0px;
	left: -40px;
	text-align:left;
	overflow: visible;
}
#cast-content{
	background:url(../images/cast-img.png) no-repeat right bottom;
	width:940px;
	height:210px;
	position: relative;
	bottom: 0px;
	left: -40px;
	text-align:left;
	overflow: visible;
}
#button{
	float:left;
	margin:160px 0 0 20px;
}
#content{
	background:#fff; 
	margin:0 auto;
	padding:3px 0;
	text-align:left;
	width:960px;
	border:#3e4e6f solid;
	border-width:0 2px 0 2px;
}
#content ol li,
#subpage ol li{
	line-height:24px;
}
#content ol,
#subpage ol{
	list-style-type:decimal;
	margin:5px 0 10px 10px;
}
#content_bot{
	background:#FFF url(../images/bg_grad_top.png) top repeat-x;
	height:17px;
	margin:0 auto;
	width:960px;
	border:#3e4e6f solid;
	border-width:2px 2px 2px 2px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#content_full{
	float:left;
	padding:0 20px 0 20px;
	text-align:left;
	width:920px;
	position:relative;
}
#content_left{
	float:left;
	padding:0 0 0 20px;
	text-align:left;
	width:580px;
}
#content_right{
	background:url(../images/bg_grad_left.png) repeat-y;
	float:right;
	font-size:11px;
	padding:0;
	text-align:left;
	width:337px;
	border:#557597 solid;
	border-width:0 0 0 1px;
	margin-top:-20px;
	margin-bottom: -20px
}
/*-------------//
// Button Styles
//-------------*/
a.button{
	background:url(../images/buttons/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	text-align:left;
	width:191px;
}
a:hover.button{
	color:#0066CC;
	text-decoration:none;
}
	.add{
		background:url(../images/buttons/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../images/buttons/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../images/buttons/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../images/buttons/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../images/buttons/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../images/buttons/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(../images/buttons/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.information{
		background:url(../images/buttons/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.package{
		background:url(../images/buttons/package.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.getpackage{
		background:url(../images/buttons/packagedone.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

/*-------------//
// List Styles
//-------------*/
/*#content_right ul,#content_left ul,#subpage_right ul,#subpage_left ul{margin:5px 0 10px 10px;}*/

#content_right ul.bullet li,
#content_left ul.bullet li,
#subpage_right ul.bullet li,
#subpage_left ul.bullet li{
	background:url(../images/icons/bullet.gif) no-repeat 0 4px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.tick li,
#content_left ul.tick li,
#subpage_right ul.tick li,
#subpage_left ul.tick li{
	background:url(../images/icons/green_tick.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.feature li,
#content_left ul.feature li,
#subpage_right ul.feature li,
#subpage_left ul.feature li{
	background:url(../images/icons/icon_appupdate.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.pricing li,
#content_left ul.pricing li,
#subpage_right ul.pricing li,
#subpage_left ul.pricing li{
	background:url(../images/icons/icon_money.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.require li,
#content_left ul.require li,
#subpage_right ul.require li,
#subpage_left ul.require li{
	background:url(../images/icons/icon_requirements.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.secure li,
#content_left ul.secure li,
#subpage_right ul.secure li,
#subpage_left ul.secure li{
	background:url(../images/icons/icon_secure16.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.star li,
#content_left ul.star li,
#subpage_right ul.star li,
#subpage_left ul.star li{
	background:url(../images/icons/helpstar16.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
#content_right ul.time li,
#content_left ul.time li,
#subpage_right ul.time li,
#subpage_left ul.time li{
	background:url(../images/icons/time16.png) no-repeat 0 6px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:5px 0 10px 10px;
	}
/*-------------*/

#content_top{
	background: #fff;
	height:17px;
	margin:0 auto;
	width:960px;
	border:#3e4e6f solid;
	border-width:2px 2px 0 2px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#doc_dl{
	background:#fff;
	margin:0 auto;
	padding:10px;
	border:#557597 solid;
	border-width:1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#doc_dl .title{
	color:#04254e;
	font-size:12px;
	font-weight:bold;
	margin-top:-10px;
}
#footer{
	font-size:11px;
	line-height:20px;
	margin:0 auto;
	padding:10px 0 20px;
	width:920px;
}
#footer #copyright{
	float:left;
}
#footer #footlinks{
	float:right;
}
#footer #footlinks ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer #footlinks ul li{
	float:left;
	padding:0 0 0 20px;
}
#links{
	float:right;
	margin:40px 0 0;
	padding:0 20px 0 0;
}
#clientnav{
	float:right;
	margin-top:0px;
	padding:0 20px 0 0;
	text-align:right;
}
.clientnav{
	margin-bottom:15px;
	margin-right:20px;
}
#logo{
	float:left;
	position:relative;
	bottom: -10px;
}
#nav{
	color:#0d9eca;
	font-size:14px;
	font-weight:bold;
	height:25px;
	line-height:15px;
	margin:20px auto 20px;
	padding:0 10px;
	text-align:left;
	width:940px;
}
#nav ul li{
	float:left;
}
#nav ul li a,
#nav ul li a:visited{
	color:#7f888f;
	display:block;
	height:20px;
	text-align:center;
	text-decoration:none;
	width:90px;
}
#nav ul li a.active,
#nav ul li a.active:visited,
#nav ul li a.active:hover{
	background:url(../images/bg_nav_active.png) bottom center no-repeat;
	color:#0d9eca;
}
#nav ul li a:hover{
	background:url(../images/bg_nav_active.png) bottom center no-repeat;
	color:#0d9eca;
}
#nav ul li.rightnav{
	float:right;
}
#nav ul li.rightnav a,
#nav ul li.order a:visited,
#nav ul li.order a:hover{
	color:#FFF;
	width:160px;
}
#promotext{
	color:#cce8ff;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:10px;
}
#promotext .header{
	color:#FFF;
	font-size:36px;
	font-weight:bold;
	padding:0 0 10px;
}
#promotext .list{
	padding:0 0 0 30px;
}
#promotext p{
	line-height:28px;
}
#clienttext{
	color:#cce8ff;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:10px;
}
#clienttext .header{
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	padding:0 0 10px;
}
#clienttext .subheader{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	text-decoration:underline;
}
#clienttext .list{
	padding:0 0 0 30px;
}
#clienttext .formarea{
	color:#FFF;
	line-height:14px;
	font-size:14px;
	margin-bottom:3px;
	margin-top:2px;
}
#clienttext p{
	color:#FFF;
	line-height:12px;
	font-size:12px;
}
#right_padding{
	margin:0 auto;
	width:297px;
}
#screenshot{
	float:right;
	padding:7px 0 0;
}
/* Sub Menus */
ul#submenu,
ul#premade_list {
	margin:5px 0 10px 10px;
	display: block;
	text-decoration: none !important;
}
ul#submenu li,
ul#premade_list li {
	display: block;
	margin:5px 0 10px 10px;
	line-height:24px;
	padding:0 0 0 20px;
	display:block;
	text-decoration: none !important;
}
ul#submenu li {
	background:none;
	border-top: 1px solid #557597;
	border-bottom: 1px solid #557597;
	float: right;
	width: 225px;
	margin-bottom:-1px;
	cursor: pointer;
	display:block;
	text-decoration: none !important;
}
.submini {
	padding-bottom: 6px !important;
}
ul#submenu li:hover {
	background: #e5f2f9;
	border-top: 1px solid #557597;
	border-bottom: 1px solid #557597;
	display:block;
	text-decoration: none !important;
}
ul#submenu li.active,
ul#submenu li.active:hover {
	background:#FFF url(../images/bg_sub_grad_active.png) right repeat-y;
	border-bottom:1px solid #557597;
	border-top:1px solid #557597;
	padding-left: 0;
	position:relative;
	width: 248px;
	left: 2px;
	display:block;
	text-decoration: none !important;
}

ul#submenu li span,
ul#submenu li span:hover {
	display: block;
	padding: 0px 10px 5px 5px;
	line-height: 150%;
	text-decoration: none !important;
}

ul#submenu li a {
	text-decoration: none !important;
}

ul#submenu h3,
ul#submenu h3:hover {
	font-size: 14px;
	font-weight: bold;
	font-family: "Segoe UI", "Trebuchet MS", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #0092f9;
	padding: 5px 5px 0 5px;
	text-decoration: none !important;
}

ul#submenu h3 a {
	outline: none;
	text-decoration: none !important;
	color: #0092f9;
	text-shadow: #fff 0px 1px 0px;
}
/*
#submenu ul{font-size:12px;margin:0 0 20px;padding:0;}
#submenu ul li{background:none;margin:0;padding:0;}
#submenu ul li a,#submenu ul li a:visited{color:#4f9eec;display:block;height:35px;line-height:35px;padding:0 0 0 25px;text-decoration:none;width:220px;}
#submenu ul li a.active,#submenu ul li a.active:visited,#submenu ul li a.active:hover{background:#FFF url(../images/bg_sub_grad_active.png) right repeat-y;border-bottom:1px solid #557597;border-top:1px solid #557597;color:#333;font-weight:bold;width:223px; margin-left:-1px;}
#submenu ul li div.active{background:#FFF url(../images/bg_sub_grad_active.png) right repeat-y;border-bottom:1px solid #557597;border-top:1px solid #557597;color:#333;font-weight:bold;width:247px; margin-left:-1px;}
#submenu ul li a:hover{color:#16b;}*/
/* Sub Page Right */
#subpage_right{background:url(../images/bg_grad_left.png) repeat-y;float:right;font-size:11px;padding:0;text-align:left;width:245px;border-left:1px solid #557597;}
#subpage_right_cast{background:url(../images/bg_grad_left.png) repeat-y;float:right;font-size:11px;padding:0;text-align:left;width:245px;border-left:1px solid #557597; margin-left: -100px}

#subpage{background:#fff url(../images/bg_sub_grad_left.png) right repeat-y;margin:0 auto;padding:3px 0;text-align:left;width:960px;border:#3e4e6f solid; border-width:0 2px 0 2px;}
#subpage_bot{background:#FFF url(../images/bg_grad_top.png) top repeat-x;height:17px;margin:0 auto;width:960px;border:#3e4e6f solid; border-width:2px 2px 2px 2px;-moz-border-radius: 0 0 10px 10px;}
#subpage_left{float:left;padding:0 0 0 20px;text-align:left;width:675px;}
#subpage_padding{margin:0 auto;width:225px;}

#subpage_top{background:#fff url(../images/bg_sub_grad_left.png) right repeat-y;height:17px;margin:0 auto;width:960px;border:#3e4e6f solid; border-width:2px 2px 0 2px;-moz-border-radius: 10px 10px 0 0;}
#top{height:80px;margin:0 auto;padding:10px 0 0;width:960px;}
.absmiddle{vertical-align:middle;}
.clear{clear:both;}
.darkgray{color:#333;}
.floatleft{float:left;padding:0 10px 0 0;}
.floatright{float:right;padding:0 0 0 10px;}
.right_links{font-size:14px;font-weight:bold;text-align:center;}
.spacer{background:#FFF url(../images/bg_grad_top.png) repeat-x;height:35px;margin:0 auto;width:622px;border:#3e4e6f solid; border-width:2px 0 0 0; margin-left:-20px;}
.spacer_full{background:#FFF url(../images/bg_grad_top.png) repeat-x;height:35px;margin:0 auto;width:960px;border:#3e4e6f solid; border-width:2px 0 0 0; margin-left:-20px;}
.twocol_1{float:left;width:48%;}
.twocol_2{float:right;width:48%;}
a,a:visited{color:#4f9eec;text-decoration:none;}
a.arrow{background:url(../images/icons/blue_arrow.gif) right no-repeat;line-height:20px;padding:0 10px 0 0;}
a:hover{text-decoration:underline;}
body{background:#111b25 url(../images/bg_body.gif) repeat-x;}
body,td,th{color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
h1{color:#0092f9;font-size:24px;font-weight:bold;padding:0 0 10px;}
h2{color:#0092f9;font-size:18px;font-weight:bold;padding:10px 0 2px;border-bottom:#e3e3e3 solid 2px;}
h3{color:#04254e;font-size:14px;font-weight:bold;padding:10px 0 2px;}
h3 a,h3 a:visited,h3 a:hover {color:#04254e;}
p{line-height:20px;padding:2px 0 5px;}
table.screenshots{margin:5px 0 15px;}
table.screenshots td{color:#16b;font-size:14px;font-weight:bold;padding:10px;}
table.screenshots td img{border:6px solid #cce8ff;}
/* Subpages */

#wrapper{
    width: 1000px;
    /*background:#f4f4f4 url(../images/bg_body.gif) repeat-x;*/
    margin:0 auto;
}

.orderlink {
    padding-top: 10px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #cc0000;
}
.modulescols{float:left;width:33%;}

.appbox {
    width: 190px;
    background-color: #e9f4f9;
    border: 1px solid #557597;
    padding: 10px;
    text-align: center;
	-moz-border-radius: 10px 10px 10px 10px;
}
.appbox .logo {
    background-color: #ffffff;
    height: 100px;
    margin-bottom: 10px;
    line-height: 100px;
    text-align: right;
    vertical-align: bottom;
	-moz-border-radius: 10px 10px 0 0;
}
img.applogo {
	vertical-align: middle;
}

.servicescol1{float:left;width:15%;text-align:center;}
.servicescol2{float:right;width:85%;}

table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;padding:4px;text-align:left;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

#scrollableImages div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#scrollableImages div.scrollableArea {
	position: relative;
	width: auto;
	height: 280px;
    padding: 1px;
    background-color: #efefef;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
#scrollableImages div.scrollableArea * {
    position: relative;
	float: left;
	margin: 0;
	padding: 0;
    padding-right: 10px;
}

.highlightpricingblock {
    background-color: #FCFBE7;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

table.data{border:#888888 2px solid;background:url(../images/bg_grad_top.png) top repeat-x;padding:0;-moz-border-radius: 5px;}
table.data td{background-color:#FFF;border-bottom:1px solid #a1a29e !important;padding:10px;text-align:center;}
table.data th{border-bottom:#a1a29e 1px solid;padding:2px 0 2px 10px;font-weight:bold;text-align:center;}

table.box{border:#888888 2px solid !important;background:url(../images/bg_grad_top.png) top repeat-x !important;padding:0 !important;-moz-border-radius: 5px !important; width:100% !important; border-collapse:collapse !important; border-spacing: 0 !important;}
table.box td{background-color: transparent !important;border-bottom:1px solid #a1a29e !important;padding:10px !important;text-align:center !important;}
tr#content-headings td{border-bottom:#a1a29e 1px solid !important;padding:2px 0 2px 10px !important;font-weight:bold !important;text-align:center !important;}

table.clientinfo{margin:0;border:#a1a29e 2px solid;background:url(../images/bg_grad_top.png) top repeat-x;padding:0;-moz-border-radius: 5px;position:relative;left:-8px;}
table.clientinfo th{border-bottom:#a1a29e 1px solid;padding:2px 0 2px 10px;font-weight:bold;}
table.clientinfo td{padding:8px; vertical-align:top;}

table.clienttools{margin:0;border:#3e4e6f solid;border-bottom: 0px; border-width: 2px 0 0 2px;background:url(../images/bg_grad_top.png) top repeat-x;padding:0;-moz-border-radius: 5px 0 0 0; position:absolute; right:-1px; bottom:-5px; }
table.clienttools td{padding:10px; vertical-align:top;border:#3e4e6f solid;border-width: 0 1px 0 0;}
table.clienttools td:hover{background:#e5f2f9;}
table.clienttools td a:hover{text-decoration:none;}

#fullwidth{background:url(../images/bg_fullwidth.gif);margin:0 auto;padding:3px 0;text-align:left;width:960px;}
#fullwidth_main{float:left;padding:0 0 0 20px;text-align:left;width:920px;}
#fullwidth_bot{background:url(../images/bg_fullwidth_bot.gif) no-repeat;height:17px;margin:0 auto;width:960px;}
#fullwidth_top{background:url(../images/bg_fullwidth_top.gif) no-repeat;height:17px;margin:0 auto;width:960px;}

.screenshotwrapper {
    width: 200px;
    height: 135px;
    background-color: #f3f3f3;
    border: 1px solid #EAEAEA;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
img.screenshot {
	vertical-align: middle;
    border: 10px solid #fff;
    margin-bottom: 5px;
}
