/******************************
* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
capxion,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body{font:13px/1.231 "Lucida Grande",Verdana,Arial,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* COLORS
Electric Blue:006fba
Baby Blue:52b9e9
Royal Blue:173583
*/
/******************************
* Basics */
*{color:#ddd;}
html{background-color:#4f81bd;}
a:hover{color:#006fba;}
/******************************
* Layout */
body{text-align:center;behavior:url("/javascripts/csshover.htc");}
#wrapper2{width:955px;margin:20px auto 10px auto;background:white;border:3px solid #b9cde5;text-align:left;}
hr{clear:both;visibility:hidden;}
.clear:after,#ft ul:after,.content:after,#banner:after,#hd:after,#bd:after,.floater:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/******************************
* Banner */
#banner{padding:10px;background-color:#252525;}
#banner h1 span{display:none;}
#banner .leftbanner{float:left;text-align:left;}
#banner .leftbanner p{padding-top:1em;}
.nrbanner{margin-left:16px;}
#quicklinks{padding-bottom:10px;text-align:right;}
#quicklinks ul{display:inline;}
#quicklinks li{display:inline;padding-left:10px;}
#quicklinks a,#menu a{font-family:Verdana,Arial,sans-serif;text-decoration:none;}
#quickcontacts{float:right;text-align:right;font-size:.9em;}
/******************************
* Menu */
#menu{background:#4f81bd;height:28px;border-top:3px solid #ffffff;border-bottom:3px solid #ffffff;margin:0 auto;padding-left:110px;}
#nav,#nav ul{padding:0;margin:0;list-style:none;line-height:1;}
#nav a{display:block;font-size:1.3em;color:#fff;text-decoration:none;padding:5px 10px;}
#nav a:hover{color:#173583;}
#nav li{float:left;text-align:left;}
#nav li ul{position:absolute;width:14em;left:-999em;background-color:#111111;border:1px solid gray;margin-top:-3px;}
#nav #nav-facilities{width:19em;}
#nav #nav-aboutus{width:24em;}
#nav li ul li{display:block;width:100%;margin:0;}
#nav li ul a{color:#52b9e9;font-size:1.1em;padding:5px;border-bottom:1px solid #333;border-right:1px solid #333;}
#nav li ul a:hover{color:#fff;background-color:#222;}
#nav li:hover ul,#nav li.sfhover ul{left:auto;margin-left:10px;}
#nav #dashboard_link .not_logged_in{color:#000;}
/******************************
* Footer 
#ft{text-align:center;font-size:.8em;padding-bottom:30px;}
#ft a{color:#52b9e9;text-decoration:none;}
*/
#ft p{padding:4px;color:#ffffff;}
#ft a:hover{color:#ffffff;}
#ft{min-height:75px;text-align:center;color:#FFF;padding:15px;line-height:18px;background-image:url(../images/bg-reflection.png);background-position:top center;background-repeat:no-repeat;}
#ft a{color:#eee;text-decoration:underline;letter-spacing:1px;}
#ft .designedby{font-size:12px;text-decoration:none}
/****************************** 
* Content */
.graybox{width:934px;padding:1px;background:#252525;margin-left:1px;}
.endgraybox{padding:0;margin:0;height:0;}
.main{width:638px;float:left;display:block;padding:10px;text-align:left;}
.mainright .main{margin-left:170px;float:none;width:auto;}
.sidebar{width:250px;margin-left:662px;text-align:left;}
.mainright .sidebar{float:left;width:170px;margin-left:0;}
.sidebar .box{margin-bottom:10px;padding:6px;text-align:left;}
.sidebar .box h3{font-size:1.1em;font-weight:bold;font-family:Verdana,Arial,sans-serif;color:#eee;padding:5px;}
.sidebar .box p{color:#ddd;padding:5px;}
.sidebar .box a{color:#52b9e9;}
.sidebar .box a:hover{color:#006fba;}
.sidebar ul{margin-left:20px;}
.sidebar li{list-style:disc;}
.sidebar .sidelinks ul{margin:20px;}
.sidebar .sidelinks li{padding:.2em 0;}
.sidebar .sidelinks li a{display:block;}
#main_banner{padding:10px 0;width:950px;overflow:hidden;}
.main a{color:#52b9e9;}
.main a:hover{color:#006fba;}
.main h2{font-size:1.5em;font-family:Verdana,Arial,sans-serif;color:#fff;}
.main h3{font-size:1.3em;font-family:Verdana,Arial,sans-serif;margin-top:1em;}
.main img{margin:1em;}
.main ul{padding-left:25px;}
.main li{list-style:disc;}
.main ul,.main p{padding-top:6px;}
code,pre{font:normal 11px "bitstream vera sans mono","monaco","lucida console","courier new",courier,serif;}
.maincolumn{margin-left:170px;}
.left{float:left;}
.right{float:right;}
dt{font-weight:bold;}
dd{margin-left:1em;}
.important{padding:10px 10px 10px 25px;margin:10px 0;border:1px solid #999;background:#333 url( '../images/bg_important.png' ) repeat-y}
td,th{padding:.1em;}
/******************************
* Index Page */
#index .graybox{width:934px;padding:1px;background:#252525 url(../images/grey-bg.jpg) repeat-y right;margin-left:1px;}
#index .main{padding:10px;}
#index .main img{margin:0;}
#index .sidebar{width:225px;margin-left:700px;text-align:left;}
#index .testimonials{margin:25px 5px;height:150px}
#index .testimonials #fade2 p{color:inherit !important;}
.home_products{width:938px;height:197px;background-color:#707070;background-image:url(../images/ltgrey-bg.jpg);background-position:bottom;background-repeat:repeat-x;color:white;margin:0;margin-left:1px;}
.home_products .product{width:295px;float:left;padding:8px;}
.home_products *{color:#fff;}
.home_products li{list-style:disc;font-size:1.1em;text-align:left;}
.home_products h2{font-weight:bold;font-family:Verdana,Arial,sans-serif;font-size:1.5em;margin:.3em 0;text-align:left;}
.home_products img{float:left;margin-right:25px;}
.home_products a{text-decoration:none;}
.home_products .learnmore{margin-top:16px;}
.home_products a.learnmore{background-image:url(../images/btn-learn.png);background-repeat:no-repeat;border:0;width:97px;height:22px;float:left;text-decoration:none;text-indent:-9999px;}
.home_products a.learnmore:hover{background-image:url(../images/btn-learn-on2.png);background-repeat:no-repeat}
.home_products select.learnmore{color:#ccc;background-color:#111111;border:1px solid #006fba;}
.home_products select.learnmore option{color:#ccc;}
/******************************
* Notices */
.notice{padding:10px;}
.error{background-color:#990000;}
/******************************
* Forms */
input,select,textarea,option,optgroup{color:#111;}
.order_form{padding-left:50px;padding-top:10px;}
fieldset{margin:10px;border:1px solid #aaa;padding:6px;}
fieldset legend{color:#ccc;font-weight:bold;font-size:1.2em;}
/******************************
* Video */
.videobox{text-align:center;padding:10px;}
/******************************
* Packages */
.package{padding:5px 15px;margin:10px;border:1px solid #888;border-left:12px solid #006fba;background-color:#2a2a2a;}
.package h3{font-size:1.5em;margin-top:0;}
.package ul{padding-top:15px;list-style:none;}
.package li{padding:3px;}
.package .name,.package .cost{font-weight:bold;font-size:1.1em;}
.package .cost{text-align:right;font-size:1.05em;font-weight:bold;font-style:italic;padding:3px;}
.package .cost table{float:right;}
.cost table td{color:#52b9e9;padding:.1em;}
.package table.addons{width:100%;padding:0;}
.package table.addons .name{background-color:#eee;padding:5px;}
.package table.addons td,.package table.addons th{padding:.1em;}
/******************************
* Manager */
/******************************
* Bordered Table Styling */
table.bordered{width:100%;}
table.bordered,table.form,table.data{padding:0px;margin:.5em 0px;background:#333;border:1px solid #BAC9CF;border-bottom-width:5px;border-collapse:collapse;}
table.bordered tr th,table.form td,table.data th{font-weight:normal;padding:.2em .5em;background:#444;font-weight:bold;text-align:left;}
table.bordered tr.bottom-headers th{border-bottom:0;border-top:2px solid #BAC9CF;}
table.bordered .subhead{border-top:1px solid #BAC9CF;}
table.bordered td,table.data td{padding:.3em .5em;margin:0px;border-bottom:1px solid #BAC9CF;}
table.bordered tr.hovered{background:#282E36;}
.row1{background:#2a2a2a;border-bottom:1px solid #BAC9CF;width:100%;}
.row2{background:#333;border-bottom:1px solid #BAC9CF;width:100%;}
table.bordered .namerow,table.bordered .namerow td{border-bottom:0px;}
table.form th{padding:3px;text-align:right;}
table.form .subsection{text-align:left;color:#fff;}
table.form .blank{background:#FFF;border-bottom:1px solid #BAC9CF;border-top:1px solid #BAC9CF;}
table.form td{font-weight:normal;padding:.4em;}
table.form tr.hr_row{height:1em;}
.fieldWithErrors{display:inline;color:#FF7F00;font-weight:bold;}
table.data td,table.data tr{background-color:#111;text-align:center;}
.data .col-head{text-align:center;}
/******************************
* Firewall Rule Form Rows */
tr.firewall_rule select.fw_client,tr.firewall_rule select.fw_vlan{width:140px;}
tr.firewall_rule input{width:80px;}
.permit{color:#090;}
.deny{color:#900;}
/******************************
* Client Menu */
.clients_menu ul{margin:4px 0 0 0;}
.clients_menu li{list-style:none;margin:10px 0 0 0;padding:4px;}
.clients_menu li a{font-weight:bold;}
.clients_menu li li{margin:0;}
.clients_menu li li:hover{background-color:#333;}
.clients_menu li li a{font-weight:normal;}
/******************************
* Announcements */
.announcement{background:#333 url(../images/black/gray333-bg-top.gif) no-repeat top;}
.announcement h3{margin:0;color:#fff;}
.announcement .inner{background:url(../images/black/gray333-bg-bot.gif) no-repeat bottom;padding:10px;margin:10px 0;}
/* Credit Card Form
----------------------------- */
.credit_card_form{width:auto;padding:5px;display:inline-block;vertical-align:top;}
.credit_card_form table,.credit_card_form p{margin:0 5px 5px 5px;padding:0;}
.credit_card_form td{border-collapse:collapse;margin:0;padding:0;}
.credit_card_form label{font-weight:bold;}
.credit_card_form h3{margin:10px 0 0 0;}
/* Cabinet Display of Cabinet Units
----------------------------- */
table.cabinet_units{background-color:#000;padding:0;width:550px;border-collapse:collapse;border-bottom:5px solid #000;margin-bottom:18px;}
table.cabinet_units th.cabinet_header{background-color:#000;text-align:center;height:36px;}
table.cabinet_units th.cabinet_header a{color:#fff;font-family:"Times New Roman",Times,serif;font-size:24px;text-decoration:none;}
table.cabinet_units tr{background-color:#222;}
table.cabinet_units td{height:18px;}
table.cabinet_units tr.cabinet_unit_assigned{background-color:#333333;}
table.cabinet_units tr.row_selected{background-color:#BFC763;}
table.cabinet_units tr.cabinet_unit_selectors{background-color:#000;color:#B2B2B2;font-size:10px;}
table.cabinet_units tr.cabinet_unit_selectors .selector{color:#3E5D99;font-weight:normal;cursor:pointer;}
table.cabinet_units td.cabinet_unit_client{width:200px;}
table.cabinet_units td.cabinet_unit_checkbox{width:18px;height:18px;}
table.cabinet_units td.cabinet_unit_actions{width:18px;}
table.cabinet_units td.btmcell{border-bottom:2px solid #B3B3B3;}
table.cabinet_units td.cabinet_unit_number{background-color:#000;color:#fff;font-family:"Times New Roman",Times,serif;font-size:24px;height:36px;width:36px;text-align:center;border-bottom:2px solid #B3B3B3;}
table.cabinet_units td.cabinet_unit_edit{width:18px;}
table.cabinet_units span.cabinet_unit_empty{padding-left:21px;}
table.cabinet_units span.cabinet_unit_device a{font-weight:bold;font-size:14px;color:#4f81bd;}
/* Classes to define the appearance of tech-specs tables */
div.specs{border-top:1px solid #999999;border-right:1px solid #999999;border-left:1px solid #999999;font-size:11px;width:70%;margin-top:12px;}
div.specs h2,div.specs h3,div.specs h4{position:relative;top:-1px;margin:0px;padding:2px;border-top:1px solid #999999;border-bottom:1px solid #999999;background-color:#CCCCCC;color:#333333;font-weight:bold;}
div.specs table{border-collapse:collapse;border-spacing:0px;font-size:11px;width:100%;}
div.specs th{width:35%;min-width:100px;bottom:-1px;margin:0px;padding:2px;border-bottom:1px solid #999999;font-weight:bold;text-align:left;vertical-align:top;}
div.specs th.header{background-color:#CCCCCC;}
div.specs td{width:65%;min-width:185px;bottom:-1px;margin:0px;padding:2px;border-bottom:1px solid #999999;vertical-align:top;}
td div.specs p{margin:0px;padding:5px;border-bottom:1px solid #999999;}
div.specs ol,div.specs ul{margin-top:5px;margin-bottom:5px;margin-right:5px;margin-left:1em;padding-left:.25em;}
div.specs p{margin:5px;}
.sc_description ul{margin-left:1em;padding-left:.25em;}
/* Paragraph styling */
p.reference{margin-top:0;padding-top:.3em;font-size:0.8em;}
/******************************
* External Rounded Borders */
/* set the image to use and establish the lower-right position */
.cssbox,.cssbox_body,.cssbox_head,.cssbox_head h2{background:transparent url(../images/border.png) no-repeat bottom right}
.cssbox{/* intended total box width - padding-right(next)*/
width:925px !important;/* IE Win = width - padding */
width:910px;/* the gap on the right edge of the image (not content padding) */ 
padding-right:15px;/* use to position the box */ 
margin:20px auto}
/* set the top-right image */ 
.cssbox_head{background-position:top right;/* pull the right image over on top of border */
margin-right:-15px;/* right-image-gap + right-inside padding */
padding-right:1px}
/* set the top-left image */ 
.cssbox_head h2{background-position:top left;margin:0;/* reset main site styles*/
border:0;/* ditto */ 
/* padding-left = image gap + interior padding ... no padding-right */
padding:5px 0px 1px 1px;height:auto !important;height:1%}
/* IE Holly Hack */ 
/* set the lower-left corner image */
.cssbox_body{background-position:bottom left;margin-right:25px;/* interior-padding right */
padding:0px 0px 15px 0px}
/* mirror .cssbox_head right/left */ 
/******************************
* Internal Rounded Borders */
.spiffy{display:block}
.spiffy *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#333}
.spiffy1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #2b1615;border-right:1px solid #2b1615;background:#2f0b09}
.spiffy2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #262121;border-right:1px solid #262121;background:#300907}
.spiffy3{margin-left:1px;margin-right:1px;border-left:1px solid #300907;border-right:1px solid #300907;}
.spiffy4{border-left:1px solid #2b1615;border-right:1px solid #2b1615}
.spiffy5{border-left:1px solid #2f0b09;border-right:1px solid #2f0b09}
.spiffyfg{background:#333}
/******************************
* Image slideshow */
#dhtmlgoodies_slideshow{width:747px;/* Total width of slideshow */}
#previewPane{border:1px solid #CCCCCC;margin-bottom:30px;text-align:center;vertical-align:middle;padding-top:2px;position:relative;/* CSS HACK */
height:567px;/* IE 5.x */
height/* */:/**/565px;/* Other browsers */
height:/**/565px;}
#previewPane img{line-height:565px;}
#previewPane #largeImageCaption{/* CSS styling of image caption below large image */
font-style:italic;text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;/* Font to use */
font-size:0.9em;}
#galleryContainer{height:112px;/* Height of the images + 2 */
border:1px solid #CCCCCC;position:relative;overflow:hidden;padding:1px;/* CSS HACK */
height:114px;/* IE 5.x - Added 2 pixels for border left and right */
height/* */:/**/112px;/* Other browsers */
height:/**/112px;}
#arrow_left{position:absolute;left:0px;z-index:10;background-color:#FFF;padding:1px;}
#arrow_right{position:absolute;right:0px;z-index:10;background-color:#FFF;padding:1px;}
#theImages{position:absolute;height:100px;left:40px;width:100000px;}
#theImages #slideEnd{float:left;}
#theImages img{float:left;padding:1px;filter:alpha(opacity=50);opacity:0.5;cursor:pointer;border:0px;}
#waitMessage{display:none;position:absolute;left:200px;top:150px;background-color:#FFF;border:3px double #000;padding:4px;color:#555;font-size:0.9em;font-family:arial;}
#theImages .imageCaption{display:none;}
