.uline { text-decoration: underline; }


#message
{
    position: absolute;
    background: #FFFFFF;
    top: 15px;
    left: 200px;
    right: 200px;
    z-index: 1000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    font-size: 14px;
    line-height: 200%;
    text-align: center;
}

#message div
{
    width: 550px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 200%;
}

/* CSS Document */

/* Table for hosting guide */
.Hterm
{
    width: 20%;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
}

.Hspacer
{
    width: 3%;
}

/* nice table specs - used on domains */
#nicetable {
    padding: 0;
    margin: 0;
}

#nicetable caption {
    padding: 0 0 5px 0;
    width: 700px;    
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

#nicetable th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA;
}

#nicetable th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

#nicetable td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}


#nicetable td.alt {
    background: #e6f3fc;
    color: #797268;
}

#nicetable th.main {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#nicetable th.mainoff {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #e6f3fc;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}
/* End of nice table specs */


/* Main Page Boxes */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
    margin: 0 auto; /* center for now */
    z-index: auto;
    width: 24em; /* ems so it will grow */
    background: url(/template/images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}
.boxhead {
    background: url(/template/images/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.boxhead h2 {
    background: url(/template/images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    border:0px;
    border-width: 0 0 0 0;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
    background: url(/template/images/sbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
    height: 170px;
}

.boxbody ul {
    font-size: 0.8em;
}

/* Menu CSS */

#dropmenudiv{
position:absolute;
border-left:1px solid white;
border-right:1px solid white;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:link { color: white }
#dropmenudiv a:visited { color: white }

#dropmenudiv a:hover{
background-color: grey;
}


h3
{
    color: #0066cc;
}

a:link
{
    color: #0066cc;
    text-decoration: underline;
}
a:active
{
    color: #000000;
    text-decoration: underline;
}
a:visited
{
    color: #0066cc;
    text-decoration: underline;
}
a:hover
{
    color: #000000;
    text-decoration: underline;
}

a.whitehover:hover
{
    color: #ffffff;
}

a.whitelink:link
{
    color: #ffffff;
}
a.whitelink:active
{
    color: #ffffff;
}
a.whitelink:visited
{
    color: #ffffff;
}
a.whitelink:hover
{
    color: #ffffff;
}

/* Page structure */

html, body{
border:0;
margin:0;
padding:0;
height:100%;
}

body {
font:100%/1.25 arial, helvetica, sans-serif;

}

#page
{
margin: 0 0 0 0;
min-height: 100%;
height: 100%;
}

#main_wrapper {
	position:relative;
	min-height: 100%;
	width:100%;
	background-image:url(/template/images/main_bg.png);
	background-repeat:repeat-y;
	z-index:0;
}

#main {
	padding:170px 60px 60px 100px;
	width:750px;
	font:9pt arial, helvetica, sans-serif;
	color:#333333;
	min-height:50%;
}

#footer{
position:absolute;
bottom:0;
background-color:#E6E8EA;
background-image:url(/template/images/footer_bg.png);
background-repeat:repeat-y;
width:100%;
height:50px;
z-index:4;
}

#footerwrapper{
padding-left:80px;
}

#footercontent{
border:1px dotted #FFFFFF;
border-width: 0 1px 0 1px;
width:788px;
height:50px;
padding-left:10px;
color:#666666;
font:9pt arial, helvetica, sans-serif;
position: relative;
z-index: 0;
}

#horizontal_bg1 {
background-image:url(/template/images/bg.png);
background-repeat:repeat-x;
z-index:0;
position:absolute;
top:-70px;
left:0px;
height:500px;
width:100%;
}
#horizontal_bg2 {
background-image:url(/template/images/bg.png);
background-repeat:repeat-x;
z-index:1;
position:absolute;
top:-70px;
left:0px;
height:230px;
width:100%;
}

#banner {
position:absolute;
left:80px;
top:50px;
width:798px;
height:110px;
border:1px dotted #666666;
border-width: 0 1px 0 1px;
background-image:url(/template/images/banner_bg.png);
background-repeat:repeat-x;
z-index:2;
}



#leftgrad{
	position:absolute;
	left:0px;
	top:160px;
	width:80px;
	height:135px;
	background-image:url(/template/images/l_side_grad.png);
	z-index:2;
}

#rightgrad{
	position:absolute;
	left:880px;
	top:160px;
	width:50px;
	height:135px;
	background-image:url(/template/images/r_side_grad.png);
	z-index:2;
}

#nav {
		position:absolute;
		left:40px;
		top:-10px;
		margin:0;
		padding:0;
		background-image:url(/template/images/nav_bg_1.png);
		background-repeat:repeat-x;
		width:500px;
		float:left;
		font:8pt arial, helvetica, sans-serif;
		z-index:4;
	}
#nav ul {
position:absolute;
        left:40px;
        top:20px;
        margin:0;
        padding:0;
        background-image:url(/template/images/nav_bg_1.png);
        background-repeat:repeat-x;
        width:500px;
        float:left;
        font:8pt arial, helvetica, sans-serif;
        z-index:4;
    }

	
/* Navbar Stuff */
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#65737C;
		padding:17px 20px 12px 20px;
		float:left;
		width:auto;
		border-right:1px solid #FFFFFF;
		text-decoration:none;
		font:bold 1em/1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	#nav a:hover {
		background-image:url(/template/images/nav_bg_2.png);
		background-repeat:repeat-x;
		color:#ffffff;
	}
	#nav li:first-child a {
		border-left:1px solid #FFFFFF;
	}
	#home #nav-home a,
    #hosting #nav-hosting a,
    #services #nav-services a,
    #support #nav-support a,
	#quicklinks #nav-quicklinks a {
		background-image:url(/template/images/nav_bg_2.png);
		background-repeat:repeat-x;
		color:#ffffff;
	}


    #home #nav-home a:link {
        color: #65737c;
    }
    #home #nav-home a:visited {
        color: #65737c;
    }
    #home #nav-home a:active {
        background-image:url(/template/images/nav_bg_2.png);
        background-repeat:repeat-x;
        color:#ffffff;
    }
    #home #nav-home a:hover {
        background-image:url(/template/images/nav_bg_2.png);
        background-repeat:repeat-x;
        color:#ffffff;
    }

	#home #nav-home a,
    #hosting #nav-hosting a,
    #services #nav-services a,
    #support #nav-support a,
    #quicklinks #nav-quicklinks a {
	background-image:url(/template/images/nav_bg_1.png);
	background-repeat:repeat-x;
	}
	#nav a:active {
		background-image:url(/template/images/nav_bg_2.png);
		background-repeat:repeat-x;
		color:#ffffff;
	}

	/* Main Content text styles */
	
#main h1 {
	font:16pt arial, helvetica, sans-serif;
	font-weight:bold;
	color:#0066CC;
	border:1px dotted #0066CC;
	border-width: 0 0 1px 0;
}

#main h1 a {
    font:16pt arial, helvetica, sans-serif;
    font-weight:bold;
    color:#0066CC;
    border:1px dotted #0066CC;
    border-width: 0 0 1px 0;
    text-decoration: none;
}

/* For the breadcrumb */
#main h4 {
    font:7pt arial, helvetica, sans-serif;
    font-weight:bold;
    color:#000000;
    border:1px dotted #0066CC;
    border-width: 0 0 1px 0;
}

#main h4 a {
    font:7pt arial, helvetica, sans-serif;
    font-weight:bold;
    color:#0066CC;
    text-decoration: none;
}

#leftColumn h2 {
    font:11px arial, helvetica, sans-serif;
    color:#0066CC;
    border:1px dotted #0066CC;
    border-width: 0 0 1px 0;
}

#leftColumn
{
    position: relative;
    float: left;
    left:0px;
    top:-15px;
    width:150px;
    height:100%;
    bottom:50px;
    border-right:1px dotted #0066CC;
    border-bottom:1px dotted #0066CC;
    z-index:3;
}

#mainColumn
{
    position: relative;
    float: left;
    z-index: 0;
    left: 10px;
    top: -15px;
    width: 200px;
}

.newsDate
{
    font-weight: bold;
    font:9px arial, helvetica, sans-serif;
}

/* For Domain order system */
tbody.on
{
    display:table-row-group;
}

tbody.off
{
    display:none;
}

.input
{
    font-size: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #D8EBFF;
}

.width150
{
    width: 150px;
}

div.centered
{
    text-align: center;
}


/*
Margin form tags
 */

#personalDetailsForm fieldset
{
    display: block;
    margin: 0 0 1em 0;
    border: 0 solid #FFFFFF;
    border-top: 1px solid #000000;
    padding: 0 1em 1em 1em;
}

#personalDetailsForm fieldset.radio
{
    margin: 0 0 0 -1em;
    border: 0 solid #FFFFFF;
}

#personalDetailsForm fieldset.radio input
{
    position: static;
    z-index: 0;
    clear: both;
    float: left;
}

#personalDetailsForm fieldset.radio label
{
    position: relative;
    z-index: 0;
    top: -1.25em;
    display: inline;
    width: auto;
    margin: 0 0 0 8em;
    font-weight: bold;
    font-weight: normal;
}

#personalDetailsForm fieldset.radio legend
{
    float: left;
    font-weight: bold;
}

#personalDetailsForm input
{
    position: relative;
    z-index: 0;
    top: -1.4em;
    left: 14em;
    display: block;
}

#personalDetailsForm input.submit
{
    clear: both;
    top: 0;
}

#personalDetailsForm label
{
    clear: both;
    float: left;
    display: block;
    width: 16em;
    margin-top: -1em;
    font-weight: bold;
}

#personalDetailsForm label.first
{
    margin-top: 1em;
}

#personalDetailsForm select
{
    position: relative;
    z-index: 0;
    top: -1.4em;
    left: 14em;
    display: block;
}





#nav2, #nav2 ul { /* all lists */
}

#nav2 a {
}

#nav2 ul
{
    top:40px;
}

#nav2 li ul a:hover {
    background-image: none;
    display:block;
    background-color: gray;
    width: 140px;
}

/** Stop image bg on generated source **/

#hosting #nav-hosting ul a
{
    background-image:none;
}

#nav-hosting ul a
{
    background-image:none;
}


#services #nav-services ul a
{
    background-image:none;
}

#nav-services ul a
{
    background-image:none;
}


#support #nav-support ul a
{
    background-image:none;
}

#nav-support ul a
{
    background-image:none;
}

#quicklinks #nav-quicklinks ul a
{
    background-image:none;
}

#nav-quicklinks ul a
{
    background-image:none;
}


#nav2 li ul a, #nav2 li ul a:link, #nav2 li ul a:visited
{
    color: #ffffff;
    border-right: none;
    width: 160px;
    border-bottom:1px solid #ffffff;
    line-height:2em;
    text-indent: 5px;
    padding: 0;
    margin: 0px;
    text-transform: none;
    font:1.1em/2em Verdana;
}

#nav2 li ul li
{
    width: 160px;
}

#nav2 li { /* all list items */
}

#nav2 li ul li:first-child a
{
    border-left: none;
}

#nav2 li ul { /* second-level lists */
    position: absolute;
    background: #a5adb4;
    width: 160px;
    /*left: -999em;*/ /* using left instead of display to hide menus because display: none isn't read by screen readers */
    visibility:hidden; /* We need to manually set things */
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    width: 160px;
    visibility:visible;
}

#nav-hosting li:hover
{
    left: 200px;
}

.submit
{
    color: #000;
    background: lightgrey;
    border: 2px outset #000000;
}

/*** Reports Tree ***/
ul.tree, ul.tree ul
{
    list-style-type: none;
    background: url(/template/images/vline.png) repeat-y;
    margin: 0;
    padding: 0;
}

ul.tree ul
{
    margin-left: 10px;
}

ul.tree li
{
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    background: url(/template/images/node.png) no-repeat;
}

ul.tree li.last
{
    /** When adding in a bg color, eg #fff, the image changes correctly **/
    background: #fff url(/template/images/lastnode.png) no-repeat;
}

/*** End Reports Tree ***/

/*** Portfolio table ***/
.portfolio-table img
{
    border: 1px solid #000000;
}

.portfolio-pic
{
    border: 1px solid #000000;
    margin-right: 1em;
}

.pretty-ul
{
    list-style-image: url(/template/images/arrow.gif); 
}