


/*
html, #brDiv div, #brDiv span, #brDiv applet, #brDiv object, #brDiv iframe,
#brDiv h1, #brDiv h2, #brDiv h3, #brDiv h4, #brDiv h5, #brDiv h6, #brDiv p, #brDiv blockquote, #brDiv pre,
#brDiv a, #brDiv abbr, #brDiv acronym, #brDiv address, #brDiv big, #brDiv cite, #brDiv code,
#brDiv del, #brDiv dfn, #brDiv em, #brDiv font, #brDiv img, #brDiv ins, #brDiv kbd, #brDiv q, #brDiv s, #brDiv samp,
#brDiv small, #brDiv strike, #brDiv strong, #brDiv sub, #brDiv sup, #brDiv tt, #brDiv var,
#brDiv dl, #brDiv dt, #brDiv dd, #brDiv ol, #brDiv ul, #brDiv li,
#brDiv fieldset, #brDiv form, #brDiv label, #brDiv legend,
#brDiv table, #brDiv caption, #brDiv tbody, #brDiv tfoot, #brDiv thead, #brDiv tr, #brDiv th, #brDiv td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 100%;
}
*/

#brDiv  {
	margin-left:-14px;

    margin-left:0px;

	margin-bottom:0px;
	padding:2px;
	background:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	border-radius: 4px;
}

#brDiv *, #brDiv *:before , #brDiv *:after {
    -moz-box-sizing: content-box;
}
/* breadcrumb nav */

#brDiv .breadcrumbNav {
   height: 35px;
 /*  width: 965px;
   width: 940px;
   */
   position: relative;
   
}

#brDiv .breadcrumbItem {
   position: relative;
   float: left;
   height: 35px;
}

#brDiv .breadcrumbItem .brContent {
   position: relative;
   height: 25px;
   height: 35px;
   margin: 0 12px;

   /*padding: 10px 6px 0 10px;*/
   padding: auto;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 6px;
	overflow:visible;
	
   font-weight: bold;
   font-size: 14px;
   background: url(/img/breadcrumb-m.png) repeat-x 0 0;
   text-shadow: 0 1px 0 #FFF;
   
 
}

#brDiv .brContent > span  {
	display:table;
	background:none;
	height:32px;
	/*
	position:absolute; 
	top:50%; 
	height:24px; 
	margin-top:-12px;
	 
	display: block;
	*/	
}

#brDiv .brContent > span  p {
	padding:0;
	margin:0;	
	background:none;
	display:table-cell; 
	vertical-align:middle;
	text-align:center;
}

#brDiv .breadcrumbItem .triangle.left {
   position: absolute;
   top: 0;
   left: -6px;
   height: 35px;
   width: 18px;
   background: url(/img/breadcrumb-triangle-l.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem .triangle.right {
   position: absolute;
   top: 0;
   right: -5px;
   height: 35px;
   width: 18px;
   background: url(/img/breadcrumb-triangle-r.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem:hover .brContent {
   background: url(/img/breadcrumb-m.png) repeat-x 0 -35px;
   cursor: pointer;
}

#brDiv .breadcrumbItem:hover .triangle.left {
   background: url(/img/breadcrumb-triangle-l.png) no-repeat 0 -35px;
   cursor: pointer;
}

#brDiv .breadcrumbItem:hover .triangle.right {
   background: url(/img/breadcrumb-triangle-r.png) no-repeat 0 -35px;
   cursor: pointer;
}

#brDiv .breadcrumbItem:active .brContent {
   background: url(/img/breadcrumb-m.png) repeat-x 0 -70px;
}

#brDiv .breadcrumbItem:active .triangle.left {
   background: url(/img/breadcrumb-triangle-l.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem:active .triangle.right {
   background: url(/img/breadcrumb-triangle-r.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.dark .brContent , #brDiv .breadcrumbItem.dark .brContent a:link ,
#brDiv .breadcrumbItem.dark .brContent a:visited 
 {
   background: url(/img/breadcrumb-m-dark.png) repeat-x 0 0;
   color: #FFF;
   text-shadow: 0 -1px 0 #000;
}

#brDiv .breadcrumbItem.dark .triangle.left {
   background: url(/img/breadcrumb-triangle-dark-l.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.dark .triangle.right {
   background: url(/img/breadcrumb-triangle-dark-r.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.dark:hover .brContent {
   background: url(/img/breadcrumb-m-dark.png) repeat-x 0 -35px;
   cursor: pointer;
}

#brDiv .breadcrumbItem.dark:hover .triangle.left {
   background: url(/img/breadcrumb-triangle-dark-l.png) no-repeat 0 -35px;
   cursor: pointer;
}

#brDiv .breadcrumbItem.dark:hover .triangle.right {
   background: url(/img/breadcrumb-triangle-dark-r.png) no-repeat 0 -35px;
   cursor: pointer;
}

#brDiv .breadcrumbItem.dark:active .brContent {
   background: url(/img/breadcrumb-m-dark.png) repeat-x 0 -70px;
}

#brDiv .breadcrumbItem.dark:active .triangle.left {
   background: url(/img/breadcrumb-triangle-dark-l.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.dark:active .triangle.right {
   background: url(/img/breadcrumb-triangle-dark-r.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.leftEnd .triangle.left {
   position: absolute;
   top: 0;
   left: 0;
   height: 35px;
   width: 6px;
   background: url(/img/breadcrumb-l.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.leftEnd:hover .triangle.left {
   background: url(/img/breadcrumb-l.png) no-repeat 0 -35px;
}

#brDiv .breadcrumbItem.leftEnd:active .triangle.left {
   background: url(/img/breadcrumb-l.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.leftEnd.dark .triangle.left {
   background: url(/img/breadcrumb-l-dark.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.leftEnd.dark:hover .triangle.left {
   background: url(/img/breadcrumb-l-dark.png) no-repeat 0 -35px;
}

#brDiv .breadcrumbItem.leftEnd.dark:active .triangle.left {
   background: url(/img/breadcrumb-l-dark.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.leftEnd .brContent {
   margin-left: 6px;
   padding-left: 28px;
}

#brDiv .breadcrumbItem.rightEnd .triangle.right  {
   position: absolute;
   top: 0;
   right: 0;
   height: 35px;
   width: 6px;
   background: url(/img/breadcrumb-r.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.rightEnd:hover .triangle.right {
   background: url(/img/breadcrumb-r.png) no-repeat 0 -35px;
}

#brDiv .breadcrumbItem.rightEnd:active .triangle.right {
   background: url(/img/breadcrumb-r.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.rightEnd.dark .triangle.right  {
   background: url(/img/breadcrumb-r-dark.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.rightEnd.dark:hover .triangle.right {
   background: url(/img/breadcrumb-r-dark.png) no-repeat 0 -35px;
}

#brDiv .breadcrumbItem.rightEnd.dark:active .triangle.right {
   background: url(/img/breadcrumb-r-dark.png) no-repeat 0 -70px;
}

#brDiv .breadcrumbItem.rightEnd .brContent {
   margin-right: 6px;
   padding: 10px 24px 0 10px;
    -moz-box-sizing: border-box;
}

#brDiv .breadcrumbItem.rightEnd .btn {
    margin-right: 0px;
    padding: 5px 8px 0 8px;
    height:34px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width:155px;

    -moz-box-sizing: border-box;

    border-top: 2px solid #449C48;

}

/*
#brDiv .breadcrumbItem.rightEnd {
 background: -moz-linear-gradient(center top , #74CDFA, #1F79C1) repeat scroll 0 0 transparent;
}
#brDiv .breadcrumbItem.rightEnd .brContent , #brDiv .breadcrumbItem.rightEnd .triangle.right {
	background: transparent;	
}
*/

#brDiv .breadcrumbItem#rightLink {
	float: right;
}

#brDiv .breadcrumbItem#rightLink .brContent {
	margin-left: 0;

    width: 114px;
    width: 148px;
}


#brDiv .breadcrumbItem#currentBreadcrumb {
   float: none;
   clear: none;
   margin-right: 99px;
   white-space: nowrap;
   text-overflow: ellipsis;
}

#brDiv .breadcrumbItem#currentBreadcrumb .brContent {
   margin-right: 0;
   padding-right: 10px;
}

#brDiv #breadcrumbs .divider {
   width: 1px;
   height: 35px;
   float: right;
   position: relative;
   z-index: 2;
   background: url(/img/breadcrumb-m-dark.png) no-repeat 0 -35px;
}


#brDiv .races .breadcrumbItem.leftEnd .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	margin-top: -14px;
	left: 8px;
	background: url(/img/logo_icon.png) no-repeat 0 0;
	z-index: 2;	
}


#brDiv .breadcrumbItem .icon {
   width: 17px;
   height: 17px;
   position: absolute;
   top: 50%;
   margin-top: -9px;
   right: 6px;
}

#brDiv .breadcrumbItem .icon:hover {
   cursor: pointer;
}

#brDiv .breadcrumbItem.rightEnd .icon {
   background: url(/img/breadcrumb-triangle.png) no-repeat 0 0;
}

#brDiv .breadcrumbItem.rightEndEmpty .icon {
   background: url(/img/breadcrumb-triangle.png) no-repeat 0 0;
}

