@charset "utf-8";
/* Alpine Computing CSS Document */

body {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: auto;
	min-width: 980px;
	margin-bottom: 0px;
	background-image: url(web_imgs/bckgrnd.jpg);
	background-repeat: repeat-x;
	background-color: #F8F8F8;
}

div.searchBox {
	float: right;
	padding: 5px 10px 0px 0px;
	margin: 0;
}

div.logo {
	width: 700px;
	vertical-align: middle;
	height: 100px;
}

.search {
	vertical-align: top;
	border-style: solid;
	border-color: #999999;
	height: 16px;
	border-width: 2px;
	width: 175px;
	background-image: url(web_imgs/txt_bckgrd.gif);
}

.searchBtn {
	#margin-top: 1px;
}

img {
	border: 0px;
}

table.list {
	margin: 0px 5px 0px 5px; 
	padding-bottom: 10px;
}

.sprite { background: url(web_imgs/spriteImage.png) no-repeat top left; }
.sprite-ac { background-position: 0 -25px; width: 681px; height: 100px; } 
.sprite-account { background-position: 0 -150px; width: 102px; height: 22px; } 
.sprite-foot_left { background-position: 0 -197px; width: 21px; height: 35px; } 
.sprite-foot_right { background-position: 0 -257px; width: 21px; height: 35px; } 
.sprite-navbar_left { background-position: 0 -317px; width: 21px; height: 35px; } 
.sprite-navbar_right { background-position: 0 -377px; width: 21px; height: 35px; } 
.sprite-phone { background-position: 0 -437px; width: 20px; height: 20px; }
.sprite-search { background-position: 0 -482px; width: 27px; height: 22px; } 

.sprite2 { background: url(web_imgs/cornerImages.png) no-repeat top left; }
.sprite-back_left { background-position: 0 0; width: 9px; height: 150px; } 
.sprite-back_right { background-position: -11px 0; width: 9px; height: 150px; } 

.sprite3 { background: url(web_imgs/linkImages.gif) no-repeat top left; }
.sprite-av-test { background-position: 0 -25px; width: 117px; height: 38px; } 
.sprite-toms { background-position: 0 -88px; width: 114px; height: 51px; } 
.sprite-virusgr { background-position: 0 -164px; width: 117px; height: 38px; } 
.sprite-w3school { background-position: 0 -227px;  width: 117px; height: 46px; } 

#pnumber {
	position: absolute;
	top: 5px;
	right: 140px;
	font-style: italic;
	font-weight: bold;
	font-size: 1.4em;
}

#phoneOver {
	cursor: pointer;
}

#panel {
	position: absolute;
	top: 40px;
	right: 100px;
	background: #666666;
	opacity: 0.95;
	filter: alpha(opacity=95);
	border: 1px solid #FFFFFF;
	height: auto;
	display: none;
	z-index: 200;
}
.slide {
	position: fixed;
	top: 0px;
	right: 125px;
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(web_imgs/btn-slide.gif) no-repeat center top;
}

.jqueryslidemenu{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 35px;
	width: 100%;
	background: url(web_imgs/navbar.gif) repeat-x;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	background: url(web_imgs/navbar.gif) repeat-x; /*background of tabs (default state)*/
	color: white;
	padding: 6px 50px 9px 50px;
	color: #2d2b2b;
	text-decoration: none;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: white;
}

.jqueryslidemenu ul li a:hover{
	background: black; /*tab link background during hover state*/
	color: #ffcc00;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	text-align: left;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	float: none;
	margin: 0px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font: normal 12px Verdana;
	width: 200px; /*width of sub menus*/
	background-image: none;
	background-color: #414141;
	padding: 8px 5px 8px 5px;
	margin: 0;
	border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

div.footer {
	width: auto;
	height: 35px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url(web_imgs/navbar.gif);
	background-repeat: repeat-x;
	line-height: 35px;
}

div.bottom_nav {
	width: auto;
	min-width: 900px;
	font-style: italic;
	text-align: center;
	color: #000000;
	height: 75px;
	background-image: url(web_imgs/foot_bckgrnd.jpg);
	background-repeat: repeat-x;
}

a.selected {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

a.selected:hover {
	text-decoration: underline;
}

a.regular {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

a.regular:hover {
	text-decoration: underline;
}
	
/* Home page Styles */

div.content {
	margin: 10px;
	max-width: auto;
	min-width: 880px;
}

div.news {
	float: left;
	border: solid 1px #666666;
	width: 200px;
	min-height: 600px;
	background-color: #F5F5F5;
	background-repeat: repeat-y;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.links {
	float: right;
	border: solid 1px #666666;
	width: 200px;
	min-height: 600px;
	background-color: #F5F5F5;
	background-repeat: repeat-y;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.intro {
	width: auto;
	margin: 0px 210px 0px 210px;
	min-height: 650px;
	font-size: 1.2em;
}

#back_mid {
	height: auto;
	width: auto;
	background-image: url(web_imgs/back_mid.png);
	background-repeat: repeat-x;
	margin-left: 9px;
	margin-right: 9px;
	* margin-top: -5px;
}

#back_left {
	width: 9px;
}

#back_right {
	width: 9px;
}

h1, h2, h3 {
	text-align: center;
	margin: 5px 0px 0px 0px;
}

h4 {
	text-align: center;
	background-image: url(web_imgs/header.png);
	color: #000000;
	height: 27px;
	margin: 0;
	padding-top: 2px;
}

ul.news {
	font-size: .9em;
	padding-right: 10px;
}

li.news {
	margin-left: -15px;
	padding-bottom: 15px;
}

/* Contact Page Styles */

div.mainContent {
	margin-left: 210px;
	font-size: 1.2em;
	min-height: 600px;
	width: auto;
}

div.linkContent {
	font-size: 1.2em;
	min-height: 600px;
}

input.feedback {
	font-family: tahoma;
	cursor: pointer;
	font-size: 12px; 
	color: #444648; 
	width: 60px;
	height: 20px; 
	border-style: solid; 
	border: 1px solid #858687;
	font-weight: bold;
}

/* Services Page Styles */

.dynamicContent {
	margin-left: 210px;
	margin-right: 210px;
	min-height: 600px;
}

/* Feedback list page Styles */

div.ticket_content {
	width: 1000px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 0;
	height: auto;
}

.formContent {
	padding: 20px;
	margin-left: 200px;
	min-height: 460px;
	background-image: url(web_imgs/intro_bkgrd.gif);
	background-repeat: repeat-x;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(web_imgs/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(web_imgs/colorbox/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(web_imgs/colorbox/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(web_imgs/colorbox/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(web_imgs/colorbox/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(web_imgs/colorbox/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(web_imgs/colorbox/controls.png) right top repeat-y;}

	#cboxTopCenter{height:21px; background:url(web_imgs/colorbox/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(web_imgs/colorbox/border.png) 0 -29px repeat-x;}

	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(web_imgs/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(web_imgs/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(web_imgs/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(web_imgs/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(web_imgs/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}
		
/* Ticket System Styles */

td.navigation {
	width: 200px;
	background-image: url(web_imgs/menu_left.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	min-height: 550px;
}

td.navigation2 {
	width: 200px;
	background-image: url(web_imgs/menu_right.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	min-height: 550px;
}

div.navigation {
	height: 500px;
	float: left;
	width: 200px;
	background-image: url(imgs/menu_left.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #999999;
	vertical-align: top;
}