/* COMMON STYLE

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

html, body, form, fieldset {

  margin: 0;

  padding: 0;

}



body {

  color: #777;

  font-family:Arial, Tahoma, Verdana;

  /*background:#fff url(../images/body_bg.png);*/

  background:#4c4c4c;

  font-size:12px;

  line-height: 150%;

  height:100%;

}



html {

height:100%;

overflow-y:scroll;

}



body.contentpane {

  width: auto; /* Printable Page */

  margin: 1em 2em;

  line-height: 1.3em;

  margin: 0px 0px 0px 0px;

  font-size: 12px;

  color: #333;

}



/* Normal link */

a {

  color: #3C3625;

  text-decoration: none;

}



a:hover{

  color: #000;

  text-decoration: underline;

}





/* Small text */

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {

  color: #999;

  font-size: 92%;

  line-height:100%;

}



/* Heading */

h1 {

  font-size: 120%;

}



h2 {

  font-size: 140%;

}



h3 {

  font-size: 100%;

}



h4 {

  font-size: 100%;

  text-transform: uppercase;

}

h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

}

h6{

  color:#fff;

  font-size:11px;

  font-weight:bold;

}

p, pre, blockquote, ul, ol {

  margin:2px 0 2px 0;

  padding: 0;

}

pre{

  background:#fff; padding:6px; font-size:11px}

ul {

  list-style: none;

}

#jp_bottom_outer ul li {

  padding-left: 12px;

  background:none;

  list-style-type: disc;

  line-height: 140%;

  list-style-position:inside;



}



ul li {

  padding-left: 0;

  -background: url(../images/bullet-list.gif) no-repeat 0 6px;

  line-height: 140%;

  display: list-item !important;

  font-size: 14px;

font-weight: bold;

margin: 5px 0px 4px 0;



}

ul.arrow li{

  padding-left: 24px;

  background: url(../images/green_arrow.png) no-repeat 0 2px;

  line-height: 24px;



}



ol li {

  margin-left: 35px;

  line-height: 150%;

}



th {

  padding: 5px;

  font-weight: bold;

  text-align: left;

}



fieldset {

  border: none;

  text-align:left;

  /*padding: 10px 5px;*/

}



fieldset a {

  font-weight: bold;

}



hr {

  border-top: 1px solid #CCCCCC;

  border-right: 0;

  border-left: 0;

  border-bottom: 0;

  height: 1px;

}



td, div {

  font-size: 100%;

}



img {

  border: none;

}

/* FORM

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

form {

  margin: 0;

  padding: 0;

}



form label {

  cursor: pointer;

}



input, select, textarea, .inputbox {

  padding: 3px 5px;

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

  font-size: 100%;

}



.button {

  padding: 3px 5px;

  background:#fff url(../images/button_bg.gif) bottom repeat-x;

  color: #fff;

  font-size: 11px;

  border:none;

  margin:4px 0 4px 0;

}



.button:hover, .button:focus {

  background: #fff;

  color: #333;

  cursor: pointer;

}

.search .button {

  padding: 3px;

  font-size: 90%;

  text-transform: none;



}



.search .button:hover, .search .button:focus {

  color: #333;

}



* html .button {

  padding: 2px 0 !important; /*IE 6*/

}



*+html .button {

  padding: 2px 0 !important; /*IE 7*/

}



.inputbox {

  border: 1px solid #CCCCCC;

  background: #FFFFFF;

}



.inputbox:hover, .inputbox:focus {

  background: #FFFFCC;

}





/* JOOMLA STYLE

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

table.blog {

}



.article_separator {

  clear: both;

  display: block;

  height: 20px;

}



.article_column {

}



.column_separator {

  padding: 0 25px;

}



/* content tables */

td.sectiontableheader {

  padding: 4px;

  border-right: 1px solid #fff;

}



tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

  padding: 4px;

}



td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 3px;

}



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: 35%;

  float: right;

}



table.contenttoc a {

  text-decoration: none;

}



table.contenttoc td {

  padding: 1px 5px 1px 25px;

  background: url(../images/bullet-list.gif) no-repeat 5% 50%;

}



table.contenttoc th {

  padding: 0 0 3PX;

  border-bottom: 1px solid #CCCCCC;

  text-indent: 5px;

}



table.poll {

  padding: 0;

  width: 100%;

  border-collapse: collapse;

}



table.pollstableborder {

  padding: 0;

  width: 100%;

  border: none;

  text-align: left;

}



table.pollstableborder img {

  vertical-align: baseline;

}



table.pollstableborder td {

  padding: 4px!important;

  border-collapse: collapse;

  border-spacing: 0;

}



table.pollstableborder tr.sectiontableentry1 td {

  background: #ECECEC;

}



table.searchintro {

  padding: 0;

  width: 100%;

}



table.searchintro td {

  padding: 0;

}



table.adminform {

}



.adminform .inputbox {

}



.blog_more {

  padding: 10px 0;

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

}



.blog_more strong {

  margin: 0 0 5px;

  display: block;

  font-size: 125%;

}



.blog_more ul {

  margin: 0;

  padding: 0;

}



.blog_more ul li {

  margin: 0;

  padding: 0 0 0 17px;

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

}



.category {

  font-weight: bold;

}



h1.componentheading, .componentheading {

  font-weight:normal;

  font-size:24px;

  line-height:24px;

  line-height:100%;

  padding-bottom:4px;

  border-bottom:1px dotted #dadada;

  margin-bottom:6px;

}



.contentdescription {

  padding-bottom: 10px;

}



h2.contentheading, .contentheading {

  font-weight:normal;

  font-size:26px;

  line-height:100%;

  padding-bottom:4px;

  margin-bottom:6px;

}







a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

  text-decoration: none !important;

  padding:0;

}



a.readon {

  padding: 3px 5px;

  background:#fff url(../images/button_bg.gif) bottom repeat-x;

  color: #fff;

  font-size: 11px;

  border:none;

  margin:4px 0 4px 0;



}



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

  color: #000;

  cursor: pointer;

}



table.contentpaneopen td, table.contentpane td {

}



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

  width: 100%;

}



.moduletable {

  padding: 0;

}



ul.pagination {

  margin: 15px auto;

  padding: 10px 0;

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

}



ul.pagination li {

  margin: 0;

  padding: 0;

  display: inline;

  background: none;

}



ul.pagination li span{

  padding: 2px 5px;

}



ul.pagination a {

  padding: 2px 5px;

  border: 1px solid #F6F6F6;

}



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

  border: 1px solid #ECECEC;

  background: #FFFFFF;

}



.pagenavbar {

  padding-left: 14px;

}



.pagenavcounter {

  padding: 8px 14px 0 0;

}



.sectiontableheader {

  padding: 8px 5px;

  background: #f2f2f2;

  color: #333;

}



.sectiontableheader a {

  color: #666;

}



tr.sectiontableentry1 td {

  padding: 8px 5px;

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

}



tr.sectiontableentry2 td {

  padding: 8px 5px;

  background: url(../images/hdot2.gif) repeat-x bottom #f9f9f9;

}



tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

  background: url(../images/hdot2.gif) repeat-x bottom #f3f3f3;

}



.smalldark {

  text-align: left;

}



div.syndicate div {

  text-align: center;

}



.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

  background: none;

}

#jp-nr{position: absolute; top: 0px; left: -5000px;}

/* META

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

.article-tools {

  border-top: 1px solid #DDDDDD;

  width: 100%;

  float: left;

  clear: both;

  margin-bottom: 15px;

  display: block;

  background: #ECECEC;

}



.article-meta {

  padding: 5px;

  width: 80%;

  float: left;

}



.createby {

  padding: 3px;

}



.createdate {

  padding: 3px;

}



.modifydate {

  width: 100%;

  float: left;

}



div.buttonheading {

  float: right;

  width: 15%;

}



.buttonheading img {

  margin: 7px 5px 0 0;

  border: 0;

  float: right;

}





/* MISCELLANOUS

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

ul.accessibility {

  position: absolute;

  top: -100%;

}



/*others*/



div.back_button a,

div.back_button a:hover,

div.back_button a:active {

  margin: 10px 0;

  display: block;

  background: none!important;

  text-decoration: none!important;

}



#form-login p {

  margin: 0 0 5px;

  text-align:left;

}



#form-login ul {

  margin: 10px 0 0;

}

.clr {

  clear: both;

}





/* Tooltips */

.tool-tip {

  float: left;

  border: 1px solid #ccc;

  padding: 5px;

  background: #fff;

  z-index:99;

  max-width:180px;

}





.tool-title {

  padding: 0;

  margin: 0;

  margin-top: -15px;

  padding-top: 15px;

  padding-bottom: 5px;

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

  font-size: 100%;

  font-weight: bold;

  display:none;

}



.tool-text {

  margin: 0;

  font-size: 90%;

  color:#666;

}



#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul {

  padding: 0;

  margin: 0;

}



#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li {

  background: none;

  padding: 5px;

  margin: 0;

  color: #FFFFFF;

  font-size:11px;

  font-weight:normal;

}



/* System Standard Messages */

#system-message dd.message ul {

  background: #006699;

  border: none;

}



/* System Error Messages */

#system-message dd.error ul {

  background: #BF0000;

  border: none;

}



/* System Notice Messages */

#system-message dd.notice ul {

  background: #EE9600;

  border: none;

}

#system-message dd {

font-weight:bold;

margin:0;

text-indent:0;

}

/* Clearfix */

.clearfix:after {

  clear: both;

  display: block;

  content: ".";

  height: 0;

  visibility: hidden;

}



* html > body .clearfix {

  width: 100%;

  display: block;

}



* html .clearfix {

  height: 1%;

}



/* Firefox Scrollbar Hack - Do not remove */

html {

  margin-bottom: 1px;

  height: 100%!important;

  height: auto;

}

/*Inline images ---*/



.img_caption { color: #333; margin: 10px; margin-left:0; padding:4px; background:#fff;border:1px solid #dadada;

}



.article-content img { margin: 5px; }



.img_caption img { margin: 5px 0 0; }



.img_caption p {

  background: #fff;

  border: none;

  color: #666;

  margin: 0;

  padding: 1px 0;

  text-align: center;

}

/* Only for Demo */

.module_cell{

padding:14px;

border:1px solid #dadada;

font-size:100%;

color: #666;

}

img.border{

padding:4px;

border:1px solid #dadada;

background:#fff;

}

.imgborder{

padding:4px;

border:1px solid #ccc;

background:#fff;

margin-right:4px;

}



.contact-telephone{font-size: 14px;

font-weight: bold;

line-height: 30px;}

.vmorder-done {
	background: #836d5e;
	font-weight: bold;
	color: #F8ECCE;
}

#content-inner h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
}

.vmpayment_description {
	color: #fff;
    font-size: 12px;
}

.vmorder-done td {
	padding: 4px;
}