@charset "utf-8";

/* global */

@import url("font.css");
@import url("important.css");

body { 
	margin: 0px; 
	text-align: center;
	background-color: #EEECEC;
	background-image: url(bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}
body,td,th { color: #333333; }

img { border: 0px; }
form { margin: 0px; padding: 0px; }

a:link { 	color: #0066CC; text-decoration: none; }
a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #CC6600; text-decoration: underline; }
a:active { color: #CC6600; text-decoration: none; }


/* global */

.grid { border-top: solid 1px #CCC; border-left: solid 1px #CCC; }
.grid th,
.grid td { border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; padding: 5px 10px; }

.noborder th,
.noborder td { padding: 1px 10px 1px 0px; }

.button_input {
	border: solid 1px #E5E5E5;
	background-color: #FFFFFF;
	background-image: url(bg_button_gray5x29.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px;
	display: block;
}

a.btn,  a:link.btn,  a:visited.btn,  a:hover.btn,  a:active.btn {  
background:url(bg_button_gray5x29.jpg);
border:1px solid #E5E5E5;
white-space: nowrap; 
/*margin: 10px 5px 0 0; */ line-height: 40px;
color: #333; 
font-weight: bold; 
text-decoration: none; 
padding:5px 10px;}

.page_title { padding-bottom: 3px; margin-bottom: 10px; border-bottom: solid 1px #0066CC; }
.page_title_note { float: right; }

.pad_0p10p5p0p td { padding: 0px 10px 5px 0px; }
.pad_0p15p5p0p td { padding: 0px 15px 5px 0px; }



/* network_header */

#network_header {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	padding: 5px 0px 0px;
}


/* header */

#header {
	width: 960px;
	height: 85px;
	margin: 0px auto;
	text-align: left;
	background-image: url(header.png);
	_background-image: url(header.gif);
	background-repeat: no-repeat;
}
#header_logo {
	display: block;
	width: 260px;
	height: 70px;
	text-decoration: none;
}
#header_links_guest { float: right; 	padding-top: 50px; 	display: none;}
#header_links_member { float: right; 	padding-top: 50px;	display: none;}

/* pagebody */

#pagebody { 
	position: relative;
	margin: 0px auto;
	width: 960px;
	text-align: left;
}
#pagebody_inner { position: static; width: auto; }


/* navigation */

#navigation {
	width: 155px;
	display: block;
	float: left;
}
#navigation_inner_guest { padding: 20px 0px 20px 0px; display: none;}
#navigation_inner_member { padding: 20px 0px 20px 0px; display: none;}
#navigation ul { margin: 0px; padding: 0px; list-style: none; line-height: 24px; }
#navigation ul.menus li { padding-left: 10px; }
#navigation ul.submenus li { padding-left: 10px; }
#navigation ul.submenus li a { color: #333333; }
#navigation ul.sub2menus li { padding-left: 20px; }
#navigation ul.sub2menus li a { color: #333333; }
#navigation ul.sub3menus li { padding-left: 30px; }
#navigation ul.sub3menus li a { color: #333333; }

#navigation li.active {
	background-image: url(navactive.png);
	_background-image: url(navactive.gif);
	background-repeat: no-repeat;
}
#navigation li.active:hover { }
#navigation li.active a { color: #FFFFFF; }
#navigation ul.submenus li.active a { color: #FFFFFF; }
#navigation ul.sub2menus li.active a { color: #FFFFFF; }
#navigation ul.sub3menus li.active a { color: #FFFFFF; }

#navigation .cBanner img { height: 326px; width: 145px; }

#updates { margin: 60px 0px 40px 0px; padding-right: 10px; }
#updates_inner { border: solid 1px #0066CC; padding: 10px; background-color: #FFF; }
#updates .updates_header { }
#updates .updates_content { }
#updates .updates_list { }
#updates .updates_list li { padding-top: 8px; line-height: 16px; }
#updates .updates_list .date { }


/* content */

#content {
	width: 805px;
	display: block;
	float: left;
}
#content_top {
	height: 20px;
	background-image: url(bg_content_top.png);
	_background-image: url(bg_content_top.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#content_inner {
	background-image: url(bg_content.png);
	_background-image: url(bg_content.gif);
	background-repeat: repeat-y;
	background-position: center;
	min-height: 480px;
	_height: 480px;
}
#content_btm {
	height: 20px;
	background-image: url(bg_content_btm.png);
	_background-image: url(bg_content_btm.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#alpha, #beta, #gamma, #delta { position: relative; }
#alpha_inner, #beta_inner, #gamma_inner, #delta_inner { position: static; }

#alpha { width: 765px; margin: 0px auto; }
#alpha .pagination { float: right; line-height: 24px; vertical-align: middle; }
#alpha .datatext { float: left; line-height: 24px; vertical-align: middle; padding-left: 10px; }

#beta { padding: 10px 10px 0px 20px; }
#beta_inner { }
#beta .thumbox { width: 155px; display: block; padding-bottom: 10px; float: left; }
#beta .tb_text { width: 145px; white-space: nowrap; overflow: hidden; margin-bottom: 1px; }
#beta .tb_image { width: 145px; height: 109px; background-image: url(thumb140x109.jpg); background-repeat: no-repeat; }
#beta .tb_button { width: 145px; margin-top: 5px; }
#beta .tb_button a { 
	background-image: url(bg_button_gray.jpg); 
	background-repeat: repeat-x;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #CCCCCC;
	display: block;
}
#beta .tb_button a:hover { background-image: url(bg_button_blue.jpg); }
#beta .tb_button a.session_kill { width: 86px; float: left; margin-right: 5px; }
#beta .tb_button a.session_info { width: 50px; float: left; }
#beta .tb_button a.video_delete { width: 175px; float: left; margin-right: 3px; }
#beta .tb_button a.video_download { width: 175px; float: left; margin-right: 3px; }
#beta .tb_button a.video_info { width: 175px; float: left; }
#beta .tb_button input {
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(bg_button_gray.jpg); 
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 5px;
	display: block;
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: center;
	color: #0066CC; 
	text-decoration: none;
	font-weight: bold; 
	font-size: 11px;
}
#beta .tb_button input:hover { background-image: url(bg_button_blue.jpg); color: #FFFFFF; text-decoration: none; }
#beta .tb_button input.button { width: 177px; float: left; margin-right: 3px; }

#gamma { width: 765px; overflow: hidden; margin: 0px auto; }
#gamma_inner { }
#gamma .graph { margin-bottom: 5px; }

#gamma .pagebox {
	background-color: #E5E5E5;
	border: solid 1px #CCCCCC;
	padding: 0px 5px;
	margin: 0px 0px 5px;
}
#gamma .pagebox .page_controls { float: right; }
#gamma .pagebox .page_controls .pagination { word-spacing: 2px; }
#gamma .pagebox .date_range { }
#gamma .pagebox .date_range input { width: 100px; text-align: center; }
#gamma .pagebox a.button_go,
#gamma .pagebox a.button_previous,
#gamma .pagebox a.button_next {
	width: 28px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	color: #333333;
	background-repeat: no-repeat;
	display: block;
}
#gamma .pagebox a.button_go {
	background-image: url(bg_button.gif);
}
#gamma .pagebox a.button_go:hover {
	background-image: url(bg_button_hover.gif);
	text-decoration: none;
}
#gamma .pagebox a.button_previous {
	background-image: url(bg_button_previous.gif);
}
#gamma .pagebox a.button_previous:hover {
	background-image: url(bg_button_previous_hover.gif);
	text-decoration: none;
}
#gamma .pagebox a.button_next {
	background-image: url(bg_button_next.gif);
}
#gamma .pagebox a.button_next:hover {
	background-image: url(bg_button_next_hover.gif);
	text-decoration: none;
}

#gamma .chart {
	width: 765px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 15px!ie7;
}

#gamma .chart .chart_header { margin-bottom: 10px; }
#gamma .chart .chart_header a.button_new {
	background-image: url(bg_button_gray.jpg);
	background-repeat: repeat-x;
	line-height: 19px;
	vertical-align: middle;
	display: block;
	border: solid 1px #CCC;
	width: 100px;
	text-align: center;
}
#gamma .chart .chart_header a.button_new:hover {
	background-image: url(bg_button_blue.jpg);
	border: solid 1px #0066CC;
	color: #FFFFFF;
	text-decoration: none;
}

.chart_table { width: 100%; border-left: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; }
.chart_table a { color: #0066CC; text-decoration: none; }
.chart_table a:hover { color: #CC6600; text-decoration: underline; }
.chart_table th { background-color: #E5E5E5; }
.chart_table tr.odd { }
.chart_table tr.even { background-color: #F9F9F9; }
.chart_table th, 
.chart_table td { border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; padding: 5px; text-align: center; white-space: nowrap; }
.chart_table th.left, 
.chart_table td.left { text-align: left; }
.chart_table th.center, 
.chart_table td.center { text-align: center; }
.chart_table th.sort { background-color: #C5C5C5; }
.chart_table tr.odd .sort { background-color: #F0F0F0; }
.chart_table tr.even .sort { background-color: #E5E5E5; }

#gamma input.export_button {
	border: solid 1px #E5E5E5;
	background-color: #F4F4F4;
	background-image: url(bg_button_gray.jpg);
	line-height: 14px;
	vertical-align: middle;
	color: #0066CC;
}
#gamma select.statements_period { }

#billto { margin: 5px 0px; }
#billto table.grid { width: 400px; height: 80px; }

#delta { width: 765px; margin: 0px auto; }
#delta_inner { }

#edit_account input { width: 300px; }

#home { }
#home .home_right { float: right; width: 328px; }
#home .home_new { padding-bottom: 10px; }
#home .module_header { border-bottom: solid 1px #0066CC; padding: 15px 0px 3px 0px; }
#home .module_content { padding: 15px 0px; line-height: 1.5em; }
#home .module_buttons { padding: 30px 0px 0px 0px; text-align: right; }
#home .module_buttons a { margin: 0px 10px; }
#home .module_buttons a.button_home {
	border: solid 1px #BBB;
	padding: 2px 10px;
	line-height: 29px;
	vertical-align: middle;
	background-image: url(bg_button_gray5x29.jpg);
	background-repeat: repeat-x;
}
#home .module_buttons a.button_home:hover {
	text-decoration: none;
	border: solid 1px #0066CC;
	background-image: url(bg_button_blue5x29.jpg);
}
#home .screen { width: 427px; height: 240px; border: none; display: block; }
#home_desc img { width: 40px; margin-right: 5px; }
#home_desc td { padding: 0px 0px 20px 0px; vertical-align: top; }
#home_desc td.home_txt { width: 330px; }
#home_desc td.space { width: 15px; }


/* search */

#search_box {
	background-image: url(bg_search_box.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 24px;
	float: left;
}
#search_box .search_input {
    float: left;
    padding: 0px;
    margin: 4px 0px 0px 10px;
    border: none;
    width: 106px;
    background: none;
		color: #999999;
}
#search_box .search_button {
    float: right;
    margin: 2px 2px 0px 0px;
}


/* footer */

#footer { /* width: 960px; */ margin: 0px auto; padding: 15px 0px; }
#footer a { margin: 0px 3px; }
#footer_inner { background-image: url(bg_footer.jpg); background-repeat: repeat-x; background-position: top center; height: 100px; }
#footer_links { margin: 0px auto; padding-top: 15px; }
#stickam_company { margin: 5px auto; text-align: center; width: 240px; }
#stickam_company a.stickam_company_logo {
	width: 240px;
	height: 30px;
	display: block;
	background-image: url(stickam_company.png);
	_background-image: url(stickam_company.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#stickam_company a.stickam_company_logo:hover { text-decoration: none; }
#copyright { width: 960px; margin: 0px auto; color: #666666; }
#copyright a { color: #666666; }


/* clear */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* for safari only */

@media screen and (-webkit-min-device-pixel-ratio:0){

#content_inner { min-height: 480px; }

}