/************************************/
/* RideArranger main css file */
html { height:100%; }
body {
			margin:0px;
			margin-top: 20px;
			padding:0;
			background:#fff;
			font-family:Calibri, Arial, Helvetica, sans-serif;
            height:100%;
            color: #352D2A;
		}
		
h1, h2, h3{
	margin: 0;
	font-weight: normal;
	color: #8BB70D;
}

h1{font-size: 1.4em; color: #462307; margin: 0 0 15px 0; }
h2{font-size: 1.2em; color: #352d2a; font-weight: bold; font-family:font-family: Verdana, Tahoma, Helvetica, Arial; }
h3 { color: #05b2b3; font-size: 1.4em; font-family:Calibri, Arial, Helvetica, sans-serif; font-weight: bold;}

ul { margin: 0px; padding: 0px; }
ul li { list-style-type: none; }

ul.showbullets li { list-style-type: square; }

p, ul, ol {text-align: left; font-size:1em; color:#352D2A;}
label { text-align:left; }

a{color: #ff7000; text-decoration: none;}
a:hover{text-decoration: none;}

img{border: none;}
.inner
{
	width: 970px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	display: block;
}

.sitemessage { position: relative; }
/* Message frame */
.info, .success, .warning, .error_1, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #462307;
    background-color: #E4EEC0;
    background-image: url('images/message/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/message/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/message/warning.png');
}
.error_1 {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/message/error.png');
}

table { border: 0; }
table tr { padding: 0; margin: 0;}
table tr td { padding: 0; margin: 0; vertical-align: top; }
td 
{
  padding: 0;
}
th { text-align: left; padding-left: 8px; }

.dotted { border: 2px dotted #9c836d; }
.red, .redtext { color: Red; }
.topMenu {
	float: right;
	width: 970px;
	margin: 0 auto 0 auto;
}
#wrapper
{
    min-height:100%;
   position:relative;
}
#header { position: relative; margin: 0px; display: block; background: #423935 0 0 no-repeat; z-index: 10; width: 100%; }

/* Main Section */

#mainwrapper 
{
    min-height: 450px;
    background-color: #fff;
    z-index: 5;
    padding-bottom: 290px;
}
#mainwrapper.addsubfooter { padding-bottom: 385px; }
#main h2 { color: #05b2b3; font-size: 2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
#main h3 { color: #05b2b3; font-size: 1.4em; font-family:Calibri, Arial, Helvetica, sans-serif; font-weight: bold;}
#main hr#headunderline { position: absolute; display: block; top: 45px; color: #fff; border: 2px dotted #9c836d; border-style: none none dotted; }
#main table { width: 790px; border-collapse: collapse;}
#main table tr td { width: 33%; padding: 10px; }
#main table tr td > div { width: 290px; min-width: 250px; }
#main.twocol table { width: 100%; }
#main.twocol table tr td, #main.twocol table tr td > div { width: auto; }
#main.twocol td#content-left { min-width: 50%; }
#main ul, #main li { margin: .4em 0; margin-left: 20px;}
#main li { list-style-image: url(images/recycle_bullet9x9.png); list-style-position: outside; }



#main #widecontent { min-height: 500px; background-color: #fff; padding: 20px; }
#main #content
{
    background-color: #fff;
    padding: 20px;
}
#main #content .sitemessage { position: relative; display: block;width: 410px; font-size: 12px; }
#main #content .clickhere { position: absolute; display: block; left: 520px; top: 40px; }

#main #topContent { padding: 0 10px 0 10px; }
/*#main #rightcontent
{
    padding: 20px 10px 10px 10px;
    background-color: #cdd5ac;
    width: 225px;
}
*/




#header #h-top
{
    height: 80px;
    position: relative;
    display: block;
    font-family: "Calibri" ,Verdana,sans-serif;
    font-size: 12px;
    color: #b35b2f;
    font-style: italic;
    background: #2e241f url(images/pagetopbg.png) 0 0 repeat-x;
    padding-top: 12px;
}
.inner > div { display:block;}
.inner .h-left { position: absolute;  }
.inner .h-mid { position: absolute; right: 130px; top: 40px; }
.inner .h-mid > span { position: relative; color: #8f8884; right: 10px; bottom: 10px; }
.inner .h-right { position: absolute; left: 835px; top: 0px; }

#header #h-mid
{
    
}
#rabillboard {  }

#header #h-base-nav
{
    background: url(images/navtopbg.png) repeat-x;
    background-color: #eae5e3;
    padding-top: 10px;
    height: 80px;
    position: relative;
    
}
#header #h-base-nav #h-base-nav-bborder { position: relative; height: 20px; background: url(images/navbasebg.png) repeat-x; }
#h-mypage-badge { position: absolute; display: block; right: 0px; top: 8px;}

#headlink a { position: relative; display: block; left: 10px; width: 970px; height: 180px; text-decoration: none; cursor: pointer;}
#menucontainer
{
    display: block;
    position: absolute;
    top: -13px;
    right: 0px;
    font-size: .7em;
}
#menucontainer ul li { color:#4c413b; margin: 0px; padding: 0px;}
#menucontainer a
{
    color: #4c413b; 
}

#welcome-top
{
    display: block;
    position: absolute;
    top: -20px;
    left: 10px;
}

#HomePageMenu 
{
    position: relative;
    display: block;
    background: url(images/nav_bg.png) 0 0 repeat-x;
    left: 0px;
    top: 0px;
	z-index:1;
}



ul#defaultRightContent li
{
    padding: 20px 0;
    padding-left: 15px;
    
}

/* menu */
.menu { position: relative; }
.menu li {
	display: inline;
	list-style-type: none;
	/*border-right: 1px solid #AFD147;*/
}

.menu a {
	padding: 0px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

.menu a:hover { 
	text-decoration: none; 
}

.menu .current_page_item a {
}

.menu .last {
	border-right: none;
}

/* content */
.content {
	width: 980px;
	margin: 0 auto; 
}

#home { margin: 40px auto; height: 600px; }
#home table { height: 100%; }
#home table tr td { padding: 0 0px 0 0px; height: 100%; width: 300px }
#home td.right { border-left: 2px dotted #9c836d; padding-left: 20px; }

#home .section-content { padding-top: 20px; }

#quicklinks ul { padding: 0px; margin: 0px; }

#quicklinks ul li { list-style-type: none; }

#quicklinks a { position: relative; display: block; color: #000; text-decoration: none;}
#quicklinks a.right { position: relative; padding-left: 153px; } 
#quicklinks a > span { position: absolute; display: block; top: 10px; left: 93px; width: 150px; }
#quicklinks .name { font-size: .8em; font-style:italic; font-weight: bold; top: 10px; }
#quicklinks .desc { font-size: .8em; font-style:italic; top: 25px; }
#quicklinks a.right > span { left: 0px; width: 150px; position: absolute; }

#main ul.quicklinks { width: 100%; margin: 0 0 10px 0; padding: 0px;}
.quicklinks h3 { padding-bottom: 20px; }
#main ul.quicklinks li { list-style-image: none; padding: 0; margin: 0px;  }
.quicklinks li > div { position: relative; border-top: 1px solid blue; height: 65px; width: 280px; padding-top: 15px;}
.quicklinks li > div.last { border-top: 1px solid blue; border-bottom: 1px solid blue;}
.quicklinks li a > span { padding-left: 70px; padding-top: 10px; color: #000; font-size: 1.2em; }
.quicklinks li a > span.small { position: absolute; top: 25px; left: 0; font-size: .8em; color: #b35b2f; }
.quicklinks li div a > img { position: absolute; left: 0; top: 5px; }



/* footer */
#footer-top { padding-left: 40px; position: absolute; bottom: 250px; height: 125px; width: 100%; padding-top: 10px; background: #eae5e3 url(images/footquicklinkbg.png) repeat-x; }
#footer-top .inner { width: 1000px;}
#footer-top h3 { padding-bottom: 20px; }
#footer-top li { list-style-type: none; display: inline; padding: 0 60px 0 0;  }
#footer-top li > span { position: relative; }
#footer-top li a > span { padding-left: 70px; padding-top: 10px; color: #000; font-size: 1.2em; }
#footer-top li a > span.small { position: absolute; top: 25px; left: 0; font-size: .8em; color: #b35b2f; }
#footer-top li span a > img { position: absolute; left: 0; top: 0; }
#footer
{
   background: #423935 url(images/footertopbg.png) repeat-x;
   position:absolute;
   bottom:0;
   width:100%;
   height:250px;   /* Height of the footer */
   padding-top: 10px;
}
#footer a {
	color: #b35b2f;
	font-size: 14px;
}
#footer p {
	margin: 0px;
	padding: 5px 0px;
	text-align: left;
	line-height: normal;
	font-size: 11px;
	color: #FFFFFF;
}
#footer .pushdown { position: relative; display: block; top: 18px; }
#footer #fcontent { width: 100%; position: relative;}
 
#footer #copyright 
{
    position: relative;
    width: 100%;
	text-align: center;
	line-height: 2em;
	font-size: .8em;
	color: #8f8884;
	height: 41px;
	background: #2e241f url(images/footerbasebg.png) repeat-x bottom; 
}
#footer .spriteLogo.ridearranger { position: relative; left: -10px; }
#footerbase {  }
#footerbase h4 { color: #8f8884; }
#footerbase li { color: #b35b2f; }
#footerbase table tr td 
{
    padding: 0px 60px;
	vertical-align: top;
	text-align: center; 
}
#footerbase table tr td > div { position: relative; top: 30px; left:30px; display: block; float: left; border-left: 2px dotted #8f8884; height: 160px; width: 140px; padding: 0 20px; text-align: left; }
#footerbase table tr > td.first, #footerbase tr td div.first  { border: none; }
#footerbase tr td div.first { padding-left: 0px; }
#footerbase table tr > td.first, #footerbase tr > td.last { width: 130px; padding-left: 0; padding-right: 0; }
#footerbase .foot.ridearranger { position: relative; left: -16px; padding-bottom: 5px; }
#footerbase .footersmalltext { 
	font-size: 10px;
    color: #8f8884;
}

/* sticky footer */

#HomePageMenu a
{
    line-height: 2.3em;
    font-family:Calibri, Arial, Sans-Serif;
    font-size: 1.7em;
    color: #fff;
}

#HomePageMenu ul { padding: 10px 0 0 10px; }
#HomePageMenu ul li { padding: 0 0 0 10px; margin: 0px; }
#HomePageMenu ul li.first { padding: 0px; margin: 0px; }




/* Different formats for text items */
.MainMenuFont
{
    text-transform: uppercase;
	font-size: 18px;
	font-family:Calibri, Arial, Sans-Serif;
	color: #FFFFFF;
}
.TopMenuFont
{
    text-transform: uppercase;
    text-decoration: none;
	font-size: 12px;
	font-family:Calibri, Arial, Sans-Serif;
	color: #4B6D13;
}
.footerCopyRightSectionFont
{
    text-decoration: none;
	font-size: 12px;
	font-family:Calibri, Arial, Sans-Serif;
	color: #ffffff;
	margin:3px 0 0 10px;
}
.FooterHeadingFont
{
	font-size: 15px;
	font-family:Calibri, Arial, Sans-Serif;
	color: #FFFFFF;
	margin:3px 0 0 10px;
}



/*
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}
*/
.ContentSidePanel {
	width: 180px;
	margin: 0 auto 0 auto;
	background: #9FB061;
	float:left;
	height:auto;
}


td.field input.error, td.field select.error, tr.errorRow td.field input, tr.errorRow td.field select, input.input-validation-error { 
border-top-color: #ff0000;
border-left-color: #ff0000;
border-right-color: #ff0000;
border-bottom-color: #ff0000;
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
background-color: #ffffd5;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: #ff0000;
}

#form-edit-profile
{
    position: relative;
    font-size: 1.5em;
}
div.clear 
{
    clear: both;
}

td.field input.error, td.field select.error, tr.errorRow td.field input, tr.errorRow td.field select, .editor-field input.error, .editor-field select.error { 
border-top-color: #ff0000;
border-left-color: #ff0000;
border-right-color: #ff0000;
border-bottom-color: #ff0000;
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
background-color: #ffffd5;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: #ff0000;
}

div.error {
	color: red;
}
div.error span 
{
    float: left;
}
div.error li 
{
    color: red;
    font-weight: normal;
}

div.validation-summary-errors, .field-validation-error
{
    color: red;
    font-weight: bold;
}
div.validation-summary-errors ul
{
    color: red;
    font-weight: normal;
}


fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

#stationlist
{
     
}
#stationlist .dataTables_length, #stationlist .dataTables_filter
{
    display: none;
}

#tshirt-content
{
    background-color: #9fb061;
    margin-top: 10px;
    position: relative;
}
.getregionaltshirt { position: relative; left: 10px; top: 10px; }
.tshirt-container
{
    display: block;
    position: relative;
    padding-top: 30px;
    text-align: center;
    background-color: #fff;
}

.tshirt-container ul li
{
    padding: 20px 0 20px 80px;
    
}
#boulder.tshirt-container
{
    background-color: #9fb061;
    margin: 0px;
    top: 0px;
    padding-bottom: 30px;
}
#tshirtsplitter
{
    width: 100%;
    height: 60px;
    background: #6e8430 url(images/tshirtSplitter.jpg) bottom repeat-x;
}
#tshirtsplitter > img
{
    display: block;
    position: relative;
    left: 10px;
    top: 10px;
}

.redfont
{
    color: Red;
}
.italic
{
    font-style: italic;
}
.underline
{
    text-decoration: underline;
}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.wrapleft { float: left; margin: 4px; }
.wrapright { float: right; margin: 4px; }

a#impersonate:hover { background: #fff; text-decoration: none; margin-bottom: 30px; }

a#impersonate > span { display: none; border: 2px solid #ccc; margin: 0; padding: 5px; background: #fff; color: #333; font-weight: bold; position: absolute; top: 16px; left: 70px;}
a#impersonate > span span { cursor: pointer; }

a#impersonate:hover > span { display: block; }
#impersonate-box input { margin: 10px; }


/* added by RG 6.29.2010 */
table#calctable tr td
{
  padding: 2px;
  margin: 0px;
}

#calctable tr td.addline-top { border-top: 1px solid #999; }
#calctable tr td.addline-bottom { border-bottom: 1px solid #999; }


.fakeinput 
{
    border-top-color: #999;
    border-left-color: #999;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    padding: 2px;
    color: #333;
    text-align: right;
    font-weight: bold;
}
#main table tr td > div.medium
{
    width: 83px;
    min-width: 0px;
    position: relative;
    display: block;
}


/* added 8.27.2010 for bubble popup */
#PopUpMenu {
	border: 0;
	padding: 2px;
}
/* mouseover state */
#PopUpMenu a:hover {
	background-position:0 0px;
}
	
.tooltip {
	display:none;
	background:url(http://www3.drcog.org/RideArrangers/Content/Themes/Default/images/TopNavPopup.png);
	height:73px;
	padding:12px 8px 10px 10px;
	width:176px;
	font-size:12px;
	color:#000;
	position:relative;
	left:0px;
	top:0px;
	z-index:100;
}

/* EmployeeResources
----------------------------------------------------------------*/

#er-Main { position: relative; }
#er-Home { position: relative; min-height: 180px; z-index: 2 }
#er-Main a { color: #d16315; }
#er-Home-Content { width: 500px; padding: 0px 0px 10px 10px; }
#er-Home .image { position: absolute; top: 20px; right: 0px; }
#er-Testimonials, #er-Tools, #er-YourIdeas { position: relative; padding: 10px; } 
#er-YourIdeas h2, #er-Testimonials h2 { color: #d16315; }
#er-Testimonials { background: #e2e0da url(images/er_testimonials_bg.png) top repeat-x;  }
#er-Testimonials .image { position: relative; float: left; }
a#er-Testimonials-more { position: absolute; top: 200px; left: 70px; }
#er-Testimonials-content { position: relative; width: 550px; padding: 50px; float: left; }
blockquote
{
    background: url(images/quote_close.png) no-repeat right bottom;
    padding-left: 5px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-left: 0px;
    width: 450px;
    text-indent: -5px;
}
blockquote p:first-letter {
  padding-left: 5px;
}
#er-Testimonials-content .quote_open { position: absolute; top: 0px; left: 0px; }
#er-Testimonials-content .quote_close { position: absolute; bottom: 0px; right: 0px; }
#er-Tools { background: #d7d0c3 url(images/er_tools_bg.png) top repeat-x; padding-left: 30px; }
#er-YourIdeas { background: #90b1cb url(images/er_ideas_bg.png) top repeat-x; padding: 30px 0 0 20px; }
#er-YourIdeas-left { float: left; text-align: right; color: #fff; padding: 10px 40px 0 0; }
#er-YourIdeas-left p { text-align: right; color: #fff; padding-right: 20px;}
#er-YourIdeas-left .image { margin: 10px 0; }
#er-YourIdeas-right { float: left; width: 700px; }
#er-YourIdeas table tr td.left { width: 400px; position: relative; }
#er-YourIdeas table tr td.left p { position: relative; display: block; }
#er-YourIdeas table tr td.left p label { position: relative; }
#er-YourIdeas table tr td.left p input { position: absolute; right: 0px;  }
#er-MarketingTools, #er-StepByStep, #er-TeleworkResources { position: relative;  }
.er-box-blue { float: left; width: 280px; padding: 10px; }
.er-box-blue-top { background: url(images/er_box_blue_top.png) top no-repeat; padding-top: 18px; margin-top: 30px; }
.er-box-blue-middle 
{ 
    background: url(images/er_box_blue_middle.png) top repeat-y; 
    display: block; 
    position: relative;
    min-height: 200px; 
    padding: 0 10px; 
    
}
.er-box-blue-middle .image { position: absolute; top: -40px; right: -10px; }
.er-box-blue-middle p { padding: 10px; }
#main .er-box-blue-middle h2 {font-size: 1.5em; color: #fff; font-weight: normal; font-family: Verdana; }
#main .er-box-blue-middle h3 { top: -5px; }
#er-MarketingTools .er-box-blue-middle h3 {font-size: 1.2em; color: #fff; font-style: italic; font-weight: normal; font-family: Verdana; position: relative; left: 90px; }
#er-StepByStep .er-box-blue-middle h3 {font-size: .8em; color: #fff; font-style: italic; font-weight: normal; font-family: Verdana; position: relative; left: 20px; }
#er-TeleworkResources .er-box-blue-middle h3 {font-size: 1.2em; color: #fff; font-style: italic; font-weight: normal; font-family: Verdana; position: relative; left: 30px; }

.er-box-blue-middle p
{
    color: #fff;
}
.er-box-blue-bottom { background: url(images/er_box_blue_bottom.png) bottom no-repeat; height: 18px; width: 280px; }>>>>>>> .r1075


/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-container
{
    display: block;
    position: relative;
}
#poll-results 
{
    position: relative;
    display: block;
}
#poll-results p 
{
    position: absolute;
    display: block;
    top: 0px;
    right: 30px;
}
#poll-results p.question
{
    position: relative;
    display: block;
    text-align: left;
    top: 0px;
    right: 0px;
}

.graph { position: relative; display: block; min-height: 200px; }

#iCarpoolEmission.iCarpoolOuterContainer
{
    position: relative;
    border: none;
}

#iCarpoolEmission .iCarpoolInnerContainer {
    border-bottom: none !important;
    float: left;
    margin-top: 8px;
    width: 200px;
}