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


# Jip Banten


# ------------------------------------------------------------------------


# Copyright (C) 2009.


# Jaringan Informasi Pendidikan Banten


# JIP BANTEN


# Websites:  http://www.jipb.org


# Membangun DAPODIK.


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





/* COMMON STYLE


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


html, body, form, fieldset {


	margin: 0;


	padding: 0;


}





body {


	background: #FFFFFF;


	color: #000000;


	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;


	line-height: 1.5;


}





body#bd {


	color: #666666;


	background: #F0F0F0;


	background: url(../images/belakang.gif) repeat-y center;


	padding: 0;


	margin: 0;


}





body.contentpane {


	color: #000000;


	font-size: 20px;


	line-height: 1.3em;


	margin: 0;


	margin: 1em 2em;


	width: auto; /* Printable Page */


}





body.fs1 {font-size: 10px;}


body.fs2 {font-size: 11px;}


body.fs3 {font-size: 12px;}


body.fs4 {font-size: 13px;}


body.fs5 {font-size: 14px;}


body.fs6 {font-size: 15px;}





/* Normal link */


a {


	color: #04A504;


	text-decoration: none;


}





a:hover, a:active, a:focus {


	color: #C01122;


	text-decoration: underline;


}





a img {


	border: none;


}





/* Title text */


.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {


	line-height: normal;


	color: #333333;


}





/* Small text */


small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan, a.readon,


#jip-pathway, #jip-col1, #jip-col2, #jip-footer, #jip-botsl {


	font-size: 92%;


}





/*article image*/


img {


	margin: 0;


	padding: 0;


}





.img_caption p {


	text-align: center;


	color: #999999;


}





.img_caption.left, .img_caption.right {


	margin-top: 3px;


}





.img_caption img {


}





.img_caption p {


	padding-top: 5px;


	margin-top: 0px;


}





/* Heading */


h1 {font-size: 200%;}


h2 {font-size: 175%;}


h3 {font-size: 150%;}


h4 {font-size: 125%;}





p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {


	margin: 1em 0;


	padding: 0;


}





ul {


	list-style: none;


}





ul li {


	background: url(../images/bullet.gif) no-repeat 20px 8px;


	padding-left: 30px;


}





ol li {


	margin-left: 35px;


}





th {


	font-weight: bold;


	padding: 8px;


	text-align: left;


}





fieldset {


	border: none;


	padding: 10px 5px;


	background: url(../images/dot.gif) repeat-x top;


}








fieldset a {


	font-weight: bold;


}





fieldset.input {


	padding: 0;


	background: none;


}





legend {


	font-weight: bold;


	background: #FFFFFF;


}





hr {


	border-bottom: 0;


	border-left: 0;


	border-right: 0;


	border-top: 1px solid #DDDDDD;


	height: 1px;


}





td, th, div {


	font-size: 100%;


}





/* FORM


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


form {


	margin: 0;


	padding: 0;


}





form label {


	cursor: pointer;


}





input, select, textarea, .inputbox {


	font-family: Arial, Helvetica, sans-serif;


	font-size: 100%;


}





.inputbox {


	padding: 2px;


	border: 1px solid #DDDDDD;


	background: #FFFFFF;


	color: #333333;


	font-size: 100%;


}





.button {


	padding: 1px 8px;


	border: 1px solid #333333;


	background: url(../images/but-bg.gif) repeat-x left center #333333;


	color: #FFFFFF;


	font-weight: bold;


	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;


}





* html .button { /*IE 6*/


	padding: 0 5px !important;


}





*+html .button { /*IE 7*/


	padding: 0 5px !important;


}





/* JOOMLA STYLE


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


.article_separator, .article_seperator {


	clear: both;


	display: block;


	height: 30px;


	margin: 0;


	background: url(../images/dot.gif) repeat-x center;


}





.column_separator {


	padding: 0 25px;


}





/* content tables */


.sectiontableheader {


	background: #666666;


	padding: 4px 8px;


	color: #FFFFFF;


	font-weight: bold;


}





.sectiontableheader a,


.sectiontableheader a:hover,


.sectiontableheader a:active,


.sectiontableheader a:focus {


	color: #FFFFFF;


}





tr.sectiontableentry0 td,


tr.sectiontableentry1 td,


tr.sectiontableentry2 td {


	padding: 8px;


	border-bottom: 1px solid #CCCCCC;


}





tr.sectiontableentry2 {


	background: #F9F9F9;


}





table.contentpane {


	border: none;


	width: 100%;


}





table.contentpaneopen {


	border: none;


	border-collapse: collapse;


	border-spacing: 0;


}





table.contenttoc {


	margin: 0 0 10px 10px;


	padding: 0;


	width: 30%;


	float: right;


}





table.contenttoc td {


	background: url(../images/bullet.gif) no-repeat 12px 8px;


	padding: 1px 5px 1px 20px;


}





table.contenttoc th {


	border-bottom: 1px solid #CCCCCC;


	padding: 0 0 3px;


	text-indent: 5px;


}





table.poll {


	border-collapse: collapse;


	padding: 0;


	width: 100%;


}





table.pollstableborder {


	border: none;


	padding: 0;


	text-align: left;


	width: 100%;


}





table.pollstableborder img {


	vertical-align: baseline;


}





table.pollstableborder td {


	border-collapse: collapse;


	border-spacing: 0;


	padding: 4px !important;


	background: none;


}





table.pollstableborder tr.sectiontableentry1 td {


	background: #DDDDDD;


}





table.searchintro {


	padding: 10px 0;


	width: 100%;


}





table.searchintro td {


	padding: 5px!important;


}





.blog_more {


	margin: 15px 0 0;


	padding: 10px 0 0;


	background: url(../images/sep.gif) repeat-x top;


}





.blog_more strong {


	display: block;


	margin: 0 0 5px;


	text-transform: uppercase;


}





.blog_more ul {


	margin: 0;


	padding: 0;


}





.blog_more ul li {


	background: url(../images/bullet.gif) no-repeat 4px 8px;


	margin: 0;


	padding: 0 0 0 12px;


}





.category {


	font-weight: bold;


}





h1.componentheading, .componentheading {


	font-size: 200%;


	margin: 0 0 15px;


	padding: 5px 0;


	border-bottom: 1px solid #CCCCCC;


}





.contentdescription {


	padding-bottom: 30px;


}





h2.contentheading, .contentheading {


	margin: 0;


	padding: 0;


	font-size: 200%;


}





table.blog .contentheading {


	font-size: 150%;


}





a.contentpagetitle,


a.contentpagetitle:hover,


a.contentpagetitle:active,


a.contentpagetitle:focus {


}





a.readon {


	background: url(../images/readon-bg.gif) no-repeat;


	width: 96px;


	height: 21px;


	line-height: 21px;


	color: #FFFFFF;


	display: block;


	float: left;


	text-indent: 20px;


}





a.readon:hover, a.readon:focus, a.readon:active {


	color: #FFFFFF;


	text-decoration: none;


}





table.contentpaneopen td, table.contentpane td {


}





table.contentpaneopen, table.contentpane, table.blog {


	width: 100%;


}





.moduletable {


	padding: 0;


}





ul.pagination {


	margin: 15px auto 10px;


	padding: 10px 0 0;


	color: #333333;


}





ul.pagination li {


	background: none;


	display: inline;


	margin: 0;


	padding: 0;


}





ul.pagination li span{


	padding: 2px 5px;


}





ul.pagination a {


	padding: 1px 4px;


	text-decoration: none;


	color: #666666;


}





ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {


	color: #C01122;


}





.pagenavbar {


	background: url(../images/icon-pages.gif) no-repeat center left;


	font-weight: bold;


	padding-left: 14px;


}





.pagenavcounter {


	background: url(../images/icon-pages.gif) no-repeat 0 11px;


	font-weight: bold;


	padding: 8px 14px 0 14px;


}





.smalldark {


	text-align: left;


}





div.syndicate div {


	text-align: center;


}





.pollstableborder tr.sectiontableentry1 td,


.pollstableborder tr.sectiontableentry2 td {


	background: none;


}





ul.latestnews a, ul.mostread a {


	color: #666666;


}





ul.latestnews a:hover, ul.mostread a:hover {


	color: #C01122;


}





.bannerheader {


 	font-size: 120%;


	font-weight: bold;


 }





/* META


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


.article-toolswrap {


	display: block;


	margin: 0 0 10px;


	padding: 0;


	position: relative;


}





.article-tools {


	display: block;


	padding: 0 10px 0 0;


}





.article-meta {


	width: 70%;


	float: left;


	color: #999999;


}





.createby {


}





.createdate {


	padding-right: 6px;


	margin-right: 5px;


	background: url(../images/vline.gif) no-repeat right center;


}





.modifydate {


	width: 100%;


	display: block;


	color: #999999;


	margin: 15px 0;


}





.article-section {


	padding-left: 6px;


	margin-left: 5px;


	background: url(../images/vline.gif) no-repeat left center;


}





.article-section a {


	color: #999999;


}





.article-category a {


	color: #999999;


}





div.buttonheading {


	position: absolute;


	top: 4px;


	right: 10px;


}





.buttonheading img {


	margin: 0 0 0 5px;


	border: 0;


	float: right;


}





/* MAIN LAYOUT DIVS


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


#jip-wrapper {


	width: 950px;


	margin: 0 auto;


}





* html #jip-wrapper {


	width: 951px;


}





*+html #jip-wrapper {


	width: 951px;


}





#jip-container {


}





#jip-container-inner {


	padding: 10px 0 0;


}





#jip-mainbodywrap {


	width: 77%;


	float: left;


}





#jip-mainbody {}





/* PRIMARY COLUMN


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


#jip-contentwrapper {


	float: right;


	clear: both;


	display: block;


	width: 70%;


}





#jip-contentwrap {


	background: url(../images/content-center.gif) repeat-y center top;	


}





#jip-content {


	background: url(../images/content-bot.gif) no-repeat center bottom;


}





#jip-current-content {


	padding: 20px;


	background: url(../images/content-top.gif) no-repeat center top;	


}





/* COLUMNS


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


#jip-col1 {


	float: left;


	overflow: hidden;


	width: 30%;


}





#jip-col1 div.jip-innerpad {


	padding: 0 10px 0 0;


}





#jip-col2 {


	float: right;


	overflow: hidden;


	width: 23%;


}





#jip-col2 div.jip-innerpad {


	padding: 0 0 0 10px;


}





/*common style for column*/





/* COLLAPSIBLE LAYOUT


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


#jip-containerwrap,


#jip-containerwrap-fr,


#jip-containerwrap-fl,


#jip-containerwrap-f {


	padding: 0 0 20px;


	margin: 0;


	clear: both;


}





/*content + left*/


#jip-containerwrap-fr #jip-mainbodywrap {


	width: 100%;


}





#jip-containerwrap-fr #jip-col1 {


	width: 23%;


}





#jip-containerwrap-fr #jip-contentwrapper {


	width: 77%;


}





#jip-containerwrap-fr #jip-contentwrap {


	background: url(../images/content-center2.gif) repeat-y center top;


}





#jip-containerwrap-fr #jip-content {


	background: url(../images/content-bot2.gif) no-repeat center bottom;	


}





#jip-containerwrap-fr #jip-current-content {


	background: url(../images/content-top2.gif) no-repeat center top;	


	padding: 20px;


}





#jip-containerwrap-fr #jip-productwrap {


	background: url(../images/content-center2.gif) repeat-y center top;


}





#jip-containerwrap-fr #jip-product-top {


	background: url(../images/content-top2.gif) no-repeat center top;


}





#jip-containerwrap-fr #jip-product-bot {


	background: url(../images/content-bot2.gif) no-repeat center bottom;


}





/*content + right*/


#jip-containerwrap-fl #jip-contentwrapper {


	width: 100%;


}





#jip-containerwrap-fl #jip-contentwrap {


	background: url(../images/content-center2.gif) repeat-y center top;


}





#jip-containerwrap-fl #jip-content {


	background: url(../images/content-bot2.gif) no-repeat center bottom;	


}





#jip-containerwrap-fl #jip-current-content {


	background: url(../images/content-top2.gif) no-repeat center top;	


}





#jip-containerwrap-fl #jip-productwrap {


	background: url(../images/content-center2.gif) repeat-y center top;


}





#jip-containerwrap-fl #jip-product-top {


	background: url(../images/content-top2.gif) no-repeat center top;


}





#jip-containerwrap-fl #jip-product-bot {


	background: url(../images/content-bot2.gif) no-repeat center bottom;


}





/* full */


#jip-containerwrap-f #jip-mainbodywrap {


	width: 100%;


}





#jip-containerwrap-f #jip-contentwrapper {


	width: 100%;


}





#jip-containerwrap-f #jip-contentwrap {


	background: url(../images/content-center1.gif) repeat-y center top;


}





#jip-containerwrap-f #jip-content {


	background: url(../images/content-bot1.gif) no-repeat center bottom;	


}





#jip-containerwrap-f #jip-current-content {


	background: url(../images/content-top1.gif) no-repeat center top;	


	padding: 20px;


}





#jip-containerwrap-f #jip-productwrap {


	background: url(../images/content-center1.gif) repeat-y center top;


}





#jip-containerwrap-f #jip-product-top {


	background: url(../images/content-top1.gif) no-repeat center top;


}





#jip-containerwrap-f #jip-product-bot {


	background: url(../images/content-bot1.gif) no-repeat center bottom;


}





/* MODULE


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


div.moduletable h3,


div.moduletable_default h3,


div.moduletable_menu h3,


div.moduletable_text h3,


div.moduletable_blank h3,


div.moduletable_hilite h3,


div.moduletable_black h3 {


	font-size: 125%;


	font-weight: bold;


	height: 29px;


	line-height: 29px;


	margin: -8px -8px 10px;


	padding: 0;


}





div.moduletable h3 span,


div.moduletable_menu h3 span,


div.moduletable_text h3 span,


div.moduletable_blank h3 span,


div.moduletable_hilite h3 span,


div.moduletable_black h3 span {


	display: block;


	height: 29px;


	padding-left: 28px;


}





div.moduletable,


div.moduletable_menu,


div.moduletable_text,


div.moduletable_blank {


	margin: 0 0 10px;


	padding: 0;


}





/* Highlight module */


div.moduletable_hilite h3 {


	background: url(../images/h3-r-hilite.gif) no-repeat right center #04A504;


	color: #FFFFFF;


}





div.moduletable_hilite h3 span {


	background: url(../images/h3-l-hilite.gif) no-repeat left center;


}





/* Black module */


div.moduletable_black h3 {


	background: url(../images/h3-r-black.gif) no-repeat right center #666666;


	color: #FFFFFF;


}





div.moduletable_black h3 span {


	background: url(../images/h3-l-black.gif) no-repeat left center;


}





div.module h3,


div.module_text h3,


div.module_menu h3,


div.module_hilite h3 {


	background: url(../images/h3-r.gif) no-repeat right center;


	margin: 0 -8px 10px;


	padding: 0;


	font-size: 125%;


	line-height: 30px;


	color: #eaeaea;


}





div.module h3 span,


div.module_text h3 span,


div.module_menu h3 span,


div.module_hilite h3 span,


div.module_blank h3 span {


	background: url(../images/h3-l.gif) no-repeat left center;


	height: 30px;


	padding-left: 28px;


	display: block;


}





div.module,


div.module_text,


div.module_menu,


div.module_hilite {


	padding: 0;


	width: 100%;


	background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;


	margin-bottom: 10px;


}





div.module div,


div.module_text div,


div.module_menu div,


div.module_hilite div {


	margin: 0;


	padding: 0;


	background: url(../images/box-bl.gif) no-repeat bottom left;


}





div.module div div,


div.module_text div div,


div.module_menu div div,


div.module_hilite div div {


	padding: 0;


	margin: 0;


	background: url(../images/box-tr.gif) no-repeat top right;


}





div.module div div div,


div.module_text div div div,


div.module_menu div div div,


div.module_hilite div div div {


	padding: 8px 15px 15px;


	background: url(../images/box-tl.gif) no-repeat top left;


}





div.module div div div div,


div.module_text div div div div,


div.module_menu div div div div,


div.module_hilite div div div div {


	margin: 0;


	padding: 0;


	background: none;


	overflow: hidden;


}





/* mis */


div.banneritem_text {


	padding: 5px 0 !important;


}





div.advs {


	clear: both;


	display: block;


	float: left;


	width: 100%;


}





div.moduletable li,


div.moduletable_menu li,


div.moduletable_text li,


div.module li,


div.module_menu li,


div.module_text li {


	padding-left: 15px;


	background-position: 5px 7px;


}





/* Module blank */


div.module_blank {


	margin: 0 0 10px 0;


	padding: 0;


}





/* HEADER


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


#jip-header {


	background: url(../images/header-bg.gif) no-repeat center bottom #54992F;

	font-size: 20px;


	line-height: normal;


	position: relative;


	margin-bottom: 10px;


	z-index: 999;


	height: 240px;


}





* html #jip-header {


	width: 960px;


}





*+html #jip-header {


	width: 950px;


}





h1.logo, div.logo-text {


	margin: 0 0 5px;


	padding: 0;


	float: left;


	position: absolute;


	top: 10px;


	left: 20px;


}





h1.logo a {


	width: 518px;


	height: 80px;


	display: block;


	background: url(../images/logo.png) no-repeat center;


}





h1.logo a span {


	position: absolute;


	top: -1000px;


}





div.logo-text {


	outline: none;


}





div.logo-text h1 {


	font-size: 250%;


	font-weight: bold;


	letter-spacing: 2px;


	margin: 0 0 0 15px;


	padding: 0;


}





div.logo-text h1 a {


	color: #FFFFFF;


	text-transform: uppercase;


}





div.logo-text h1 a:hover,


div.logo-text h1 a:focus,


div.logo-text h1 a:active {


	text-decoration: none;


}





.site-slogan {


	color: #FFFFFF;


	margin: -5px 0 0 15px;


	padding: 0;


	letter-spacing: 1.5px;


}





/* MAIN NAVIGATION


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


#jip-mainnavwrap {


	position: absolute;


	left: 0;


	bottom: 0;


	width: 100%;


}





#jip-mainnav {


	padding: 0;


	position: relative;


	z-index: 9999;


}





#jip-mainnav a, #jip-subnav a {


	outline: none;


	line-height: normal;


}





#jip-subnav {}





#jip-subnav ul {


	list-style: none;


	margin: 0;


	padding: 0;


	display: block;


}





#jip-subnav li {


	display: block;


	background: url(../images/dot.gif) repeat-x bottom;


	margin: 0;


	padding: 0;


	line-height: normal;


}





#jip-subnav a {


	color: #666666;


	background: url(../images/arrow.png) no-repeat 98% center;


	display: block;


	outline: none;


	margin: 0;


	padding: 8px 15px 8px 0;


	text-decoration: none;


}





#jip-subnav a:hover,


#jip-subnav a:active,


#jip-subnav a:focus {


	background: url(../images/arrow-on.png) no-repeat 98% center;


	color: #C01122;


	text-decoration: none;


}





#jip-subnav li.active a {


	background: url(../images/arrow-active.png) no-repeat 98% center;


	font-weight: bold;


	color: #04A504;


}





/* breadcrumbs */


#jip-pathway {


	color: #CCCCCC;


	padding: 6px 0 5px 10px;


	float: left;


}





#jip-pathway strong {


	color: #FFFFFF;


	margin-right: 5px;


}





#jip-pathway img {


	margin: 1px 5px;


}





#jip-pathway a {


	color: #FFFFFF;


}





/* Default Joomla! Menu */


ul.menu {


	list-style: none;


	margin: 0;


	padding: 0;


	display: block;


}





ul.menu li {


	display: block;


	background: url(../images/dot.gif) repeat-x bottom;


	margin: 0;


	padding: 0;


	line-height: normal;


}





* html ul.menu li {


	width: 99%;


}





*+html ul.menu li {


	width: 99%;


}





ul.menu li a {


	display: block;


	outline: none;


	padding: 6px 0 6px 0;


	background: url(../images/arrow.png) no-repeat 98% center;


	margin: 0;


	text-decoration: none;


	color: #666666;


}





ul.menu li a:hover,


ul.menu li a:active,


ul.menu li a:focus {


	color: #C01122;


	text-decoration: none;


	background: url(../images/arrow-on.png) no-repeat 98% center;


}





ul.menu li.active a {


	font-weight: bold;


	background: url(../images/arrow-active.png) no-repeat 98% center;


	color: #04A504;


}





ul.menu li ul {


	list-style: none;


	margin: 0;


	padding: 0;


}





ul.menu li li {


	border: none;


	background: none;


	padding: 0;


}





ul.menu li li a {


	color: #666666 !important;


	border: bold;


	padding: 5px 5px 5px 25px !important;


	text-transform: none;


	font-weight: normal !important;


	background: url(../images/arrow.png) no-repeat 15px 10px !important;


}





ul.menu li li a:hover,


ul.menu li li a:active,


ul.menu li li a:focus {


	color: #C01122 !important;


	text-decoration: underline;


}





ul.menu li li.active a {


	color: #333333;


	font-weight: bold !important;


}





ul.menu li li li a {


	color: #333333 !important;


	font-weight: normal !important;


	padding-left: 35px !important;


	background: url(../images/bullet.gif) no-repeat 25px 10px !important;


}





ul.menu li li li.active a {


	font-weight: bold !important;


}





/* JIP Slideshow */


#jip-slideshow {


	color: #000000;


	background: url(../images/panjang-atas.gif) no-repeat;


	margin: 0;


	padding: 0;


}





/* Feature products */


#jip-fp {


	background: url(../images/dot.gif) repeat-x left bottom;


	margin-bottom: 15px;


}





/* Products show */


#jip-productwrap {


	background: url(../images/content-center.gif) repeat-y center top;


	width: 100%;


	display: block;


	margin: 0 0 10px;


	padding: 0;


}





#jip-product-top {


	background: url(../images/content-top.gif) no-repeat center top;


	padding: 8px 15px;


}





#jip-product-top h3 {


	font-size: 115%;


	margin-top: 0;


}





#jip-product-bot {


	background: url(../images/content-bot.gif) no-repeat center bottom;


}





#jip-product-bot div.moduletable {


	margin: 0;


}





#jip-product-bot div.moduletable h3 span {


	color: #666666;


}





/* SPOTLIGHT


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


/* Spotlight Box Style */


.jip-box-full, .jip-box-left, .jip-box-center, .jip-box-right {


	float: left;


	overflow: hidden;


}





/* Bottom spotlight */


#jip-botsl {


	background: url(../images/content-center1.gif) repeat-y center top;


	margin-bottom: 20px;


	padding: 0;


}





#jip-botsl-bot {


	background: url(../images/content-bot1.gif) no-repeat center bottom;	


}





#jip-botsl-top {


	clear: both;


	padding: 10px 20px;


	background: url(../images/content-top1.gif) no-repeat center top;


}





#jip-botsl div.moduletable,


#jip-botsl div.moduletable_default {


	padding: 0 10px;


	margin-bottom: 0;


}





#jip-botsl .jip-box-left div.moduletable,


#jip-botsl .jip-box-left div.moduletable_default {


	padding: 0 10px 0 0;


}





#jip-botsl .jip-box-right div.moduletable,


#jip-botsl .jip-box-right div.moduletable_default {


	padding: 0 0 0 10px;


}





#jip-botsl .jip-box-center div.moduletable,


#jip-botsl .jip-box-center div.moduletable_default {


	padding: 0 10px;


	margin-bottom: 0;


}





#jip-botsl div.moduletable h3 {


	color: #04A504;


	background: none;


	border-bottom: 1px solid #DDDDDD;


	margin: 0 0 10px 0;


	padding: 0;


}





#jip-botsl div.moduletable h3 span {


	margin: 0;


	padding: 0;


}





#jip-botsl ul {


	margin: 0;


}





#jip-botsl ul.latestnews, #jip-botsl ul.mostread {


	margin-top: -5px;


}





#jip-botsl ul li {


	background: url(../images/dot.gif) repeat-x left bottom;


	padding: 5px 0;


}





#jip-botsl li a {


	background: url(../images/bullet.gif) no-repeat left center;


	padding-left: 10px;


}





/* FOOTER


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


#jip-footerwrap {


	clear: both;


	padding: 0;


	margin: 0;


}





#jip-footer {


	background: #001e06;


	border-top: 3px solid #04A504;


	position: relative;


	padding: 15px 10px;


	color: #CCCCCC;


}





#jip-footer a {


	color: #FFFFFF;


}





#jip-footer a:hover, #jip-footer a:active, #jip-footer a:focus {


	color: #FFFFFF;


}





#jip-footer small {


	font-size: 100%;


}





#jip-footer ul {


	float: right;


	padding: 0;


	margin: 0;


}





#jip-footer li {


	display: inline;


	margin: 0;


	padding: 0;


	background: url(../images/arrow-2.png) no-repeat left center;


}





#jip-footer li a {


	display: inline;


	padding: 0 10px;


}





/* MISCELLANOUS


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


ul.accessibility {


	position: absolute;


	top: -100%;


}





li.jip-firstitem {


	background: none !important;


}





/* JIP Cpanel */


#jip-cpanel {


	height: 32px;


	background: #34383B;


	border-bottom: 1px solid #62DC25;


}





/* Login Form */


* html #login-wrap {


	width: 99%;


}





#login-wrap form {


}





#login-wrap form label {


}





#login-wrap form input.button {


}





#login-wrap form #mod_login_username,


#login-wrap form #mod_login_password {


	width: 95%;


	margin: 2px 0 5px;


	font-size: 12px !important;


	padding: 2px;


	background: #FFFFFF;


	border: 1px solid #DDDDDD;


}





* html #login-wrap form #mod_login_username,


* html #login-wrap form #mod_login_password {


	width: 90%;


}





#login-wrap div.jip-login-links {


	padding: 8px 0 0;


	display: block;


}





#login-wrap .jip-login-links a {


	padding: 0;


	display: block;


	color: #333333;


}





#login-wrap .jip-login-links a:hover,


#login-wrap .jip-login-links a:active,


#login-wrap .jip-login-links a:focus {


	color: #C01122;


}





/*usertools*/


#jip-usertools {


	position: absolute;


	right: 210px;


	top: 88px;


}





div#jip-usercolors {


	float: right;


	padding: 14px 10px 0 0;


}





#jip-usertools ul,


#jip-usercolors ul {


	margin: 0;


	padding: 0;


	display: inline;


}





#jip-usertools ul li,


#jip-usercolors ul li {


	margin: 0;


	padding: 0 2px;


	float: left;


	background: none;


}





/* Currency */


#jip-vmcurrency {


	float: right;


	margin: 0;


	padding: 10px 0 0;


}





#jip-vmcurrency br {


	display: none;


}





/* Search */


#jip-search {


	padding: 5px 10px 0 25px;


	float: right;


	height: 22px;


	font-size: 11px;


	z-index: 1;


	background: url(../images/icon-search.gif) no-repeat left 7px;


}





#jip-search .inputbox {


	padding: 1px 0 1px 5px;


	color: #CCCCCC;


	width: 120px;


	background: #333333;


	border: 2px solid #3F4347;


}





*+html #jip-search .inputbox { /*IE 7*/


	width: 108px;


}





*+html #jip-search .button { /*IE 7*/


  padding: 1px 0px 1px 8px!important;


}





#jip-search .button {


	font-size: 11px;


	margin-left: 5px;


	padding: 1px 5px 1px;


}





/*others*/


#jip-banner {


	float: right;


	margin: 20px 30px 0 0;


	padding: 0;


	text-align: center;


	overflow: hidden;


}





div.back_button a,


div.back_button a:hover,


div.back_button a:active {


	background: none!important;


	display: block;


	margin: 10px 0;


	text-decoration: none!important;


}





.clr {


	clear: both;


}





.hasTip img {


	border: none;


}





div.jip-innerdiv {


	padding: 8px 0 9px !important;


	background: url(../images/dot.gif) repeat-x bottom !important;


}





div.jip-innerdiv .title {


	display: block;


	font-weight: bold;


}





div.jip-innerdiv img {


	border: 1px solid #DDDDDD;


	margin: 5px 8px 0 0;


}





/* Tooltips */


.tool-tip {


	background: #FFFFFF;


	border: 1px solid #CCCCCC;


	float: left;


	max-width: 200px;


	padding: 5px;


	z-index: 999;


	color: #333333;


}





.tool-title {


	background: url(../../system/images/selector-arrow.png) no-repeat;


	font-size: 100%;


	font-weight: bold;


	margin: 0;


	margin-top: -15px;


	padding: 0;


	padding-bottom: 5px;


	padding-top: 15px;


}





.tool-text {


	font-size: 100%;


	margin: 0;


}





#system-message dd.message ul,


#system-message dd.error ul,


#system-message dd.notice ul {


	margin: 0;


	padding: 0;


}





#system-message dd.message ul li,


#system-message dd.error ul li,


#system-message dd.notice ul li {


	background: none;


	color: #FFFFFF;


	margin: 0;


	padding: 5px;


}





/* System Standard Messages */


#system-message dd.message ul {


	background: #666666;


	border: none;


}





/* System Error Messages */


#system-message dd.error ul {


	background: #666666;


	border: none;


}





/* System Notice Messages */


#system-message dd.notice ul {


	background: #666666;


	border: none;


}





/* Clearfix */


* html .clearfix {


	height: 1%; /* IE5-6 */


}





.clearfix {


	display: inline-block; /* IE7xhtml*/


}





html[xmlns] .clearfix { /* O */


	display: block;  


}





.clearfix:after { /* FF, O, etc. */


	content: ".";


	display: block;


	height: 0;


	clear: both;


	visibility: hidden;


}