/* @group Browser Reset */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-family: arial, sans-serif, verdana;
	text-align: center;
	text-decoration: none;
}

img,
hr,
fieldset {
	border: none;
}

h1, h2, h3, h4, p,
ul, ol, li,
hr, br,
form, fieldset,
dl, dt, dd {
	margin: 0;
	padding: 0;
}

br, hr {
	height: 0;
}

address {
	font-style: normal;
}

.breadcrumbs{
font-size: 11px;
}

.clr {
	clear: both;
	height: 0;
}

/* @end */

/* @group Clear Fix */

/* for relatively new browsers*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* for IE Mac */
.clearfix {
	display: inline-table;
}
/* for IE Windows \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* @end */

/* @group General Text Styles */

body {
	font: 12px  Arial, Verdana, sans-serif;
	color: #666;
        text-align: left;
}

p {
	margin: 12px 0;
	line-height: 150%;
}

.credits {
	font-size: 9px;
	color: #ccc;
}

.credits a:link ,
.credits a:visited{
	color: #ccc;
}

/* @end */

/* @group Quote Text Styles */

.quotebox {
	display: block;
	line-height: 120%;
	margin: 5px 0;
	padding: 10px 15px;
	color: #666;
        font-size: 13px;
        font-style: italic;
        background: url(../images/quotebox.gif) top left no-repeat;
        text-indent: 30px;
}

/* @end */

/* @group Heading Text Styles */

h1,
.componentheading,
.contentheading {
padding: 0;
margin: 0px 0;
font-size: 30px;	
color: #3399CC;
line-height: 100%;
font-style: normal;
}

#top_wrap h1{
font-size: 30px;
letter-spacing: -1px;
color: #333;
font-style: normal;
}

#top_wrap h1 span{
font-size: 12px;
text-transform: none;
letter-spacing: 0px;
color: #666;
font-weight: normal;
padding:0;
margin:0;
}

h2 {
padding: 0;
margin: 5px 0;
font-size: 26px;	
color: #333;
line-height: 100%;
font-style: normal;
}

h2 span{
color: #3399cc;
}

h3 {
padding: 0;
margin: 5px 0;
	font-size: 20px;	
	color: #333;
    line-height: 100%;
font-style: normal;
}

#left_column_nav h3 {
	font-size: 18px;	
	color: #3399cc;

}

#left_column_nav h4 a{
	font-size: 13px;	
	color: #fb7000;
}

#intro .frontimg{
border: 1px solid #ccc;
}

#intro h3{

color: #333;
}

#middle_wrap h3 {
        margin: 0 0 10px 0;
        border-bottom: 1px solid #555;
	font-size: 17px;	
	color: #ededed;
}

h4 {
padding: 0;
margin: 5px 0;
	font-size: 15px;	
	color: #999;
    line-height: 100%;
}


/* @end */

/* @group Navigation Styles */

/* @group Top Navigation */

ul.menu_top{
margin-left: 40px;
}

ul.menu_top li{
        float: left;
		
}

ul.menu_top a:link,
ul.menu_top a:visited {
	padding: 8px 8px;
        margin: 0 2px;
	text-decoration: none;
	color: #666;
        float: left; 
font-weight: bold;  
border: 1px solid #fff;
-moz-border-radius: 5px;
border-radius: 5px;

}


ul.menu_top a:hover {
border: 1px solid #D4D4D4;
color: #3399cc;
background: #fafafa;
-moz-border-radius: 5px;
border-radius: 5px;

}

ul.menu_top li {
	list-style: none;
}

ul.menu_top li.active a {
font-weight: bold;
border: 1px solid #D4D4D4;
color: #3399cc;
background: #fafafa;



}


/* @end */

/* @group Left Navigation (Parent Level) */

ul.menu_left a:link,
ul.menu_left a:visited {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #ededed;
}

ul.menu_left a:hover {
	color: #000;
	background-color: #fafafa;
}

ul.menu_left li.active a {
	font-weight: bold;
}

/* @end */


/* @group Footer Navigation */

ul.menu_footer li{
        float: left; 
}

ul.menu_footer a:link,
ul.menu_footer a:visited {
	padding: 0 5px;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
        float: left;
        line-height: 20px;
        
}
	
ul.menu_footer a:hover {
	color: #89D7EE;
}

ul.menu_footer li {
	list-style: none;
}

/* @end */


/* @end */

/* @group Link Styles */

a:link,
a:visited {
	color: #3399cc;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.credits a{
	color: #999;
}

.readmore,
.details {
	
}

.readmore a,
.details a{
padding: 3px 8px;
font-size: 11px;
background: #ededed;
color: #444;
}

/* @end */

/* @group List Styles */




/* @end */

/* @group Error Message */

#system-message{
        border: 1px solid #ededed;
        background: #fafafa;
        color: #fa1604;
        font-weight: bold;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        padding: 10px 15px;
        margin: 10px 0;
}

#system-message li{
        margin: 10px 0 0 15px;
}

/* @end */

/* @group Input Styles */

.button {
	padding: 2px 10px;
	color: #000000;
	background: #F5F5F5;
	border: 1px solid #CBCBCB;
}

.button:hover {
	color: #FFF;
	background: #444;
	cursor: pointer;
}

.inputbox {
	padding: 2px 5px;
	color: #444;
	background: #FAFAFA;
	border: 1px solid #DDD;	
}

textarea.inputbox {
	padding: 5px;
	line-height: 150%;
}

/* @group Login Module */

#modlgn-username,
#modlgn-passwd  {
        width: 190px;
	color: #444;
	background: #FAFAFA;
	border: 1px solid #DDD;	float: left;
        margin: 3px 0;
        float: left;
}

#form-login-remember {
        margin: 10px 0;
        clear: both;
}

#login-form label {
        font-size: 11px;
        font-weight: bold;
float: left;
width: 100%;
}

/* @end */

/* @group mainbody Login Module */

#username,
#password  {
        width: 100%;        
}

input#username,
input#password{
        width: 250px;
	color: #444;
	background: #FAFAFA;
	border: 1px solid #DDD;	float: left;
        margin: 3px 0;
        float: left;
        clear: both;
        
}

.login-fields label {
        font-size: 11px;
        font-weight: bold;
        float: left;
        clear: both;
}

/* @group Contact Page */

.contact  {
        width: 100%;        
}

#mainbody .contact #jform_contact_name,
.contact #jform_contact_email,
.contact #jform_contact_emailmsg,
.contact #jform_contact_message
{
        
	color: #444;
	background: #FAFAFA;
	border: 1px solid #DDD;	
        margin: 3px 0;
        float: left;
        clear: both;

        
}

span.contact-street,
span.contact-suburb,
span.contact-state,
span.contact-postcode,
span.contact-country,
span.contact-fax,
span.contact-mobile,
span.contact-telephone,
span.contact-webpage,
span.contact-vcard,
.contact legend

{
        


        margin: 3px 0;
        float: left;
        clear: both;
        
}

.contact-email{
float: left;
clear: both;
}

.contact #jform_contact_email_copy{
        color: #444;
	background: #FAFAFA;
	border: 1px solid #DDD;
	float: left;
        margin: 3px 0;        
        clear: both;
        
}

.contact .button{
        float: left;
        clear: both;
        
}

.contact label {
        font-size: 11px;
        float: left;
        clear: both;
}

.pane-toggler-down a,
.pane-toggler a{
font-size: 13px;
background: url(../images/sub.png) left no-repeat;
padding: 0 0 0 20px;
}
/* @end */



/* @group Image Styles */

img {
	border: 0px;
}

img.float_left{
float: left;
margin: 0 10px 5px 0;
padding: 5px;
background: #ccc;
}

img.float_right{
float: right;
margin: 0 0 5px 10px;
padding: 5px;
background: #fff;
}

/* @end */

/* @group List Styles */

#left_column_wrap ul {
	margin: 0;
}

#left_column_wrap ul li{
	background:url(../images/bullet_black_alt.png) 0% 10% no-repeat;
	list-style: none;
      padding-left:25px;
	padding-bottom: 0px;
	line-height: 1.6em;
	margin:0 0 0 -5px;    
       
}

#mainbody ul {
	margin: 5px 0;
}

#mainbody ul li{

background:url(../images/bullet_black_alt.png) 0% 10% no-repeat;
	list-style: none;
    padding-left:25px;
	padding-bottom: 0px;
	line-height: 1.6em;
	margin:0 0 0 10px; 


        
}



.pagination-start li{


	display: inline;
list-style-type: none;
padding-right: 20px;


        
}








#mainbody ol {
	margin: 5px 0;
}

#mainbody ol li{
	list-style: decimal;
        list-style-position: inside;
        
}

#middle_full_wrap ul {
	margin: 5px 0;
}

#middle_full_wrap ul li{
	list-style: square;
        margin: 0 0 0 10px;   
       
}



/* @end */

/* @group Page Layout Styles */

body {
        background: #fff;
}

#top_social_wrap{
width: 100%;
height: 50px;
margin: 0 auto;
clear: both;
background: #3399cc;
border-bottom: 5px solid #ededed; 
}

#top_social{
width: 980px;
height: 40px;
margin: 0 auto;
position: relative;
}

#top_social_left{
position: absolute;
top: 5px;
left: 0px;
width: 400px;
height: 40px;
}

#top_social_right{
position: absolute;
top: 2px;
right: 0px;
width: 250px;
height: 40px;

}

#top_social_right_contact{
color: #fff;
position: absolute;
top: 2px;
right: 0px;
}

#top_social_right_contact a{
color: #89D7EE;
font-weight: bold;
}


#top_full_wrap{
width: 100%;
height: 100px;
margin: 0 auto;
clear: both;

}

#top_wrap{
width: 980px;
height: 100px;
margin: 0 auto;
clear: both;
position: relative;
}

#top_wrap_left{
width: 400px;
height: 50px;
position: absolute;
top: 30px;
left: 0px;
text-align: left;
}

#top_wrap_right{
width: 590px;
height: 47px;
position: absolute;
top: 32px;
right: 0px;
}


#top_wrap_right .moduletable_menu{

}



#header_full_wrap{
width: 100%;
height: 240px;
margin: 0 auto;
clear: both;
background: #666666;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#header_wrap{
width: 980px;
height: 240px;
margin: 0 auto;
clear: both;
position: relative;

}

#header_wrap_left{
width: 140px;
height: 210px;
position: absolute;
top: 25px;
left: 10px;

}

#header_wrap_right{
width: 705px;
height: 186px;
position: absolute;
top: 25px;
right: 0px;
background: url(../images/header_text.png) top left no-repeat;
}

#header_wrap_right .read_more{
position: absolute;
bottom: 30px;
right: 0px;
}

#header_wrap_right .download{
position: absolute;
bottom: 30px;
right: 200px;
}



#header_full_wrap_2{
width: 100%;
height: 90px;
margin: 0 auto;
clear: both;
background: #666 url(../images/header_bg.gif) top left repeat-x;
}
#header_wrap_2{
width: 980px;
height: 240px;
margin: 0 auto;
clear: both;
position: relative;

}

#header_wrap_left_2{
position: absolute;
top: 15px;
left: 0px;

}

#header_wrap_right_2{
position: absolute;
top: 15px;
right: 0px;

}

#header_wrap_right .intro{
margin: 0 0 20px 0;

}

#header_wrap_right .read_more{
margin: 0 20px 0 0;

}


#content_full_wrap{
width: 100%;
margin: 0 auto;
clear: both;
border-bottom: 1px solid #ccc;
}

#content_wrap{
width: 980px;
margin: 0 auto;
clear: both;
position: relative;
overflow: hidden;
padding: 20px 0;
}

#left_column_wrap {
	float: left;
	width: 250px;
	display: inline;
    background: #fff;  
	padding-left: 0px;   
	border: 0px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#left_column_wrap h3 {					
	padding-left: 20px; 
}

#left_column_wrap .moduletable {					float: left; width: 250px; padding-top: 10px;
									background: url("../images/modbg.gif") no-repeat; display: inline; }


#left_column_wrap .moduletable .footer {			float: left; width: 250px; height: 25px; line-height: 0;
									background: url("../images/modfooter.gif") no-repeat;  }

#left_column_wrap .moduletable h3 {				padding-bottom: 10px; margin: 0; font-size: 18px; color: #3399cc; }







#left_column_nav {

}


#left_column_nav .moduletable{
clear:both;
margin: 0px 0 0 0;
}
#left_column_nav p{
font-size: 11px;
}
#mainbody_wrap_info{
	float: right;
	width: 670px;
        background: #f9f9f9;
        padding: 20px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
-moz-border-radius: 5px;
border-radius: 5px;
}

#mainbody {

}


#mainbody_wrap{
	float: right;
	width: 670px;
        background: #f9f9f9;
        padding: 20px;
border: 1px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}

#breadcrumbs{
border-bottom: 0px solid #ccc;
padding: 0 0 0px 0;
}

#mainbody {

}

#intro{
width: 670px;
clear: both;
margin: 0 auto;
}

#intro p{
font-size: 11px;
color: #999;
}

#intro_left{
width: 320px;
float: left;
margin: 0 20px 0 0;
padding: 0 0 10px 0;
}
#intro_right{
width: 320px;
float: left;
padding: 0 0 10px 0;
}

#middle_full_wrap {
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
background: #444;
border-bottom: 3px solid #fff;
overflow: hidden;
padding: 15px 0;
}

#middle_wrap{
width: 980px;
height: auto;
margin: 0 auto;
clear: both;
position: relative;
font-size: 11px;
color: #fff;
}

#middle_wrap a:hover{
color: #fff;
}

#middle_1{
	float: left;
	margin: 0 20px 0 0;
	width: 240px;
}

#middle_2{
	float: left;
	margin: 0 20px 0 0;
	width: 240px;
}

#middle_3{
	float: left;
	margin: 0 0px 0 0;
	width: 460px;
}

#middle_4{
	float: left;
	width: 230px;
}


#footer_full_wrap {
width: 100%;
height: 90px;
margin: 0 auto;
clear: both;
background: #3399cc;
border-bottom: 3px solid #fff;
}
#footer_wrap{
width: 980px;
height: 30px;
margin: 0 auto;
clear: both;
position: relative;
color: #fff;
}

#footer_wrap_left{
width: 400px;
height: 30px;
position: absolute;
top: 5px;
left: 0px;
}

#footer_wrap_right{
height: 30px;
line-height: 30px;
position: absolute;
top: 0px;
right: 0px;
}

#footer_wrap_right p{
font-size: 10px;
}


#copyright {
width: 100%;
margin: 0 auto;
clear: both;
}

#credits{
width: 980px;
margin: 0 auto;
clear: both;
text-align: right;
color: #444;
}

.article_separator {
	display: block;
	height: 1px;
	margin: 5px 0 10px;
	padding: 0;
	background-color: #E8EAF1;
}

/* @end */

/* @Joomla deafult classes */

.article-info-term{
        font-size: 10px;
        width: 100%;
        clear: both;
        color: #333;
}

.create,
.createdby{
        font-size: 10px;
        width: 100%;
        clear: both;
        color: #999;
}

#system-message li{
        margin: 10px 0 0 15px;
}

/* @end */

/* ++++++++++++++  details  ++++++++++++++ */

.article-info
{
        margin:10px 0 10px 0px;
        font-size:0.9em;
}

.article-info-term
{
        display:none
}

dt.category-name,
dt.create,
dt.modified,
dt.createdby
{
        float:left;
        padding-right:5px;
}

.archive .article-info dd,
.article-info dd
{
        margin:2px 0 0px 0;
        line-height:1.2em
}

dd.createdby
{

}

.article-info dd span
{
    text-transform: none;
    display:inline-block;
    padding:0 5px 0 0px;
    margin:0 10px 0 0px;
}

/* ++++++++++++++  icons  ++++++++++++++ */

#mainbody ul.actions
{
        text-align:right;
        padding:0 ;
        margin:0;
float: right;
width: 80px;
}

#mainbody ul.actions li
{
        display:inline
}

#mainbody ul.actions a
{
        text-decoration:none
}

/* ++++++++++++++  items more  ++++++++++++++ */

#mainbody .items-more
{
        padding-top:10px;
}

#mainbody .items-more h3
{
        font-weight:normal;
        margin:0;
        padding:5px 5px 5px 5px;
        font-size:1.4em
}

#mainbody .items-more ol
{
        line-height:1.3em;
        list-style-type:none;
        margin:0;
        padding:10px 0 10px 2px;
}

#mainbody .items-more ol li
{
        padding:2px;
}

#mainbody .items-more ol li a
{
        display:inline;
        margin:0;
        font-weight:normal;
        padding:5px 5px 5px 20px;
}

#mainbody .items-more ol li a:hover,
#mainbody .items-more ol li a:active,
#mainbody .items-more ol li a:focus
{
        font-weight:normal;
        padding:5px 5px 5px 20px;
        text-decoration:none
}


/* ++++++++++++++  pagination  ++++++++++++++ */

#mainbody .pagination
{
        margin:10px 0 ;
        padding:10px 0 10px 0px;

}

#mainbody .pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
}

#mainbody .pagination li,
.pagenav-prev,
.pagenav-next
{

        padding:2px 5px;
        text-align:left;
        border:solid 1px #eee;
        margin:0 2px;
        float: left;
        background: #ededed;
}

.pagenav
{padding:2px}

#mainbody .pagination li.pagination-start,
#mainbody .pagination li.pagination-next,
#mainbody .pagination li.pagination-end,
#mainbody .pagination li.pagination-prev
{border:0}

#mainbody .pagination li.pagination-start ,
#mainbody .pagination li.pagination-start  span
 {
padding:0

}
p.counter
{
        font-weight:bold;
}

input.inputbox#mod-search-searchword {
}

.search .inputbox{
width: 190px;
}

.search .moduletable{
clear: none;
float: none;

}

.search label{
display: none;
}



/* ++++++++++++++  Featured Content Front Page  ++++++++++++++ */


#evolvefeature{
	background: url(../images/evolvebg.jpg) top left no-repeat;
	width: 980px;
	height: 240px;
	margin: 0;
	}

#demonstration
{
  display: block;
  width: 192px;
  height: 49px;
  background: url("../images/demonstration.gif") no-repeat 0 0;
}

#demonstration:hover
{ 
  background-position: 0 -50px;
}

#demonstration span
{
  position: absolute;
  top: -999em;
}

#evolvefeature p 
{
	margin: 0;
	padding: 0;
}


#comments {
	background: url(../images/comment-top.gif) no-repeat left bottom;
	font-weight: normal;
	font-size: 150%;
	margin: 0;
	padding: 20px 0 10px;
	color: #666;
}
#comments em {
	font: italic 150% Georgia, "Times New Roman", Times, serif;
}

.commentlist {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0 0px;
	background: #444444;
	line-height: 160%;
}
.commentlist li {
	margin: 0;
	padding: 0;
	clear: both;
	background-image: none;
}
.commentlist .comment_avatar {
	background: url(../images/avatar-bg.gif) no-repeat;
	width: 56px;
	height: 56px;
	padding: 7px 0 0 8px;
	margin-top: 1px;
	float: left;
}
.commentlist .comment_author {
	background: url(../images/comment-entry-top.gif) no-repeat;
	float: right;
	padding: 7px 15px 2px;
	font-size: 110%;
	margin: 0;
	width: 359px;
}
.commentlist .comment_entry {
	background: url(../images/comment-entry-middle.gif) repeat-y;
	float: right;
	font-size: 100%;
	color: #555555;
	padding: 5px 15px 2px;
	margin: 0;
	width: 359px;
}
.commentlist .comment_time {
	background: url(../images/comment-entry-bottom.gif) no-repeat;
	float: right;
	width: 384px;
	padding: 12px 5px 0 0;
	margin: 0 0 10px;
	text-align: right;
	font-size: 100%;
	color: #777;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
}
.commentlist cite a {
	color: #238ABE;
}

#comment_content a:hover{
color: #000;
}

#comment_title a:hover{
color: #2F2F2F;

}







/* leftcol */
#leftcol {
	width: 460px;
	
}


/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.infoxpert_img {
width: 93px;
height: 32px;
background-image: url(../images/ie_footer.gif);
background-position: top;
float:left;
margin:8px 10px 0px 0;
}

.infoxpert_img a {
color: #fff;
width: 93px;
height: 32px;
display: block;
text-decoration: none;
}

.infoxpert_img a:hover {
background-image: url(../images/ie_footer2.gif);
}

.infoxpert_img a span {
display: none;
width: 93px;
height:32px

}

.infoxpert_img a:hover span {
display: none;

}


.webwired_img {
width: 208px;
height: 32px;
background-image: url(../images/ww_footer.gif);
background-position: top;
float:left;
margin:8px 0px 0px 0;
}

.webwired_img a {
color: #fff;
width: 208px;
height: 32px;
display: block;
text-decoration: none;
}

.webwired_img a:hover {
background-image: url(../images/ww_footer2.gif);
}

.webwired_img a span {
display: none;
width: 208px;
height:32px

}

.webwired_img a:hover span {
display: none;

}

.shadow{
border: 1px solid #535353;
box-shadow: 3px 3px 3px #818181;
-webkit-box-shadow: 3px 3px 3px #818181;
-moz-box-shadow: 3px 3px 3px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=3, offY=3, positive=true);
}


.searchform input, .searchform textarea {
	color:#505050;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	width: 100px;
	box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
	-moz-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
	-webkit-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
	border:1px solid #c0c0c0;
	margin: 0 3px;
}
.searchform input:focus {
	border:1px solid #c0c0c0;
}
input.searchtext {
	color:#505050;
}

#left_column_nav .button {
	color:#505050;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px 5px 4px 5px;
	border:1px solid #c0c0c0;
	margin: 0 3px;
}

#left_column_nav .button:hover {
	background: #00A5E3;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px 5px 4px 5px;
	border:1px solid #005575;
	margin: 0 3px;
}

ul.menu li.active a {
color: #000;
}