/*
	File Name:		styles.css
	Description:	LiveRoute
	Version:		2
	Author:		Dmitry Korsunov
	E-mail:		dmitry.korsunov@gmail.com
	
	No Rights Reserved.
	But some credit would be appreciated.
*/


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #EEEEEE url(../img/bg_t.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D4040;
}

a {
	color: #B1091B;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a img {
	border: none;
}

a,
a:focus {
	outline: none;
}

/* --- Headings --- { --- */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 5px;
}

h2 {
	font-family: Times New Roman, Times, serif;
	font-size: 15px;
	/* font-weight: normal; */
	color: #333;
	padding-bottom: 8px;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}

h3 {
	font-family: Times New Roman, Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 3px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}

h5 {
	font-size: 12px;
	padding-bottom: 5px;
}

h6 {
}

/* --- } --- Headings --- */

.smallerText,
small {
	font-size: 11px;
}

p, form, ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#wrapper {
	background: url(../img/bg_t2.jpg) center 76px no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	z-index: 1;
}
	
	#wrapper .vTop, #wrapper table.vTop td  {
		vertical-align: top;
	}
	#wrapper .vMid, #wrapper table.vMid td {
		vertical-align: middle;
	}
	#wrapper .vBot, #wrapper table.vBot td {
		vertical-align: bottom;
	}
	
	#wrapper .marg_t {
		margin-top: 10px;
	}
	#wrapper .marg_b {
		margin-bottom: 15px;
	}
	
	#wrapper .marg_b2 {
		margin-bottom: 20px;
	}
	
	.red {
		color: #B1091B;
	}
	
	.gray {
		color: #666666;
	}
	
	.gray2 {
		color: #999;
	}
	
.wrapper {
	width: 942px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.cleaner {
	font-size: 1px;
	height: 1px;
	margin-bottom: -1px;
	clear: both;
}

.show {
	display: block;
}
.hide {
	display: none;
}




#top {
	padding: 13px 0 0 18px;
	height: 63px;
}	
	#top a, #top a:focus {
		outline: none;
	}

	#top ul {
		position: absolute;
		z-index: 1;
		right: 20px;
		top: 11px;
		font-size: 11px;
	}
		#top ul li {
			display: block;
			float: left;
			color: #CCC;
			padding-left: 5px;
			margin-left: 5px;
		}		
			#top ul li a {
				color: #666;
				text-decoration: none;
			}
				#top ul li a:hover {
					color: #820000;
					text-decoration: underline;
				}
		
		#top .icon_rss {
			background: url(../img/icon_rss.gif) right top no-repeat;
			padding-right: 18px;
		}


#searchForm {
	position: absolute;
	z-index: 1;
	right: 19px;
	top: 37px;
	width: 230px;
	height: 24px;
}
	#searchForm #s {
		float: left;
		border-left: 2px solid #999;
		border-top: 2px solid #999;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 2px 3px;
		width: 190px;
	}
	
	#searchForm #s_btn {
		float: left;
		width: 31px;
		height: 22px;
		background: url(../img/btn_search.gif) left top no-repeat;
		border: none;
		cursor: pointer;
	}
		#searchForm #s_btn:hover {
			background: url(../img/btn_search.gif) left bottom no-repeat;
		}

		
	

#topMenu {
	height: 63px;
	width: 942px;
	position: relative;
	z-index: 1;
	color: #FFF;
}
	#topMenu .topMenu {
		height: 36px;
		display: block;
		padding-top: 20px;
		font-size: 12px;
		font-weight: bold;
	}
		#topMenu .topMenu li, 
		#topMenu .topMenu li a, 
		#topMenu .topMenu li a span {
			display: block;
			float: left;
		}
		
		#topMenu .topMenu li{
			padding-right: 3px;
		}
		
		#topMenu .topMenu li, 
		#topMenu .topMenu li a {
			height: 36px;
		}
			#topMenu .topMenu li a {
				padding-right: 10px;
				color: #FFF;
				text-decoration: none;
				background: url(../img/tm_bg.gif) right 5px no-repeat;
			}
				#topMenu .topMenu li a span {
					padding: 13px 6px 0 16px;
					height: 23px;
					cursor: pointer;
					background: url(../img/tm_bg.gif) left -35px no-repeat;
				}
				
				#topMenu .topMenu li a:hover, 
				#topMenu .topMenu li .hover {
					background: url(../img/tm_bg.gif) right -75px no-repeat;
				}				
					#topMenu .topMenu li a:hover span, 
					#topMenu .topMenu li .hover span {
						background: url(../img/tm_bg.gif) left -115px no-repeat;
					}
				
				/*
				#wrapper #topMenu .topMenu li .act {
					background: url(../img/tm_bg.gif) right -70px no-repeat;
				}				
					#wrapper #topMenu .topMenu li .act span {
						background: url(../img/tm_bg.gif) left -70px no-repeat;
					}
					
				#wrapper #topMenu .topMenu #tm_1.act {
					background: url(../img/tm_bg.gif) right -115px no-repeat;
				}				
					#wrapper #topMenu .topMenu #tm_1.act span {
						background: url(../img/tm_bg.gif) left -115px no-repeat;
					}
				*/
					
	#topMenu .subMenu {
		position: absolute;
		z-index: 10;
		width: 150px;
		background-color: #333333;
		top: 55px;
		font-weight: bold;
		padding: 7px 0;
	}
		#topMenu .subMenu li, 
		#topMenu .subMenu li a {
			display: block;
		}
		
		#topMenu .subMenu li {
			width: 150px;
		}
			#topMenu .subMenu li a {
				color: #FFF;
				text-decoration: none;
				padding: 5px 10px 6px 15px;
				width: 125px;
				border-top: 1px solid #333;
			}
				#topMenu .subMenu li a:hover, 
				#topMenu .subMenu li .act {
					color: #FFF;
					text-decoration: none;
					background-color: #E52F35;
				}				
	
	
	#wrapper #tm_3_sm {
		width: 330px;
		background-color: #333;
	}	
		#tm_3_sm ul {
			float: left;
		}
	
	#wrapper .subMenu2 {
		background: url(../img/dots_v.gif) left 1px repeat-y;
		padding-left: 1px;
		width: 179px;
		font-size: 11px;
		font-weight: normal;
	}
		#wrapper .subMenu2 li {
			width: 179px;
		}
		
		#wrapper .subMenu2 li a {
			width: 149px;
			padding: 4px 10px 5px 20px;
		}
			#wrapper #topMenu  .subMenu2 li a:hover {
				background-color: #666;
			}

	
	
	#loginBtn {
		width: 101px;
		position: absolute;
		z-index: 1;
		top: 19px;
		right: 20px;
	}
		#loginBtn a img {
			background: url(../img/btn_login.gif) left top no-repeat;
		}
			#loginBtn a:hover img {
				background: url(../img/btn_login.gif) left bottom no-repeat;
			}

			
#scheduleBnr {
	padding-left: 1px;
}
	#scheduleBnr a img {
		background: url(../img/schedule_bnr.jpg) left top no-repeat;
	}
		#scheduleBnr a:hover img {
			background: url(../img/schedule_bnr.jpg) left bottom no-repeat;
		}
			

#content {
	padding:0px 0 240px 0;
}
	#content p {
		padding: 0 0 16px 0;
	}

	#content td {
		vertical-align: top;
	}
	
	#content ul, #content ol {
	}
		#content ul li {
			background: url(../img/li.gif) left 4px no-repeat;
			padding: 0 0 2px 10px;
		}
		
		#content ol {
			padding: 4px 0 10px 28px;
		}		
			#content ol li {
				list-style-type: decimal;
				padding-bottom: 4px;
			}
		
		#wrapper .smallerText li {
			background: url(../img/li.gif) left 3px no-repeat;
			padding: 0 0 5px 10px;
		}
		
		#wrapper #content .list li {
			font-size: 11px;
			background: url(../img/li2.gif) left 5px no-repeat;
			padding: 0 0 0 10px;
		}
		
		#wrapper div.list {
			font-size: 11px;
			background: url(../img/li2.gif) left 5px no-repeat;
			padding: 0 0 0 10px;
		}

#wrapper .dotList {
	padding: 4px 0 20px 18px;
}
	#wrapper .dotList li {
		background: url(../img/dot.gif) left 6px no-repeat;
		list-style-type: none;
	}
	
	#wrapper .dotList ul {
		padding: 5px 0 5px 5px;
	}	
		#wrapper .dotList li li {
			font-size: 11px;
			background: url(../img/dot2.gif) left 6px no-repeat;
			padding-left: 9px;
		}		
		

.shad_t {
	background: url(../img/shad_t.gif) left top no-repeat;
	padding-top: 15px;
}

.shad {
	background: url(../img/shad_bg.gif) left top repeat-y;
	padding: 14px 29px 25px 29px;
}

.btn_schedule {
	width: 230px;
	height: 34px;
	display: block;
	background: url(../img/btn_schedule.gif) left top no-repeat;
}
	.btn_schedule:hover {
		background: url(../img/btn_schedule.gif) left bottom no-repeat;
	}
	
.blackBg {
	width: 926px;
	margin-left: 1px;
	background-color: #252525;
	padding: 10px 7px;
	color: #CCC;
}
	
.redBg {
	width: 900px;
	margin-left: 1px;
	background: #B1091B url(../img/red_b.gif) left bottom no-repeat;
	padding: 5px 20px 6px 20px;
	color: #FFF;
}
	.redBg h1 {
		padding-bottom: 0;
	}
	
	.redBg a, .redBg a:hover {
		color: #FFF;
	}
	
	.redBg .icon_rss {
		background: url(../img/icon_rss2.gif) right top no-repeat;
		padding-right: 18px;
	}
	

.padd {
	padding: 14px 18px 14px 18px;
}

.padd2 {
	padding: 12px 18px 0 18px;
}

.dots_v {
	background: url(../img/dots_v2.gif) center top repeat-y;
}


.shad_sm {
	width: 304px;
	background: url(../img/shad_sm.gif) right top repeat-y;
	color: #666;
}
	.shad_sm .t {
		background: url(../img/shad_sm.gif) left top no-repeat;
		padding: 15px 20px 0 20px;
		width: 264px;
	}
	
	.shad_sm .b {
		background: url(../img/shad_sm.gif) -310px top no-repeat;
		height: 15px;
	}


.grayBg {
	width: 900px;
	margin-left: 1px;
	background: #666 url(../img/gray_b.gif) left bottom no-repeat;
	padding: 5px 20px 6px 20px;
	color: #FFF;
	margin-top: 14px;
}
	.grayBg h1 {
		padding-bottom: 0;
	}
	
	.grayBg a, .grayBg a:hover {
		color: #FFF;
	}
	
	.grayBg .icon_rss {
		background: url(../img/icon_rss3.gif) right top no-repeat;
		padding-right: 18px;
	}	


#topBnr {
	padding-bottom: 16px;
}

#wrapper #path {
	font-size: 11px;
	height: 15px;
	padding-bottom: 15px;
}
	#wrapper #path li {
		display: block;
		float: left;
		padding-right: 10px;
		color: #B1091B;
	}

	
.sideDots {
	background: url(../img/dots_side.gif) right top repeat-y; 
}	

#middle h2, #sidebar h2 {
	padding-bottom: 12px;
}	
	
#middle {
	width: 625px;
	padding-right: 25px;
	/* background: url(../img/dots_v3.gif) right top repeat-y; */
	float: left;
}	
	
	
.grayBox {
	width: 618px;
	margin: 7px 0 25px 7px;
	background: url(../img/gray_box.gif) right top repeat-y; 
}
	.grayBox .t {
		width: 618px;
		background: url(../img/gray_box.gif) left top no-repeat;
		padding-top: 16px;
	}
	
	.grayBox .b {
		width: 582px;
		background: url(../img/gray_box.gif) -620px bottom no-repeat;
		padding: 0 18px 16px 18px;
	}
	
	#wrapper .grayBox p {
		padding-bottom: 10px;
	}


.grayBox2 {
	width: 585px;
	padding-top: 15px;
	background: #F6F6F6 url(../img/gray_box2.gif) left top no-repeat;
	margin: 10px auto;
}
	.grayBox2 .b {
		width: 545px;
		padding: 0 20px 20px 20px;
		background: url(../img/gray_box2.gif) right bottom no-repeat;
		
	}	
	
	
.checkList {
	padding-left: 5px;
}	
	#wrapper .checkList li {
		background: url(../img/icon_check.gif) left 4px no-repeat;
		padding: 0 0 8px 17px;
		color: #B50000;
		font-family: Times New Roman, Times, serif;
		font-size: 13px;
	}
	

.post {
	padding-bottom: 30px;
}
	.post h4 {
		padding-bottom: 12px;
	}
	
	.post .actions, 
	.post .rating, 
	.post .meta {
	}
		.post .actions a, 
		.post .rating a, 
		.post .meta a {
			color: #B1091B;
		}
			.post .actions a:hover, 
			.post .rating a:hover, 
			.post .meta a:hover {
				color: #333;
			}

			
	.post .actions {
		height: 16px;
		padding-bottom: 8px;
	}		
		.post .actions span, 
		.post .actions ul li {
			display: block;
			float: left;
		}
		
		.post .actions span {
			padding: 2px 10px 0 0;
		}
			
		#content .post .actions ul {
			padding: 0;
		}
			#content .post .actions li {
				padding: 2px 9px 0 0;
				margin-right: 8px;
				background: url(../img/sepp.gif) right 5px no-repeat;
				height: 14px;
			}
			
			#content .post .actions li.last {
				background: none;
			}
			
			#wrapper #content .post .actions .icon_rss {
				background: url(../img/icon_rss.gif) right 2px no-repeat;
				padding-right: 20px;
			}

			
	.post .rating {
		height: 13px;
		padding-bottom: 8px;
	}	
		.post .rating span, 	
		.post .rating a {
			float: left;
		}

		.post .rating span {
			padding-right: 5px;
		}
		
		.post .rating a {
			margin-right: 3px;
		}		
			.post .rating a img {
				height: 13px;
				width: 13px;
				background: url(../img/rating.gif) left top no-repeat;
			}
				.post .rating a:hover img, 
				.post .rating .act img  {
					background: url(../img/rating.gif) left bottom no-repeat;
				}
	

	.pages {
		padding-top: 11px;
		background: url(../img/dots_h.gif) left top repeat-x;
		margin-bottom: 12px;
	}
		.pages div {
			padding-bottom: 9px;
			background: url(../img/dots_h.gif) left bottom repeat-x;
			height: 28px;
		}
		
		.pages ul {
			height: 28px;
			margin: 0 auto;
		}
		
		.pages ul li, 
		.pages ul li a {
			display: block;
			float: left;
			text-align: center;
		}
			#wrapper .pages ul li {
				padding: 2px;
				background: none;
			}
			
			.pages ul li {
				border: 1px solid #999;
				margin: 0 3px;
				height: 19px;
			}
			
			.pages ul li a {
				padding: 2px 6px 0 6px;
				height: 17px;
				color: #666666;
				font-weight: bold;
			}
				.pages ul li a:hover {		
					color: #B40000;
					background-color: #E7E7E7;
				}
				
				
			#wrapper .pages .prev, 
			#wrapper .pages .next {
				border: 1px solid #FFF;
				font-size: 11px;
			}
				#wrapper .pages .prev a, 
				#wrapper .pages .next a {
					font-weight: normal;
				}
				
				#wrapper .pages .prev a {
					background: url(../img/li3.gif) left 6px no-repeat;
					padding-left: 10px;
				}
				
				#wrapper .pages .next a {
					background: url(../img/li.gif) right 6px no-repeat;
					padding-right: 10px;
				}


.tbl th, 
.tbl td {
	border-right: 1px solid #BCBCBC;
	padding: 8px 7px;
}

.tbl2 th {
	border-right: 1px solid #BCBCBC;
	padding: 8px 7px;
}

.tbl2 td {
	border-right: 1px solid #BCBCBC;
	padding: 6px 7px;
}
	.tbl th, 
	.tbl2 th {
		border-bottom: 1px solid #BCBCBC;
		text-align: left;
		font-weight: normal;
	}
	
	.tbl .row td, 
	.tbl2 .row td {
		background-color: #EEE;
	}
	
	.tbl .row2 td,
	.tbl2 .row2 td {
		background-color: #E0E0E0;
		padding: 8px 7px;
	}
	
	.tbl .row3 td, 
	.tbl2 .row3 td {
		background-color: #666;
		color: #FFF;
		padding: 8px 7px;
	}
	
	.tbl .row4 td,
	.tbl2 .row4 td {
		background-color: #999;
		color: #FFF;
		padding: 8px 7px;
	}
	
	#wrapper .tbl .last,
	#wrapper .tbl2 .last {
		border-right: none;
	}
	
	
#sidebar {
	width: 212px;
	float: right;
}


#sideMenu {
	padding-bottom: 25px;
}

#content #sideMenu li {
	display: block;
	width: 212px;
	padding: 1px 0 2px 0;
	background: url(../img/dots_h.gif) left bottom repeat-x;
}
	#content #sidebar #sideMenu .last {
		background: none;
	}

	#content #sideMenu li span {
		display: block;
		width: 187px;
		padding: 5px 10px 6px 15px;
	}
	
	#content #sideMenu .act span {
		background: #B40000 url(../img/sm_bg.gif) left top no-repeat;
	}
	
	#wrapper #sideMenu .act a, #wrapper #sideMenu .act a:hover {
		color: #FFF;
	}
	
	#sideMenu li a {
		font-family: Times New Roman, Times, serif;
		font-size: 13px;
		color: #333333;
	}
		#sideMenu li a:hover {
			color: #B40000;
			text-decoration: none;
		}

		
#backTop {
	font-size: 11px;
	padding-top: 24px;
}
	#backTop a {
		background: url(../img/arw_u.gif) left 4px no-repeat;
		padding-left: 13px;
	}
		

#footer {
    position: relative;
	z-index: 2;
    height: 214px;
	margin-top: -214px;
    background: #252525 url(../img/ft_bg.gif) left top repeat-x;
    clear: both;
}
	.footer {
		padding: 7px 13px 0 13px;
		width: 916px;
		height: 200px;
		margin: 0 auto;
		font-size: 11px;
		color: #CCC;
		position: relative;
		z-index: 2;
		background: url(../img/ft_bg2.gif) left 46px no-repeat;
	}
	
	.footer table {
		float:left;
	}
	
	.footer .vMid{height:46px;}
		.footer td {
			vertical-align: top;
		}
	
	.footer .dots_v {
		background: url(../img/dots_v.gif) left top repeat-y;
	}
	
	.footer a {
		color: #999;
	}
		.footer a:hover {
			color: #CCC;
		}
	
	.footer .addthis_button {
		position: absolute;
		z-index: 2;
		right: 20px;
		top: 7px;
	}

/* --- Forms --- { --- */

.shortInput,
.normalInput,
.normalInput2,
.mediumInput,
.longInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #555;
}

.form .shortInput,
.form .normalInput,
.form .normalInput2,
.form .mediumInput,
.form .longInput {
	padding: 3px;
	margin: 0 0 14px 0;
}

.form2 .shortInput,
.form2 .normalInput,
.form2 .normalInput2,
.form2 .mediumInput,
.form2 .longInput {
	padding: 3px;
	margin: 0 0 8px 0;
}

.form label, .form2 label {
	display: block;
	padding-top: 3px;
}

.form td, .form2 td {
	vertical-align: top;
}

.shortInput {
	width: 40px;
}
	select.shortInput {
		width: 48px;
	}

.normalInput {
}

.normalInput2 {
	width: 165px;
}
	select.normalInput2 {
		width: 173px;
	}

.mediumInput {
	width: 220px;
}
	select.mediumInput {
		width: 228px;
	}

.longInput {
}

.marg5 {
	margin-top: 5px;
}

.marg10 {
	margin-top: 10px;
}

.note {
	background-color: #F9EDEE;
	font-size: 11px;
	padding: 7px;
	border: 1px solid #F3D8DB;
	color: #666;
	margin-bottom: 14px;
}

.btn {
	display: block;
	width: 75px;
	height: 21px;
	text-align: center;
	padding-top: 5px;
	color: #666;
	background: url(../img/btn.gif) left top no-repeat;
	text-decoration: none;
	margin: 0 auto;
}
	.btn:hover {
		background: url(../img/btn.gif) left bottom no-repeat;
		color: #000;
		text-decoration: none;
	}

/* --- } --- Forms --- */



#sitemap {
}
	#sitemap div {
		background: url(../img/link.gif) left 4px no-repeat;
		padding: 0 0 7px 14px;
	}
	
	#sitemap a {
		text-decoration: underline;
	}
	
	#sitemap ul {
		margin: 0 0 12px 0;
		padding: 2px 0 0 0;
		background: url(../img/dash_v.gif) 2px top repeat-y;
	}
		#sitemap ul li {
			padding: 0 0 5px 28px;
			background: url(../img/dash_h2.gif) 4px 8px no-repeat;
		}

	#wrapper #sitemap ul .last {
		background: #FFF url(../img/dash_hb.gif) 1px top no-repeat;
		padding-bottom: 0;
	}
	
		#sitemap ul ul {
			margin: 2px 0 7px 4px;
			padding: 7px 0 0 0;
			font-size: 11px;
		}
			#wrapper #sitemap ul ul .last {
				background: url(../img/dash_hb2.gif) 1px 7px no-repeat;
				padding-bottom: 0;
			}
			
				.errorTr{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#B40000 url(../img/sm_bg.gif) no-repeat scroll left top;
	display:block;
	padding:5px 10px 6px 15px;
	width:203px;
	margin-bottom:5px;
	color:#fff;
	}
	
#headLines {
	background: url(../img/headlines_bg.jpg) -1px top no-repeat;
	height: 37px;
	padding-left: 220px;
	margin-top: 15px;
}
	#headLines td {
		height: 36px;
	}
	
	#headLines a, #headLines a:hover {
		color: #FFF;
	}
	
	#headLines .btn_viewNews img {
		background: url(../img/btn_view_news.gif) left top no-repeat;
		width: 125px;
		height: 24px;
	}
		#headLines .btn_viewNews:hover img {
			background: url(../img/btn_view_news.gif) left bottom no-repeat;
		}
		

#email_header {
	height: 43px;
	width: 350px;
	position: relative;
	z-index: 10010;
	margin-bottom: 7px;
}
	#email_header img {
		height: 53px;
		width: 368px;
		position: absolute;
		z-index: 10010;
		left: -9px;
		top: -10px;
		background: url(../img/header_email.gif) left top no-repeat;
	}
	
	.thanks{float:left; padding-left:97px;}	
.thanks-sub{float:left; width:420px; height:135px; border:1px solid #D2D2D2; background:#EEEEEE; padding:10px 16px 0px 10px;}
.thanks-text{float:left; width:420px; color:#333; padding-bottom:4px;}

.top-banner{padding:7px 0px 10px 0px; margin:0px;}
.side-banner{padding:0px 0px 0px 0px; margin:0px 0px 20px 0px;}