/*  	
--------------------------------------------------------------
GRORC colours and backgrounds for common.css
--------------------------------------------------------------
 */

html, body {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #123;
	background-color: #fff;
	font-size: 12px;
        max-width: 1024px;
        margin: auto;
}

h1 {
	color: #115098;
}

h2 {
	color: #115098;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.15em;
	color: #159;
	margin-top: 10px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #ccc;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #aaa;
        height: 1px;
        margin: 10px 0;
}

img {
	border-width: 0;
}

ul {
    list-style-image:url('images/dot.gif');
    display: block;    
    padding-left: 19px;             /*link text is indented 19px*/   
    text-decoration: none;      
}

ul li {
    padding-bottom: 4px; /*bottom spacing between menu items*/
}

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
     
}


.navbar {
	background-color: #cadceb;
}

.forabg {
	background-color: #0076b1;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

.panel {
	background-color: #ECF1F3;
	color: #28313F;
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #FFFFFF;
}



/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}


/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #BC2A4D;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #ECD5D8;
	color: #BC2A4D;
}

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link	{ color: #105289; }
a:visited	{ color: #105289; }
a:hover	{ color: #D31141; }
a:active	{ color: #368AD2; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #FFFFFF;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #A8D8FF;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #C8E6FF;
}

/* Links for forum/topic lists */
a.forumtitle {
	color: #105289;
}

/* Arrow links  */
a.up		{ background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down		{ background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left		{ background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right		{ background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #368AD2;
}

a.right:hover {
	color: #368AD2;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

ul.topiclist li {
	color: #4C5D77;
}

ul.topiclist dd {
	border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #F6F4D0;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}


/* Content container styles
----------------------------------------*/
.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}



a.fontsize {
	background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}


pre{
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
  	font-size: 1.2em;
   white-space: pre-wrap;       /* css-3 */ 
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ 
   white-space: -pre-wrap;      /* Opera 4-6 */ 
   white-space: -o-pre-wrap;    /* Opera 7 */ 
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 

pre b {color: maroon;}




/* GRORC Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	background:#eee;
        border-bottom:1px solid #000;
}

#header p,
#header h1,
#header h2 {
	padding: 1px 0px 1px 0px;
	margin:0;

}

td
 {
  vertical-align:top;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 10px;  
 }

/* 'widths' sub menu */
#layoutdims {
	border-top:1px solid #000;
	margin:0;
}

a.fontsizer{
	display: block;
	background: url('../images/icon_fontsize.gif') 100% 0;
	width:29px;
   height: 18px;
   float:right;
}	

a.fontsizer:hover{
	color: #26370A;
	background-position: 100% -19px;
}

/* 3column container */

* {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

.left {
  width: 18%;
}

.right {
  width: 27%;
}

.middle {
  width: 55%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.layoutdims {
	background-color: #fff;
	margin:0;
}

.arrowlistmenu{
 // width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
background: black url('../images/titlebar.jpg') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
color: white;
text-transform: uppercase;
font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:Arial; padding-left:10px; padding-right:0; padding-top:4px; padding-bottom:4px
}

.arrowlistmenu ul{
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #222;
background: url('../images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
   	border-bottom: 1px solid #dadada;
font-size: 90%; padding-right:0; padding-top:2px; padding-bottom:2px
}

.arrowlistmenu ul li a:visited{
color: #333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
padding-left: 20px; /*link text is indented 19px*/
background-color: #fff;
}

.arrowlistmenu .odd{
background-color: #eee;
}
	
/* Footer styles */
.footer {
	clear:both;
	float:left;
	width:100%;
        text-align: center;
        font-size: 80%;
	background-color: #fed;
}

/* Table styles
----------------------------------------*/

table.table1 td{
   background-color: #FFFFFF;
	font-size: 10px;
	border: 1px solid #cfcfcf;
	padding: 0 10px 10px 10px;
}

table.table1 td:hover{
	color: #000000;
        font-weight: bold;
}

table.table2 td{
   background-color: #FFFFFF;
	font-size: 10px;
	padding: 0 10px 10px 10px;
}

table.table3 td{
   background-color: #eeeeee;
	font-size: 10px;
	padding: 0px 0px 0px 6px;
	text-align: left;
}

table.table3b td{
	text-align: left;
	min-width:200px;
}

table.table3 th{
   background-color: #dddddd;
	font-size: 10px;
	color: #444488;
	font-weight: bold;
	text-align: left;
}

.hilite {
	color: #991111;
	font-weight: bold;
	font-size: 1.1em;
}

.triprep {
	color: #991111;
	font-weight: bold;
	font-size: 1.8em;
}

.graymenu{
   color: #aaa;
   background: url('images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
   display: block;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%; padding-right:0; padding-top:2px; padding-bottom:2px
}

.tripmenu{
width: 100%; /*width of menu*/
}

.tripmenu .headerbar{
color: white;
background: black url('../images/titlebar.jpg') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:Arial; padding-left:10px; padding-right:0; padding-top:4px; padding-bottom:4px

}

.tripmenu .odd{
background-color: #eee;
}

.tripmenu ul{
background-color: #fff;
list-style-type: none;
margin: 0;
padding: 0;
list-style: none;
width: 600px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.tripmenu ul li{
position: relative;
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.tripmenu li ul {
	position: absolute;
	width: 250px;
	left: 350px;
	top: 0;
	}

.tripmenu ul li a{
color: #111;
background: url('images/pdf.gif') no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 19px;             /*link text is indented 19px*/
text-decoration: none;
font-size: 90%; padding-right:0; padding-top:2px; padding-bottom:2px
}

.tripmenu ul li a:hover{             /*hover state CSS*/
color: #000;
background-color: #eeddcc;
}