/* @override http://demo.virtuemart.net/newsite/templates/js_weblogic_blue/css/styles.css */

/* Blue Style 001 */
/* Copyright 2007 Casey Lee for Joomlashack.com */


/* main background color, header background, and default text color */
body#page_bg {
	background: #f9fbfe url(../images/page_bg.png) repeat-x center top;
	color: #363636;
}


/* default font */
html, body, form, fieldset {
	font: 12px/140% Helvetica, Arial, Geneva, sans-serif;
}


/*Top Nav Link Color*/

#header-top li a {
	color: #fff;
	font-size: 11px;
}
#header-top li a:hover,
#header-top li a#active_menu.mainlevel {
	color: #2A80CD;
}


/*Header (TEXT) */
#header-text h1, #header-text h1 a {
	color: #f7f7f7;
	font: normal 45px/45px Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: -3px;
}
/*Header (GRAPHIC) */
/*Adjust the height below - Proceed with caution or use "text" based logo from config*/
/*Notes: If your logo extends the default size (67px) the page.png must be re-exported as well */
/*It is recommended to use the Fireworks source */

#header-graphic {
	height: 108px;
}

/* Defines the clickable hotspot area of the logo */
/* You can temporarily uncomment the red border to see your zone */
#header-graphic h1 a {
	height: 100px;
	width: 345px;
	/*border: 1px solid red;*/
	cursor: pointer;
}


/* Headings Typography */

h1 {
	font-size: 28px;
	color: #333;
}

h2 {
	font-size: 24px;
	color: #797f83;
}

h3 {
	font-size: 20px;
	color: #3d3d3d;
}

h4 {
	font-size: 16px;
	color: #3d3d3d;
}
/* Default Link Styles */
a {
	color: #2a80cd;
	text-decoration: underline;
}

a:hover {
	color: #339dfc;
	text-decoration: underline;
}

/* Because serifs don't look all that great. Remove this if you change to a sans-serif font */

b, strong {
	font: bold .95em Arial, Helvetica, Geneva, sans-serif;
}

/* Left and Right Column Typography */

#leftcol h1, #rightcol h1 {
	font-size: 18px;
	line-height: 125%;
}

#leftcol h2, #rightcol h2 {
	font-size: 16px;
	line-height: 125%;
}
#leftcol h4, #rightcol h4 {
	font-size: 14px;
	line-height: 125%;
}

#leftcol .inside,
#rightcol .inside {
	font-size: 12px;
	line-height: 135%;
}

#leftcol a.contentpagetitle,
#rightcol a.contentpagetitle,
#rightcol td.contentheading,
#leftcol td.contentheading {
	font: normal bold 20px/24px Helvetica, Arial, Geneva, sans-serif;
}
/* Bottom stroke */
table#main {
	border-bottom: 1px solid #ccc;
}

/* Teaser Background */

#teaser-wrapper {
	background-color: #fafafa;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 4px solid #ccc;
	border-top: none;
}
/* Secondary (inner) Teaser Background */
#teaser {
}
/* Teaser (icon position) Typography */

#teaser h3 {
	color: #666;
	font: bold 24px/30px "Myriad Pro", Tahoma, Lucida, Verdana, sans-serif;
}
#teaser h3 span.accent {
	color: #008ad9;
}

#teaser p, #teaser b, #teaser strong {
	color: #3d3d3d;
	font: bold 15px/125% Lucida, Verdana, sans-serif;
}
#teaser b, #teaser strong {
	font-weight: bolder;	
}
#teaser a {
}

#teaser a.readon {
	background-color: #f5f5f5;
	border: 1px solid #797f83;
}

#toplogin {
	float:left;
	color: #ccc;
	height: 30px;
	margin-top: -2px;
	border-top: 1px solid #2A2A2A;
}

#toplogin input.button {
	padding: 0px 8px;
	background-color: #2a80cd;
	color: #fff;
}
#toplogin form {
	font-size: 11px;
}

#mod_login_username {
	padding-left: 20px;
	overflow: hidden;
	width: 110px;
	border: 1px solid #333;
	color: #999;
	background: #131313 url(../images/user_bg.png) 0 50% no-repeat;
}

#mod_login_password {
	margin-left: 10px;
	padding-left: 20px;
	overflow: hidden;
	width: 110px;
	border: 1px solid #333;
	color: #999;
	background: #131313 url(../images/pass_bg.png) 0 50% no-repeat;
}

/* @group Module Headings */


div.moduletableS1 h3,
td#rightcol div.moduletableS1 h3,
div.moduletableS2 h3,
td#rightcol div.moduletableS2 h3,
div.moduletableS3 h3,
td#rightcol div.moduletableS3 h3,
div.moduletableS4 h3,
td#rightcol div.moduletableS4 h3 {
	font-size: 14px;
	line-height: 35px;
	color: #fff;
	line-height: 35px;
	padding: 0px 0px 6px 18px;
	margin: 0px;
}

div.moduletableS1 h3 {background: url(../images/left_moduleheading1.png) no-repeat center bottom;}
div.moduletableS2 h3 {background: url(../images/left_moduleheading2.png) no-repeat center bottom;}
div.moduletableS3 h3 {background: url(../images/left_moduleheading3.png) no-repeat center bottom;}
div.moduletableS4 h3 {background: url(../images/left_moduleheading4.png) no-repeat center bottom;}

td#rightcol div.moduletableS1 h3 {background: url(../images/right_moduleheading1.png) no-repeat center bottom;}
td#rightcol div.moduletableS2 h3 {background: url(../images/right_moduleheading2.png) no-repeat center bottom;}
td#rightcol div.moduletableS3 h3 {background: url(../images/right_moduleheading3.png) no-repeat center bottom;}
td#rightcol div.moduletableS4 h3 {background: url(../images/right_moduleheading4.png) no-repeat center bottom;}


/* Style -bdr */


div.moduletable-bdr {
	background: #f4f4f4;
	border: 1px solid #ccc;
}

/* Style -nopad */

div.moduletable-nopad h3 {
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
	line-height: 165%;
}


/* Style -banner */

div.moduletable-banner {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	
}

/*Footer*/

#footer {
	color: #fff;
	border-bottom: 1px solid #ccc;
	background-color: #2a80cd;
	font-size: 11px;
}

#footer a {
	color: #9ca2aa;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
}
#footer a, #footer p, #footer div, #footer a {
	font-size: 12px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#footer .moduletable h3 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
}
#footer .moduletable_footermenu {
	text-align: center;
	margin: 0px auto;
	font-weight: bold;
}
#footer .moduletable_footermenu a {
	padding: 0px 5px;
}
/* @end */

/*Author Text*/
span.small,.createdate {
	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
}
/*Last Updated Text*/
.modifydate {
	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
}
/* Content Headings */

a.contentpagetitle {
	text-decoration: none;
	color: #3d3d3d;
}

a.contentpagetitle:hover {
	color: #2a80cd;
	text-decoration: none;
}

td.contentheading {
	color: #3d3d3d;
}

.contentheading {
	color: #3d3d3d;
	letter-spacing: -1px;
	font: normal bold 20px/24px Helvetica, Arial, Geneva, sans-serif;
}

.componentheading {
	font: normal bold 20px/24px Helvetica, Arial, Geneva, sans-serif;
	color: #2f83ce;
}
/*Read more...*/
a.readon {
	font: bold 12px/20px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

a.readon:hover {
	text-decoration:none;
}
/*Buttons*/

input.button {
	border: 1px outset #666;
	background: #3d3d3d;
	color: #fff;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}
/* Category Tables */

td.sectiontableheader {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #797f83;
	font-weight: bold;
}

td tr.sectiontableentry1 td,
td.sectiontableentry1 {
	background: #fefefe;
	border-bottom: 1px solid #f0f0f0;
}

td tr.sectiontableentry2 td,
td.sectiontableentry2 {
	background: #f6f6f6;
	border-bottom: 1px solid #f2f2f2;
}

.sectiontableentry1 a,
.sectiontableentry2 a {
	text-decoration: none;
}

ul.number,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4 {
	padding-left: 10px;
	margin: 25px 0;
}

ul.number li,
ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 15px;
}

ul.bullet-1 li {
	background: url(../images/path-arrow.png) 0 4px no-repeat;
}

ul.bullet-2 li {
	background: url(../images/bullet-2.png) 1px 4px no-repeat;
}

ul.bullet-3 li {
	background: url(../images/bullet-3.png) 1px 6px no-repeat;
}

ul.bullet-4 li {
	background: url(../images/bullet-4.png) 1px 6px no-repeat;
}

#dl_vm h1 {
	margin: 0px auto;
	padding: 0px;
	background: url(../images/download_vm_icon.png) no-repeat center top;
}

#dl_vm {
	margin: 8px auto;
	padding: 0px;
	height: 55px;
	width: 192px;
}

#dl_vm h1 {
	text-indent: -5000em;
	display: block;
	width: 192px;
	height: 55px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}
div.cur_version {
	background: url(../images/download_vm_arrow.png) no-repeat left bottom;
	position: relative;
	top: -26px;
	left: 12px;
}
div.cur_version a {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	letter-spacing: normal;
	padding-left: 18px;
	display: block;
	width: 192px;
	text-decoration: underline;
}
div.cur_version a:hover {
	text-decoration: none;

}