/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* *****************************************************

    Host Depot CSS Stylesheet
    Created: 10th April 2012
    Last Updated: 10th April 2012
    Generated By: Mark Erskine
    Version: 1.0

    Edits to WHMCS files:
    Boostrp.css: topbar color

***************************************************** */
body {
    background-image:url("/Images/Header/Bkgd.gif");
}
section#header {
    background-color:transparent;
    border-radius: 0;
}
section#header .logo img {
    margin-top: -5px;
    padding: 0;
    max-height: 76px;
    vertical-align: middle;
}
.navbar-main {
    background-color: #3586de;
    margin-top: -5px;
}
.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #3586de;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #3586de;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #3586de;
    border-color: #3586de;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #333;
    background-color: #eee;
}
ul.top-nav > li > a {
    color: #aaa;
}
ul.top-nav > li:active > a,
ul.top-nav > li:focus > a,
ul.top-nav > li:hover > a,
ul.top-nav > li > a:focus {
    color: #ddd;
}

.container {
    max-width: 960px;
}
a, h1, h2 {
    COLOR: #4b80bb;
}
h1, h2 {
    font-weight: bold;
}
h1 {
    FONT-SIZE: 24px;
}
h2 {
    FONT-SIZE: 18px;
}
div.header-lined h1 {
    font-weight: bold;
    color: #4b80bb;
}
blockquote {
    font-size:12px;
}
div.announcement-single blockquote {
    margin: 0;
}
#top-nav a.quick-nav {
    color: #ccc;
}
#top-nav .nav {
    font-size: 12px;
}
.hdmain {
    max-width: 755px;
    margin-left:auto;
    margin-right:auto;
}
.hdheader {
    margin: 0 0 20px 0;
}
.hdcontainer p {
    margin-bottom: 0;
}
.hdcontainer {
    max-width: 960px;
    margin: auto;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0;
}
.hdcontainer .contentpadded {
    padding: 15px;
}
.hdcontainer img {
    vertical-align: top;
    border: 0;
}
.hdcontainer .flash {
    position:absolute;
    top:20px;
    left:410px;
}
.hdcontainer .facebook {
    position:absolute;
    top:60px;
    left:335px;
    width:92px;
    height:24px;
    overflow:hidden;
}
.hdcontainer .linkedin {
    position:absolute;
    top:60px;
    left:445px;
}
.hdcontainer .twitter {
    position:absolute;
    top:60px;
    left:520px;
}
.hdcontainer .phone {
    position:absolute;
    top:25px;
    right:-20px;
    z-index: -1;
}
.hdcontainer .footer {
    margin: 0;
    padding: 15px;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sanserif;
    font-size: 11px;
    color: #2474cc;
}
.hdcontainer .footer #languagefrm select {
    position:absolute;
    top:12px;
    left:75px;
    margin: 0 0 0 5px;
    padding: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sanserif;
    font-size: 11px;
    color: #666;
    height: 25px;
    line-height: 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 3px;
}

.hdcontainer .footer #copyright {
    position:absolute;
    top:10px;
    left:320px;
    text-align: center;
}

.hdcontainer .footer #social {
    position:absolute;
    top:10px;
    right:20px;
}
.footerdivider {
    border-top: 1px solid #e8e8e8;
}
.title
{
    font-weight: bold;
    font-style: normal;
    FONT-SIZE: 14pt;
    COLOR: #4b80bb;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
}
.titlel
{
    font-weight: bold;
    font-style: normal;
    FONT-SIZE: 24px;
    COLOR: #4b80bb;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
    margin: 0 0 10px 0;
}
.titleold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #4b80bb;
    FONT-FAMILY: verdana;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.small
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #4b80bb;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sanserif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.bread
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #4b80bb;
    FONT-FAMILY: verdana;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
TH
{
    FONT-SIZE: 8pt;
    COLOR: #4b80bb;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sanserif;
    LETTER-SPACING: normal;
    BACKGROUND-COLOR: #b2d0f2;
    TEXT-DECORATION: none
}
TD
{
    FONT-WEIGHT:normal;
    FONT-SIZE: 9pt;
    COLOR: #4b80bb;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sanserif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none;
    line-height:normal;
}
Table.Padded td 
{
    padding:3px;
}

ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:lower-roman; }
ol ol ol ol { list-style-type:lower-alpha; }
ul { list-style-type:disc; }

.copy
{
    COLOR: #4b80bb;
    TEXT-DECORATION: none
}
.copy:hover
{
    COLOR: #FF4A00;
    TEXT-DECORATION: underline
}

.bold
{
    FONT-WEIGHT: bold;
    COLOR: #4b80bb;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.high
{
    FONT-WEIGHT: bold;
    FONT-FAMILY: verdana, tahoma, arial, helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.redbold
{
    FONT-WEIGHT: bold;
    COLOR: #FF4A00
}
.red
{
    COLOR: #FF4A00
}

.itembold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #4b80bb;
    FONT-FAMILY: arial, helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.itemnorm
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #4b80bb;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.itemvalue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #4b80bb;
    FONT-FAMILY: arial, helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-DECORATION: none
}
.itemlink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #4b80bb;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: none
}
.itemtitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #4b80bb;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: none
}
.itemname
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #417ab9;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: none
}
.DirectoryLink {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #185CA5;
	text-decoration: none;
}
.DirectoryLink:Hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #185CA5;
	text-decoration: underline;
}
.DirectoryBorder {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7EB0E5;
	border-right-color: #7EB0E5;
	border-bottom-color: #7EB0E5;
	border-left-color: #7EB0E5;
}
#Partmasp {display: none;}