/* UKD default stylesheet */
/* site layout */
html { min-height: 100.01%; margin-bottom: 0.01%;}
body { margin: 0; background: #fff; color: #000; }
acronym { cursor: help; border-bottom: 1px dotted Silver; }
#ukd-layout { width: 757px; margin-left: auto; margin-right: auto; }
div.clear { clear: both; height: -1px; margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; font-size: 0px;}
#content-left { float: left; width: 490px; margin: 0 0 0 0; }
#content-right { float: right; width: 215px; margin: 0px 0 0 0; }
#ukd-head { width: 757px; height: 90px; background: url(/img/top_grad_background.jpg) repeat-x; }
#ukd-logo { float: left; width: 328px; margin: 35px 0 0 23px; }
#top-contact { width: 230px; float: right; text-align: center; margin: 52px 23px 0 0; }
#top-contact #phone { text-align: center; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; background: #fff; color: #0084C4; letter-spacing: 2px; }
#top-contact #col1 { text-align: left; width: 76px; float: left; }
#top-contact #col2 { text-align: center; width: 76px; float: left; }
#top-contact #col3 { text-align: right; width: 76px; float: left; }
#col1 a, #col2 a, #col3 a { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; color: #0084C4; background: transparent; }
#col1 a:hover, #col2 a:hover, #col3 a:hover { text-decoration: underline; }
/* navigation */
#topnavbar { width: 757px; height: 74px; }
#topnavbar #topnav-left { float: left; width: 1px; }
#topnavbar #topnav-right { float: right; width: 1px; }
#topnavbar div#topnav { margin: 10px 0 0 0; float: left; padding: 0; width: 755px;}
ul#navigation { background: #0084C4; margin: 8px 0 0px 0; padding: 8px 0px 8px 0px; font: normal 12px Verdana, sans-serif; }
#navigation li { list-style: none; margin: 0; display: inline;}
#navigation li a { padding: 8px 11px 8px 11px; text-decoration: none; font-weight: normal; }
#navigation li a:link { color: #FFFFFF; font-weight: normal; }
#navigation li a:visited { color: #FFFFFF; font-weight: normal; }
#navigation li a:hover { color: #FFCC00; font-weight: normal; }
ul#subnav { background: #fff; font: bold normal 10px Verdana, sans-serif; padding: 8px 0 8px 0; margin: 0; }
ul#subnav li { display: inline; list-style: none; background: #fff; }
#subnav li a { text-decoration: none; margin: 0; padding: 8px 8px 8px 8px; }
#subnav li a:link { color: #0084C4; }
#subnav li a:visited { color: #0084C4; }
#subnav li a:hover { color: #FFCC00; }
/* main styles */
p, ul.list, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; margin-top: 0px; margin-bottom: 15px; text-align: left; }
h2 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0084C4; letter-spacing: -2px; }
h3 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0084C4; letter-spacing: -2px; }
h4 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0084C4; letter-spacing: -1px; }
a { font-weight: bold; color: #FF6600; }
a img { border: none; }

/* page content */
#ukd-content { background-image: url(/img/page_grad_back.gif); background-repeat: repeat-x; padding: 15px 15px 5px 15px; margin-top: 0px; }
#promo_panel { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #ccc; border-left: 1px solid #f5f5f5; border-right: 1px solid #ccc; width: 480px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 10px; margin-top: 0; padding-top: 0; }
#stand_textbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px 0 15px 0; padding: 0 0 0 0; line-height: 150%; }
#ukd-footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 0 15px 0 15px; }
#footerbar { margin-top: 10px; margin-bottom: 10px; width: 100%; }
/* boxes */
#box-left { float: left; }
#box-right { float: right;}
#box { margin-top: 10px; }
#box-right, #box-left, #box { background-color: #EFF6FC; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #ccc; border-left: 1px solid #f5f5f5; border-right: 1px solid #ccc; background-image: url(/img/infobox_bg_white2bblue.jpg); background-repeat: no-repeat;  }
#box .blip, #box-right .blip, #box-left .blip { float: right; clear: both; margin-right: 10px; }
#box #featimg { float: right; border: 0px none; padding: 0px; margin: 0 15px 0 5px; }
#box #featimg #dell { vertical-align: top; position: relative; top: -50px;  margin-right: 20px; }
#box #featimg #wp { vertical-align: middle; position: relative; right: 0px; top: 75px; }
#box #featimg #cp { position: relative; right: 0px; top: 80px}
#box #featimg #nominet { vertical-align: top; position: relative; top: -50px; }
#box #featimg #logos { vertical-align: middle; margin-left: 5px; }
#box .title, #box-right .title, #box-left .title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; margin-left: 15px; color: #0084c4; width: 300px;}
#box .title a, #box-left .title a, #box-right .title a { text-decoration: none; color: #0084c4; font-weight: normal; width: 400px;}
#title a:hover { text-decoration: underline; font-weight: normal; }
#box ul, #box-left ul, #box-right ul { list-style-type: square; color: #FF0000; margin: 0px 0px 0px 32px; list-style-image: url(/img/bullet_redarrow.gif); padding: 0px 0px 0px 32px; }
#box li, #box-left li, #box-right li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; margin-left: -32px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#box li a, #box-left li a, #box-right li a { color: #000000; text-decoration: none; font-weight: normal; }
#box li a:hover, #box-left li a:hover, #box-right li a:hover { color: #000000; text-decoration: underline; font-weight: normal; }
#box .content,#box2 .content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; margin-left: 15px; color: #000000; width: 380px; }
#feature_right_index { padding: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 195px; float: right; margin-bottom: 10px; }
#feature_right { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #ccc; border-left: 1px solid #f5f5f5; border-right: 1px solid #ccc; background-color: #FFFFFF; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 195px; float: right; margin-bottom: 10px; }
#feature_right .hlight1, #feature_right_index .hlight1 { font-size: 36px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 5px; }
#feature_right .hlight2, #feature_right_index .hlight2 { font-weight: bold; font-size: 14px; }
#feature_right .hlight3, #feature_right_index .hlight3 { font-size: 24px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
#feature_right .main, #feature_right_index .main { font-size: 10px; line-height: 150%; /*clear: both;*/ }
/*#feature_right hr, #feature_right_index { height: 1px; }*/
#feature_right div.hr, #feature_right_index div.hr { padding: 0; margin: 20px 0 20px 0; border-bottom: 1px solid #bbbbbb; }
.image_right { margin: 5px; }
/* spec pages */
#dedispecs { width: 722px; text-align: left; background-color: #FFFFFF; border: 1px solid #CCCCCC; }
#packages-left { float: left; }
#packages-right { float: right; margin-bottom: 0px; padding-bottom: 0px; }
#packages-left { width: 253px; padding-top: 8px; margin-bottom: 0px; padding-bottom: 0px; }
#packages-left ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 5pt; font-weight: bold; }
#packages-left li { 	margin-bottom: 15px;}
#packages-left a { display: block; padding: 8px 0 8px 0; width: 100%; border-bottom: 1px solid #FFFFFF; font-weight: normal; text-indent: 15px; }
#packages-left a:link, #packages-left a:visited { color: #000000; text-decoration: none; }
#packages-left a:hover { font-weight: normal; text-decoration: underline; color: #FF6600; background-color: #EFEFEF; }
#packages-left p { margin-left: 10px;; padding-left: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

#packages-right {  height: 378px; min-height: 378px; padding: 8px; background-color: #0084C4; background-image: url(/img/spec_bground.jpg); background-repeat: no-repeat; background-position: right top; width: 453px; }
html>body #packages-right { height: auto; }
#packages-right .order P { margin-top: 20px; text-align: center; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 24px;  font-weight: bold; letter-spacing: -1px; color: white; }
#packages-right .order a { color: #FFCC00; }
#packages-right .order table th{ color: #FFCC00; font-size: 11px; text-align: center; text-transform: uppercase; background-color: transparent;}
#packages-right .order table td{ border: 1px solid #E8F4FF;color: white; font-size: 10px; text-align: center; background: url(/img/optionsbgfade.png); padding: 0px 2px 0px 2px; width: 65px; height: 35px; font-weight: bold;}
#packages-right .order table td .optionsml { font-weight: normal;}
#packages-right acronym { cursor: help; border-bottom: 1px dotted white; }
#packages-right H3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#packages-right P { color: #FFFFFF; line-height: normal; font-weight: bold; margin-top: 8px; }
#packages-right .cm1, #packages-right .cm1b { float: left; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 16px; padding: 5px 0px 5px 0px; }
#packages-right .cm1 { width: 90px; }
#packages-right .cm1b { width: 90px; font-size: 12px; letter-spacing: 0px;}

#packages-right .cm2, #packages-right .cm2b { float: left; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 5px 0 0px 0; }
#packages-right .cm2 { width: 90px; text-align: center;}
#packages-right .cm2b { width: 90px; font-size: 12px; text-align: center;}

#packages-right .cm3, #packages-right .cm3b { color: #FFFFFF; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 0 5px 0; }
#packages-right .cm3 { width: 260px; }
#packages-right .cm3b { width: 260px; font-size: 10px;}

#packages-right .cmclear { clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; margin: 0; padding: 0; }
#packages-right #underline { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
#packages-right #detailheader { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 30px; margin: 0px; padding: 0px; font-weight: bold; color: #0084C4; letter-spacing: -1px; color: white;}
#packages-right #detailsubheader {  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; padding: 0px; font-weight: normal; color: #0084C4; letter-spacing: 0px; color: white; padding-bottom: 10px;}
#undermenu_text { background-color: #0084C2; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; height: 170px; padding: 5px 10px; text-align: left; letter-spacing: normal; }

#specextra {  font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 10px 10px 10px; }
#specextra .header { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 25px; text-align: center; padding-bottom: 10px;}
#specextra .subheader { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; padding-bottom: 10px;}
#specextra .title, #specextra .text, #specextra .image{ float: left; padding-left: 2px; padding-right: 2px;}
#specextra .image { width: 80px ; font-size: 16px; text-align: center; vertical-align: middle;}
#specextra .title { width: 100px; font-size: 16px; vertical-align: middle; line-height: 18px; font-weight: bold;letter-spacing: -1px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center;}
#specextra .text { width: 510px;  font-size: 11px; }
#specextra .clear { clear: both; border-bottom: 1px solid Silver;  padding-top: 5px; margin-bottom: 5px; }
#specextra a { font-weight: normal; }

#specsub {  font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 10px 10px 10px; }
#specsub .header { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; padding-bottom: 10px;}
#specsub .title, #specsub .text { float: left; padding-left: 2px; padding-right: 2px;}
#specsub .title { padding-top: 5px; width: 190px; font-size: 16px; vertical-align: middle; line-height: 18px; font-weight: bold;letter-spacing: -1px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center;}
#specsub .text { width: 500px;  font-size: 11px; }
#specsub .clear { clear: both; border-bottom: 1px solid Silver;  padding-top: 5px; margin-bottom: 5px; }
#specsub a { font-weight: normal; }

#cs_text {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background-color: #F7B500;	padding: 3px;	color: #FFFFFF;	margin-bottom: 4px;}
.cs_icon {	border: 1px solid #000000;	float: right;	margin-bottom: 2px;	margin-left: 4px;}

td { border: 2px solid white; padding: 5px; }
.order table, .order td, .order tr { border: 0px; font-size: 10px;}
.order input,.order select,.order textarea,.order checkbox {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.order th { background-color: #0084C4; color: white; font-size: 12px; }
.subhead { background-color: #F4FBFF; color: white;  }
.order label { vertical-align: text-bottom; font-size: 10px; text-align: right;}
.tabletrans th,.tabletrans td,.tabletrans tr,.tabletrans table { font-size: 10px; padding: 2px; border: 0px; background-color: none; vertical-align: top;}

table#dedispecs, table#hostspecs { width: 100%; padding: 0; margin: 0; background-color: #fff; border: 1px solid #CCCCCC; }
/*#dedispecs td, #hostspecs td { padding: 5px; }*/
#dedispecs tr.spechd, #hostspecs tr.spechd, #dedispecs tr.spechd td, #hostspecs tr.spechd td { height: 18px; padding-bottom: 0; margin-bottom: 0; }

#hostspecs td.spechd1,  #hostspecs td.spechd2 { background-color: #fff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding: 0; margin: 0; }
#dedispecs td.spechd1, #hostspecs td.spechd1 { /*width: 325px;*/ padding-left: 10px; text-align: left; }
#dedispecs td.spechd2, #hostspecs td.spechd2 { text-align: center; /*width: 60px;*/ padding-left: 5px; padding-right: 5px; }

#dedispecs td.spechd1,  #dedispecs td.spechd2 { background-color: #fff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 0; margin: 0; }
#dedispecs h3.group_heading, .serverdiv h3.group_heading, .specdiv h3.group_heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000; padding: 3px; margin: 0; letter-spacing: normal; }

#hostspecs tr.subrow { padding: 0px; }
#hostspecs tr.subrow td { font-size: 11px; text-align: center; padding: 0; vertical-align: top; }
#hostspecs tr.subrow td.arr { text-align: right; }

div.serverdiv, div.hostdiv { background-repeat: no-repeat; background-position: right top; border: 1px solid #0084c4; background-image: url(../img/svr_back1.png); padding: 0; background-color: #d9e8ff; }
div.specdiv { background-image: url(../img/svrspec_back2.png); background-repeat: no-repeat; background-position: right top; border: 1px solid #0084c4; padding: 0px; }

table.servertbl, table.hosttbl { width: 100%; border: 0; }

table.servertbl td  { margin: 0; padding: 5px; border: 0; font-size: 12px; text-align: center; }
table.servertbl td.cpu  { text-align: left;}
/*#dedispecs .servertbl td.mem  {width: 75px; }
#dedispecs .servertbl td.stor  {width: 150px;}
#dedispecs .servertbl td.bw  { width: 70px;}
#dedispecs .servertbl td.setup  { width: 60px;}
#dedispecs .servertbl td.mon  { width: 60px;}*/
table.servertbl tr { height: 50px; cursor: default; }

table.hosttbl td  { margin: 0; padding: 5px; padding-bottom: 0; border: 0; font-size: 12px; text-align: center; }
table.hosttbl tr { /*height: 30px;*/ cursor: default; }
/*table.hosttbl tr td { padding-bottom: 20px; }*/



#config label { display: block; margin-top: 1em;}
#config select { display: block; width: 200px;}
#config input.text { border: inset 1px #999; padding: 1px; width: 200px;}
#config textarea { border: inset 1px #999; padding: 1px; width: 400px; height: 100px; overflow: auto;}
#config textarea.small { width: 200px;}
#config fieldset { display: block; border: solid 1px #CCC; padding: 1em; width: 600px; margin-bottom: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; font-weight: bold; }
#config legend { font-size: 14px; color: #003366; }
/*#config fieldset.fset1 { background-color: #e5f3ff; }
#config fieldset.fset2 { background-color: #f0f8ff; }*/

