@charset "utf-8";
/* UpstartInternet CSS Document */
body
{
	background: #B9B9B9 url(images/top-bg.jpg) repeat-x top;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
p
{
	padding: 5px 0;
	margin: 5px 0;
}
img
{
	border: 0;
}
h1
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	padding: 0;
	line-height: 25px;
	border-bottom: solid 1px #B9B9B9;
}
h1.green
{
	color: #5E9339;
}
	
h2
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	padding: 0;
	line-height: 20px;
	border-bottom: dotted 1px #666666;
}
h3
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669900;
	padding: 0;
	line-height: 20px;
}
h4
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A9CC5D;
	padding: 1px 4px;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid 1px #333333;}
a
{
	color: #5E9339;
	text-decoration: none;
}
a:hover
{
	color: #000000;
	text-decoration: underline;
}
#wrapper
{
	width: 960px;
	margin: 0 auto;
}
#logopane
{
	display: inline;
	width: 305px;
	height: 147px;
	float: left;
}
#menupane
{
	padding: 25px 0 0 25px;
	width: 625px;
	height: 50px;
	display: inline;
	text-align: right;
	float: left;

}
#socialpane
{
	width: 246px;
	margin-top: 30px;
	display: inline;
	float: right;
	text-align: center;
}
.menus
{
	padding: 0;
	margin: 0;
	list-style: none;
}
.menus li
{
	margin: 0;
	list-style: none;
	display: inline;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;
}
.menus li a
{
	line-height: 50px;
	color:  #FFFFFF;
	text-decoration: none;
	padding: 15px 10px;
	border-right: solid 1px #000000; 
}
.menus li a:hover
{
	background: url(images/menu-hover.jpg) repeat-x top;
	color: #FFFFFF;
	text-decoration: none;
}
.menus li a.selected
{
	background: url(images/menu-hover.jpg) repeat-x top;
	color: #FFFFFF;
	text-decoration: none;
}
.menus li a#leftmost
{
	border-left: solid 1px #000000;
}
.clearfloat
{
	clear: both;
}
#header
{
	width: 960px;
}
#leftpane-home
{
	width: 240px;
	padding: 5px 5px 5px 0;
	margin-top: 5px; 
	float: left;
}
#leftpane
{
	width: 220px;
	padding: 5px 5px 5px 0;
	margin-top: 5px; 
	float: left;
}
#leftpane2
{
	width: 230px;
	padding: 5px 0px;
	margin-top: 5px; 
	float: left;
}
#contentpane
{
	width: 469px; 
	padding: 5px 15px;
	margin-top: 10px;
	border-left: solid 2px #B9B9B9;
	border-right: solid 2px #B9B9B9;
	float: left;
}
#contentpane-home
{
	width: 430px; 
	padding: 5px 15px;
	margin-top: 10px;
	border-left: solid 2px #B9B9B9;
	border-right: solid 2px #B9B9B9;
	float: left;
}
#contentpane-contact
{
	width: 474px; 
	padding: 5px 15px;
	margin-top: 10px;
	border-left: solid 2px #B9B9B9;
	border-right: solid 2px #B9B9B9;
	float: left;
}
#contentpane2
{
	width: 686px; 
	padding: 5px 15px;
	margin-top: 10px;
	border-left: solid 2px #B9B9B9;
	float: left;
}
#contentpane3
{
	width: 686px; 
	padding: 5px 15px;
	margin-top: 10px;
	float: left;
}

#rightpane
{
	width: 220px;
	padding: 5px 0px 5px 5px;
	margin-top: 5px;
	float: left;
}
#rightpane-home
{
	width: 244px;
	padding: 5px 0px 5px 5px;
	margin-top: 5px;
	float: left;
}
.greentext
{
	color: #A9CC5D;
}

.submenu
{
	padding: 0;
	margin:  0;
	margin-bottom: 10px;
	list-style: none;
}		
.submenu li
{
	padding: 0;
	margin:  0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.submenu li a
{
	display: block;
	background: url(images/submenu-off.jpg) no-repeat;
	width: 205px;
	padding-left: 20px;
	line-height: 35px;
	color: #333333;
	text-decoration: none;
}
.submenu li a:hover
{
	background: url(images/submenu-on.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}
.heading
{
	display: block;
	background: url(images/nav-title-bg.jpg) no-repeat;
	width: 215px;
	line-height: 35px;
	padding-left: 10px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
}
.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	padding: 2px 0;
	line-height: 25px;
	border-bottom: solid 2px #B9B9B9;
}
.title-small
{
	background: #333333; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	padding: 3px 2px;
	line-height: 20px;
	border-bottom: solid 2px #AECD50;
}
.special-txt
{
	background: #CCCCCC;
	border: dashed 1px #666666;
	padding: 10px;
	margin: 5px;
	font-style: italic;
}
#footerpane
{
	width: 100%;
	background: url(images/footer-bg.jpg) repeat-x top;
	height: 293px;
	padding: 12px 0;
}
#footer
{
	color: #666666;
	width: 950px;
	margin: 0 auto;
	font-size: 11px;
}
#footer-lists
{
	width: 730px;
	float: right;
}
#newsletter-box
{
	width: 210px;
	margin: 0 5px;
	float: left;
}
#newsletter-box p
{
	padding: 0;
	margin: 0;
}
#newsletter-box .input
{
	width:180px;
	background: #222;
	padding: 5px 3px;
	margin: 0;
	border: none;
	overflow: hidden;
	color: #A9CC5D;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #444;
	border-top: solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a.link
{
	color: #A9CC5D;
	text-decoration: none;
}
#footer a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
.list
{
	padding: 0;
	margin: 0 5px;
	list-style: none;
	float: left;
}
.list2
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.list li,.list2 li
{
	padding: 0 5px;
	margin: 0;
	list-style: none;
	border-bottom: dotted 1px #333333;
	line-height: 20px;
	color: #666666;
	font-size: 12px;
}
.list li a, .list2 li a
{
	color: #666666;
	text-decoration: none;
}
.list li a:hover,.list2 li a:hover
{
	color: #A9CC5D;
	text-decoration: none;
}
.list li#title, .list2 li#title 
{
	color: #A9CC5D;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid 1px #333333;
}

.form
{
	background: #333333;
	padding: 10px 45px;
	border: dashed 1px #FFFFFF;
	margin: 0 auto;
	width: 350px;
} 
.form label
{
	display:block;
	font-weight: bold;
	width: 100px;
	float: left;
	color: #FFFFFF;
	line-height: 30px;
}	
.form p
{
	color: #FFFFFF;
}
.form .input
{		
	width:200px;
	background: #333333 url(images/field-bg.jpg) repeat-x;
	padding: 8px 3px;
	margin: 0;
	border: none;
	overflow: hidden;
	color: #A9CC5D;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}		
.form .textarea
{		
	width:200px;
	background: #222222;
	padding: 5px;
	margin: 0;
	border: none;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #666666;	 
	color: #A9CC5D;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.form2
{
	background: #333333;
	padding: 10px 45px;
	border: dashed 1px #FFFFFF;
	margin: 0 auto;
	width: 320px;
} 
.form2 label
{
	display:block;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}	
.form2 p
{
	color: #FFFFFF;
	padding: 5px 0 ;
	margin: 0;
}
.form2 .input
{		
	width:200px;
	background: #333333 url(images/field-bg.jpg) repeat-x;
	padding: 0px 3px;
	padding-top: 5px;
	height: 25px;
	margin: 0;
	border: none;
	overflow: hidden;
	color: #A9CC5D;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}		
.form2 .textarea
{		
	width:320px;
	background: #222222;
	padding: 5px;
	margin: 0;
	border: none;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #666666;	 
	color: #A9CC5D;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}				
.clientbox
{
	background: #FFFFFF url(images/heading-bg.jpg) repeat-x top;
	border: solid 1px #999999;
	width: 218px;
	height: 170px;
	margin: 0 auto;
}
.clientbox-large
{
	background: #FFFFFF url(images/heading-bg.jpg) repeat-x top;
	border: solid 1px #999999;
	width: 238px;
	height: 170px;
	margin: 0 auto;
}
.clientbox h1, .clientbox-large h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #336600;
	padding: 2px 10px;
	margin: 0;
	border-bottom: dotted 1px #999999;
	text-align: center;
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
margin-top: 0;
/*THEME CHANGE HERE*/
line-height:18px;
z-index: +1000;
/*background-color: #979389;*/
background: #FFFFFF; 
visibility: hidden;
text-align: left;
min-width: 120px;
padding: 0 1px 1px 1px;

}
.dropmenudiv a{
margin-top: 0px;
width: auto;
display: block;
padding: 0 10px;
text-decoration: none;
font-weight: normal;
color: #333;
z-index: +1000;
background: url(images/dd-menu-off.jpg) repeat-x;
line-height: 25px;
padding-left: 18px;
}

* html .dropmenudiv a
{ /*IE only hack*/
	width: 30%;
}

.dropmenudiv a:hover
{ /*THEME CHANGE HERE*/
	background: url(images/dd-menu-on.jpg) no-repeat left;
	color: #fff;
	z-index: +1000;
}
/* MENUS END HERE */
/*Left_menu starts here*/

.glossymenu
{
	margin-bottom: 10px;
	padding: 0;
	width: 225px; /*width of menu*/
	border-bottom-width: 0;
}

.glossymenu li.heading
{
	display: block;
	background: url(images/nav-title-bg.jpg) no-repeat;
	width: 215px;
	line-height: 35px;
	padding-left: 10px;
	list-style:none;
	font-size: 22px;
	text-transform: uppercase;
}

.glossymenu a.menuitem
{
	background-image: url(images/submenu-off.jpg);
	width: 205px;
	padding-left: 20px;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px;
	font-weight: bold;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	text-decoration: none;
}

.glossymenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 10px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover
{
	background: url(images/submenu-on.jpg) no-repeat;
}

.glossymenu a.menuitem#selected
{
	background: url(images/submenu-on.jpg) no-repeat;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
    background: #CCC;
    padding: 0;
	margin: 0;
	list-style: none;
}

.glossymenu div.submenu li.heading
{
	display: block;
	background: url(images/nav-title-bg.jpg) no-repeat;
	width: 215px;
	line-height: 35px;
	padding-left: 10px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
}

.glossymenu div.submenu ul
{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.glossymenu div.submenu ul li a
{
	display: block;
	background: #FFF;/*url(images/submenu-off.jpg) no-repeat;*/
	width: 205px;
	border-bottom: 1px #666666  dotted;
	padding-left: 20px;
	line-height: 25px;
	color: #333333;
	text-decoration: none;
}

.glossymenu div.submenu ul li a:hover{
		background: #EEE;
		color: #000000;
}
.glossymenu div.submenu ul li a.active{
		background: #EEE;
		color: #000000;
}

.arrowlistmenu{
width: 225px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: url(images/submenu-off.jpg) no-repeat;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
line-height: 35px;
padding: 0px 0 0 20px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/submenu-on.jpg);
}

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/*Left_pane_menu ends here*/

/* Style for Client ticker */
#newsticker-demo { 
width:310px; 
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}
.newsticker-jcarousellite ul li{ text-align: center; display: block; list-style:none; padding: 0; margin: 0; height: 120px; line-height: 120px; padding-top: 20px;}
.clear { clear: both; }
 
/* Style for Webtools*/

.toolsTable
{
	background: #F8F8F8;
}

.toolsTable th
{
	background: #5E9339;
	font-size: 16px;
	color: #FFFFFF;
	padding: 5px 0;
	border-bottom: solid #336600 1px;
}
.toolsTable td
{
	font-size: 11px;
	border-bottom: dotted 1px #CCCCCC;
	line-height: 15px;
}
.toolsTable table td
{
	border: none;
}



#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}