@charset "utf-8";
/* CSS Document */
body
{
background:url(../images/bg.jpg) #0e183c;
background-repeat:no-repeat;
background-attachment:fixed;
background-color: #e9e9e9;
}

#container
{	
	width:960px;
	height: auto;
	background:url(../images/bd-content.png);
	margin:40px auto 0 auto;
	position:relative;
	overflow:hidden;	
}

#header
{
	width:960px;
	height:80px;
	margin:20px 0 26px 0;
	*margin:15px 0 26px 0;
}
.header-left
{
	width:620px;
	height:80px;
	float:left;
	padding:10px 0 0 40px;
}

.logo
{
	width:80px;
	float:left;
}

.customer
{
	width:370px;
	height:80px;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FF0000;	
	font-weight: bold;
	padding-left:70px;
	text-align:center;
	padding-top:3px;
}

.wel
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FF0000;	
	font-weight: bold;
}

.header-right
{
	width:200px;
	height:80px;
	float:right;
	text-align:right;	
	padding:39px 60px 0 40px;
}

.menu
{
	width:960px;
	height:29px;
	background:url(../images/menu-bg.gif) repeat-x;
}

ul.top-menu
{
	width:960px;
	list-style:none;
	margin:0;
	padding:0;
}

ul.top-menu li
{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#575656;
	font-stretch:normal;	
	padding-top:3px;
	padding-left:90px;
}

ul.top-menu li a
{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#575656;
	font-stretch:normal;
	text-decoration:none;
	font-weight:bold;
	
}

ul.top-menu li a:link, ul.top-menu li a:active, ul.top-menu li a:visited 
{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#575656;
	font-stretch:normal;
	text-decoration:none;
}

ul.top-menu li a:hover, ul.top-menu li a:focus
{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF0000;
	font-stretch:normal;
	text-decoration:none;
}

.breaking-news
{
	width:960px;
	height:25px;
	padding-left:20px;
	padding-top:3px;
	border-bottom:2px solid #e3e3e3;
}

.title
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0000;
	font-stretch:normal;
	font-weight:bold;
}

.Bnews-left
{
	width:100px;
	float:left;
}

.Bnews-right
{
	width:740px;
	float:left;
}

ul.B-news
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7e7e7e;
	font-stretch:normal;
	list-style:none	;
	width:900px;
	margin:0;
	padding:0;
}

ul.B-news li
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7e7e7e;
	font-stretch:normal;
	list-style:none	;
	float:left;
	padding-left:15px;
}

ul.B-news li a
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7e7e7e;
	font-stretch:normal;
	list-style:none	;
	float:left;
	text-decoration:none;
	font-weight:normal;
}

ul.B-news li a:link, ul.B-news li a:active, ul.B-news li a:visited 
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7e7e7e;
	font-stretch:normal;
	list-style:none	;
	float:left;
	text-decoration:none;
}

ul.B-news li a:hover, ul.B-news li a:focus
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-stretch:normal;
	list-style:none	;
	float:left;
	text-decoration:none;
}

#inner-content
{
	width:960px;
	height:auto;
	padding-top:20px;	
}

.content-left
{
	width:650px;
	float:left;
	padding-left:20px;
}

.content-right
{
	width:263px;
	float:right;
	padding-right:15px
		
}

.notice-box
{
	width:263px;
	border-left:1px solid #c3c3c3;
	border-top:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	background:#ececec;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	font-weight:bold;	
}
.noticeTxt
{
	padding-left:10px;
	line-height:50px;
	margin:0;
}

.form-tbl tr td
{
	border:none;
	text-align:left;
	font-family: 'verdana', serif;
	font-style: normal;
	font-weight: normal;
	font-size:11px;
	color:#2c2b2b;
}

table tr td
{
	font-family:"verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	border:1px solid #d6d5d5;
	border-collapse:collapse;
	line-height:20px
}

.trgt-dtls
{
	width:525px;
	height:28px;
	background:#cc0000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#cccbcd;
	font-weight:bold;
	margin-top:20px;
	padding:8px 0 0 10px;
}

.trgt-tbl tr td
{
	color:#000;
	border:1px solid #e0dee1;
	border-collapse:collapse;
	
}

.current-status-tbl tr td
{
	color:#FF0000;
	border:1px solid #e0dee1;
	border-collapse:collapse;
	
}

.bandwidth-graph-box
{
	width:615px;
	height:240;
	background:#ccc;
	text-align:center;
	margin-left:15px;
}

.Btxt
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	font-weight:bold;
	padding-left:10px;
}

.bImg
{
	padding:8px 8px 8px 8px;
	
}

.minutes
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#cc0000;
	font-weight:bold;
	padding-left:10px;
	width:500px;
	text-align:right;
}

#three-column
{
	width:960px;
	height:250px;		
	border:2px solid #FFF;	
	margin:0;
	padding:0;
}

.left-col
{
	width:300px;
	height:250px;	
	float:left;
	border-right:2px solid #FFF;
}

.middle-col
{
	float:left;
	width:355px;
	height:250px;
	border-right:2px solid #FFF;	
	
}

.right-col
{
	width:300px;
	height:250px;	
	float:left;
	background:#d7d5d5;
	text-align:center;
	vertical-align:middle;
filter:alpha(opacity=70);
}

.rCol
{
	padding-top:102px;
}

.login-form
{
	width:300px;
	height:250px;
	font-family: 'Oswald', serif;
	font-style: normal;
	font-weight: normal;
	font-size:16px;
	color:#2c2b2b;
	padding:20px 0 0 60px;
}

p > input
{
	padding: 0;
	margin: 0;
	height: 16px;
	width: 16px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
p > label 
{ 
	float: left; 
	line-height: 16px; 
	color: #2c2b2b; 
	padding: 0 0 0 18px;
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease; 
	transition: color 1s ease; 
}
p:not(#foo) > input:hover + label, p:not(#foo) > input:focus + label,
p:not(#foo) > input + label:hover, p:not(#foo) > input:focus + label			{ text-shadow: 1px 1px 3px #000; color: #2C7AD0; }

p:not(#foo) > input + label
{
	background: url(../images/gr_custom-inputs.png) 0 -1px no-repeat;
	height: 16px;
}
p:not(#foo) > input[type=radio] + label										{ background-position: 0 -161px; }

/* Checked styles */
p:not(#foo) > input[type=radio]:checked + label 							{ background-position: 0 -241px; }
p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: 0 -81px; }
p:not(#foo) > input[type=checkbox]:hover:checked + label,
p:not(#foo) > input[type=checkbox]:focus:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover,
p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: 0 -101px; }
p:not(#foo) > input[type=radio]:hover:checked + label,
p:not(#foo) > input[type=radio]:focus:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover,
p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: 0 -261px; }

/* Hover & Focus styles */
p:not(#foo) > input[type=checkbox]:hover + label,
p:not(#foo) > input[type=checkbox]:focus + label,
p:not(#foo) > input[type=checkbox] + label:hover 							{ background-position: 0 -21px; }
p:not(#foo) > input[type=radio]:hover + label,
p:not(#foo) > input[type=radio]:focus + label,
p:not(#foo) > input[type=radio] + label:hover								{ background-position: 0 -181px; }

/* Active styles */
p:not(#foo) > input[type=checkbox]:active + label,
p:not(#foo) > input[type=checkbox] + label:hover:active						{ background-position: 0 -41px; }
p:not(#foo) > input[type=radio]:active + label,
p:not(#foo) > input[type=radio] + label:hover:active						{ background-position: 0 -201px; }
p:not(#foo) > input[type=checkbox]:active:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover:active				{ background-position: 0 -121px; }
p:not(#foo) > input[type=radio]:active:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover:active				{ background-position: 0 -281px; }

/* Disabled styles */
p:not(#foo) > input[type=checkbox]:disabled + label,
p:not(#foo) > input[type=checkbox]:hover:disabled + label,
p:not(#foo) > input[type=checkbox]:focus:disabled + label,
p:not(#foo) > input[type=checkbox]:disabled + label:hover,
p:not(#foo) > input[type=checkbox]:disabled + label:hover:active			{ background-position: 0 -61px; }
p:not(#foo) > input[type=radio]:disabled + label,
p:not(#foo) > input[type=radio]:hover:disabled + label,
p:not(#foo) > input[type=radio]:focus:disabled + label,
p:not(#foo) > input[type=radio]:disabled + label:hover,
p:not(#foo) > input[type=radio]:disabled + label:hover:active				{ background-position: 0 -221px; }
p:not(#foo) > input[type=checkbox]:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -141px; }
p:not(#foo) > input[type=radio]:disabled:checked + label,
p:not(#foo) > input[type=radio]:hover:disabled:checked + label,
p:not(#foo) > input[type=radio]:focus:disabled:checked + label,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active		{ background-position: 0 -301px; }

.forgotTxt
{
	font-family: 'Oswald', serif;
	font-style: normal;
	font-weight: normal;
	font-size:14px;
	color:#2c2b2b;
}

.forgotTxt2
{
	font-family: 'Oswald', serif;
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	color:#2c2b2b;
}

.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .3em .3em .40em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

ul.footer-link
{
	width:400px;
	list-style:none;
	margin:0;
	padding:0;
}

ul.footer-link li
{
	float:left;
	padding-left:20px;
	padding-top:15px;
}

ul.footer-link li a
{
	float:left;
	text-decoration:none;
	color:#2c2b2b;
}

ul.footer-link li a:link,ul.footer-link li a:active,ul.footer-link li a:visited
{
	float:left;
	text-decoration:none;
	color:#2c2b2b;
}

ul.footer-link li a:hover,ul.footer-link li a:focus
{
	float:left;
	text-decoration:none;
	color:#FF0000;
}

#footer
{
	width:960px;
	height:57px;
	font-family: 'verdana', serif;
	font-style: normal;
	font-weight: normal;
	font-size:11px;
	color:#2c2b2b;
	margin:0;
	padding:0;
}

#inner-footer
{
	width:960px;
	height:57px;
	font-family: 'Oswald', serif;
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	color:#2c2b2b;
	margin:0;
	padding:0;
	border-top:4px solid #e3e3e3;
}

.footer-left
{
	/*width:641px;*/
	float:left;
	padding-top:20px;
	padding-left:20px;
	letter-spacing:0.05em;
}

.footer-right
{
	/*width:300px;*/
	float:right;
	padding-top:20px;
	text-align:right;
	padding-right:20px;	
	letter-spacing:0.05em;
}