/* Style sheet */
body, .pun {
	background-color: cornsilk;
	background-image: url(../images/bg.jpg);
	font-family: Arial;
	color: black;
	font-size: 11pt;
}

/*
table, div.container {
	background-color: burlywood;
	border: 1px solid #A52A2A;
	padding: 10px;
} */

a {
	color: blue;
	text-shadow: 0px 0px 4px slategrey;
}

a:hover {
	color: red;
	background-color: yellow;
}

h1,h2, #brdheader.block div.box div#brdtitle.inbox h1 {
	color: maroon;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid maroon;
	text-shadow: -1px -1px 0 rgba(255,0,180,0.5);
}
h1 { font-size: 18pt; }
h2 #brdheader.block div.box div#brdtitle.inbox h1 { font-size: 16pt; }
h3 { color: maroon; font-weight: bold; font-size: 14pt;; }

hr {color: #ccc;}

.td_title {
	background-color: #F5F5DC; /*#FFDAB9;*/
	border: 1px solid #888;
	padding: 5px;
	font-size: 10pt;
	margin: 2px;
	/*
	border-radius-topright: .8em;
   -moz-border-radius-topright: .8em;	
	border-radius-topleft: .8em;
   -moz-border-radius-topleft: .8em;
   */	

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.td_title2 {
	background-color: #F5F5DC; /*#FFDAB9;*/
	/*border: 1px solid #888;*/
	padding: 2px;
	font-size: 10pt;
	margin: 0px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/* FluxBB Menu Items */
#brdmenu { 
	background-color: #FFDAB9;
	border: 1px solid #888;
	padding: 5px;
	font-size: 10pt;
	margin: 2px;
}

#brdmenu.inbox ul li a { 
	background-color: ivory;
	color: blue;
   text-align: center;
	padding: 5px;
	border: 1px solid #BC8F8F;
	font-size: 11pt;
	width: 110px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:1px;
    margin-right: 3px;
}

/* MRICF Menu / TD Items */
.td_menu {
	background-color: ivory;
	/*
	border-radius-bottomright: .8em;
   -moz-border-radius-bottomright: .8em;	
	border-radius-bottomleft: .8em;
   -moz-border-radius-bottomleft: .8em;
   */	
   text-align: center;
	padding: 5px;
	border: 1px solid #BC8F8F;
	font-size: 11pt;
	width: 110px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:1px;
    margin-right: 3px;
}
.td_menu a { text-decoration: none; }

.td_menu_info, .td_alternate {
	background-color: #D2B48C;
   text-align: center;
	padding: 0px;
	border: 1px solid #BC8F8F;
	font-size: 9pt;
}

.td_alternate {text-align: left;}

.td_menu_title {
	background-color: #D2B48C;
	/* 
	border-radius-topright: .8em;
   -moz-border-radius-topright: .8em;	
	border-radius-topleft: .8em;
   -moz-border-radius-topleft: .8em;
   */	
   text-align: center;
	padding: 5px;
	border: 1px solid #BC8F8F;
	font-size: 10pt;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.td_empty {
	border: none;
	padding: 0px;
}

.trsheet_opnotes{
	background-color: #eeeeee; 
	font-size: 9pt;
}

.td1, .rowodd {
	background-color: #dedede; 
	border: 1px solid #bbb;
	padding: 5px;
	font-size: 10pt;
	margin: 2px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.td2, .roweven {
	background-color: #ededed;
	border: 1px solid #bbb;
	padding: 5px;
	font-size: 10pt;
	margin: 2px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.td3 {
	background-color: #FFFACD;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 5pt;
	margin: 2px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.td_highlight {
	background-color: yellow; 
	font-size: 10pt;
	padding: 5px;
}

.tbl1 {
	display: table;
	border: none;
}

/* START DataTable STYLES */
table tbody tr td {
	background-color: ivory;
	border: 1px solid #bbb;
	padding: 6px;
	font-size: 10pt;
}
.dataTables_filter { display: block; margin: 5px; text-align: left; }
/* END */

.tiny_txt {
	font-size: 8pt;
}

.small_txt {
	font-size: 9pt;
}

#small_menu {
	text-align: right; display: block; position: fixed; bottom: 0px; right: 0px; border: none; border-top: 1px solid brown; border-left: 1px solid brown; padding: 10px; background-color: antiquewhite;
}

.med_txt {
	font-size: 11pt;
	font-weight: bold;
	color: maroon;
}

.info_container {
	padding: 10px; 
	padding-top: 0px; 
	margin; 0px; 
	margin-top: 3px; 
	margin-bottom: 3px; 
	margin-left: 10%; 
	margin-right: 10%;
	border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.info_div {
	font-size: 10pt;
	font-weight: normal;
	display: block; padding: 5px; border: block; border-bottom: 1px solid #ccc;
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.popuptxt {
	border: 1px solid black;
	background-color:#FFFF99;
	color: maroon;
	padding: 10px; 

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.box1 {
	position: fixed;
	z-index: 15; 
	top: 0px; 
	left: 120px; 
	max-height: 370px; 
	overflow: auto; 
	border: 2px solid #ccc;  
	background-color: transparent;
	background-image: url('../images/semi_transparent_light.png');
	background-repeat: repeat;
	padding: 2px;
	font-size: 9pt;

	box-shadow: #bbb 1px 1px 18px;
	-moz-box-shadow: #bbb 1px 1px 18px;
	-webkit-box-shadow: #bbb 1px 1px 18px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.box1 a {text-decoration: none; color: maroon;}

#pos, #rrs, #trs, #afs, #search, #mes, #next_trains_contain {
	background-color: white;
	background-image: url('../images/semi_transparent_light.png');
	background-repeat: repeat;
	border: 2px solid brown;
	padding: 10px;
	max-height: 300px;
	overflow: auto;
	text-align: left;
}

.wb_btn {
	display: inline-block;
	background-color: antiquewhite;
	/*
	border-radius-bottomright: .8em;
   -moz-border-radius-bottomright: .8em;	
	border-radius-bottomleft: .8em;
   -moz-border-radius-bottomleft: .8em;
   */	
   text-align: center;
	padding: 2px;
	margin: 1px;
	border: 1px solid #BC8F8F;
	font-size: 10pt;
	width: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.wb_btn a { text-decoration: none; }


textarea, select, input, #submit {
	border: 1px solid #888;
	/* 
	border-radius: .4em;
   -moz-border-radius: .4em; 
   */	
   padding: 3px;
   margin: 0px;
   margin-bottom: 1px;
   font-style: italic;
   background-color: #FFE4B5;
   
	box-shadow: brown 0px 0px 5px;
	-moz-box-shadow: brown 0px 0px 5px;
	-webkit-box-shadow: brown 0px 0px 5px;
}

input[readonly=readonly] {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/*
input.submit, #submit {
	border: 2px outset black;
	background-color: lightgrey;
}
*/

.sugdata {
background-color: wheat;
border: 1px solid black;
padding: 5px;
text-align: left;
min-width: 75px;
min-height: 0px;
}

.sugdata a:hover {
border: none;
background-color: yellow;
}

#afil_wb_home { font-size: 11pt; color: maroon; font-weight: bold;}

.error {font-size: 15pt; color: red; font-weight: bold;}

.wb_lnk_mess {
	/*float: right; width: 250px; */ display: block; max-height: 122px; overflow: auto; padding: 3px;font-size: 9pt;
}

/* home page classes */
.notes {
	margin: 2px; background-color: antiquewhite; color: brown; font-weight: bold; padding: 6px; border: 1px solid #aaa;
}

.routing {
	font-size: 10pt; font-weight: bolder; color: maroon;
}

.lading {
	float: right; background-color:#FFFF99; padding: 3px; color: black; border: 1px solid brown; max-width: 200px; text-align: right; font-size: 9pt; font-weight: normal;
}

.rr_tr {
	font-weight: bolder; color: maroon;
}

.progress {
	font-size: 10pt;
}

.item {
	/* MULTIPLE COLUMN DISPLAY FOR WAYBILLS USING MASONRY */
	width: 630px;
	margin: 4px; padding: 4px;
	border: 1px solid brown;
	background-color: #DCDCDC;

	box-shadow: brown 0px 0px 5px;
	-moz-box-shadow: brown 0px 0px 5px;
	-webkit-box-shadow: brown 0px 0px 5px;
}

.item2 {
	/* MULTIPLE COLUMN DISPLAY FOR WAYBILLS USING MASONRY */
	width: 300px;
	margin: 4px; padding: 4px;
	border: 1px solid brown;
	background-color: #DCDCDC;

	box-shadow: brown 0px 0px 5px;
	-moz-box-shadow: brown 0px 0px 5px;
	-webkit-box-shadow: brown 0px 0px 5px;
}

div.forumposts {
	/*background-color: antiquewhite; 
	border-radius: 4px; margin-top: 2px;*/
	border-bottom: 1px solid #aaa; padding: 4px; 
	overflow: auto;
	max-height: 200px;
	margin-bottom: 4px;
}

.forumpost {
	/* MULTIPLE COLUMN DISPLAY FOR FORUM POSTS USING MASONRY */
	width: 300px;
	max-height: 150px; overflow: hidden;
	padding: 4px; margin: 1px; 
	background-color: ivory; border: 1px solid #888; 
	border-radius: 4px; 
	font-size: 9pt;
	/*max-width: 380px; height: 60px; overflow: hidden;*/
}

.forumpost2 {
	/* STANDARD DISPLAY FOR FORUM POSTS, NOT USING MASONRY */
	background-color: ivory; border: 1px solid #888; 
	border-radius: 4px; 
	font-size: 11pt;
	padding: 8px; margin: 2px;
}

.forumpost img { /*display: none;*/ max-width: 80%; }
.forumpost img.avatar { float: left; display: inline-block; width: 25px; padding: 3px; padding-top: 0px; }

/* JQuery AutoComplete related fields */
.autocomplete-suggestions { border: 1px solid #999; background-color: #FFEBCD; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 3px 5px; font-size: 10pt; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background-color: #FFEBCD; }
.autocomplete-suggestions strong { font-weight: normal; background-color: yellow; }

#autocomp { display: block; padding: 0px; margin: 0px; border: none; background-color: transparent; /* width: 100%; text-align: center; margin-bottom: 35px;*/ }
 
#autocomp #field {
	display: inline-block;	
	background-color: transparent;
	/*
	padding: 0;
	margin: 0;
	padding: 5px;
	border-radius: 3px;
	margin: 5px 0 0 0;
	*/
}

#autocomp #field input {
	/*
	width: auto;
	height: 40px;
	padding: 0 10px 0 10px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	color: #aeaeae;
	font-weight:normal;
	font-size: 1.5em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	*/
}


#search #field input:focus {
	/* color: #858585; */
}

a.searchLink { font-size: 9pt; text-decoration: none; display: inline-block; color: navy; background-color: ivory; border: 1px solid #777; border-radius: 4px; padding: 4px; margin: 2px; }

.nextTrains {
	display: block; 
	margin: 3px; 
	background-color: brown; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}

.optionHeading {
	background-color: brown; color: white;
}

blockquote {
	border: 1px solid #888;
	border-left: 4px solid maroon;
	background-color: #ddd;
	padding: 5px;
	border-radius: 5px;
}
div.quotebox blockquote { background-color: transparent; } /* For blockquote background reset in Forum */

.wb_lnk_mess img { max-width: 75%; }

.tranship_cars_rr { 
	display: inline-block; 
	padding: 3px;
	border: 1px solid #ccc;
	background-color: yellow;
	border-radius: 3px;
}

.wbedit_ind_desc_div {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: ivory;
	border-radius: 3px;
	width: 310px;
}

.date_is_today {
	display: inline-block; 
	padding: 3px;
	border: 1px solid #ccc;
	background-color: yellow;
	border-radius: 3px;
}