/* ------------------------------------------------------------------------------------------------
	Website Name : Blue Light Ride.com.au 
	Author : Eduardo Agnes Jr.
 ----------------------------------------------------------------------------------------------- */
 
/* ------------------------------------------------------------------------------------------------
   HTML ELEMENTS
 ----------------------------------------------------------------------------------------------- */ 

/*************************************************************************************************/
/* top elements */
/*************************************************************************************************/
body 
{ 
   scrollbar-face-color: #CCCCCC;
   scrollbar-shadow-color: #E0E0E0;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-3dlight-color: #C0C0C0;
   scrollbar-darkshadow-color: #999999;
   scrollbar-track-color: #EEEEEE;
   scrollbar-arrow-color: #999999;
   margin-top: 0px;
   margin-left: 0px;
}

.SideMenu
{
   background: url(images/menu_box.gif);
   background-repeat: no-repeat;
   width: 296px;
   height: 296px;
}

#TopContainer 
{
	background: url(images/news_01.jpg) no-repeat top;
	text-align: center;
	width: 763px;
	height: 15px;
}

#MainContainer 
{ 
	background:url(images/news_02.jpg) repeat-y center;
	margin-top:-4px;
	margin-bottom:-4px;
	width: 763px;
}

.contentContainer 
{
	padding:15px;
	margin:0 auto;
	/*width: 495px;*/
	width: 730px;
	font: normal 11px/18px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    color: #00009C;
}

.left { text-align:left }

#BottomContainer 
{
	background:url(images/news_03.jpg) no-repeat bottom;
	text-align:center;
	width: 763px;
	height: 18px;
}

#logoPanel
{
	background:none;
	margin-bottom: 0 !important;
	padding: 0 0 0 0;
	width: 763px;
	height: 170px;
	border-collapse: collapse; /* cellspacing equivalent */
}

#logoPanel .wrapper
{
	position:absolute;
	width: 763px;
	margin: 0 auto;
	float: left;
}

#logoPanel a img { border: none; }

#logoPanel .logos-01 
{
	position:absolute;
	left:0px;
	top:0px;
	width:763px;
	height:3px;
}

#logoPanel .logos-02 
{
	position:absolute;
	left:0px;
	top:3px;
	width:148px;
	height:14px;
}

#logoPanel .logos-03 
{
	position:absolute;
	left:148px;
	top:3px;
	width:100px;
	height:77px;
}

#logoPanel .logos-04 {
	position:absolute;
	left:248px;
	top:3px;
	width:22px;
	height:77px;
}

#logoPanel .logos-05 {
	position:absolute;
	left:270px;
	top:3px;
	width:189px;
	height:77px;
}

#logoPanel .logos-06 {
	position:absolute;
	left:459px;
	top:3px;
	width:15px;
	height:77px;
}

#logoPanel .logos-07 {
	position:absolute;
	left:474px;
	top:3px;
	width:73px;
	height:77px;
}

#logoPanel .logos-08 {
	position:absolute;
	left:547px;
	top:3px;
	width:15px;
	height:77px;
}

#logoPanel .logos-09 {
	position:absolute;
	left:562px;
	top:3px;
	width:76px;
	height:77px;
}

#logoPanel .logos-10 {
	position:absolute;
	left:638px;
	top:3px;
	width:13px;
	height:77px;
}

#logoPanel .logos-11 {
	position:absolute;
	left:651px;
	top:3px;
	width:104px;
	height:77px;
}

#logoPanel .logos-12 {
	position:absolute;
	left:755px;
	top:3px;
	width:8px;
	height:77px;
}

#logoPanel .logos-13 {
	position:absolute;
	left:0px;
	top:17px;
	width:12px;
	height:135px;
}

#logoPanel .logos-14 {
	position:absolute;
	left:12px;
	top:17px;
	width:111px;
	height:135px;
}

#logoPanel .logos-15 {
	position:absolute;
	left:123px;
	top:17px;
	width:25px;
	height:135px;
}

#logoPanel .logos-16 {
	position:absolute;
	left:148px;
	top:80px;
	width:615px;
	height:12px;
}

#logoPanel .logos-17 {
	position:absolute;
	left:148px;
	top:92px;
	width:100px;
	height:73px;
}

#logoPanel .logos-18 {
	position:absolute;
	left:248px;
	top:92px;
	width:22px;
	height:73px;
}

#logoPanel .logos-19 {
	position:absolute;
	left:270px;
	top:92px;
	width:277px;
	height:73px;
}

#logoPanel .logos-20 {
	position:absolute;
	left:547px;
	top:92px;
	width:15px;
	height:73px;
}

#logoPanel .logos-21 {
	position:absolute;
	left:562px;
	top:92px;
	width:127px;
	height:73px;
}

#logoPanel .logos-22 {
	position:absolute;
	left:689px;
	top:92px;
	width:74px;
	height:73px;
}

#logoPanel .logos-23 {
	position:absolute;
	left:0px;
	top:152px;
	width:148px;
	height:13px;
}

#logoPanel .logos-24 {
	position:absolute;
	left:0px;
	top:165px;
	width:763px;
	height:5px;
}

i
{
	font: normal 10px/18px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    color: #00009C;
}

/*************************************************************************************************/
/* links */
/*************************************************************************************************/
a:link, a:visited, a:active
{
   font: bold 11px/18px "Verdana", Arial, Helvetica, sans-serif;
   color: #00009C;
   text-decoration: none;
}

a:hover 
{
   font: bold 11px/18px "Verdana", Arial, Helvetica, sans-serif;
   color: #00009C;
   text-decoration: underline;
}

a.link:link, a.link:visited, alink:active
{
   font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #990000;
   text-decoration: none;
}

alink:hover 
{
   font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #990000;
   text-decoration: underline;
}

a img {
	border: 0;
}
/*************************************************************************************************/
/* headers */
/*************************************************************************************************/
h1, h2, h3 { margin-top: 0; }

h1 
{
	font-size: 1.6em;
	font-weight: normal;
	color: #00009c;
}

h2 
{ 
	padding: 0 10px 0 10px;
	font: normal 20px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00009c;
}

h3 { 
	font: normal 17px/20px "Arial", Trebuchet MS, Helvetica, sans-serif; 
	line-height: 2em;
	}

/*************************************************************************************************/
/* lists */
/*************************************************************************************************/
ul, ol 
{
	margin: 10px 20px;
	padding: 0 20px;
	font: normal 11px/18px "Verdana", Arial, Helvetica, sans-serif;
	line-height: 2em;
	list-style-position: outside;
	list-style-type: circle;
}

/**************************************************************************************************/

/* Ruffy Rumble **********************************************************************************/
#sidePanel
{
	background: url('images/side-panel-box.jpg') no-repeat;
	width: 220px;
	height: 80px;
	margin: 20px 0 10px 0;
	padding: 2px 0 0 0;
}

#sidePanel .sidePanelText
{
	margin: 10px 10px 10px 22px;
	padding: 0 auto;
	font: bold 12px/18px "Verdana", Arial, Helvetica, sans-serif;
    color: #00009c;
}

#sidePanel .sidePanelSmallText
{
	font: normal 10px/18px "Verdana", Arial, Helvetica, sans-serif;
    color: #00009c;
}

#ruffy-rumble ul, p
{
	font: normal 11px/18px "Verdana", Arial, Helvetica, sans-serif;
	line-height: 2em;
	padding: 0 10px 0 10px;
}

.post 
{
	padding-bottom: 15px;
	line-height: 200%;
}

.post h1 
{ 
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	margin-top: 0;
	color: #00009C;
}

.title, .last 
{
	margin: 0;
	padding: 10px;
	font-size: 35px;
	font-weight: normal;
}

.title a 
{
	border-bottom: none;
	/*color: #6DC5F3;*/
	color: 00009c;
}

.title a:hover { 
	border-bottom: 1px dotted #000000; 
}

.byline 
{
	margin: -4px 10px 10px 10px;
	padding: 4px 5px;
	border-bottom: 1px #000000 dashed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ruffy-rumble.last
{
	margin: 0;
	padding: 10px;
	font: normal 11px/18px "Verdana", Arial, Helvetica, sans-serif;
	line-height: 2em;
}

.ruffy-rumbleColumn 
{
	float: left;
	padding: 10px;
	font: 11px/18px "Verdana", Arial, Helvetica, sans-serif;
	line-height: 2em;
}

.ruffy-rumbleColumn.left 
{
	width: 360px;
	float: left;
}

.ruffy-rumbleColumn.right
{
	width: 360px;
	float: right;
}

.ruffy-rumbleColumn h3
{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0 auto;
	padding: 0 0 0 8px;
}

/* Text *******************************************************************************************/

.txt 
{
   font: normal 11px/18px "Verdana", Arial, Helvetica, sans-serif;
   color: #000000;
}

.Qtxt 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #00009c;
}

.Dtxt 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #00009c;
}

strong
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #00009c 
}

.point
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000 
}


/*iframe.RideReport
{
   background-color: #C7CDD2;
   WIDTH: 522px;
   height: 2820px;
}*/

.ReportTxt 
{
   background-color: #C7CDD2;
   width: 763px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;

}

.EDTxt 
{
   background-color: #C7CDD2;
   width: 437px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;

}

.IFTxt 
{
   background-color: #C7CDD2;
   width: 743px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;

}

.ROTxt 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;

}

.HTxt 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #00009c;
}

/*****************************************************************************************************/

/* Database Section **********************************************************************************/
.DBBg
{
   BACKGROUND: url(images/bg/457x250_bg.jpg);
   BACKGROUND-REPEAT: NO-REPEAT;
   width: 457px;
   height: 250px;
}

.CreditCard
{
   border-width: 1 1 1;
   border-style: solid;
   border-color: #000000
}

.CreditCard2
{
   border-width: 1 1 1 1;
   border-style:solid;
   border-color: #000000
}

.CreditCard3
{
   width:720px;
   border-width: 0 0 1 0;
   border-style: solid; 
   border-color: #000000
}

Table.TableMember {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: groove groove groove groove;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
Table.TableMember th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	background-color: rgb(199, 205, 210);
	-moz-border-radius: 0px 0px 0px 0px;
}
Table.TableMember td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	background-color: rgb(199, 205, 210);
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
/**************************************************************************************************/
/* Idemnnity Section ******************************************************************************/
#indemnity
{
   background-color: #C7CDD2;
   width: 703px;
}

#indemnity p.rightTxt
{
   font:normal 12px/18px Arial, Helvetica, sans-serif;
   color:#000000;
   background-color:inherit;
   padding:0 0 20px 10px;
   float:left;
   margin:0 10px 0 0;
   width: 683px;
}

#indemnity p.rightTxtBold
{
   font:bold 12px/18px Arial, Helvetica, sans-serif;
   color:#00009C;
   background-color:inherit;
   padding:0 0 20px 10px;
   float:left;
   width: 683px;
   margin:0 10px 0 0;
   text-align:center;
}

#indemnity p.rightTxt span
{
   font:bold 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #990000;
   background-color:inherit;
   border-bottom: #00009c dashed 1px;
   display:block;
   width: 683px;
   margin:0 0 15px 0;
}

#indemnity p.scheduleTxt
{
   font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#00009c;
   background-color:inherit;
   padding:0 0 20px 10px;
   float:left;
   margin:0 10px 0 0;
   width: 683px;
}

ul.list
{
   font:normal 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#00009c;
   background-color:inherit;
   text-transform: none;
   text-decoration: none;
   text-indent: 2px;
   list-style-position: outside;
   list-style-type: circle;
   padding:0 0 10px 30px;
   margin:0 0 10px 10px; 
   width: 683px;
}

.entryTxt
{
   font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #990000;
}

.detailsTxt
{
   font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #00009c;
}

/**************************************************************************************************/
#BLR_Layout
{
   background-color: #c7cdd2;
   width: 763px;
   margin:10px;
}

#BLR_Layout p.entryTxt
{
   font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #990000;
   margin:10px;
}

#BLR_Layout p.mainTxt
{
   width: 763px;
   font:normal 12px/18px Arial, Helvetica, sans-serif;
   color:#000000;
   background-color:inherit;
   padding:0 0 20px 10px;
   float:left;
   margin:0 10px 0 0;
}

#BLR_Layout p.mainTxtBold
{
   width: 763px;
   font:bold 12px/18px Arial, Helvetica, sans-serif;
   color:#00009C;
   background-color:inherit;
   padding:0 0 20px 10px;
   float:left;
   margin:0 10px 0 0;
}

.login-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/login.gif') no-repeat;
   outline: none;
}

.login-btn:hover {
   background: #069 url('images/button/login.gif') no-repeat 0 -20px;
}

.logout-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/logout.gif') no-repeat;
   outline: none;
}

.logout-btn:hover {
   background: #069 url('images/button/logout.gif') no-repeat 0 -20px;
}

.back-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/back.gif') no-repeat;
   outline: none;
}

.back-btn:hover {
   background: #069 url('images/button/back.gif') no-repeat 0 -20px;
}

.delete-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/delete.gif') no-repeat;
   outline: none;
}

.delete-btn:hover {
   background: #069 url('images/button/delete.gif') no-repeat 0 -20px;
}

.update-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/update.gif') no-repeat;
   outline: none;
}

.update-btn:hover {
   background: #069 url('images/button/update.gif') no-repeat 0 -20px;
}

.export-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/export.gif') no-repeat;
   outline: none;
}

.export-btn:hover {
   background: #069 url('images/button/export.gif') no-repeat 0 -20px;
}

.cancel-btn 
{
   width: 54px;
   height: 20px;
   background: #743 url('images/button/cancel.gif') no-repeat;
   outline: none;
}

.cancel-btn:hover {
   background: #069 url('images/button/cancel.gif') no-repeat 0 -20px;
}

.input 
{
   border: 1px solid #99b3b4;
   width: 250px;
   height: 25px;
   background: #e4ebeb;
   font: 12px arial, sans-serif;
   color:#443;
   padding:3px;
   margin-bottom:4px;
   outline:none;
}
.inputSelection
{
   border: 1px solid #99b3b4;
   width: 150px;
   height: 25px;
   background: #e4ebeb;
   font: 12px arial, sans-serif;
   color:#443;
   padding:3px;
   margin-bottom:4px;
   outline:none;
}

.inputSelection2
{
   border: 1px solid #99b3b4;
   width: 200px;
   height: 25px;
   background: #e4ebeb;
   font: 12px arial, sans-serif;
   color:#443;
   padding:3px;
   margin-bottom:4px;
   outline:none;
}

.inputPostcode
{
   border: 1px solid #99b3b4;
   width: 50px;
   height: 25px;
   background: #e4ebeb;
   font: 12px arial, sans-serif;
   color:#443;
   padding:3px;
   margin-bottom:4px;
   outline:none;
}

.inputTiny2
{
   border: 1px solid #99b3b4;
   width: 70px;
   background: #e4ebeb;
   font: 11px arial, sans-serif;
   color:#443;
   padding:3px;
   margin-bottom:4px;
   outline:none;
}

.inputTiny3
{
   border: 1px solid #99b3b4;
   width: 100px;
   background: #e4ebeb;
   font: 11px arial, sans-serif;
   color:#443;
   padding:3px;
   margin-bottom:4px;
   outline:none;
}

/*************************************************************************************************/
#main_table 
{
   color: #00009c;
   border-right: #cecede 1px solid;
   border-top: #cecede 1px solid;;
   border-left: #cecede 1px solid;
   border-bottom: #dedede 1px solid;
   font: 11px verdana;
}

#main_table th
{
   bbackground: #dcdcc5;
   background: #d9dad5;
   border-right: #9e9e9e 1px solid;
   border-top: #bebebe 0px solid;;
   border-left: #bebebe 0px solid;
   border-bottom: #9e9e9e 1px solid;
   font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #000000;
}

#listTableHeader 
{
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #5C9AD2;
	font-weight: bold;
	background-position: center;
}

#listTableText
{ 
   font: normal 11px/18px "Arial", Verdana, Helvetica, sans-serif;
   color: #00009c; 
   text-decoration : none; 
   background-color: #FFFFFF;
   margin-bottom: 0; 
}

.RedTxt 
{
   font: normal 11px/18px "Arial", Verdana, Helvetica, sans-serif;
   color: #FF0000;
}

.BlueTxt 
{
   font: normal 11px/18px "Arial", Verdana, Helvetica, sans-serif;
   color: #00009c;
}

.GreenTxt 
{
   font: normal 11px/18px "Arial", Verdana, Helvetica, sans-serif;
   color: #0075bf;
}

/*  COLUMNS (1/3) */
.col 
{ 
	float: left; 
	width: 186px; 
	background: #fff; 
	padding: 15px !important; 
	padding: 15px 15px 2px; 
	margin: 0 30px 35px 0;
	/*text-align: justify;*/ 
	border-top: 1px dotted #ddd; 
}

.col2 
{ 
	float: left; 
	width: 163px; 
	background: #fff; 
	padding: 15px !important; 
	padding: 15px 15px 2px; 
	margin: 0 30px 35px 0;
	border-top: 1px dotted #ddd;
}

.col.last, .col2.last { margin-right: 0; }
.col p, .col2 p { margin: 0 0 15px; }

a.more 
{ 
	float: left; 
	position: relative; 
	margin: 0 0 0 -21px; background: url(images/more.gif) no-repeat; 
	padding: 11px 21px 6px; 
	color: #fff;  
	font-weight: normal;
	font: 9px Verdana, Arial, Tahoma, Sans-Serif; 
	text-decoration: none;
}