html {
height: auto;

}

body {
background:#a2c7e2 url(/images/paceline/bg.jpg) repeat-x scroll 0 0;
color:#333333;
font-family:helvetica,arial,sans-serif;
font-size:62.5%;
margin:0;
padding:0;
height: auto;
text-align: center;
}

a {
color: #fd6e2c;
}

a:hover {
text-decoration: none;
}

.intro {
font-size: 14px;
padding: 10px 0 10px 35px;
}

/* -----------------------------------Content Wrapping Containers--------------------------------------------- */
#content_outer {
background:#a2c7e2 url(/images/Paceline/bg_content.gif) repeat-y 0 0;
width:967px;
margin: 0 auto;
padding: 0;
height: auto;
}

#content_inner {
background-color:#fff;
width:955px;
text-align:left;
margin: 0 auto;
border-bottom: 2px solid #e3e7f3;
}

/* -------------------------------------------------Header---------------------------------------------------- */
#headerwrap {
height:78px;
padding: 0;
margin: 0;
width: 955px;
}

#headerlogo {
float:left;
height:53px;
padding:25px 25px 0 19px;
display:inline-block;
width: 500px;
}

#headerlogin {
margin: 40px 0 0 0;
padding: 0;
width: 292px;
float:right;
font-weight: bold;
color: #093e96;
font-size: 11px;
}

#headerlogin #ProfileLink {
font-weight: bold;
color: #093e96;
font-size: 11px;
text-decoration:none;
}

#headerlogin #ProfileLink:hover {
font-weight: bold;
color: #093e96;
font-size: 11px;
text-decoration:underline;
}


#headerlogin form{
margin: 0 10px 0 0;
padding: 0 0 0 0;
width: 282px;
float:right;
height: 22px;
display: inline;
vertical-align:middle;

}

#headerlogin input[type=text], input[type=password] {
font-size: 11px;
color:#666;
border:1px solid #ccc;
background:#f3f4f8;
padding: 3px 5px;
margin: 0;
width: 100px;
}

#commentInput{
	font-family:helvetica,arial,sans-serif;
	font-size: 11px;
}

#headerlogin input[type=image] {
position:absolute;
vertical-align: middle;
}

#headerlogin p {
padding: 10px 30px 0 0;
text-align: right;
}

#passwordInput {
background-image:url(images/Paceline/Password.gif);
}

/* ----------------------------------------------Primary Nav-------------------------------------------------- */
#nav {
background:#0f65af url(/images/paceline/bg_nav.gif) repeat-x scroll 0 0;	
width: 955px;
height: 38px;
margin: 0;
padding: 0;
font-size: 12px;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 1.5px;
}

#nav ul {
margin: 0 0 0 63px;
padding: 0 0 0 0;
list-style: none;
overflow: hidden;
width:955px;
}

#nav li {
margin: 0;
padding: 0;
float: left;
}

#nav ul li a {
display: block;
padding: 10px 24px 11px 24px;
margin: 0;
text-decoration: none;
color: #fff;
}

#nav li a:hover {
background-color: #e1e1e1;
color: #000;
}

/* ----------------------------------------------Secondary Nav------------------------------------------------ */
#subnav {
background-color:#e1e1e1;	
width: 955px;
height: 20px;
margin: 0;
padding: 0;
font-size: 9px;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 1px;
}

#subnav ul {
margin: 0 0 0 75px;
padding: 0 0 0 0;
list-style: none;
overflow: hidden;
}

#subnav li {
margin: 0;
padding: 0;
float: left;
}

#subnav ul li a {
display: block;
padding: 5px 12px 5px 12px;
margin: 0;
text-decoration: none;
color: #000;
}

#subnav li a:hover {
text-decoration: underline;
}

/* ----------------------------------------------Splash Header-------------------------------------------------- */

#SpashHeader{
margin: 0 auto;
padding: 0;
width: 727px;
}

#SpashHeader h1{
margin: 0 0 10px 0;
padding: 22px 0 0 0;
font-size: 23px;
color: #093e96;
}

#SpashHeader h2{
text-transform:uppercase;
margin: 0 0 10px 0;
padding: 0;
font-size: 15px;
color: #fd6e2c;
}

#SpashHeader p{
padding: 0;
margin: 0 0 5px 0;
color: #093e96;
font-size: 12px;
}

#SpashHeader .intro{
color: #fd6e2c;
font-size: 12px;
font-weight: bold;
}

#SpashHeaderTop{
margin: 0;
padding: 0;
background:#fff url(/images/paceline/bg_splashheader_top.gif) top left no-repeat;
width: 727px;
height: 15px;
}

#SpashHeaderMiddle{
margin: 0;
padding: 20px;
background:#fff url(/images/paceline/bg_splashheader.gif) repeat-y;
width: 727px;
height: 150px;
}

#SpashHeaderMiddleLeft{
text-align: center;
margin: 0;
padding: 0 30px 0 0;
width: 200px;
float:left;
}

#SpashHeaderMiddleLeft h3{
	color:#fd6e2c;
	padding:0;
	font-size:18px;
}

#SpashHeaderMiddleRight{
margin: 0;
padding: 0;
width: 497px;
float: right;
}
#SpashHeaderMiddleRight h1{
padding-left: 20px;
color: #093e96;
font-size: 18px;
}

#SpashHeaderMiddleRight p{
padding-left: 20px;
padding-right: 40px;
}

#SpashHeaderMiddleRight form{
padding: 10px 0 0 20px;
}

#SpashHeaderBottom{
margin: 0 0 20px 0;
padding: 0;
background:#fff url(/images/paceline/bg_splashheader_bottom.gif) bottom left no-repeat;
width: 727px;
height: 15px;
}


/* -------------------------------------------------Content---------------------------------------------------- */
#content {
background-color: #fff;
}

#pagename {
margin: 38px 0 0 0;
height: 40px;
background:#fff url(/images/paceline/bg_h1.gif) no-repeat center;
}
#pagename h1 {
margin: 0;
padding: 10px 0 10px 34px;
color: #093e96;
font-size: 20px;
}

/* ----------------------------------------------My Photo-------------------------------------------------- */
#MyPhoto {
margin: 40px 0;
float:left;
background:#fff url(/images/paceline/bg_myphoto.gif) no-repeat center;
width: 240px;
height: 224px;
font-size: 11px;
}

#MyPhoto p{
margin: 17px 0 0 85px;
}

#MyPhoto #MyPhotoImg{
margin: 10px 0 0 42px;
}

#MyPhoto #AddthisButton
{
margin: 0 0 0 10px;
}

#icon {
position: relative;
left: 32px;
top: -20px;
margin: 0;
padding: 0;

width: 45px;
height: 43px;
}

#icon.nocause {
background-color: #b0d9f3;
}

#icon.honor {
background: #b0d9f3 url(/images/paceline/icon_sprite.gif) no-repeat left;
}

#icon.memory {
background: #b0d9f3 url(/images/paceline/icon_sprite.gif) no-repeat center;
}

#icon.proof {
background: #b0d9f3 url(/images/paceline/icon_sprite.gif) no-repeat right;
}


/* ----------------------------------------------My PFPPhoto-------------------------------------------------- */
#MyPFPPhoto {
margin: 40px 0;
float:left;
background:#fff url(/images/paceline/bg_pfp_myphoto.gif) no-repeat top;
width: 240px;
height: 224px;
font-size: 11px;
}

#MyPFPPhoto p{
margin: 20px 0 0 30px;
}

#MyPFPPhoto img{
margin: 10px 0 0 42px;
}

#MyPFPPhotoCrop {
margin: 10px 0 25px 42px;
float:left;
width:156px;
height:156px;
overflow:hidden;
}

/* ----------------------------------------------My Story-------------------------------------------------- */
#MyStory {
float:left;
margin: 40px 0 0 0;
width: 465px;
}

#MyStory h1{
margin: 0;
padding: 0;
color: #fd6e2c;
text-transform:uppercase;
font-size: 15px;
}

#MyStory p{
font-size: 12px;
}

#StoryHolder {
font-size: 12px;
}

/* ----------------------------------------------My Stats-------------------------------------------------- */
#globalride {
width: 955px;
margin: 0px;
padding: 0;
}

#Avatar {
margin: 20px 0 20px 20px;
}
#AvatarHelpText {
	font-size: 12px;
	margin: 20px 0 0 20px;
}
#AvatarContainer{
	height:330px;
}
#AvatarOnly{
	float:left;
}
#AvatarButton {
	width:550px;
	float:right;
}

#ContentText {
	font-size: 12px;
	margin: 20px;
}

#UploadPhoto {
margin: 20px 0 0 20px;
}


#MyStats{
margin: 40px 30px 0 10px;
padding: 0;
float:right;
width: 200px;
}

#MyStats h1{
text-align: center;
margin: 0;
padding: 0;
text-transform:uppercase;
font-size: 14px;
color: #093e96;
}

#MyStats p{
text-align: center;
}

#MyStats a{
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
}

#MyStats a:hover{
text-decoration: underline;
}

#MyStatsTop{
margin: 0;
padding: 0;
background:#fff url(/images/paceline/bg_totalraised_top.gif) top left no-repeat;
width: 200px;
height: 19px;
}

#MyStatsMiddle{
margin: 0;
padding: 8px 0 0 0;
background:#fff url(/images/paceline/bg_totalraised.gif) repeat-y;
width: 200px;
}

#MyStatsMiddle img{
text-align: center; 
margin: 0 0 0 65px;
padding: 0;
}

#MyStatsBottom{
margin: 0 0 20px 0;
padding: 0;
background:#fff url(/images/paceline/bg_totalraised_bottom.gif) bottom left no-repeat;
width: 200px;
height: 18px;
}

#MyStatsMiddle h1{
text-align: center;
margin: 0;
padding: 0;
text-transform:uppercase;
font-size: 14px;
color: #093e96;
}

#MyStatsMiddle h2{
margin: 2px 0 0 0;
padding: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #fd6e2c;
text-align: center;
}

#MyStatsMiddle a{
text-align: center;
margin: 0;
padding: 0;
text-transform:uppercase;
font-size: 14px;
color: #093e96;
}

#MyStatsMiddle a:hover{
text-decoration: undeline;
}

.MyStatsComment {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
}


/* ---------------------------------------------My Supporters----------------------------------------------- */

#MySupRideWrap {
clear: both;
}

#MySupporters {
margin: 28px 0 0 0;
padding: 0 0 0 28px;
font-size: 12px;
float:left;
width: 430px;
height: 250px;
overflow: auto;
}

#MySupporters td{
padding: 2px 25px 2px 0;
text-align:left;
}

#MySupporters td.name {
font-weight: bold;
}

#MySupporters h1{
color: #fd6e2c;
text-transform:uppercase;
font-size: 15px;
}

/* ----------------------------------------------My Rides-------------------------------------------------- */
#MyRides {
margin: 28px 28px 0 0;
padding: 0 0 0 28px;
font-size: 12px;
float:right;
width: 430px;
height: 250px;
overflow: auto;

}

#MyRides th{
font-weight: bold;
text-align:left;
}

#MyRides td{
padding: 2px 25px 2px 0;
text-align:left;
}

#MyRides h1{
color: #fd6e2c;
text-transform:uppercase;
font-size: 15px;
}

/* ----------------------------------------------Team Members-------------------------------------------------- */
#TeamMembers {
margin: 0;
padding: 0 0 0 28px;
font-size: 12px;
clear: left;
float:left;
width: 430px;
height: 200px;
overflow: auto;

}

#TeamMembers table{
width: 200px;
}

#TeamMembers th{
font-weight: bold;
text-align:left;
}

#TeamMembers td{
padding: 2px 25px 2px 0;
text-align:left;
}

#TeamMembers h1{
color: #fd6e2c;
text-transform:uppercase;
font-size: 15px;
}

#TeamMembers h2{
color: #fd6e2c;
text-transform:uppercase;
font-size: 12px;
}

/* ----------------------------------------------My Link -------------------------------------------------- */
#MyLinks {
margin: 15px 0 0 0;
padding: 0 0 0 28px;
font-size: 12px;
clear: left;
width: 205px;
height: 200px;
overflow: auto;
}

#MyLinks table{
width: 185px;
}

#MyLinks th{
font-weight: bold;
text-align:left;
}

#MyLinks td{
padding: 2px 10px 2px 0;
text-align:left;
}

#MyLinks h1{
color: #fd6e2c;
text-transform:uppercase;
font-size: 15px;
}

#MyLinks h2{
color: #fd6e2c;
text-transform:uppercase;
font-size: 12px;
}

#MyLinksEdit table{
font-size: 12px;
}

/* ----------------------------------------------About PMC-------------------------------------------------- */
#AboutPMC {
margin: 25px 0 20px 20px;
padding: 0;
font-size: 12px;
width: 440px;
float: left;
}

#AboutPMCImg {
background: #fff url(/images/paceline/bg_aboutPMC.gif) center no-repeat;
height: 121px;
width: 121px;
margin: 0 10px 0 20px;
padding: 0;
float: left;
}

#AboutPMCImg img{
margin: 10px;
padding: 0;
}

#AboutPMC h1{
padding-left: 20px;
color: #093e96;
font-size: 18px;
border-left: #6a6969 dotted 1px;
}

#AboutPMC p{
padding-left: 150px;
padding-right: 5px;
}

/* ----------------------------------------------Find Rider-------------------------------------------------- */
#FindRider {
margin: 35px 0 0 0;
padding: 0;
font-size: 12px;
width: 480px;
float: right;
}

#FindRider h1{
margin: 0 0 10px 0;
padding: 0 0 0 20px;
font-size: 18px;
color: #093e96;
border-left: #6a6969 dotted 1px;
}

#FindRider h2{
text-transform:uppercase;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
font-size: 15px;
color: #fd6e2c;
}

#FindRider p{
padding: 0;
margin: 0 0 5px 0;
color: #093e96;
font-size: 12px;
}

#FindRider .intro{
color: #fd6e2c;
font-size: 12px;
font-weight: bold;
}

#FindRiderSearch {
margin-left: 20px;
height: 55px;
width: 425px;
background:#fff url(/images/paceline/bg_findrider.gif) top left no-repeat;
}

#FindRider form{
padding: 10px 0 0 20px;
}

input.FindRider {
width: 310px;
font-size: 14px;
padding: 6px 5px;
}

/* ----------------------------------------------Donate----------------------------------------------------- */
#DonateLeft {
float:left;
width: 425px;
margin: 0;
padding: 0 0 0 35px;
font-size: 12px;
}

#DonateLeft a{
font-weight: bold;
}

#DonateLeft p{
padding: 0;
margin: 20px 0 0 0;
}

#DonateLeftForm {
float:left;
background:#fff url(/images/paceline/bg_donate_left.gif) top left no-repeat;
height: 343px;
width: 405px;
padding: 22px 0 0 0;
}

#DonateFormLeftRadio {
width: 405px;
margin: 40px  0 40px 0;
padding: 0;
}

#DonateFormLeftRadioCol1 {
text-align: left;
float: left;
width: 150px;
line-height: 25px;
}

#DonateFormLeftRadioCol2 {
text-align: left;
float:  right;
width: 155px;
margin: 0 100px 0 0;
line-height: 25px;
}

#DonateFormLeftRadio input[type=radio] {
text-align:left;
padding:10px 5px;
margin: 0 10px 0 0;
}

#DonateRight {
float:right;
width: 450px;
margin: 0;
padding: 0px;
font-size: 12px;
}

#DonateRight h1 {
margin: 20px 0 20px 0px;
padding: 0 0 0 10px;
font-size: 12px;
text-transform:uppercase;
color: #fd6e2c;
background:#fff url(/images/paceline/carat_dn.gif) top left no-repeat;
}

#DonateRight label {
margin: 20px 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-weight: bold;
}

#DonateRight input[type=text]{
border: 1px solid #7f9db9;
color:#333333;
font-size:0.9em;
line-height:20px;
*height:20px;
padding:2px 0 2px 4px;
margin-bottom:5px;
width:198px;
*width:188px;
vertical-align:middle;
background:#fff;
}

#DonateRight .buttonleft {
float: left;
width: 45px;
margin: 0 0 0 0;
padding: 40px 0 0 30px;
}

#DonateRight .buttonright {
width: 250px;
float: right;
margin: 0 0 0 0;
padding: 40px 0 0 0;
}

.orange-bold {
margin: 0 0 0 55px;
padding: 0;
color:#fd6e2c;
font-size: 26px;
font-weight: bold;
}

.orange-bold-label {
margin: 0 0 0 55px;
padding: 0;
color:#fd6e2c;
font-size: 18px;
font-weight: bold;
}

#amountInput {
margin: 10px 0 0 0px;
padding: 0;
width: 270px;
height: 50px;
font-size:3.5em;
color:#fd6e2c;
border: 1px solid #fd6e2c; 
background:#fff;
}
#amountInputImg {
margin: 10px 0 0 55px;
vertical-align:top;
}

#commentInput {
width: 393px;
border: 1px solid #ccc;
color:#333333;
padding:2px 0 2px 4px;
margin-bottom:5px;
vertical-align:middle;
background:#fff;
}

#DonateRight .BasicInfoleft {
float: left;
width: 200px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#DonateRight .BasicInfoRight {
width: 200px;
float: right;
margin: 0 45px 0 0;
padding: 0 0 0 0;
}

#DonateRight .AddNote {
clear: both;
}

#DonateRight textarea {
border: solid 1px #7f9db9;
}


/* ----------------------------------------------Footer----------------------------------------------------- */
#footer {
width: 925px;
border-top: 1px #6a6969 dotted;
color: #a9a9a9;
margin: 0px auto;
padding: 20px 0 20px 10px;
font-size: 9px;
text-transform:uppercase;
clear:both;
}

/* ----------------------------------------------Gift Info----------------------------------------------------- */

#CenteringID {
margin: 0 auto;
width: 950px;
}
.newEgiftsHeads {
font-size: 12px;
padding: 20px;
}

.newEgiftsDirections {
font-size: 12px;
padding: 20px;
}

.clsSectionBODY {
font-size: 11px;
color:#333333;
}


#clsSection TH {
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
color: #fd6e2c;
text-align: left;
vertical-align: middle;
padding: 5px 0 5px 45px;
border: 0px;
}

.clsSection TH {
margin: 20px 0 20px 20px;
padding: 0 0 0 10px;
font-size: 12px;
text-transform:uppercase;
color: #fd6e2c;
background:#fff url(/images/paceline/carat_dn.gif) top left no-repeat;
border: 0px;
text-align: left;
}

.clsSection {
border: 0;
font-size: 11px;
color:#333333;
width: 500px;
}

.clsSection Table {
font-size: 11px;
border: 0;
color:#333333;
width: 500px;
}

.clsSection TD {
font-weight: bold;
color:#333333;
border: 0px;
}

.clsSectionTD TD {
font-weight: bold;
padding: 0px;
}

.clsGridHeader {
    BORDER-RIGHT: tan thin outset;
    BORDER-TOP: tan thin outset;
    MARGIN-TOP: 0px;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: tan thin outset;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: tan thin outset;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: lightskyblue
}

.clsGridRow1 {
    BACKGROUND-COLOR: lavender
}

.clsGridRow1Neg {
    COLOR: red;
    FONT-STYLE: italic
}

.clsGridRow2 {
    BACKGROUND-COLOR: lightskyblue
}

.clsGridRow2Neg {
    COLOR: red;
    FONT-STYLE: italic
}

.clsGridTotal {
  BACKGROUND-COLOR: #66B2FF; 
  FONT-WEIGHT: bold;
}

.clsGridRowOver {
    FONT-SIZE: 14pt;
    COLOR: darkred;
    BACKGROUND-COLOR: aqua;
    TEXT-DECORATION: none
}

.clsGridSort {
    COLOR: black
}

.clsGridSort:hover {
    COLOR: aliceblue
}

.clsGridSort:active {
    COLOR: aliceblue;
    FONT-STYLE: normal;
}

.clsLabelRequired {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}

.clsLabel {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-weight: bold;
	text-decoration: none;
}

.clsAsterisk {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: red;
}

.clsDisabled {
    FONT-SIZE: 11px;
    COLOR: gray;
}

input, textarea {
color:#666;
}

input[type="checkbox"], input[type="radio"] { 
border: 0px solid #7f9db9;
}

.button {
background-color: #fd731f;
color: #fff;
border: 1px solid #1f7abb;
}
/* ------------- High Slide Gallery -----------------*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(/images/highslide/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/images/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/images/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(/images/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/images/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(/images/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(/images/highslide/graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: .5em;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(/images/highslide/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(/images/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(/images/highslide/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}
/* ------------------------------ Sortable ------------------------*/
#SortableContainer {
	height: 300px;
	width: 350px;
	overflow:scroll;
}
#SortableContainer ul {
height: border:1px solid #000;
	list-style:none;
	margin-left: 0;
	padding-left:0;
}
#SortableContainer li {
	border-top: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background-color:#F5F5F5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100px;
	cursor:hand;
}

/* ------------------------------ EDIT ------------------------*/
#EditContentWrap {
margin: 20px 10px 0 20px;
color: #333;
font-size: 12px;
}

#EditContentWrap a{
font-size: 12px;
}

#EditContentWrap h1{
margin: 0;
padding: 0;
color: #fd6e2c;
text-transform:uppercase;
font-size: 15px;
font-weight: bold;
}

#EditViewable{
margin: 0;
padding: 0;
color: #333;
font-size: 12px;
}

#EditStory {
width: 870px;
}

#EditPhoto {
margin: 0;
padding: 20px 0;
border-top: 1px #6a6969 dotted;
border-bottom: 1px #6a6969 dotted;
}

.editimage{
margin: 0;
width: 154px;
border: 1px solid #ccc;
padding: 20px;
background-color: #fff;
}

#CropPhotoButtons{
	padding: 20px 0 0 0;
	margin: 40px 0 0 40px;
}

#ModalResults{
	text-align:left;
}

#SaveButtons{
	width:100%;
	text-align:right;
	margin: 0;
}

/*------------- Tool Tips -------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div {
	margin: 0;
	color:: #093e96;
}
#tooltip.standard {
	font-family: Arial;
	font-size:12px;
	color: #595c61;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.9;
	background: url('/images/Paceline/shadow.png');
}
/*------------- Add This --------------------*/
#AddThisLinks
{
  width:240px;
  padding:0 0 0 50px;
  white-space:nowrap;
}

/*------------------- Search Rider ---------------------------- */
#SearchRiderScroll
{
  border: solid 1px #abd5ee;
  height:250px;
  width: 470px;
  overflow:auto;
}

#SearchRider 
{
  font-size: 11px;
}

#SearchRider td 
{
  padding:2px;
}

#Comoto 
{
  float:right;
}