/* CSS Document */

/* ------------------------------------------ BODY MARGIN - BASIC --------------------------------------------*/
*{
	margin:0px;
	padding:0px;
}

body {
font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
text-align:center;
}

/* ------------------------------------------ IMAGE REPLACE  --------------------------------------------*/

.replace{
background-repeat:no-repeat;
font-size:1px;
line-height:0pt;
margin:0pt;
padding:0pt;
text-indent:-9999px;
}

.replace a {
display:block;
overflow:hidden;
}

.replace{
background-repeat:no-repeat;
font-size:1px;
line-height:0pt;
margin:0pt;
padding:0pt;
text-indent:-9999px;
}


/* ------------------------------------------ LAYOUT STRUCTURE  --------------------------------------------*/

#wrapper{
background-color: #fff;
margin-left:auto;
margin-right:auto;
padding:0px;
position:relative;
text-align:left;
width:700px;
}

#top{
	margin:0pt;
	padding:10px 0pt 10px;
	width:700px;
	height: 34px;
}

#redbar {
background:#f58025 none repeat scroll left top;
width:100%; height: 2.2em;
float:left;
margin:0pt; 
padding: 0px;
}

#header{
background-color:transparent;
padding:0px; margin:0px;
float:left; clear:both;
width:100%;
}

#content{
clear:both;
	width: 100%;
	margin: 0px; padding: 0px;
	text-align: left;
	display: block;

}
 #main {

	float:right;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:80%;
	color: #706f6f;
	display: inline;
}

#content #right {
	float:left;
	width:345px;
}

.clear, #footer, #top {
float:left;
display:block;
clear:both
}
/* ------------------------------------------ CONTENT ITEM  --------------------------------------------*/	
#contentitem{ width: 18%; float: left; }	
.mod_contentitem-ethos, .moduletable-ethos{ background: #f1efef; color:#000;}
.mod_contentitem-ethos {padding: 3px 3px 3px 3px;  }
.mod_contentitem-ethos .contentpaneopen, .mod_contentitem-ethos .article_seperator { background: #f1efef;}
/* ------------------------------------------ TOP  - DETAIL  --------------------------------------------*/

#top .logo {
float: left;
}
.logo a {
height:41px;
width:217px;
}

.logo {
background: transparent url(../images/jabbar_group_logo.jpg) no-repeat scroll left top;
height:34px;
width:700px;
float:left;
margin-top:0px;
padding:0px;
}

/* ------------------------------------------ REDBAR - DETAIL  --------------------------------------------*/

/* --------------- REDBAR - NAVIGATION  -----------------*/

ul#rednav{
font-family: Tahoma,Times,serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0pt 0pt 0pt 310px;
margin:0px;
color:#FFF;
}

ul#rednav li{
display:inline;
margin:5px 5px 0pt 0pt;
float:left;
color:#FFF;	
}

ul#rednav li a{
color:#FFF;
margin-top:6px;
margin-right:5px;
padding-right: 2px;
text-decoration:none;
}

ul#rednav a:hover{
text-decoration: underline;
}


/* --------------- REDBAR - SEARCH MODULE -----------------*/

#redbar #searchmod {
margin: 0px;
padding:0px;
float: left;
}

.inputbox:hover {
background:#FFFFFF none repeat scroll 0%;
}

.inputbox {
background:#F8F8F8 none repeat scroll 0%;
border:1px solid #DDDDDD;
color:#000000;
font-family: Tahoma,Verdana,Helvetica,sans-serif;
font-size:11px;
padding-left:2px;
}

#search input {
border:1px solid #666699;
color:#707070;
font-size:11px;
padding:2px 5px;
width:93px;
}

.button{
background: transparent url(../images/jabbar_search_go.jpg)no-repeat scroll left top;
width: 25px; height: 17px;
border: 0px;
text-indent:-9999px;
}

#mod_search_searchword {
margin:0px; padding:0px;
}

input {
margin:4px 0px;
vertical-align:middle;
}

#search {
margin:0px;
padding:0px;
display:inline;
}

.button {
background-color:#A8CED1;
background-image:url(../images/jabbar_search_go.jpg);
background-repeat:no-repeat;
border:0px none;
margin-left:5px;
}


/* ------------------------------------------ SEPERATORS  --------------------------------------------*/

#seperatortop p, #seperatorbottom p {
background-image: url(../images/jabbar_line.jpg);
width: 100%; height: 6px;
float: left;
	}
	
#seperatortopb p {
background-image:url(../images/jabbar_line.jpg);
float:right;
height:6px;
width:80%; }
	
#seperatortop {
clear:both;
margin:0pt;
padding:10px 0pt;
}

#seperatortopb {
clear:both;
margin:0pt;
padding:10px 0pt;
}

#seperatorbottom {
margin:0pt;
padding:0px 0pt 20px;
clear:both;
	
}

#seperatormiddle {
margin:0pt;
padding:10px 0pt 10px;
clear:both;
	
}


/* ------------------------------------------ MAIN NAVIGATION - DETAIL --------------------------------------------*/

ul#mainlevel-topmain {
display: inline;
float: left;
margin-left: 16px;
}

ul#mainlevel-topmain li{
display:inline;
}

ul#mainlevel-topmain li a { text-decoration:none;}
ul#mainlevel-topmain li a:hover {color:orange; text-decoration:none;}
a.mainlevel-topmain, a.mainlevel-topmain:visited { 
color:#000;
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding: 0px 5px 0px 5px;
margin-right: 25px;
text-transform:uppercase;
white-space:nowrap;}

a.mainlevel-topmain:hover { 
color:orange; }

a#active_menu-topmain, a#active_menu-topmain:visited, a#active_menu-topmain:hover, a#active_menu-topmain:active{
color:orange; !important
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding: 0px 5px 0px 5px;
margin-right: 17px;
text-transform:uppercase;
white-space:nowrap;
}






/* ------------------------------------------ BUTTONS NAVIGATION - DETAIL --------------------------------------------*/


#buttons{}
ul#buttons {
background:#fff none repeat scroll left top;
border-width: 1px;
border-color:#706f6f;
border-style: dotted;
font-family:tahoma,Times,serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:12.2em;
line-height:normal;
overflow:hidden;
padding:0pt 0pt 0pt 0px;
margin:0px;
clear:both;
}

ul#buttons li{
	margin-top:4px;
	margin-right:0px;
	float:left;
	
}

ul#buttons li a{
	color:#FFF;
	margin-top:6px;
	margin-right:5px;
	padding-right: 2px;
	text-decoration:none;
	border-right: 1px solid #fff;
}

ul#buttons a:hover{
	text-decoration: underline;
}

/* ------------------------------------------ FOOTER NAVIGATION - DETAIL --------------------------------------------*/

ul#footernav {
background:#fff none repeat scroll left top;
font-family:tahoma,Times,serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:2.2em;
line-height:normal;
overflow:hidden;
padding:0pt 0pt 0pt 0px;
margin:0px;
clear:both;
text-align: center;
border-top: 2px solid #ccc;
width: 100%;
}

ul#footernav li{
	margin-top:4px;
	margin-right:0px;
	float:left;
	
}

ul#footernav li a{
	color:#706f6f;
	margin-top:6px;
	margin-right:5px;
	padding-right: 2px;
	text-decoration:none;
	border-right: 1px solid #fff;
}

ul#footernav a:hover{
	text-decoration: underline;
}


#footer{width: 100%; margin-top: 10px; }			
/* ------------------------------------------ HEADER  - DETAIL --------------------------------------------*/


#header img,{
border:0pt none;
display:block;
}

	
#header p {
background-color: #d3d2d2;	
margin: 0px;
float:left;
margin:0px; padding:0px;
}	

#sub {
margin-right:11px; padding:0px;
width:130px; height:150px;
float:left;
clear:both;
}

#sub2 {
background-color:#fff;
margin-right:0px; padding:0px;

float:left;

}


/* ------------------------------------------ CONTENT  - DETAIL --------------------------------------------*/

/* ------------------------------CONTENT  - MAIN CONTENT -----------------------------*/




p{
line-height:1.5em;
}

#divider{
margin-top: 10px;	margin-bottom:5px; padding:0px;
}

#a{
color:#FFF;
margin-top:6px;
margin-right:5px;
padding-right: 2px;
text-decoration:none;	
width: 100%;
}

ul, ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

.copyright{
font-size:9px;	
}

div#content a:link {
border-bottom:1px dotted #003399;
color: orange;
font-family:Tahoma,sans-serif;
font-size:11px;
line-height:18px;
margin:0.25em 0pt 0.5em;
text-decoration: none;}

div#content a:hover {
color:#000;
border-bottom:1px dotted #009900;
color:#333333;
}

div#content a:visited:hover {
	background-image: url(../images/visitedHoverLink.gif) no-repeat;
	color:#000;
	color:#333333;
}

div#content a:visited  {
background: transparent url(../images/visitedLink.gif) no-repeat scroll 100% 50%;
padding-right:12px;
color: #a6a5a3;
}




#nudge{
	margin-top:5px;
}

.strip{
margin-left:4px;
}

.searchintro, .contentpaneopen {
width:100%;
}

.contentpaneopencontent { margin-right: 10px; }

/*##################### NAVIGATION SECTION #####################*/	
/* Pathway Breadcrumbs */	
	.pathway {font-size: 11px;color:#333;}
	a.pathway:link {color:#659FDE;}
	a.pathway:visited {color:#659FDE;}
	a.pathway:active {color:#659FDE;}
	a.pathway:hover {color:#659FDE;text-decoration:underline;}

/* Mainlevel menu */
a#active_menu { color: #dc861a;}

.mainlevel {height: 18px;}

a.mainlevel {display: block;
	
	color: #706F6F;
	padding: 0px 0pt 0px 0px;
	margin: 0 0 0px 0;
	text-decoration: none;
	}
	
a.mainlevel:hover {
	

color:orange;
					}
/* End Mainlevel menu */
	
/* Sub Menu */
.sublevel{height: 18px;}

a.sublevel{	display: block;
	background: #A0A0A0;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
		}

   a.sublevel:hover {
	display: block;
	color: #FFFFFF;
	background: #822C0F;}
/* End Sub Menu */

/* Add Custom Menus */

/* Add Custom Menus */


/*##################### NAVIGATION SECTION #####################*/	

/* ##################### STANDARD MODULE TABLE  #################*/      

table.moduletable {
padding: 0px;
margin: 0px;

}

table.moduletable th { 
background: #2F3E57;
height: 18px;  
color: #FFFFFF;
}

table.moduletable td {height: 18px;}
/* Module wrappers for round conners module style -3*/
div.module {
width: 100%;
}


/* Font Control */
/* Title Control */

div.module h3 { 
color: #FFFFFF;
text-align: center;
}

/* List Control */
.module ul {}
.module li {}
/* Link Control*/

.module a:link{}
.module a:visited {}
.module a:hover {}
.module a:active {}
.module {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;}
.module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}
.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}
.module div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;}
.module div div div div {background: none;}


/* Add here Custom Modules */


/* End Custom Modules */


.contentheading {
font-size: 16px;
width: 100%;
font-weight: normal;
color: #000 ;
}

/* content title and links */
.contentpagetitle {background-color : White; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px  dashed #CCCCCC;text-decoration: none;}

/* top box like a category description */
.contentdescription {background-color : White;}

/* Main Body Text */
.contentpane {background: White;}
.contentpaneopen {background-color: White;}
/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px;  color: #CC6600; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px;  color: #FF6600; }
.pagenav_next{font-size: 14px;  color: #FF6600; }
a.pagenav {color: #CC6600; border-bottom: 0;}
a.pagenav:hover {color: #659FDE; border-bottom: 0;}
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 12px; height: 15px;  }	

/* Read more link */

.readon{
font-family: tahoma, Verdana, Helvetica, sans-serif; 
font-size: 13px; color:#FF6600;font-weight: bold;
}


/* Article index  */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 12px;
	}
	
table.contenttoc th {
background: #2F3E57; 
color: White;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/*  component heading */

	
.componentheading {
    font-size: 1.5em;
    font-weight: bold;
    color: #659FDE;
    text-align:left;
    margin-top: 0px;
	}
	
	
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background-color : #D3D3D3;
	color : #333;
	font-weight : bold;
	border-collapse: collapse;
	font-size: 11px;
	}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{	height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover  {height: 15px;}
/* End category */

/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{height: 18px;}
.blog_more{height: 18px;}
.blog_heading {height: 18px;}

/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;}

/* results if not search google */

.searchintro {height: 18px;}

.\123highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}
/* End Search Form */

/* wrapper title */
.wrapper {background-color : #FFFFFF;}

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }
		
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Geneva, tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
	background-color: #FF6600;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

	/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* ###################### End TABBED EDITING ###################### */