body {margin:0; padding:0; background:#E3E4DC}
table, td {border-collapse:collapse}
table, td, img {border:0}
form, td {margin:0; padding:0}
td, tr, p {font:11px/13px Arial, helvetica, sans-serif; color:#4A4A4A; vertical-align:top;  text-align:left; padding:0; margin:0}
.clear{clear:both; line-height:0px}
input, textarea, select{font:11px Arial, helvetica, sans-serif; color:#6E7574; padding:2px 0 0 0px; text-transform:none; border: 1px solid #5C5C5C;}


strong{font:11px Arial, helvetica, sans-serif; color:#123343; font-weight:bold}
strong a{font:11px Arial, helvetica, sans-serif; color:#123343; font-weight:bold; text-decoration:underline}
strong a:hover{text-decoration:none}

strong span a{font:11px Arial, helvetica, sans-serif; color:#4A4A4A; text-decoration:underline}
strong span a:hover{text-decoration:none}

span a{font:11px Arial, helvetica, sans-serif; color:#9C3810; text-decoration:underline}
span a:hover{text-decoration:none}

a{font:11px Arial, helvetica, sans-serif; color:#638A9D; text-decoration:underline}
a:hover{text-decoration:none}

b a{font:11px Arial, helvetica, sans-serif; color:#638A9D; text-decoration:underline; background:url(/images/blink.jpg) center left no-repeat; padding-left:17px}
b a:hover{text-decoration:none}

span b a{font:11px Arial, helvetica, sans-serif; color:#638A9D; text-decoration:underline; background:url(/images/blink_2.jpg) center left no-repeat; padding-left:17px}
span b a:hover{text-decoration:none}

.tb_1 a{font:11px Arial, helvetica, sans-serif; color:#E3E4DB; text-decoration:none}
.tb_1 a:hover{text-decoration:underline}

li a{font:11px/18px Arial, helvetica, sans-serif; color:#638A9D; text-decoration:underline; background:url(/images/minus.gif) center left no-repeat;}
li a:hover{text-decoration:none}

.footer td{font:11px Arial, helvetica, sans-serif; color:#eeeeee}
.footer span{font:10px Arial, helvetica, sans-serif; color:#eeeeee}
.footer a{font:11px/18px Arial, helvetica, sans-serif; color:#eeeeee; text-decoration:none}
.footer a:hover{text-decoration:underline}

.pagetitle{font:13px Arial, helvetica, sans-serif; color:#FFFFFF; text-decoration:none;padding-left:30px;font-weight:bold}

.footer span a{font:10px Arial, helvetica, sans-serif; color:#F47715; text-decoration:underline}
.footer span a:hover{text-decoration:none}

#form input{width:160px; height:17px; margin-top:3px}
.inputshort{width:100px; height:17px; margin-top:1px}
#form textarea{width:160px; height:171px; margin-top:1px; overflow:auto}
.pageheader {
font:normal 24px Arial, helvetica, sans-serif; color:#123343; padding-bottom:10px;
}

.quicklinks {
font:bold 14px Arial, helvetica, sans-serif; color:#123343; padding-bottom:10px;
}

.regulartext {
font:normal 11px Arial, helvetica, sans-serif; color:#4A4A4A
}

#main-nav 
{
	width: 100%;
	height: 60px;
}

#main-nav ul 
{
	width: 728px;
	list-style: none;
	height: 60px;
	background: url(/images/mainNav_bg.jpg) repeat-x top left;
	margin: 0 0 0 6px;
	padding: 0;
}

#main-nav ul li 
{
	float: left;
	height: 60px;
	line-height: 60px!important;
	text-align: center!important;
	list-style: none;
	margin: 0!important;
	border-right: 1px solid #495456!important;
	width: 100px!important;
}

#main-nav li a 
{
	background: none!important;
	font-size: 14px!important;
	color: #ffffff!important;
	text-decoration: none!important;
	line-height: 60px;
}

#main-nav li.btn:hover 
{
	background: url(/images/mainNavHover_bg.jpg) repeat-x top left;
}

#main-nav ul li.home 
{
	width: 80px!important;
}

.call-us ul li:hover 
{
	background: none!important;
}

/*#main-nav ul li.home a:hover 
{
	background: url(/images/btn_home_hover.jpg) no-repeat top left;
}*/

.vtc-header 
{
	width: 728px;
	height: 174px;
	padding-left: 6px;
}

.solutions-nav 
{
	padding-left: 6px;
	width: 100%;
	height: 47px;
}

.main-area 
{
	background: url(/images/hp_main_bg.jpg) no-repeat top left;
	width: 728px;
	height: 320px;
	margin-left: 6px;
}

.main-area a 
{
	color: #123343;
}

.main-message 
{
	width: 410px;
	float: left;
	margin: 20px 0 0 20px;
	font-size: 12px;
	font-weight: bold; 
}

.hp-portfolio-link 
{
	width: 150px;
	float: right;
	text-align: center;
	margin: 280px 65px 0 0;
}

.hp-portfolio-link a 
{
	text-decoration: none!important;
	font-weight: bold!important;
}

.hp-portfolio-link a:hover 
{
	text-decoration: underline!important;
}

.hp-testimonial 
{
	width: 728px;
	height: 138px;
	background: url(/images/hp_testimonial.jpg) no-repeat top left;
	margin-left: 6px;
}

.hp-social 
{
	width: 728px;
	height: 450px;
	margin-left: 6px;
	background: #ffffff url(/images/hp_social_grad.jpg) repeat-x top left;
	padding-top: 20px;
	border-top: 1px solid #b5b4a5;
}

.hp-social a 
{
	color: #123343;
}

.hp-news 
{
	width: 225px;
	float: left;
	background: url(/images/hp_header_news.jpg) no-repeat top left;
	margin-right: 13px;
	margin-left: 10px;
}

.hp-blog 
{
	width: 225px;
	float: left;
	background: url(/images/hp_header_blog.jpg) no-repeat top left;
	margin-right: 13px;
	font-size: 12px!important;
	line-height: 14px!important;	
}

.hp-blog ul 
{
	list-style: none!important;
	margin: 0!important;
	padding: 0!important;
}

.hp-blog ul li 
{
	list-style: none!important;
	margin: 5px 0 0 0!important;
	padding: 0!important;
}

.hp-blog ul li a 
{
	background-image: none!important;
	padding: 0!important;
	margin: 5px 0 0 0!important;
	text-decoration: none!important;
	font-size: 14px!important;
}

.hp-blog ul li a:hover 
{
	text-decoration: underline!important;
}

.hp-blog .date 
{
	font-size: 10px!important;
	line-height: 13px!important;
}

.hp-blog #creditfooter 
{
	margin-top: 5px!important;
}

.hp-onDemand 
{
	width: 225px;
	height: 250px;
	float: left;
	background: url(/images/hp_header_onDemand.jpg) no-repeat top left;
	padding: 0px 0 0 0;
}

.hp-social-bottom 
{
	width: 728px;
	margin: 0 0 0 5px;
}

.hp-signup, .hp-affiliates, .hp-social-icons
{
	width: 225px;
	float: left;
	margin-right: 10px;
	font-size: 12px!important;
	line-height: 14px!important;
	
}

.hp-signup 
{
	background: url(/images/signup_bg.jpg) no-repeat top left;
	height: 121px;
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 10px;
}

.hp-signup a 
{
	text-decoration: none!important;
}

.hp-signup a:hover 
{
	text-decoration: underline!important;
}

hr 
{
	height: 2px;
	background-color: #4a4a4a;
	border: 0;
	margin: 7px 0 0 0;
	padding: 0;
}

.sf_newsList 
{
	margin-top: 5px!important;
}

.sf_newsTitle
{
	padding: 0!important;
	margin: 0!important;
}

.sf_singleNews p  
{
	line-height: 15px!important;
	padding-bottom: 10px;
}

.sf_newsTitle a, .sf_readMore a, .sf_postCategory a
{
	background-image: none!important;
	padding: 0!important;
	margin: 0!important;
	font-size: 14px;
	text-decoration: none!important;
}

.sf_readMore a, .sf_postCategory a 
{
	font-size: 11px!important;
}

.sf_newsTitle a:hover, .sf_readMore a:hover, .sf_postCategory a:hover 
{
	text-decoration: underline!important;
}

#home-body 
{
	background: url(/images/home_bodybg.jpg) repeat-y top left;
}

#sub-body 
{
	background: url(/images/bodybg.jpg) repeat-y top left;
}

#sidebar 
{
	background: url(/images/fl_h_bg_1.jpg) no-repeat top left; 
	margin-left:6px; 
	padding-top:13px; 
	height:30px;
}

#footer 
{
	background: url(/images/footer-bgnew.jpg) repeat-y top left;
}


/*  Mobile Styles  */

#wrapper-mobile 
{
	margin: 0;
    font-family: Helvetica;
    background: #ffffff;
    color: #000000;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

#header-mobile 
{
	width: 100%;
	height: 84px;
}

.content-header 
{
	background: #ffffff url(/images/mobile-header-bg.jpg) repeat-x top left;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	line-height: 32px;
	margin: 5px 5px 0 5px;
	padding-left: 5px;
}

.content-mobile
{
	
	background: #ffffff;
	
}

.content-mobile p 
{
	font-size: 14px!important;
	line-height: 17px!important;
}

.content-mobile a 
{
	font-size: 14px!important;
}

.content-mobile strong 
{
	font-size: 16px!important;
	line-height: 40px!important;
}

.content-mobile .sf_newsList .sf_newsTitle a 
{
	font-weight: bold;
	font-size: 14px!important;
	color: #0a4080!important;
}

.content-mobile .sf_newsList li 
{
	border-bottom: 1px solid #dddddd;
	padding: 10px!important;
	margin-bottom: 0!important;
	
}

.content-mobile .sf_newsList 
{
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.content-mobile .sf_singleNews 
{
	padding: 10px!important;
}

.content-mobile .sf_pager 
{
	padding: 0 10px 0 10px!important;
}

.content-mobile .sf_pager li 
{
	padding-right: 10px!important;
}

.content-mobile .sf_pager a 
{
	background-image: none!important;
	font-size: 14px!important;
	color: #0a4080!important;
	font-weight: bold!important;
}

.content-mobile .sf_singleNews p 
{
	font-size: 14px!important;
	line-height: 17px!important;
	
}

.contact p 
{
	margin-bottom: 5px;
}

.content-mobile .sf_singleNews p a 
{
	font-size: 14px!important;
}

.content-mobile .sf_singleNews strong 
{
	font-size: 16px!important;
}

.content-mobile .sf_singleNews h2 
{
	font-size: 16px!important;	
}

.content-mobile p.sf_newsDate 
{
	font-weight: bold!important;
	margin-top: 3px!important;
	font-size: 12px!important;
	color: #adadad!important;
}

#footer-mobile 
{
	width: 100%;
	background: #666666;
	border-top: 1px solid #adadad;
	color: #ffffff;
	font-size: 12px!important;
	margin-top: 10px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

#footer-mobile p, #footer-mobile p a 
{
	text-align: center;
	color: #ffffff;
	font-size: 12px!important;
}

.applemenu{
margin: 5px 0;
padding: 0;
width: auto;

}

.applemenu div.silverheader a{
background: #ffffff url(/images/mobile-header-bg.jpg) repeat-x top left;
font: bold 18px Arial;
line-height: 50px;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 10px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background: #ffffff url(/images/mobile-header-bg.jpg) repeat-x top left;
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.portfolio-link 
{
	width: 240px;
	height: 220px;
	display: block;
	position: relative;
	top: 40px;
	left: 468px;
}

html* .portfolio-link 
{
	top: -225px;
}

.testimonials-link 
{
	width: 725px;
	height: 130px;
	display: block;
}

.news-link, .blog-link
{
	width: 75px;
	height: 25px;
	display: block;
	float: left;
	
}

.onDemand-link 
{
	width: 175px;
	height: 23px;
	display: block;
	
}


/*-------------------*/

#nav-mobile 
{
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

#nav-mobile .sf_newsTitle 
{
	background: #ffffff url(/images/mobile-header-bg.jpg) repeat-x top left;
	height: 50px;
	margin: 0 auto;
	width: 98%;
	padding-left: 10px!important;	
}

#nav-mobile .sf_newsTitle a 
{
	color: White;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	margin-left: 10px;
}

/*------ Issue Tracking Styles -------*/

.MyCalendar .ajax__calendar_container { border: solid 1px green; background-color: #D0D8E8; color: #4F81BD;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { color: Black;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year { color: Navy;}

.MyCalendar .ajax__calendar_dayname {color: Purple; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}

.it body {margin:0; padding:0; background:#E3E4DC}
.it form {margin:0; padding:0}
.it td, .it tr, .it p {font:11px/13px Arial, helvetica, sans-serif; color:#4A4A4A; vertical-align:top; text-align:left; padding:5; margin:5;}
.it input, .it textarea{font:11px Arial, helvetica, sans-serif; color:#6E7574; padding:2px 0 0 0px; text-transform:none; border: 1px solid #5C5C5C;}
.it select{font:11px Arial, helvetica, sans-serif; color:#6E7574; padding:2px 0 0 0px; text-transform:none; border: 1px solid #5C5C5C;}
#ctl00_cphBodyTop_ctl00_rblItemType_0 {border:medium none; padding:2px 5px 0 0 !Important;}
#ctl00_cphBodyTop_ctl00_rblItemType_1 {border:medium none; padding:2px 5px 0 0 !Important;}
#ctl00_cphBodyTop_ctl00_rblItemType_2 {border:medium none; padding:2px 5px 0 0 !Important;}

ul .it{list-style-type: none;}
.it {padding: 5px;}

.error 
{
	width: 265px;
	background: #ffeeee;
	border: 1px solid #ffa7a7;
	padding: 5px;
	margin-bottom: 10px;
	display: block;
}

.client-login-box 
{
	width: 400px;
	padding: 5px;
}

/*------ Issue Tracking Styles -------*/