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

body {
	/*
	background-color: #0000fe;
	background-image: url(../images/layout/bg.jpg);
	*/
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:12px;
}
div, p, th, td, h1, h2, h3, h4, img, span {
	margin: 0px;
	padding: 0px;
}
#wrap 
{
	BACKGROUND-color: #3ca3dd;
	width: 986px;
	overflow: hidden;
}
#left {
	background-image: url(../images/layout/left-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 300px;
	width: 138px;
}
#middle {
	float: left;
	width: 986px;
	overflow: hidden;
}
#top {
	background-image: url(../images/layout/top-banner.jpg);
	background-repeat: no-repeat;
	height: 191px;
	width: 986px;
	background-position: 0px 0px;
}
.banner-headings
{
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#ffffff;
	line-height:44px;
	padding:40px 0px 0px 150px;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*-----Top Menu-----*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
#menu-bg {
	height: 75px;
	width: 987px;
	background-image: url(../images/layout/menu-bg.jpg);
	background-repeat: no-repeat;
}
#navcontainer
{
	width:800px;
	float:left;
}

#navcontainer ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
#navcontainer ul li.first
{
background-image:none;
padding-left:20px;
}

#navcontainer ul li
{
<%--background-image:url(../images/layout/green-line.gif);--%>
background-position:10px 7px;
background-repeat:no-repeat;
float:left;
height:43px;
line-height:1.4em;
padding: 14px 20px 0;
text-align:center;
}
#navcontainer ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
padding-top:4px;
}ontainer ul li a:hover
{
color:#CAFF20;
text-decoration:none;
}
#right {
	background-image: url(../images/layout/right-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 400px;
	width: 140px;
}
#footer-area {
	height: 119px;	
	background-image: url(../images/layout/footer.jpg);
	background-repeat: repeat-x;	
	width:986px;
}
#search {
	float: left;
	height: 20px;	
	padding-top: 18px;
}
.search {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	background-image: url(../images/layout/search-file.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 90px;
	padding-top: 1px;
	padding-right: 7px;
	padding-left: 11px;
	border:0px;
	text-align: left;
	padding-bottom: 0px;
	vertical-align: middle;
}
.search1 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration: none;
	height: 18px;
	width: 90px;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	padding-bottom: 0px;
	vertical-align: text-bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position: center;
	margin: 0px;
}
.go {
	background-image: url(../images/layout/rollover-go.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 37px;
	border: 0px;
	cursor:pointer;
	background-color:Transparent;
}
.go:hover {
	background-image: url(../images/layout/rollover-go.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 37px;
	border: 0px;
	cursor:pointer;
	background-color:Transparent;
}
.white-headings
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding-bottom:0px;
}
#content-area {
	width: 974px;
	overflow: hidden;
	padding-top: -20px;
	padding-bottom: 0px;
	float: left;
	padding-left:10px;
}
#clint-area {	
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right:10px;
}
#client-left {
	float: left;
	width: 620px;
	overflow: hidden;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
#client-left h3 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#client-left h2 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


#client-left p {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#client-middle {
	<%background-image: url(../images/layout/h-line.jpg);%>
	background-repeat: no-repeat;
	float: left;
	height: 313px;
	width: 7px;
	margin-top: 0px;
}
#client-right {
	float: left;
	width: 300px;
	overflow: hidden;
	text-align: left;	
	padding-left: 5px;
	/*background-image: url(../images/layout/bulletin-image.png);*/
	background-repeat:no-repeat;
	background-position: 5px;
}
#client-right h3 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 0px;
}

#client-logo 
{
	padding:10px;
}
#middle-banner {
	background-image: url(../images/layout/middle-banner.jpg);
	background-repeat: no-repeat;
	height: 309px;
	width: 974px;
	margin-top:-15px;
}
#step-aera {
	float: right;
	height: 112px;
	width: 408px;
	padding-right:20px;	
	background-color:Transparent;
}
.step {
	float: left;
	height: 94px;
	width: 94px;
	padding-right: 8px;
}
#list-area {
	height: 80px;
	width: 360px;
	padding-top: 0px;
	float: left;
	padding-left: 220px;
}
#list-area  ul {
	line-height: 30px;
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#list-area  li {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background-image: url(../images/layout/bullet.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:25px;	
}
#testimonial-area {	
	width: 949px;
	margin-top: 10px;
	overflow: hidden;
	margin-left:-8px;
}
#testimonial-bg {
	background-image: url(../images/layout/testimonial-bg.jpg);	
	background-repeat: repeat-x;
	background-position:0px 0px;
	width:949px;
	overflow: hidden;
	float: left;
}
#testimonial-area-top
{
	background-image: url(../images/layout/testimonial-top.jpg);
	background-repeat:no-repeat;
	width:949px;
	height:9px;	
}
#testi-left {
	float: left;
	width: 641px;
	padding-top: 5px;
	overflow: hidden;
	text-align: left;
	margin-left: 14px;
}
.box1 {
	width: 641px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	margin-bottom: 13px;
}
.box1-top
{
	background-image: url(../images/layout/box-top.jpg);
	background-repeat:no-repeat;
	width:641px;
	height:7px;	
}
.box1-bg {	
	background-color: #EAE8E8;
	background-image: url(../images/layout/box-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #75AD01;
	border-left-color: #75AD01;
	padding-right: 13px;
	padding-left: 13px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 8px;
}
.box1-bg-start
{
	background-image: url(../images/layout/a.png);
	background-repeat:no-repeat;
	width:10px;
	height:11px;
}
.box1-bg-end
{
	background-image: url(../images/layout/b.png);
	background-repeat:no-repeat;
	width:10px;
	height:11px;
}
.box1-bottom
{
	background-image: url(../images/layout/box-bottom.png);
	background-repeat:no-repeat;
	width:641px;
	height:7px;	
}
* html .box1-bottom
{
	padding-left:2px;
}
#testi-right {
	float: right;
	width: 234px;
	overflow: hidden;
	text-align: left;	
	padding-right:14px;		
}
#footer-bg {
	background-image: url(../images/layout/foot-bg.jpg);
	background-repeat: no-repeat;
	height: 119px;
	width: 986px;
}
#foot-nav {
	float: left;
	width: 560px;
	padding-top: 58px;	
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 200px;
	clear:both;
}
#foot-nav a {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#foot-nav a:hover {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #364601;
	text-decoration: none;
}
#comunity {
	float: right;
	height: auto;
	width: 203px;
	padding-top: 57px;
}
.navigation-button {
	font-family:Trebuchet MS, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navigation-button:hover {
	font-family:Trebuchet MS, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #CAFF20;
	text-decoration: none;
}
#freetrial
{
  display: block;
  width: 107px;
  height: 23px;
  background-image:url(../images/layout/freetrial.jpg);
  background-repeat:no-repeat;
  width:380px;
  height:100px;

}

#freetrial:hover
{ 
  background-position: 0 -105px;
}

#freetrial span
{
  display: none;
}
#step-1
{
	display: block;	
	background-image:url(../images/layout/blue.jpg);
	background-repeat:no-repeat;
	width:94px;
	height:93px;
}
#step-1:hover
{ 
	background-position: 0 -96px;
}
#step-1 span
{
	display: none;
}
#step-2
{
	display: block;	
	background-image:url(../images/layout/red.jpg);
	background-repeat:no-repeat;
	width:101px;
	height:96px;
	background-position:7px 0px;
}
#step-2:hover
{ 
	background-position: 7px -96px;
}
#step-2 span
{
	display: none;
}
#step-3
{
	display: block;	
	background-image:url(../images/layout/yellow.jpg);
	background-repeat:no-repeat;
	width:101px;
	height:96px;
	background-position:7px 0px;
}
#step-3:hover
{ 
	background-position: 7px -96px;
}
#step-3 span
{
	display: none;
}
#step-4
{
	display: block;	
	background-image:url(../images/layout/green.jpg);
	background-repeat:no-repeat;
	width:101px;
	height:96px;
	background-position:7px 0px;
}
#step-4:hover
{ 
	background-position: 7px -96px;
}
#step-4 span
{
	display: none;
}
a.more-details 
{
	background-image: url(../images/layout/more-details.jpg);
	width:93px;
	height:28px;
	display:block;
	background-repeat:no-repeat;
}
a.more-details:hover
{
	background-position: 0 -28px;
}
a.more-details span
{
  display: none;
}

.login-box
{
	background-color:#024a60;
	color:White;
}
.login-box-title
{
	background-color:#2192ba;
	text-align:right;
	padding:4px 4px 4px;
	color:#68e9ef;	
}
.login-box-title-link
{
	color: #7efbf5;
	text-decoration:underline;	
	cursor:pointer;	
}
.login-box-content
{
	background-color:#024a60;
	color:White;
	padding:10px;
}
.login-box-content-textbox
{
	background-color:#1583a4;
	border: solid 2px #1a94b9;
	padding:2px;
	width:200px;
	color:White;
}
.login-box-content-button
{
}
.login-box-footer
{	
	background-color:#144c5d;
	border-top: solid 2px #256070;
	padding:10px;
}
.login-box-footer-checkbox
{
	background-color:#1583a4;
	border: solid 2px #1a94b9;
}
.login-box-footer-link
{
	color:#7efbf5;
}
.logincontent
{
padding:5px 12px 0px 12px;
font-size:11px;
color:#333333;
}
/*###################################################################################################*/
/*Scroller in control panel*/
/*###################################################################################################*/
#vertmenu {
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width:185px;
padding: 0px;
margin: 0px;
}
#vertmenu div.menutitle
{
	width:187px;	
	background-image:url(../images/layout/menu-blue-bar.gif);
	background-repeat:no-repeat;	
}
#vertmenu div.menutitle h1
{
	font-size: 90%;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:5px 0px 0px 5px;
	margin:0px;
	margin-bottom:5px;
	height:19px;
	cursor:pointer;
}

#vertmenu div.menutitle div.titletext
{
	float:left;
	width:175px;
}
#vertmenu div.menutitle div.titleimage
{
	float:right;
	width:11px;
}
#vertmenu div.menutitle div.titleimage div.leftmenu_down
{
background-image:url(../images/layout/down-blue-arrow.gif);
background-repeat:no-repeat;
height:5px;
width:7px;
margin-top:10px;
}

#vertmenu div.menutitle div.titleimage div.leftmenu_up
{
background-image:url(../images/layout/forward-blue-arrow.gif);
background-repeat:no-repeat;
height:7px;
width:5px;
margin-top:10px;
}
#vertmenu h1 a
{
color:#FFFFFF;
}
#vertmenu h1 a:hover
{
color:#FFFFFF;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
display: block;
padding: 5px 0px 5px 15px;
text-decoration: none;
color: #666666;
width:178px;
font-size:12px;
border-bottom:1px solid #d5d5d5;
cursor:pointer;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
#vertmenu div.menutitle
{
    width:225px;	
    background-image:url(../images/layout/menu-blue-bar-250.gif) !important;
    background-repeat:no-repeat;	
}
div.sc_menu_wrapper {
    position: relative; 	
    height: 250px;
    /* Make bigger than a photo, because we need a place for a scrollbar. */	                	
    margin-top: 0px;
    overflow: auto;
}
div.sc_menu {
    padding: 0 0;
}
.sc_menu a {
    display: block;	        
    /*width: 250px;*/
}
.sc_menu a:hover {	        
}
.sc_menu img {
    display: block;
    border: none;
}
.sc_menu_wrapper .loading {
    position: absolute;
    top: 90px;
    left: 50px;        	
    margin: 0 auto;
    padding: 10px;
    width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	        	
    text-align: center;
    color: #fff;
    border: 1px solid rgb(79, 79, 79);
    background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
    display: none;
    position: absolute;        	
    padding: 6px;
    font-size: 12px;	
    color: #fff;        	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	        	
    border: 1px solid rgb(79, 79, 79);
    background: rgb(0, 0, 0);
    /* Make background a bit transparent for browsers that support rgba */	
    background: rgba(0, 0, 0, 0.5);
}




/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.middle-column
{
	float:left;
	width:643px;
	margin: 4px 3px 0 3px;
}
.middle-bar
{
	background-image:url(../images/layout/TitleBar-EzyMedia.gif);
	background-repeat:no-repeat;
	
	width:641px;
	height:38px;	
	text-align:left;
	margin-left: 0px;
}
.middle-bar-headings
{
	font-size:18px;
	color:#afedfa;/*#527006;*/
	font-size:24px;
	font-weight:bold;
	padding: 5px 0px 0px 10px;
}
.videobarmiddle
{
	/*
	background-image:url(../images/layout/videobarmiddle.jpg);
	background-repeat:repeat-y;	
	font-size:12px;
	line-height:18px;
	min-height:550px;
	padding:10px 10px 0 12px;
	position:relative;
	width:626px;
	text-align:left;
	vertical-align:top;
	*/
	min-height:550px;
	position:relative;
	background-image:url(../images/layout/videobarmiddle.jpg);
	background-repeat:repeat-y;	
	padding:7px;
	margin-left:1px;
	text-align:left;
}
.videobarboxes
{
	background-image:url(../images/layout/videobarmiddle.gif);
	background-repeat:repeat-y;
	width:648px;
}
.videobarbottom
{
	background-image:url(../images/layout/videobarbottom.jpg);
	background-repeat:no-repeat;
	width:641px;
	height:12px;
}
.VerySmallButton
{
	background-color:Transparent;
	background-image:url(../images/layout/button_60.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:23px;
	margin-top:15px;
	padding:0 0 2px;
	width:60px;
}
.SmallButton
{
	background-color:Transparent;
	background-image:url(../images/layout/button_80.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:23px;
	margin-top:15px;
	padding:0 0 2px;
	width:80px;
}
.MediumButton
{
	background-color:Transparent;
	background-image:url(../images/layout/button_100.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:23px;
	margin-top:15px;
	padding:0 0 2px;
	width:100px;
}
.LargeButton
{
	background-color:Transparent;
	background-image:url(../images/layout/button_125.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:23px;
	margin-top:15px;
	padding:0 0 2px;
	width:125px;
}
.ExtraLargeButton
{
	background-color:Transparent;
	background-image:url(../images/layout/button_150.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:23px;
	margin-top:15px;
	padding:0 0 2px;
	width:150px;
}
/*###################################################################################################*/
/*LISTING CSS PROPERTIES*/
/*###################################################################################################*/
div.listing
{
	padding-top:1px;	
	background-color:#FBFBFF;
}
div.listing img
{
	padding-right:0px;
}
div.listing .pub_name
{
    color:#30a8da;
    font-size:16px;
    font-weight:bold;
}
div.listing .title
{
    color:#000000;
    font-size:13px;
    font-weight:bold;
}
div.listing .author
{
    color:#ff0000;
    font-size:13px;
    font-weight:bold;
}
div.listing .date
{
	text-align:right;
	color:#000000;
	width:100%;	
}
div.listing div.text
{
    color:#333333;    
}
.listing_readmore
{
    text-align:right;
    font-size:12px;
    color:#FF0000;
    background-color:#FBFBFF;
}
a.listing_readmore
{    
    font-size:12px;
    color:#FF0000;
}
p.borderbottom
{
    border-bottom:1px solid #cccccc;
    padding:15px 0px 0px 0px;
}
/*###################################################################################################*/
/*End of LISTING CSS PROPERTIES*/
/*###################################################################################################*/
.rightcolumn
{
	float:left;
	width:333px;
	margin-top:0px;	
	margin: 4px 0px 0px 0px;
}
.rightcolumn-bar
{
	background-image:url(../images/layout/headlines-top-green-curve-rightcolumn.png);
	background-repeat:no-repeat;
	width:333px;
	height:38px;	
	text-align:left
}
.rightcolumn-bar-headings
{
	font-size:18px;
	color:#FFFFFF;
	padding:10px 0px 0px 11px;
}
.rightcolumn-middle
{
	background-image:url(../images/layout/videobarmiddle-rightcolumn.gif);
	background-repeat:repeat-y;	
	font-size:12px;
	line-height:18px;
	min-height:550px;
	padding:10px 0px 0 0px;
	position:relative;
	width:333px;
	text-align:left;
	vertical-align:top;
}
.rightcolumn-bottom
{
	background-image:url(../images/layout/videobarbottom-rightcolumn.png);
	background-repeat:no-repeat;
	width:333px;
	height:12px;
}
.clients-rotator-container
{
	padding-bottom:10px;
}
.clients-rotator
{
	background-image:url(../images/layout/bulletin-image-inner.png);
	background-repeat:no-repeat;
	width:310px;
	height:210px;
	padding-top:6px;
	padding-left:0px;
}