body#steps{ 
background-color: #0e0e0e;
/* background: url(../images/background/bg.gif) repeat; */
}

div#div-background-image{
	width: 100%; 
	min-height: 400px;
	height: auto !important;
	height: 400px;
	text-align: center; 
	background: url(../images/background/2steps-top-bg.jpg) no-repeat top center;
}

div#div-top-menu{width: 100%; height: 43px; text-align: center; background: url(../images/background/top-menu-bg.gif) repeat-x top; font-size: 10px; color: ffffff; text-decoration: none;}
div#div-top-menu a{ color: #ffffff; text-decoration: none; text-align: center;}
#menu-wraper{width: 962px;  margin: 0 auto; clear: both; text-align: left;}
#menu-wraper div, #menu-wraper a, #menu-wraper span{margin-top: 16px; }
a.menu-start {margin-left: 335px;}
span.top-menu-seperator{ display: block; width: 1px; height: 15px; margin: 0px 30px; background: url(../images/menu/seperator-grey.gif) no-repeat;}
span.top-menu-seperator-doublegrey{ display: block; width: 4px; height: 15px; margin: 0px 30px; background: url(../images/menu/seperator-grey-double.gif) no-repeat;}

#div-js-menu{width: 960px; height: 42px; background: url(../images/background/jsmenu-bg.jpg) no-repeat;}

#div-wraper{width:962px; margin: 0 auto; text-align: left; margin-top: 3px;}
div#div-banner{float: right; width: 382px; height: 182px; background: url(../images/banner/banner-frame.png) no-repeat;}

#div-content-frame{margin-top: 3px;}
div.div-side-panel{width: 224px; min-height: 600px; height: auto !important; height: 600px; border: 1px solid #000000; background: #0a0a0a url(../images/background/sidepanel-bg.png) no-repeat top; padding: 2px;}
#div-middle-panel{width: 488px; min-height: 600px; height: auto !important; height: 600px; margin-left: 5px; _margin-left: 9px;}
#div-left-panel{text-align: center; }
#div-left-panel img{margin: 2px 0px;}
#div-right-panel{margin-left: 5px; _margin-left: 9px; text-align: center;}
#div-right-panel p{padding: 5px 0px;}
#div-left-wallpaperslide{width: 218px; height: 107px; padding-top:60px; background: url(../images/background/back2.jpg) no-repeat; margin-top: 8px; margin-left: 3px;}
#div-slide1{width: 90px; float: left; position:relative; top: 59px; left:15px; _left:0px; _margin-left:-25px;}
#div-slide2{width: 90px; float: right; position:relative; top: 59px; right: 15px; _margin-top:-68px;}
div#wrap table.menu td a{background: url(../images/dash.jpg)top left no-repeat; }
div#wrap table.menu td a#menu1{background:none;}

#div-middle-panel-wide{
	width: 703px;
	_width: 723px;
	min-height: 600px; 
	height: auto !important; 
	height: 600px;
	color: #999999;
	font-size: 12px;
	font-family: Arial;
       text-align : left;
	margin-left: 5px; 
	padding: 10px;
	_margin-left: 9px; 
	border: 1px solid #5f5f5f; 
	background: #0a0a0a url(../images/background/inner-page-head.png) no-repeat top;
 
}

#div-middle-panel-wide table.category{width:560px; margin: 10px auto 0px;}
#div-middle-panel-wide table.category th#count{ width: 45px; font-weight:600; color:#999999;}
#div-middle-panel-wide table.category td#count2{ width: 45px; font-weight:600; color:#999999;}
#div-middle-panel-wide table.category th#tableOrdering{ width: 400px;}
#div-middle-panel-wide table.category td#date{ text-align:justify; color:#999999;}

#div-middle-panel-wide table.category a:link {color:#0099ff;font-weight:600;}
#div-middle-panel-wide table.category td a:link{text-decoration: none;}
#div-middle-panel-wide table.category th, #div-middle-panel-wide table.category td{text-align: left;}
#div-middle-panel-wide table.category tr.sectiontableentry1{background: #141414;}
#div-middle-panel-wide table.category tr.sectiontableentry2{background: none;}
#div-middle-panel-wide table.category th, #div-middle-panel-wide table.category td{margin: 5px 0px; padding: 0px 5px;}
#div-middle-panel-wide table.category td{ line-height: 20px; }



.filter {
float:left;
}

.display {
float:right;
}


#menu-wraper a.logo-cubizone{width: 127px; height: 27px; margin-top: 8px; text-indent: -9999px; background: url(../images/buttons/logo-cubizone.png) no-repeat; line-height: 43px;}

#div-client-download{width: 490px; height: 106px; background: url(../images/background/client-frame.png) no-repeat;}
#div-client-download a{text-decoration: none; margin-top: 8px; float: right; margin-right: 10px;}

#div-feature{width: 490px; margin-top: 5px;}
#div-feature-head{height: 36px; background: url(../images/background/feature-header.jpg) no-repeat;}
.div-feature-body{min-height: 180px; background: url(../images/background/feature-middle.jpg) repeat-y;}
.div-feature-tail{height: 5px; background: url(../images/background/feature-tail.jpg) no-repeat;}
#div-feature table{background: #0a0a0a; margin: 0 auto; color: #cccccc; font-size: 11px; font-family: Arial; margin-top: 5px;}
#div-feature table tr td{padding: 5px;}
#div-feature table tr td p.title{font-weight: 600; margin-bottom:10px;}
#div-feature table tr td a{margin: 5px;}

#div-feature-item{width: 490px; margin-top: 10px;}
#div-feature-item-head{height: 35px; background: url(../images/background/feature-item-header.jpg) no-repeat;}
#div-feature-item img{margin: 4px 0px 0px 8px;}

#div-partner{width: 220px; margin: 0 auto; margin-top: 10px;}
#div-partner #div-partner-head{height: 37px; background: url(../images/background/partner-header.png) no-repeat;}
#div-partner #div-partner-body{background:#040404 url(../images/background/partner-body.png) no-repeat center bottom;}
#div-partner #div-partner-tail{height:5px; background: url(../images/background/partner-tail.png) no-repeat;}

div#div-facebook{width: 220px; height: 245px; margin: 10px 0px;}
.fb_share_button{margin-top: 20px;float: right;}
.joomla_add_this{margin-top: 50px;float: right;}
#div-js-menu #wrap{padding-top: 11px; margin-left: 25px;}

.transMenu td div{
	margin: 3px 5px 2px 5px;
	padding: 5px 8px 5px 8px; 
}

#div-js-menu div#subwrap div.transMenu{padding-bottom: 10px; margin-top: 6px;}
#div-js-menu div#subwrap div.transMenu .content{padding: 5px 0px 5px 0px; }
#div-js-menu div#subwrap div.transMenu .content .background{width: 145px; background: url(../images/background/submenu-body.png) repeat-y; padding-bottom:5px;}
#div-js-menu div#subwrap div.transMenu .content .end-background{ width: 145px; height: 11px; background: url(../images/background/submenu-tail.png) no-repeat left top;}
.transMenu .end-background{left: 0px; position: absolute; opacity: 0.85; filter: alpha(opacity = 85);}

#div-footer{width: 100%; height: 50px; text-align: center; color: #666666; margin: 30px 0px 30px 0px; font-family: Arial; font-size: 9px; }
#div-footer img{margin: 0px 20px;}
#div-footer p{margin: 3px 0px;}

div.inner-menu{text-align: left; background: #141414; width: 220px; margin: 0 auto;}

div.inner-menu p{
	height: 35px; 
	background: url(../images/background/inner-title-bg.gif) no-repeat; 
	font-family: Arial; 
	font-size: 21px; 
	color: #fff; 
	text-align: left;
	padding-left: 12px;
	line-height: 35px;
	text-shadow: 2px 2px 0 #000000;
}

div.inner-menu {margin: 10px auto; }
div.inner-menu table{width: 220px; padding-left: 12px; padding-bottom: 20px; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333;}
div.inner-menu ul{margin-left: 0px; _margin-left: 12px;}
div.inner-menu ul li{display: block;  border-bottom: 1px dotted #333333; padding: 5px 0px ;}
div.inner-menu ul li:hover{background: url(../images/li-spot-o.png) left center no-repeat;}
div.inner-menu ul li a{padding-left: 20px; text-decoration: none;  font-size: 11px; color: #ffffff; }

div.inner-menu ul li ul{margin-left: 10px; }
div.inner-menu ul li ul li{display: block;padding: 5px 0px; border-bottom: none; }
div.inner-menu ul li ul li:hover{background:none; color:#0a63e9;}
div.inner-menu ul li ul li a{padding-left: 20px; text-decoration: none;  font-size: 11px; color:#fff; }


div#div-community{width: 220px; height: 130px; background: url(../images/background/community-bg.jpg) no-repeat; text-align: left; margin: 5px auto;}
div#div-community img{margin-top: 70px; margin-left: 55px;}



div.round span{display: block;}
.menu-indicator{width: 14px; height: 14px; background: url(../images/submenu-on.gif) no-repeat;}
.menu-no-indicator{width: 14px; height: 14px; background: url(../images/x.gif) no-repeat;}
.fright{float: right;}
.fleft{float: left;}
.clear{clear: both; text-indent:-9999px;}

div#latest-hitz{text-align: left; width: 220px; margin: 5px auto; }
div#latest-hitz table{padding: 0px 10px 10px 10px; color: #fff; width: 220px; font-size: 10px; font-family: arial; line-height: 18px; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333;}
div#latest-hitz table tr td{padding: 2px 0px 2px 0px; border-bottom: 1px dotted #333; }




/*---------------here-------------------*/
#content{
width:680px;
margin:0 auto;
font-size:12px;
text-align: left;
}

.bold {
font-weight:600;
color:#FFFFFF;
}

.boldGrey {
font-weight:600;
}

.boldwhite {
font-weight:600;
color:#FFFFFF;
}

.fontred {
font-weight:600;
color: #FF0000;
}

a.red:link {
color:#FF0000;
font-weight:600;
}
a.red:visited{
color:#FF0000;
font-weight:600;
}
a.red:active{
color:#FF0000;
font-weight:600;
}
a.red:hover{
color:#FF0000;
font-weight:600;
}
.liststyle {
list-style-type:disc;
padding:10px 10px 10px 20px;
}

a.white:link {
color: #FFFFFF;
font-weight:600;
}
a.white:visited{
color: #FFFFFF;
font-weight:600;
}
a.white:active{
color: #FFFFFF;
font-weight:600;
}
a.white:hover{
color: #FFFFFF;
font-weight:600;
}

.center{
margin:10px 0;
text-align:center;
}

.componentheading{
color: #ffffff;
font-weight: 600;
font-size: 18px;
}

#customer-service {
width:220px;
height:115px;
background: url(../../../images/buttons/support.jpg) no-repeat;
color:#999999;
margin:0 auto;
margin-top: 8px;
}


/*----------browse button end-----------------*/
.fitem-img{padding: 2px 2px;}
.tablefeature-item1{ margin-top: 4px; float:left; position:relative; left:15px; width:230px; height: 86px; background: url(../images/background/featureitembg.jpg) no-repeat;}
.tablefeature-item{ margin-top: 4px; float:left; position:relative; left:10px; width:230px; height: 86px; background: url(../images/background/featureitembg.jpg) no-repeat;}