/* COMMON -------------------------------------------------------------------------------------------------------- */

* {
  font-family: arial;
  font-size: 11px;
  color: Black;
}

html, body, form { margin: 0px; padding: 0px; }

body{ background: #000000; }

html > body {left:0; } /* This is "be nice to Opera 5" part of Tantek hack	*/

a { color: inherit; font-size: inherit; }

hr { border: 0; color: black; background-color: black; height: 1px; margin: 0px; padding: 0px; margin-top: 5px; margin-bottom: 5px; }

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}

/* HLIST -------------------------------------------------------------------------------------------------------- */

.hlist {
  padding:0; 
  margin:0 auto 0 0; /* left justified */
}
.hlist:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

.hlist li {
  display: inline;
  float: left;
  list-style-type: none;
}

.hlist a {
display: -moz-inline-block;
}

/* ROW ----------------------------------------------------------------------------------------------------------- */

.row {
  clear: both;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0; 
}
.row:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

/* COLUMN -------------------------------------------------------------------------------------------------------- */

.col, .column {
  float: left;
  border: 0;
  padding: 0;
  margin: 0; 
  vertical-align: top;
}


/* COMMON ---------------------------------------------------------------------- */

body {
	background:#000000 url('/templates/portal/images/bg.jpg') top center no-repeat;
}

#page {
	width:980px;
	margin:0 auto;
}

.rightlist {
  float:right;
}
.rightlist a {
  float:left;
}


/* HEADER ---------------------------------------------------------------------- */

#header {
	background:url('/templates/portal/images/top-banner.jpg') top left no-repeat;
	height:164px;
	overflow:hidden;
}

#logo {
	width:335px;
	overflow:hidden;
}

#logo a {
	outline:none;
}
#logo img {
	width:305px;
	height:130px;
	margin:20px 0 0 15px;
}
#nologo a:hover img {
	background-color:#cf0;
	opacity:0.3;
	filter:alpha(opacity=30);
}

#header-right {
	width:645px;
	overflow:hidden;
}

#header-links {
	min-width:270px; /* 300 */
	background-color:#576F9B;
	height:19px; /* 25 */
	overflow:hidden;
	padding:6px 15px 0 15px;
	float:right;
	color:#FFFFFF;
}
#header-links ul, #header-links li {
	margin:0;
	padding:0;
	background:none;
}
#header-links li {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #4A5982;
	color:#FFFFFF;
}
#header-links li.last {
	margin:0;
	padding:0;
	border:none;
}
#header-links a {
	float:left;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
}
#header-links a:hover {
	border-bottom:2px solid #91a710;
}
#header-links li ul{
     position:absolute;
     white-space:nowrap;
     text-align:left;
     list-style:none;
     display:none;
     z-index:10000;
     left:0%;
     top:20px;
     margin-left:480px;
     padding:0px;
     width:120px;
 }
#header-links li ul li{
     position:relative;
     left:0px;
     display: list-item;
     cursor:pointer;
     width:120px;
     background-color:#576F9B;
	border:1px solid #000000;
	padding:6px 5px 6px 5px;
}
 
#header-links li ul li a{
     display:block;
     margin-left:3px;
     margin-right:3px;
 }
 #header-links li ul li a:hover {
	border:none;
	color:#91a710;
}

#header-links li:hover > ul{
     display:block;	border:none;

 }


#signup {
	margin:17px 0 13px 0;
	height:71px; /* 81 */
	width:270px; /* 300 */
	overflow:hidden;
	padding:10px 10px 0 20px;
	float:right;
}
#signup h2 {
	color:#ffffff;
	margin-top:0;
	font-size:11px;
}

#signup .smaller a {
	color:#666666;
	outline:none;
}
#signup .smaller a:hover {
	color:#cccccc;
}
#signupform .row {
	margin: 0 0 5px 0;
	height:auto; /* IE7 == dumb */
}
#signupform .input {
	margin-right:5px;
}
#signupform .input #first{
	width:20px;
}

#signupform .button {
	padding:0 10px 0 0;
	width:80px;
	text-align:center;
}


 
/* MENU ------------------------------------------------------------------------ */

#menu {
	height:28px;
	overflow:hidden;
}

#menu ul, #menu li {
	margin:0;
	padding:0;
	background:none;
}
#menu a {
	font-size:12px;
	color:#ffffff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	background:url('/templates/portal/images/tab.gif') top left no-repeat;
	width:115px; /* 151 */
	height:21px; /* 28 */
	padding:7px 12px 0 16px;
	border-left:1px solid #222;
	outline:none;
}
.root_134 #menu1 a,
.root_135 #menu2 a,
.root_136 #menu3 a,
#menu a:hover {
	background-position:0px -28px;
}


/* SUBNAV ---------------------------------------------------------------------- */

#breadcrumbs {
	height:19px; /* 24 */
	overflow:hidden;
	text-transform:uppercase;
	padding:5px 0 0 0;
	color:#555555;
	
}
#breadcrumbs a.homecrumb {
	display:block;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	width:100px; /* 125 */
	padding-left:15px;
	float:left;
	color:#91a710;
}
#breadcrumbs a.homecrumb:hover {
	text-decoration:underline;
}
#breadcrumbs a {
	margin:0 5px;
	color:#777777;
	font-size:11px;
	outline:none;
}
#breadcrumbs a:hover {
	color: #cdec17; 
}
#breadcrumbs .current {
	font-size:11px;
	margin-left:5px;
}

#navbox ul, #navbox li {
	margin:0;
	padding:0;
	background:none;
}
#navbox ul {
	margin-bottom:40px;
}
#navbox li {
	background:url('/templates/portal/images/nav-separator.gif') bottom center no-repeat;
	padding-bottom:1px;
	position:relative;
}
#navbox li a {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	padding:3px 5px 3px 20px;
	display:block;
	margin:1px 0;
	outline:none;
}
#navbox li.navactive a,
#navbox li a:hover {
	background:url('/templates/portal/images/home-menu.jpg') top left no-repeat;
}

#subnavbox {
	padding:0 10px;
}
#subnavbox h2 {
	background:url('/templates/portal/images/nav-h2.gif') top left no-repeat;
	padding:10px;
	margin:0 -5px 10px -5px;
}
#subnavbox h2 .unbold {
	font-weight:normal;
	color:#ff0000;
	text-transform:none;
}
#subnavbox .videobox {
	margin:0 -5px 10px -5px;
}



#howtovideo {
	margin-bottom:10px;
}
#subnav #howtovideo {
	margin:0 -5px 10px -5px;
}




/* HOME ------------------------------------------------------------------------ */

#flash {
	background:url('/templates/portal/images/impact.jpg') top left no-repeat;
	height:375px;
	overflow:hidden;
}
#flash ul, #flash li {
	margin:0;
	padding:0;
	background:none;
}
#flash ul {
	margin:22px 0 0 10px;
	width:155px;
}
#flash li {
	/*border-bottom:1px solid #4A5982; */

	padding:5px 0;
}
#flash li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica sans-serif;
	text-decoration:none;
	padding:7px 10px;
	outline:none;
}
#flash li a:hover {
	background:url('/templates/portal/images/home-menu.jpg') top left no-repeat;
}
#content-bottom {
	height:16px;
	background-image:url('/templates/portal/images/content-botom.jpg');
}

#content {
	height:auto !important;
	min-height:250px;
	height:250px;
	background-image:url('/templates/portal/images/content-bg.jpg');
}

.homepage #content-left {
	width:220px; /* 420 */
	overflow-x:hidden;
	background:url('/templates/portal/images/left-top-headung.jpg') top left no-repeat;
	padding:10px 15px 15px 20px;
}

.homepage #content-left h2 {
	margin:0 10px 30px 10px;
	font-size:17px;
}
.homepage #content-left li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.homepage #content-left li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.homepage #content-left li a.bigger {
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

.homepage #content-top {
	background:url('/templates/portal/images/content-top.jpg') top left no-repeat;
	width:725px; /* 420 */
}

.homepage #content-middle h2, 
.homepage #content-right h2 {
	background:url('/templates/portal/images/home-h2.jpg') top left no-repeat;
	height: 26px; /* 33 */
	overflow:hidden;
	padding:7px 5px 0 10px;
	margin:0 -10px 15px -10px;
}
.homepage #content-middle h2 span, 
.homepage #content-right h2 span {
	text-transform:none;
}
.homepage #content-middle {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	background:url('/templates/portal/images/home-middle.jpg') top left no-repeat;
	padding:22px 10px 15px 10px;
}

.homepage #content-middle li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.homepage #content-middle li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.homepage #content-middle li h3 {
	text-transform:uppercase;
	color:#cccccc;
	font-size:12px;
	margin-bottom:20px;
	padding-top:10px;
}

.homepage #content-right {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}




/* CONTENT --------------------------------------------------------------------- */

#banner {
	background:url('/templates/portal/images/banner.jpg') top left no-repeat;
	height:136px; /* 136 */
	overflow:hidden;

}
#banner #unlink, #banner a {
	float:left;
	display:inline;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:19px;
	margin:100px 0 0 260px;
	outline:none;
}
#banner a:hover {
	border-bottom:3px solid #cdec17; 
}


#pagetitle {
	color:#ffffff;
	text-transform:uppercase;
	background:url('/templates/portal/images/pagetitle.gif') bottom left no-repeat;
	padding:9px 10px 15px 15px;
	margin:15px -15px 20px -15px;
}
.contentpage #content-left {
	width:220px; /* 420 */
	overflow-x:hidden;
	background:url('/templates/portal/images/left-top-headung.jpg') top left no-repeat;
	padding:10px 15px 15px 20px;	color:#ffffff;

}
.contentpage #content-left p{
	color:#ffffff;
}
.contentpage #content-left h2 {
	margin:0 10px 30px 10px;
	font-size:17px;
}
.contentpage #content-left li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.contentpage #content-left li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.contentpage #content-left li a.bigger {
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

.contentpage #content-top {
	background:url('/templates/portal/images/content-top.jpg') top left no-repeat;
	width:725px; /* 420 */
}

.contentpage #content-middle h2, 
.contentpage #content-right h2 {
	background:url('/templates/portal/images/home-h2.jpg') top left no-repeat;
	height: 26px; /* 33 */
	overflow:hidden;
	padding:7px 5px 0 10px;
	margin:0 -10px 15px -10px;
}
.contentpage #content-middle h2 span, 
.contentpage #content-right h2 span {
	text-transform:none;
}
.contentpage #content-middle {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}

.contentpage #content-middle li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.contentpage #content-middle li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.contentpage #content-middle li h3 {
	text-transform:uppercase;
	color:#cccccc;
	font-size:12px;
	margin-bottom:20px;
	padding-top:10px;
}

.contentpage #content-right {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}

#content-full {
	width:700px; /* 560 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}

/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background:url('/templates/portal/images/botom-banner.jpg') top left no-repeat;
	height:auto !important;
	min-height:86px;
	height:86px;
	padding:10px 17px 25px 25px;
}

#footer ul, #footer li {
	margin:0;
	padding:0;
	background:none;
}
#footer li {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #333333;
}
#footer li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#footer ul#footer-links {
	height:19px; /* 24 */
	overflow:hidden;
	padding:6px 0 0 0;
	margin:0 0 10px 0;
}


#footer ul#footer-links a {
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
#footer ul#footer-links a:hover {
	border-bottom:2px solid #91a710;
}

#copyright .col {
	font-size:11px;
	color:#777777;
}
#copyright ul {
	margin:0 0 0 15px;
}
#copyright li a {
	font-size:11px;
	color:#777777;
	outline:none;
}
#copyright li a:hover {
	color:#cccccc;
}

#credit {
	
	margin-top:20px;
}
#credit .col {
	float:right;
}
#credit .left {
	font-size:11px;
	color:#777777;
	text-decoration:none;
	outline:none;
	float:left;
}
#credit a {
	font-size:11px;
	color:#777777;
	text-decoration:none;
	outline:none;
}
#credit a:hover {
	color:#cccccc;
	text-decoration:underline;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
    color:#aaaaaa;
    border:1px solid #333333;
    padding:0 2px 0 3px;
    background:url('/templates/portal/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
    border:1px solid #444444;
    background-color: #2D2D2D; 
    color:#aaaaaa;
    padding:0;
}
input.button {
	background:url('/templates/portal/images/button.gif') top right no-repeat;
	height:17px;
	line-height:17px;
	overflow:hidden;
	vertical-align:middle;
	border:none;
	margin:0;
	padding:0 25px 0 15px;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	outline:none;
	cursor:pointer;
}  



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
	padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/templates/portal/images/bullet-page.gif') 0px 3px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:13px;
  font-weight:bold;
	text-transform:uppercase;
	outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
	background:url('/templates/portal/images/bullet-sub.gif') 0px 4px no-repeat;
	padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:12px;
  font-weight:normal;
	text-transform:none;
}
.sitemap a:visited {
	color:#556600;
}
.sitemap a:hover {
	color: #cdec17; 
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
#breadcrumb{margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}