input { /* no blue line around input boxes */
 outline:none;
}


body{
	margin:0px;
	padding:0px;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	background-color:#FFFFED;
	}
	
.main_header{
	background:url(../images/main_header_980.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:180px;
	width:801px;
	}
	
.main_header1{
	background:url(../images/Bear-Pile-Header-980x62.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:62px;
	width:980px;
	}
	
h1{
	font-family:"Trebuchet MS";
	font-size:19px;
	font-weight:normal;
	color:#ffffff;
	padding:0px;
	margin:0px;
	}
	
h2{
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	}
	
.menu_bg{
	background:url(../images/menu_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:35px;
	}
	
/*
.menu_bg1{   remove so borders get rounded with mega menu 
        background:url(../images/menu_bg_30.gif);
        background-position:left top;
        background-repeat:repeat-x;
        height:30px;
        }
*/
	
.menu_text{
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.menu_text1{
	font-family:tahoma;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	}
	
a.menu_text:hover{
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#a11313;
	text-decoration:none;
	text-transform:uppercase;
	}
	
a.menu_text1:hover{
	font-family:tahoma;
	font-size:15px;
	font-weight:bold;
	color:orange;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.black_text{
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	}
	
.boxborder{
	border:1px solid #d6d6d6;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	}
	
.button1{
	background:url(../images/button1.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:13px;
	width:12px;
	border:0px;
	cursor:pointer;
	}
	
.heading_bg{
	background:url(../images/heading_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:25px;
	}
	
.grey_border{
	padding:13px 25px 11px 14px;
	border-bottom:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	}
	
.orange_heading_bg1{
	background:url(../images/orange_heading_bg_776.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:63px;
	width:626px;
	}
	
.orange_heading_bg2{
	background:url(../images/orange_heading_bg1_776.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:49px;
	width:615px;
	}
	
.orange_heading_bg1_976{
	background:url(../images/orange_heading_bg_976.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:63px;
	width:980px;
	}
	
.orange_heading_bg2_976{
	background:url(../images/orange_heading_bg1_976.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:49px;
	width:980px;
	}
	
.grey_bg{
	background:#ededed;
	padding:8px;
	}
	
.link1{
	font-family:tahoma;
	font-size:13px;
	font-weight:bold;
	color:#a11313;
	text-decoration:none; 
	text-transform:uppercase;
	}


.underline-on-hover:link    {text-decoration: none}
.underline-on-hover:visited {text-decoration: none}
.underline-on-hover:hover   {text-decoration: underline}
.underline-on-hover:active  {text-decoration: none}

	
a.link1:hover{
	font-family:tahoma;
	font-size:13px;
	font-weight:bold;
	color:#a11313;
	text-transform:uppercase;
	}

/*	text-decoration:underline; */
	
.red_text{
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
	color:#a11313;
	}
	
.link2{
	font-family:"Arial Narrow";
	font-size:18px;
	font-weight:bold;
	color:#9f1312;
	text-decoration:underline;
	}
	
a.link2:hover{
	font-family:"Arial Narrow";
	font-size:18px;
	font-weight:bold;
	color:#9f1312;
	text-decoration:none;
	}
	
.grey_line{
	background:url(../images/grey_line1.gif);
	background-position:left top;
	background-repeat:repeat-y;
	}
	
#list{
	width:100%;
	}
	
#list ul{
	padding:10px 5px 5px 20px;
	margin:0px;
	display:block;
	}
	
#list ul li{
	padding:0px 0px 5px 0px;
	margin:0px;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	line-height:13px;
	}
	
#list ul li a{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	}
	
#list ul li a:hover{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	text-decoration:underline;
	}


a:hover { text-decoration: underline; }
.nounder:hover { text-decoration: underline; }
	
a.nounder {
	text-decoration:none;
	}
	
	
.footer_menu{
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	font-family:tahoma;
	font-size:11px;
	}
	
a.footer_menu:hover{
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	}
	
.footer_text{
	color:#666666;
	font-family:tahoma;
	font-size:11px;
	}
.footer_desc{
	color:#333333;
	font-family:tahoma;
	font-size:11px;
	}
	

table.table1 {
        border-width: 1px;
        border-style: outset;
        border-color: #a11313;
        border-collapse: collapse;
}

table.table2 {
        border-width: 1px;
        border-style: outset;
        border-color: gray;
        border-collapse: collapse;
}

.gray {font-size:9pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: gray;}
.tbig {font-size:9pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: black;}
.t {font-size:9pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: black;}
.tgreen {font-size:9pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: green;}
.tgray {font-size:9pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: gray;}
.tred {font-size:9pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: red;}
.tt {font-size:8pt; font-family: Verdana,Helvetica,Arial,sans-serif; color: black;}



hr {
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 0px;
  border-top: 0;
  border-bottom: dashed 1px #d8d8d8;
}


.roundborder {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
    border-width: 1px;
    border-style: outset;
    border-color: #336699;
    border-collapse: collapse;
    overflow: hidden;
}



// round corners
.layout {
  width: 660px;
  margin: 30px auto;
  text-align: left;
  background-color: #2A3333;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 30px;
  color: #FFF;
}

.picture img {
	border: 1px solid #000;
}

.picture1 img {
	padding: 1px;
	border: 1px solid #000;
}

.boxb {
        font-family: Arial,Verdana; font-size: 11px;
}



.imagedropshadow {
padding: 5px;
border: solid 1px #EFEFEF;
}

a:hover td.imagedropshadow {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
-webkit-transition:all .2s ease-in;
box-shadow: 1px 1px 5px #999;
}


.shad {
  margin: 5px;
/*  float: left; */
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 3px #111;
          box-shadow: 3px 3px 3px #111;    
}

.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}


.bump:hover {
    position:relative;
    top:-2px;
    left:-2px;
    width:160px;
    height:auto;
    display:block;
    z-index:999;
}

.bump_small:hover {
    position:relative;
    top:-2px;
    left:-2px;
    width:100px;
    height:auto;
    display:block;
    z-index:999;
}

.bump225:hover {
    position:relative;
    top:-2px;
    left:-2px;
    width:225 px;
    height:auto;
    display:block;
    z-index:999;
}

.bump250:hover {
    position:relative;
    top:-2px;
    left:-2px;
    width:250 px;
    height:auto;
    display:block;
    z-index:999;
}


.red_button:focus {
      outline: none;
}

.red_button {   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f)); background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0); background-color:#f24537; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d02718; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:2px 12px;     text-decoration:none;}.red_button:hover {       background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537)); background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0); background-color:#c62d1f;}.red_button:active { position:relative; top:1px;}


.myButton {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5)); background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%); background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%); background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0); background-color:#79bbff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:2px 12px; text-decoration:none;}.myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff)); background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%); background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%); background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0); background-color:#378de5;}.myButton:active { position:relative; top:1px;}

.red_button1 {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f)); background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0); background-color:#f24537; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d02718; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:2px 12px;	text-decoration:none;}.red_button:hover {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537)); background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0); background-color:#c62d1f;}.red_button:active { position:relative; top:1px;}

.green_button {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);background-color:#44c767;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #18ab29;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:11px;font-weight:bold;padding:3px 5px;text-decoration:none;}.green_button:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);background-color:#5cbf2a;}.green_button:active {position:relative;top:1px;}

.blue_button {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);background-color:#79bbff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:12px;font-weight:bold;padding:3px 7px;text-decoration:none;}.blue_button:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);background-color:#378de5;}.blue_button:active {position:relative;top:1px;}



.spacer10 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }


/* spinner css */

#overlay {
 background: #ffffff;
 color: #666666;
 position: fixed;
 height: 100%;
 width: 100%;
 z-index: 5000;
 top: 0;
 left: 0;
 float: left;
 text-align: center;
 padding-top: 25%;
}


.images {
 display: inline-block;
 position: relative;
}

.images .shad {
 position: relative;
 display: inline-block;
}

.loading_text {
    left: 0;
    position:absolute;
    text-align:center;
    top: 130px;
    font-size: 1em;
    color: #FFF;
    width: 100%
}

.text-center {
 text-align: center;
}



/*------------------- Loading image --------------------*/
.loading-img {
            position: absolute;
            color: #000;
            font-size: 14px;
            display: block;
            text-align: center;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: 1;
        }
        .loading-spin {
            border-radius: 50%;
            width: 24px;
            height: 24px;
            border: .25rem solid rgba(255,255,255, 0.5);
            border-top-color: rgb(255,255,255);
            animation: spin 1s infinite linear;
            z-index: 1;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -10px 0 0 -20px;
        }
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
/*------------------- End Loading image --------------------*/


/*------------------- Heart Likes -------------------*/

.heart+a {
    position: relative;
    z-index: 99;
    left: 10px;
}

.heart {
    height: 16px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin: 0;
    vertical-align: middle;
    padding-left: 17px;   /* space between heart and like num */
    position: relative;
}

.animation {
    position: absolute;
    background-image: url(https://www.bearpile.com/gif/ball/hearts.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2900%;
    height: 20px;
    width: 50px;
    left: -10px;
    top: 0;
    z-index: 0;
}

    .tweet {
        padding: 0;
        box-sizing: border-box;
        display: inline-block;
        margin-right: 10px;
    }

.tweet .time, .tweet .like {
    position: relative;
}


.liked .animation, .heart:hover .animation {
    background-position: right;
}

.aniHover .heart:hover .animation {
    background-position: left;
}
.like.animating.liked.aniHover .heart:hover .animation {
    background-position: right;
}
.like.liked {
    color: #f00;
}

.animating .animation {
    animation-timing-function: steps(28);
    animation-name: heart-burst;
    animation-duration: .8s;
    animation-iteration-count: 1;
}

.tweet span {
    vertical-align: middle;
}


.time, .like {
    font-size: 15px;
    color: #aab8c2;
}

.counters {
    padding: 0px 10px;
    margin-top: 10px;
}

.middle-align {
    height: 100%;
    display: inline-block;
}

@keyframes heart-burst {
    0% {
        background-position: left
    }
    100% {
        background-position: right
    }
}

.heart .tooltiptext {
    visibility: hidden;
    position: absolute;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    bottom: 125%;
    min-width: 50px;
    left: 50%;
    -ms-transform: translate(-36%, 0);
    -webkit-transform: translate(-36%, 0);
    transform: translate(-36%, 0);
    font-size: 12px;
    white-space: nowrap;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.heart:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

a span.like-counter {
    text-decoration: none;
    border: 0;
    margin-top: 0px;
    display: inline-block;
    margin-right: 0;
    min-width: 0;
    position: relative;
    bottom: -1px;
    left: 0;
    z-index: 99;
}
 
.like a, .like.aniHover a:hover {
    text-decoration: none;
    color: #aab8c2;
}

.liked a, .like a:hover, .like.aniHover.animating.liked a:hover {
    color: #e2264d;
}


/*
.l1ike:before {
    content: '';
    position: absolute;
    z-index: 999;
    width: 25px;
    height: 15px;
    left: -18px;
    top: 5px;
}
*/
/* ----------------- End Heart like --------------------*/

.padded td {padding: 10px;}                                                                                 

/* ------------ For /ajax/find.js ------------------- */
div.invisibleFloater {
	position: absolute;
	background-color: white; /*what for? it was so let it be*/
	z-index: 100;
	margin: 2px 0px 0px 1px;
	display: none;
	border: 1px solid #000;
	border-width: 1px 2px 2px 1px;
	border-color: #5a5959 #444444 #444444 #5a5959;
	width: 500px;
	border-style: solid;
	font-size:11pt; 
	font-family: Arial;
	line-height: 1.4em;
	text-transform: capitalize;

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

div.makeItVisible {
	display: block;
}

a.unHighLighted {
	display: block;
	background-color: #fff;
	color: #00000;
}
a.highLighted {
	display: block;
	background-color: #55556d;
	color: #fff;
}

#searchText {
	font-family: Verdana; font-size: 18px;
	border-width: 1px;
	border-spacing: 3px;
	border-style: dotted;
	border-color: #000000;
}
/* ------------ end /ajax/find.js ------------------- */



.force-wrap {
  /* these are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}