/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 75%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

.successbox {
	border: 1px dashed #66CC00;
	font-weight: bold;
	background-color: #DDFFC6;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #009933;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #FDFCDD;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading td, tr.clientareatableheading th {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
    font-size: 12px;
	padding: 4px;
}

tr.clientareatableheading th a {
    color: #000;
}

.clientareatable td, tr.clientareatableactive td {
	background-color: #ffffff;
	text-align: center;
    padding: 2px;
}

tr.clientareatablepending td {
	background-color: #FFFFE2;
	text-align: center;
    padding: 2px;
}

tr.clientareatablesuspended td {
	background-color: #E9FFD2;
	text-align: center;
    padding: 2px;
}

tr.clientareatableterminated td {
	background-color: #FFE1E1;
	text-align: center;
    padding: 2px;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   KNOWLEDGEBASE
-------------------------------------------------------------- */

.kbarticle {
    padding: 2px 5px 5px 15px;
}

.kbviews {
    color:#A8A8A8;
    font-size:10px;
}

.kbalsoread {
    padding: 5px 5px 5px 15px;
    background-color: #f8f8f8;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

/* --------------------------------------------------------------
   BUTTONS
-------------------------------------------------------------- */

input.button,input.buttongo,input.buttonwarn {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 7px 3px 7px;
}
input.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
input.buttongo:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
input.buttonwarn:hover{
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

/* --------------------------------------------------------------
   TWITTER FEED
-------------------------------------------------------------- */

#twitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 20px 0;
}
#twitterfeed li {
    background-image: url(../../images/twittericon.png);
    background-repeat: no-repeat;
    background-position: 0;
    margin: 0 20px 10px 20px;
    padding-left: 25px;
}
#twitterfeed p {
    text-align: center;
    margin: 15px;
}

#announcementstwitter {
    float: right;
    width: 250px;
    margin: 0 0 20px 10px;
    padding: 10px 0 10px 0;
    border: 1px dashed #f5e303;
    background-color: #ffffec;
}
#announcementstwitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
}
#announcementstwitterfeed li {
    padding: 10px;
    border-top: 1px dashed #f5e303;
}
#announcementstwitterfeed p {
    text-align: center;
    padding: 10px;
    margin: 10px 0 0 0;
    border-top: 1px dashed #f5e303;
}


@media screen {

	* { 
		margin:0; 
		padding:0;
	}

	a {
		text-decoration:underline;
		color:#000;
	}
	a:hover {text-decoration:none;}
	input, textarea, select {
		font:100% arial,sans-serif;
		vertical-align:middle;
		color:#000;
		overflow: auto;
	}
	label{vertical-align:middle;}
	button, input{
		width: auto;
		overflow: visible;
	}
	h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
	h1{font-size:200%;}
	h2{font-size:150%;}
	h3{font-size:120%;}
	h4{font-size:110%;}
	h5{font-size:100%;}
	h6{font-size:90%;}
	i, cite, em, var, dfn, address{font-style:italic;}
	u, ins {text-decoration: underline;}
	s, strike, del {text-decoration: line-through;}
	blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: '';}
	table, caption, tbody, tfoot, thead, tr, th, td{
		border-collapse: collapse;
		border-spacing: 0;
	}
	th, td{
		border:1px solid #ccc;
		padding:3px 7px;
		text-align:left;
		vertical-align:top;
	}
	th{
		border-color:#999;
		text-align:center;
		vertical-align:middle;
	}
	ul{margin-left:1px;}
	ul li, ol li{list-style-position:inside;}
	ul li{list-style-type:disc;}
	body {
		margin:0;
		color:#000;
		font:12px Arial, Helvetica, sans-serif;
		background:#171717;
		min-width:976px;
	}
	img {border-style:none;}
	form,
	fieldset {
		margin:0;
		padding:0;
		border-style:none;
	}
	#wrapper {
		width:100%;
		overflow:hidden;
		background:#005283 url(images/bg-header.gif) repeat-x;
		
	}
	#header{
		width:976px;
		margin:0 auto;
		min-height:98px;
	}
	#header:after{
		content:'';
		display:block;
		clear:both; 
	}
	.logo{
		width:132px;
		height:23px;
		background:url(images/logo.png) 0 0 no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		float:left;
		margin: 16px 0 0;
	}
	.logo a{
		display:block;
		height:100%;
	}
	#nav{
		margin: 17px 0 0 21px;
		padding:0;
		list-style:none;
		font-size:12px;
		line-height:16px;
		position:relative;
		z-index:10;
		float:left;
	}
	#nav li{
		float:left;
		margin:0 1px 0 0;
		list-style:none outside;
	}
	#nav > li > a{
		width:96px;
		text-transform:uppercase;
		text-decoration:none;
		color:#cdcdcd;
		cursor:pointer;
		position:relative;
		display:block;
		text-align:center;
		padding: 10px 0;
		background:url(images/bg-nav.png) no-repeat;
	}
	#nav .active a,
	#nav a:hover{
		background:url(images/bg-nav-hover.png) no-repeat;
		color:#fff;
		padding: 10px 0 11px;
	}
	#nav ul {
		width:580px;
		position:absolute;
		left:0px;
		top:35px;
		z-index:10;
		margin:0;
		padding: 14px 0 15px;
		list-style:none;
		display:block;
	}
	#nav ul li{
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		line-height:18px;
		background:url(images/separator.gif) no-repeat 0 5px;
		padding: 0 21px;
	}
	*+html #nav ul li{display:inline;}
	#nav ul li:first-child{
		background:none;
		padding-left:0;
	}
	#nav .active a ul a,
	#nav a:hover ul a,
	#nav li:hover ul a,
	#nav ul a {
		background:none !important;
		white-space:nowrap;
		color:#fff;
		text-decoration:none;
		padding:0 !important;
		display:block;
	}
	#nav ul li:hover a:hover,
	#nav ul a:hover{ 
		color:#ffd200;
		background:none;
		padding:0;
	}
	
	
	#nav ul li.current_page_item > a,
	#nav ul li.current-menu-ancestor > a,
	#nav ul li.current-menu-item > a,
	#nav ul li.current-menu-parent > a {
		color:#febf00;
		background:none;
		padding:0;
	}
	* html #nav ul li.current_page_item a,
	* html #nav ul li.current-menu-ancestor a,
	* html #nav ul li.current-menu-item a,
	* html #nav ul li.current-menu-parent a,
	* html #nav ul li a:hover {
		color:#febf00;
		background:none;
		padding:0;
	}
	
	
	#header .bar{
		float:right;
		padding: 17px 0 0;
	}
	#header .add-nav{
		padding:0;
		list-style:none;
		float:right;
		width:292px;
		font-size:12px;
		line-height:16px;
		margin: 17px 0 0;
	}
	#header .add-nav li{
		list-style:none outside;
		float:right;
		margin:0 0 0 1px;
	}
	#header .add-nav li a{
		width:96px;
		text-transform:uppercase;
		text-decoration:none;
		color:#cdcdcd;
		cursor:pointer;
		display:block;
		text-align:center;
		padding: 10px 0 10px;
		background:url(images/bg-nav.png) no-repeat;
	}
	#header .add-nav li a:hover{
		background:url(images/bg-nav-hover.png) no-repeat;
		color:#fff;
		padding: 10px 0 11px;
		margin:0 0 -1px;
	}
	#header .phone{
		float:right;
		position:relative;
		width:189px;
		top:53px;
		left:288px;
	}
	#header .phone strong{
		float:right;
		font-size:18px;
		line-height:23px;
		color:#febf00;
		margin: 10px 0 0;
	}
	#header .phone span{
		float:right;
		font-size:11px;
		line-height:11px;
		color:#fff;
		text-align:right;
		margin: 11px 8px 0 0;
	}
	#main{
		width:100%;
		background:#fff url(images/bg-main.gif) repeat-x;
		overflow:hidden;
		position:relative;
		padding: 10px 0 0;
	}
	.gallery-box{
		width:100%;
		overflow:hidden;
		position:relative;
		margin: 0 0 16px;
	}
	.gallery-frame {
		width:1019px;
		position:relative;
		float:left;
		left:50%;
	}
	.gallery-holder {
		width:1019px;
		position:relative;
		float:left;
		left:-50%;
	}
	.gallery {
		width:1019px;
		height:304px;
		position:relative;
		margin:0 auto;
		overflow:hidden;
	}
	.gallery ul {
		position:relative;
		width:99999px;
		height:304px;
		padding:0;
		margin:0;
		overflow:hidden;
	}
	.gallery ul li {
		list-style:none outside;
		position:absolute;
		left:0;
		top:0;
	}
	.gallery ul img{display:block;}
	#main .columns{
		width: 984px;
		overflow:hidden;
		margin: 0 auto 17px;
	}
	#main .columns .col{
		float:left;
		width:230px;
		font-size:12px;
		line-height:20px;
		color:#6f6f6f;
		margin: 0 0 0 21px;
	}
	#main .columns .col:first-child{margin-left:0;}
	#main .columns h2{
		font-size:18px;
		line-height:26px;
		letter-spacing:-1px;
		color:#333;
		margin: 0 0 10px;
	}
	#main .columns p{margin: 0 0 12px;}
	#main .columns img{
		display:block;
		margin: 0 0 10px 1px;
	}
	#main .columns .list{
		margin: 0 0 0 10px;
		padding:0;
		list-style:none;
		font-size:12px;
		line-height:16px;
	}
	#main .columns .list li{
		list-style:none outside;
		padding: 0 0 5px 12px;
		background:url(images/bullet.gif) no-repeat 0 5px;
	}
	#main .columns .list a{
		color:#0b488d;
		text-decoration:none;
	}
	#main .columns .list a:hover{text-decoration:underline;}
	#main .container{
		background:#d7d7d7 url(images/bg-container.gif) repeat-x;
		width:100%;
		overflow:hidden;
	}
	#main .container .holder{
		background:url(images/bg-container-2.png) repeat-y 1px 0;
		margin:0 auto;
		width: 984px;
		overflow:hidden;
		padding: 0 0 15px;
	}
	#main .container .col{
		width:296px;
		float:left;
		padding: 20px 0 0 30px;
	}
	#main .container .col:first-child{
		padding:20px 29px 0 0;
		width:297px;
	}
	#main .container h2{
		font-size:17px;
		line-height:26px;
		color:#333;
		margin: 0 0 7px;
	}
	#main .container .text-box{
		overflow:hidden;
		padding: 3px 0 0 2px;
	}
	#main .container .post{
		overflow:hidden;
	}
	#main .container .date{
		font-size:12px;
		line-height:16px;
		color:#6f6f6f;
		display:block;
		padding:0 0 2px;
	}
	
	#main .container .poststyle{
		font-size:12px;
		line-height:16px;
		color:#6f6f6f;
		display:block;
		padding:0 0 10px;
		list-style:none;
	}
	
	
	#main .container p{
		margin: 0 0 21px;
	}
	#main .container .link-holder{
		overflow:hidden;
	}
	#main .container .link{
		float:right;
		text-decoration:none;
		margin: -1px 0 0 0;
	}
	#main .container .link:hover{
		text-decoration:underline;
	}
	#main .container .box{
		background:url(images/twitt-box-t.png) no-repeat;
		width: 269px;
		font:11px/18px Arial, Helvetica, sans-serif;
	}
	#main .container .box .holder{
		background:url(images/twitt-box-b.png) no-repeat 0 100%;
		width: 269px;
		padding:6px 0 28px;
	}
	#main .container .box .frame{
		background:url(images/twitt-box-c.png) repeat-y;
		color:#242424;
		height:1%;
		padding: 7px 20px 7px;
		
	}
	#main .container .box p{
		margin:0;
	}
	#main .container .twitt{
		float:left;
		background:url(images/ico-twitter.png) no-repeat;
		font-weight:bold;
		font-size:11px;
		line-height:14px;
		color:#464646;
		text-decoration:none;
		margin: -10px 0 0 3px;
		padding: 1px 0 1px 24px;
	}
	.email-form{
		overflow:hidden;
		margin: -2px 0 0 1px;
	}
	.email-form label{
		display:block;
		color:#6f6f6f;
		font-size:12px;
		line-height:20px;
		margin: 0 0 14px 1px;
	}
	.email-form .text{
		float:left;
		background:url(images/bg-input-text.png) no-repeat;
		margin: 0 6px 0 0;
	}
	.email-form .text input{
		margin:0;
		padding: 8px 9px 7px 42px;
		background:none;
		border:none;
		width:180px;
		font-size:11px;
		line-height:14px;
		color:#323232;
		float:left;
	}
	.email-form .btn-send{
		float:left;
		background:url(images/bg-btn.gif) no-repeat;
		margin: 1px 0 0;
		padding:0;
		border:none;
		font-size:0;
		line-height:0;
		text-indent:-9999px;
		cursor:pointer;
		width:31px;
		overflow:hidden;
		height:28px;
	}
	.section{
		width:100%;
		overflow:hidden;
		background:#212121;
		padding: 28px 0 25px;
	}
	.section .holder{
		background:url(images/bg-section.gif) repeat-y;
		width: 970px;
		margin:0 auto;
		overflow:hidden;
		padding: 6px 0 0;
	}
	.section .col{
		float:left;
		margin: 0 0 0 21px;
		width: 150px;
	}
	.section .col:first-child{
		width:115px;
		margin-left:0;
	}
	.section h2{
		font-size:11px;
		line-height:14px;
		color:#fff;
		margin: 0 0 16px;
	}
	.section .list{
		padding:0 10px 0 0;
		list-style:none;
		font-size:11px;
		line-height:14px;
		margin: 0 0 0 1px;
	}
	.section .list li{
		list-style:none outside;
		padding: 0 0 8px 10px;
		background:url(images/bullet-2.gif) no-repeat 0 6px;
	}
	.section .list a{
		color:#6b6b6b;
		text-decoration:none;
	}
	.section .list a:hover{
		text-decoration:underline;
	}
	#footer{
		overflow:hidden;
		width:100%;
		background:#171717;
		padding:0 0 30px;
	}
	#footer .holder{
		width:975px;
		margin:0 auto;
		overflow:hidden;
		padding: 21px 0 0;
	}
	#footer .bar{
		float:right;
	}
	.social-networks{
		padding:0;
		list-style:none;
		float:right;
		clear:both;
		margin: 0 0 13px;
	}
	.social-networks li{
		padding: 0 0 0 4px;
		float:left;
		list-style:none outside;
	}
	.social-networks a{
		float:left;
		overflow:hidden;
		width:16px;
		height:16px;
		text-indent:-9999px;
	}
	.social-networks .facebook{
		background:url(images/ico-facebook.gif) no-repeat;
	}
	.social-networks .twitter{
		background:url(images/ico-twitter.gif) no-repeat;
	}
	.social-networks .in{
		background:url(images/ico-linkedin.gif) no-repeat;
	}
	#footer .add-nav{
		margin:0;
		padding:0;
		list-style:none;
		float:right;
		clear:both;
		font-size:11px;
		line-height:14px;
	}
	#footer .add-nav li{
		float:left;
		list-style:none outside;
		margin: 0 0 0 25px;
	}
	#footer .add-nav a{
		color:#6c6c6c;
		text-decoration:none;
	}
	#footer .add-nav a:hover{
		text-decoration:underline;
	}
	
	
	#footer .add-nav2{
		margin:0;
		padding:0;
		list-style:none;
		float:right;
		clear:both;
		font-size:11px;
		line-height:14px;
	}
	#footer .add-nav2 li{
		float:left;
		list-style:none outside;
		margin: 0 25px 0 0;
	}
	#footer .add-nav2 a{
		color:#6c6c6c;
		text-decoration:none;
	}
	#footer .add-nav2 a:hover{
		text-decoration:underline;
	}
	
	
	#footer .copy{
		float:left;
		width:348px;
		color:#6c6c6c;
		font-size:14px;
		line-height:14px;
		margin: 8px 0 0;
	}
	#footer .copy p{
		margin: 0 0 4px;
	}
	#footer .copy address{
		font-style:normal;
		padding:0;
		margin:0;
		font-size:10px;
		line-height:13px;
	}
	#footer .logo{
		width:161px;
		height:53px;
		background:url(images/footer-logo.gif) 0 0 no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		float:left;
		margin: 0 0 0 31px;
	}
	#footer .logo a{
		display:block;
		height:100%;
	}
	
	#home-desc-style {
		font-size:24px;
		color:#414042;
		padding-bottom:25px;
		line-height:28px;
	}
	
	#blogposts-style {
		line-height:24px;
		list-style:none;
	}
	
	#blogposts-style a:link {
		text-decoration: none;
	}
	#blogposts-style a:visited {
		text-decoration: none;
	}
	#blogposts-style a:hover {
		text-decoration: underline;
	}
	#blogposts-style a:active {
		text-decoration: none;
	}
	
	#mcontent-style {
		font-size:13px;
		line-height:22px;
	}
	
	#mcontent-style td {
		border:0px;
	}
	
	
	.icon1 {
		background:url(images/icons/icon1.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;
		line-height:20px;
		height:90px;

	}
	
	.icon2 {
		background:url(images/icons/icon2.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;
		height:90px;

	}
	
	.icon3 {
		background:url(images/icons/icon3.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;
		line-height:20px;

	}
	
	.icon4 {
		background:url(images/icons/icon4.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;

	}
	
	.icon5 {
		background:url(images/icons/icon5.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;
		line-height:20px;
		height:90px;

	}
	
	.icon6 {
		background:url(images/icons/icon6.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;
		line-height:20px;

	}
	
	
	.icon8 {
		background:url(images/icons/icon8.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:55px;
		color:#414042;
		line-height:20px;

	}
	
	
	.icon-heading {
		font-size:16px;
		font-weight:bold;
		color:#414042;
	}
	
	#domainsearchbox {

		background:url(images/domain-heading.png);
		background-position:middle left;
		background-repeat:no-repeat;
		background-color:#e0effb;
		border:1px solid #b4d1eb;
		padding:15px;
		margin-bottom:15px;
		height:70px;
	}
	
	#domainsearchbox2 input {
		padding:10px;
		border:1px solid #b4d1eb;
		font-size:16px;
		color:#808080;
		width:400px;
	}
	
	#tablestlye {
		padding-top:14px;
	}

} /* END screen media */