/* Maroon - small */
a.btn_maroon_small
{
	text-decoration: none;
	background: transparent url('./images/buttons/maroon_small_left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 10px Tahoma; /* Change 13px as desired */
	line-height: 16px; /* 16This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 20px; /* 24Height of button background height */
	padding-left: 5px; /* 11Width of left menu image */
	vertical-align: top;
	margin-left: 2px;
}

a:link.btn_maroon_small, a:visited.btn_maroon_small, a:active.btn_maroon_small
{
	color: #555555; /*button text color*/
	text-decoration: none;
}

a.btn_maroon_small span
{
	background: transparent url('./images/buttons/maroon_small_right.gif') no-repeat top right;
	display: block;
	padding: 2px 15px 2px 15px; /*Set 11px below to match value of 'padding-left' value above*/
	color: #FFFFFF;
	cursor: pointer;
	font-family: Trebuchet MS;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}




a.btn_maroon_small:hover
{
	/* Hover state CSS */
	background-position: bottom left;
	text-decoration: none;
}

a.btn_maroon_small:hover span
{
	/* Hover state CSS */
	background-position: bottom right;
	text-decoration: none;
}


/* Maroon - Med */
a.btn_maroon_med
{
	text-decoration: none;
	background: transparent url('./images/buttons/maroon_med_left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 10px Tahoma; /* Change 13px as desired */
	line-height: 19px; /* 16This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 27px; /* 24Height of button background height */
	padding-left: 5px; /* 11Width of left menu image */
	vertical-align: top;
	margin-left: 4px;
}

a:link.btn_maroon_med, a:visited.btn_maroon_med, a:active.btn_maroon_med
{
	color: #555555; /*button text color*/
	text-decoration: none;
}

a.btn_maroon_med span
{
	background: transparent url('./images/buttons/maroon_med_right.gif') no-repeat top right;
	display: block;
	padding: 4px 15px 4px 15px; /*Set 11px below to match value of 'padding-left' value above*/
	color: #FFFFFF;
	cursor: pointer;
	font-family: Trebuchet MS;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}




a.btn_maroon_med:hover
{
	/* Hover state CSS */
	background-position: bottom left;
	text-decoration: none;
}

a.btn_maroon_med:hover span
{
	/* Hover state CSS */
	background-position: bottom right;
	text-decoration: none;
}



/* Green - Med */
a.btn_green_med
{
	text-decoration: none;
	background: transparent url('./images/buttons/green_med_left.gif') no-repeat top left;
	display: block;
	float: left;
	line-height: 17px; /* 16This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 25px; /* 24Height of button background height */
	padding-left: 5px; /* 11Width of left menu image */
	vertical-align: top;
	margin-left: 0px;
	font-weight: bold;
}

a:link.btn_green_med, a:visited.btn_green_med, a:active.btn_green_med
{
	color: #555555; /*button text color*/
	text-decoration: none;
}

a.btn_green_med span
{
	background: transparent url('./images/buttons/green_med_right.gif') no-repeat top right;
	display: block;
	padding: 4px 27px 4px 20px; /*Set 11px below to match value of 'padding-left' value above*/
	color: #FFFFFF;
	cursor: pointer;
	font-family: "Trebuchet MS" ,san-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}




a.btn_green_med:hover
{
	/* Hover state CSS */
	background-position: bottom left;
	text-decoration: none;
}

a.btn_green_med:hover span
{
	/* Hover state CSS */
	background-position: bottom right;
	text-decoration: none;
}



/* Green - Big */
a.btn_green_big
{
	text-decoration: none;
	background: transparent url('./images/buttons/green_big_left.gif') no-repeat top left;
	display: block;
	float: left;
	line-height: 34px; /* 16This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 46px; /* 24Height of button background height */
	padding-left: 5px; /* 11Width of left menu image */
	vertical-align: top;
	margin-left: 0px;
}

a:link.btn_green_big, a:visited.btn_green_big, a:active.btn_green_big
{
	color: #555555; /*button text color*/
	text-decoration: none;
}

a.btn_green_big span
{
	background: transparent url('./images/buttons/green_big_right.gif') no-repeat top right;
	display: block;
	padding: 6px 27px 6px 20px; /*Set 11px below to match value of 'padding-left' value above*/
	color: #FFFFFF;
	cursor: pointer;
	font-family: "Trebuchet MS" ,san-serif;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
}




a.btn_green_big:hover
{
	/* Hover state CSS */
	background-position: bottom left;
	text-decoration: none;
}

a.btn_green_big:hover span
{
	/* Hover state CSS */
	background-position: bottom right;
	text-decoration: none;
}

/* Imagebutton */

a.imgbtn80, a.imgbtn100, a.edtTbBtn, a.imgbtn120, a.edtTbBtnInactive
{
	background: url(images/buttons/imgbtn80.gif);
	display: inline-block;
	color: #950224;
	height: 22px;
	line-height: 16px;
	margin-bottom: 0px;
	text-decoration: none;
	width: 80px;
	font-size: 11px;
	cursor: pointer;
	font-weight: normal;
}
a:hover.imgbtn80
{
	color: #0066CC;
}

a.imgbtn100, a.edtTbBtn, a.edtTbBtnInactive
{
	background: url(images/buttons/imgbtn100.gif);
	width: 100px;
}
a:hover.imgbtn100
{
	color: #0066CC;
}

a.imgbtn120
{
	background: url(images/buttons/imgbtn120.gif);
	width: 120px;
}

a:hover.imgbtn120
{
	color: #0066CC;
}


a.imglnk
{
	display: block;
	color: #950224;
	height: 20px;
	line-height: 16px;
	margin-bottom: 0px;
	text-decoration: none;
	font-size: 11px;
	cursor: pointer;
	text-decoration: underline;
	float: left;
	font-weight: normal;
}



a:hover.imgbtn80
{
	color: #0066CC;
}

/* -------------------- 
  CLASSES for imagebutton
  -------------------- */

span.mail, span.share, span.waypoint, span.graph, span.wpdrop, span.star, span.comment,
span.trdata, span.details, span.commentedit, span.btnclose, span.delete, span.trdel,
span.pause, span.start, span.save, span.saveas, span.undo, span.new, span.trackback, span.closetrack,
span.pin, span.pan, span.draw,span.search, span.browse, span.download, span.recalc, span.trackedit, span.fly
{
	text-indent: 22px;
	display: block;
	height: 20px;
	padding-top: 2px;
}

.recalc
{
	background: url(images/buttons/graph2.gif) no-repeat 3px 3px;
}

.delete
{
	background: url(images/buttons/trash.gif) no-repeat 3px 3px;
}

.mail
{
	background: url(images/buttons/mail.gif) no-repeat 3px 3px;
}

.share
{
	background: url(images/buttons/share.gif) no-repeat 3px 3px;
}


.waypoint
{
	background: url(images/buttons/waypoint.gif) no-repeat 3px 3px;
}

.graph
{
	background: url(images/buttons/graph.gif) no-repeat 3px 3px;
}

.wpdrop
{
	background: url(images/buttons/wpdrop.gif) no-repeat 3px 3px;
}

.star
{
	background: url(images/buttons/star.gif) no-repeat 3px 3px;
}

.comment
{
	background: url(images/buttons/comment.gif) no-repeat 3px 3px;
}

.trdata
{
	background: url(images/buttons/trdata.gif) no-repeat 3px 3px;
}

.details
{
	background: url(images/buttons/details.gif) no-repeat 3px 3px;
}

.commentedit, .trackedit
{
	background: url(images/buttons/commentedit.gif) no-repeat 3px 3px;
}

.btnclose
{
	background: url(images/buttons/close.gif) no-repeat 3px 3px;
}

.download
{
	background: url(images/buttons/download.gif) no-repeat 3px 3px;
}

.fly
{
	background: url(images/buttons/tv.gif) no-repeat 3px 3px;
}

.btnclose2
{
	background: url(images/buttons/close.gif) no-repeat 36px 3px;
	text-indent: 0px;
	display: block;
	height: 20px;
	padding-top: 2px;
	width: 50px;
}

.btnwpedit
{
	background: url(images/buttons/comment.gif) no-repeat 50px 3px;
	text-indent: 0px;
	display: block;
	height: 20px;
	padding-top: 2px;
	width: 67px;
}


/*mapeditor toolbar*/

a.edtTbBtn, a.edtTbBtnInactive
{
	display: inline-block;
}

span.draw
{
	color: #808080;
	cursor: default;
	background: url(images/Buttons/path_inactive.png) no-repeat 3px 3px;
}

span.pan
{
	color: #808080;
	cursor: default;
	background: url(images/Buttons/pan_inactive.png) no-repeat 3px 3px;
}

span.pin
{
	color: #808080;
	cursor: default;
	background: url(images/Buttons/flag_inactive.gif) no-repeat 3px 3px;
}

span.pause
{
	background: url(images/Buttons/pause.gif) no-repeat 3px 3px;
}

span.start
{
	background: url(images/Buttons/play.gif) no-repeat 3px 3px;
}

span.save
{
	background: url(images/Buttons/save.gif) no-repeat 3px 3px;
}

span.saveas
{
	background: url(images/Buttons/saveas.gif) no-repeat 3px 3px;
}

span.undo
{
	background: url(images/Buttons/undo.gif) no-repeat 3px 3px;
}

span.trackback
{
	background: url(images/Buttons/trackback1.gif) no-repeat 3px 3px;
}

span.closetrack
{
	background: url(images/Buttons/closetrack.gif) no-repeat 3px 3px;
}

span.search
{
	background: url(images/Buttons/search.gif) no-repeat 3px 3px;
}

a.edtTbBtnInactive span.draw, a.edtTbBtnInactive span.pan, a.edtTbBtnInactive span.pin
{
	cursor: pointer;
	color:#950224;
}

a.edtTbBtnInactive span.draw
{
	background: url(images/Buttons/path.png) no-repeat 3px 3px;
}

a.edtTbBtnInactive span.pan
{
	background: url(images/Buttons/pan.png) no-repeat 3px 3px;
}

a.edtTbBtnInactive span.pin
{
	background: url(images/Buttons/flag.gif) no-repeat 3px 3px;
}

input.browse
{
	background: url(images/Buttons/open.gif) no-repeat 3px 3px;
}

input.upload
{
	background: url(images/Buttons/upload.gif) no-repeat;
	cursor: pointer;
	width: 20px;
	height: 20px;
	display: inline;
	margin: 0px;
	padding: 0px;
	border: solid 1px Transparent;
	position: relative;
	z-index: 20000;
	display: inline;
}


/*mapeditor toolbar*/

input.pause, input.start, input.save, input.undo,
input.new, input.trackback, input.closetrack,
input.upload, input.browse, input.search,
input.faster, input.slower, input.flyin,
input.flyout,input.end, input.play, input.stop
{
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline;
	margin: 0px;
	padding: 0px;
	border: 0px solid;
}

input.pause,input.play
{
	width:28px;
	height:28px;
}

input.pause
{
	background: url(images/Buttons/media/pause.png) no-repeat;
}

input.play
{
	background: url(images/Buttons/media/play.png) no-repeat;
}

input.save
{
	background: url(images/Buttons/save.gif) no-repeat;
}

input.undo
{
	background: url(images/Buttons/undo.gif) no-repeat;
}

input.new
{
	background: url(images/Buttons/document.gif) no-repeat;
}

input.trackback
{
	background: url(images/Buttons/trackback1.gif) no-repeat;
}

input.closetrack
{
	background: url(images/Buttons/closetrack.gif) no-repeat;
}

input.search
{
	background: url(images/Buttons/search.gif) no-repeat;
}

input.browse
{
	background: url(images/Buttons/open.gif) no-repeat;
}

input.faster
{
	background: url(images/Buttons/media/fwd.png) no-repeat;
}

input.slower
{
	background: url(images/Buttons/media/rwd.png) no-repeat;
}

input.flyin
{	
	background: url(images/Buttons/media/plus.png) no-repeat;
}

input.flyout
{	
	background: url(images/Buttons/media/minus.png) no-repeat;
}

input.start
{	
	background: url(images/Buttons/media/start.png) no-repeat;
}

input.end
{	
	background: url(images/Buttons/media/end.png) no-repeat;
}

input.stop
{	
	background: url(images/Buttons/media/stop.png) no-repeat;
}

.buttonwrapper
{
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}