/*------------ GENERAL ------------*/
* { margin:0; padding:0; }
body { font-family:Arial; font-size:80%; margin:0px 0px 0px 0px; padding:0px 0px; text-align:center; background-color:#CEE6F2; background-image:url(../images/body_bg.jpg); background-repeat:no-repeat; background-position:50% 0%; }
table { width:99%; color:#666666; }
textarea { overflow:auto; }
tr { vertical-align:top; }
td { padding-bottom:5px; }
img { border:0px solid #ffffff; }
#pageWrapper { clear:both; width:990px; background-image:url(../images/page_bg.gif); background-repeat:repeat-y; background-color:#FFFFFF; padding:0px 5px; margin-left:auto; margin-right:auto; position:relative; }
.contentWrapper { text-align:left; padding-top:10px; margin-top:15px; }
.margined,p { margin-top:15px; }
.doubleMargin { margin-top:40px; }
.main { margin-left:265px; margin-right:265px;}
.small { font-size:90%; }
.larger { font-size:120%; }
.indented { padding-left:20px; }
.twid {width:33%; }
.qwid {width:24%; }
.hwid { width:49%; }
.picWid { width:100px; }
.left { float:left; }
.right { float:right; }
.label { text-align:right; font-weight:bold; color:#333333; width:30%; padding-right:5px; }
.clearfix:after  { content: ".";display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear:both; height:1px; }
.l { text-align:left; }
.m { text-align:center;  }
.r { text-align:right;  }
.strong { font-weight:bold; }
.irRow { float:left; width:100%; }
.threeCol td { padding-bottom:30px; }
.fullWidth { margin-right:205px; }
.padded {  padding:10px 10px; }
.tinted .padded { padding:5px 5px; }
.developerBox { border:1px solid #CCCCCC; color:#333333; font-style:italic; }
h3 {  color:#0066CC;} 
.developerBox .devSpace { padding:10px 10px; }
.picCell { border:1px solid #cccccc; vertical-align:middle; text-align:center; width:24%; padding-top:5px; }
.picCell2 { border:1px solid #cccccc; vertical-align:middle; text-align:center; padding-top:5px;  }

a:link, a:visited { color:#0033FF; text-decoration:none; }
a:hover, a:active { color:#0033FF; text-decoration:underline; }
div.irHeading { color:#666666; text-align:left; padding-left:5px; border-bottom:1px solid #cccccc; }
div.irHeading h2 { font-size:18px; margin-right:5px;  font-style:italic;}
.pageNumbers { text-align:right; }
.err { background-color:#FFFF99; border:1px solid #FFCC33; padding:10px 10px 10px 50px; margin:10px 10px; }

#apps div { margin-top:15px; }

/*------------ HEADER ------------*/
#header { text-align:left; font-size:90%; background-color:#00CCFF; padding:1px 20px 4px 20px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; color:#FFFFFF; font-weight:bold; height:20px; width:950px; vertical-align:middle;  }
#header ul { padding-top:5px; }
#header li { display:inline; list-style-type:none; margin-right:25px; }
#header #searchBox div { float:right;  }

#header  #searchForm { float:right; width:220px; height:30px; text-align:right; }
#header a:link,#header  a:visited { color:#FFFFFF; text-decoration:none; }
#header a:hover,#header  a:active { color:#FFFFFF; text-decoration:underline; }

.help ul { padding-left:20px; }

/*------------ FORMS ------------*/
.main label { font-weight:bold; }
.fieldLabel { text-align:right; width:200px; padding-right:5px; }
.fieldValue { text-align:left; }
.fieldValue span { font-size:85%; color:#666666; }
.main label span { font-weight:normal; font-size:85%; }
.main label span span { font-weight:normal; font-size:100%; }
form fieldset { padding:10px 10px; }
form legend { color:#000000; padding:3px 5px; font-weight:bold; }
.main form h1 a:link,.main form h1 a:visited,.main form h1 a:hover,.main form h1 a:active{ color:#FFFFFF; text-decoration:none; }

#iracerIdForm td { vertical-align:middle; }
#iracerIdForm .idLabel { width:65px;}

/*------------ WIDGETS ------------*/
#widgetOptions { text-align:right; margin-bottom:5px; }
.widget, .sideBox { width:250px; text-align:center; margin-bottom:15px; }
.widget .widgetName, .sideBox .boxName { border-bottom:1px solid #DDDDDD; padding:5px 2px 2px 5px; text-align:left; font-weight:bold; color:#206BA4; background-color:#EBF4FA; background-image:url(../images/side_header_bg.jpg); background-position:top; background-repeat:repeat-x; margin-bottom:0px; height:21px; text-transform:uppercase; font-size:14px; }
.widget .widgetName .widgetControls { float:right; width:40px; text-align:right; font-size:95%; margin-right:2px; }
.widget .widgetName .widgetControls { cursor:pointer; color:#FFFFFF; font-weight:bold; }
.widget .widgetName .widgetControls a:link,.widget .widgetName .widgetControls a:visited, .sideBox .boxName a:link, .sideBox .boxName a:visited { text-decoration:none;color:#206BA4; }
.widget .widgetName .widgetControls a:hover,.widget .widgetName .widgetControls a:active, .sideBox .boxName a:link, .sideBox .boxName a:visited { text-decoration:underline;color:#206BA4; }
.widget .widgetContent, .sideBox .boxContent { background-image:url(../images/side_box_bg.jpg); background-position:top; background-repeat:repeat-x; text-align:left; padding:4px 4px 0px 4px; font-size:90%; border:1px solid #dddddd; overflow:hidden; width:240px; background-color:#FFFFFF; color:#000000; }
.widget .widgetContent img {margin:2px 5px 5px 5px; border:0px; }
.widget p { margin-top:10px; }
.widget .bold { font-size:115%; }
.widget ul { margin-left:20px; margin-top:5px; }
.widget ul li { margin-bottom:10px; }
.cross { cursor:move; }
#ridePhotos { width:750px; }
#ridePhotos li { float:left; height:200px; width:150px; }
.picBorder { background-color:#FFFFFF; margin-bottom:2px; margin-right:5px; padding:2px; border:1px solid #cccccc; }
.sideBox .boxContent a { font-size:100%; }

/*------------ WALL ------------*/
.wallWrite { background-color:#eeeeee; border:1px solid #cccccc; padding:5px 5px; text-align:left;  }
.wallWrite .blueHeading { color:#206BA4; text-transform:uppercase; font-weight:bold; font-size:12px; }
.wallWrite textarea { width:99%; border:1px solid #cccccc; }
.wallWrite #blogLinks { margin-top:5px; margin-left:10px; height:22px; }
.wallWrite #blogLinks img { vertical-align:text-bottom; }
.wallWrite #blogLinks a { margin-right:15px; }
.wallWrite #postBtn { float:right; width:90px; text-align:right; }
.wallPost { margin-top:10px; border-bottom:1px solid #cccccc; color:#666666; text-align:left; padding: 2px 2px 5px 10px; font-size:90%; }
.wallPost .posted { color:#666666; }
.wallPost .postTime { color:#888888; }
.topComment{ padding-top:22px; background-image:url(../images/comment_top.jpg); background-repeat:no-repeat; background-position:0% 0%; }
.normalComment{ padding-top:2px; }
.comment { background-color:#eeeeee; text-align:left; padding-left:2px; padding-right:2px; padding-bottom:2px; margin:5px 10px; min-height:40px; }
.comment input[type='text'] { color:#666666; }
.comment img { margin:2px; }
.irExpander { overflow:hidden; }

/*------------ GARAGE PIC ------------*/
.irSearchPic { float:left; width:110px; text-align:left; }
.irSearchDesc { text-align:left; color:#444444; margin-top:5px; margin-left:110px; }
.irSearchDesc h2 { font-size:140%; margin-bottom:5px; }
.irSearchDesc div { margin-bottom:5px;}
.irSearchDesc img { vertical-align:text-bottom; }
.garageAwards { float:right; width:100px; padding:0; height:100px; text-align:center; }

/*------------ FOOTER ------------*/
#footer { clear:both; margin-top:15px; width:982px;padding:5px 3px 5px 5px; text-align:left; color:#666666; text-align:left; font-style:italic; font-size:90%; height:25px; left:3px; vertical-align:bottom;}
#footer a:link,#footer  a:visited { color:#666666; text-decoration:none; font-style:normal; }
#footer a:hover,#footer  a:active { color:#666666; text-decoration:underline; font-style:normal; }
#footer .generalLinks { float:right; width:60%; text-align:right; padding-right:5px; }
#footer .generalLinks li { display:inline; list-style-type:none; margin-left:15px; }


/*------ AUTOCOMPLETE ------*/
#autocomplete,#autocomplete2 { background-color:#eeeeee; border:1px solid #cccccc; color:#666666; position:absolute; display:none; top:25px; width:200px; float:right; z-index:98; font-weight:normal; }
#autocomplete td,#autocomplete2 td { height:20px; padding:2px 2px; }
#autocomplete .border,#autocomplete2 .border  {  border-bottom:1px solid #cccccc;}
#autocomplete .autoRow,#autocomplete2 .autoRow { cursor:pointer; text-align:left; }

/*------ MODAL ------*/
#irModalContainer {display:none; position:fixed; _position:absolute; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1;}
#irModal { display:none; border:1px solid #87B9E1;background-image:url(../images/modal_bg.jpg); background-repeat:repeat-x; text-align:left; z-index:98; }
#irModalWindow {display:none; background-color:#FFFFFF; border:1px solid #87B9E1; font-family:arial; font-size:12px; text-align:left; background-image:url(../images/modal_bg.jpg); background-repeat:repeat-x; }
#irModalContent {  padding:12px; color:#444444; background-color:#FFFFFF; background-image:url(../images/side_box_bg.jpg); background-position:top; background-repeat:repeat-x;  }
.irModalHeading .irModalClose {  padding:0px 5px; float:right; width:25px; color:#206BA4; }
.irModalHeading { font-size:18px; font-style:italic;background-image:url(../images/side_header_bg.jpg); background-position:bottom; background-repeat:repeat-x; font-weight:bold; color:#206BA4; background-color:#EBF4FA; height:30px; padding:5px 0px 0px 15px; border-bottom:1px solid #6DA3CD; text-align:left; vertical-align:center; }
#modal { display:none; }


/*------------ TABS ------------*/
.tabWrapper { height:24px; overflow:hidden; }
.tabs li { padding:4px 6px; background-color:#eeeeee; border:1px solid #cccccc; display:inline; margin-right:1px; text-align:center; width:60px; font-size:12px; }
.tabs a:link, .tabs a:visited { text-decoration:none; color:#666666; }
.tabs { padding-bottom:4px; overflow:hidden; padding-top:5px; }
#tabContent { border-top:1px solid #dddddd; padding:20px 3px; text-align:center;   }
#tabContent .tabBlock { padding:10px 10px; }
#tabContent .indent { padding-left:150px; }
#tabContent .userImg { width:150px; }
#tabContent .separator { border-bottom:2px solid #dddddd; }
#tabContent h1 {background-image:url(../images/grey_bg.jpg); font-size:110%;margin:25px 0px 15px 0px; color:#ffffff; background-color:#eeeeee; padding:5px 5px 2px 7px; font-weight:bold; border-bottom:1px solid #999999; margin-bottom:5px; background-repeat:repeat-x; height:18px; text-align:left; }

.leftCol { float:left; width:250px; }
.rightCol { float:right; width:250px; }
.profileName { font-weight:bold; font-size:125%; color:#000099; }
.profileId { font-size:100%; font-style:italic; font-family:"verdana"; }
.profileImg { margin-top:10px; }
.profileLinks li { list-style-type:none; }
.subTitle { color:#ffffff; background-color:#eeeeee; padding:5px 5px 2px 7px; font-weight:bold; border-bottom:1px solid #999999; width:200px; margin-bottom:5px;background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; height:18px; }

/*------------- MESSAGES------------------*/
.message { padding:5px 5px; }

/*------------ SEARCH RESULTS ------------*/
.tinted { background-color:#eeeeee; margin:0px 10px 10px 10px; width:95%;}
.searchHome { margin-right:175px; }
.searchResults { margin-left:10px; }

/*------------ AD COLUMN ------------*/
#adColumn { float:right; width:180px; text-align:center; margin:auto; }

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:33px;height:31px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/star.jpg) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:32px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -32px!important}
div.star-rating-hover a{background-position:0 -64px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


.leftCol { float:left; width:240px; margin-left:5px; }
#profileWrapper { background-color:#eeeeee; width:210px; padding:10px 15px;background-image:url(../images/profile_shadow.jpg); background-repeat:repeat-y; }
#profileWrapper .irHeading h2 { font-size:14px; color:#666666; }
.rightCol { float:right; width:250px; margin-right:5px; }
.profileName { font-weight:bold; font-size:125%; color:#000099; }
.profileId { font-size:100%; font-style:italic; font-family:arial; }
.profileImg { margin-top:10px; padding:5px; border:2px solid #dddddd; width:160px; margin-left:5px; background-color:#FFFFFF; }
#profileLinks li { list-style-type:none; }
#profileAbout, .friends { font-size:95%; margin-bottom:3px; }
#profileAbout li { list-style-type:none; margin-bottom:3px; }
.friends img { margin:0px 3px; }

.friendBox a:link, .friendBox a:visited,.friend a:link, .friend a:visited { color:#0000FF; }
.friendBox { border-bottom:1px solid #CCCCCC; padding:5px 5px 10px 5px; height:100px;  font-family:Arial; width:95%; }
.friend { border-bottom:1px solid #CCCCCC; padding:5px 5px; height:75px;  font-family:Arial; width:95%; }
.friendBox .friendImage, .friend .friendImage { float:left; }
.friendBox .friendDetails, .friend .friendDetails{ text-align:left;}
.friendBox .friendLinks, .friend .friendLinks { float:right; width:120px; font-size:85%; text-align:right; }
.friendBox .friendName, .friend .friendName { font-weight:bold; font-size:120%; }

#profileLinks ul { list-style-type:none; margin-top:5px; }

.imgareaselect-border1 {
	background: url(../images/border-v.gif) repeat-y left top;
}
.imgareaselect-border2 {
    background: url(../images/border-h.gif) repeat-x left top;
}
.imgareaselect-border3 {
    background: url(../images/border-v.gif) repeat-y right top;
}
.imgareaselect-border4 {
    background: url(../images/border-h.gif) repeat-x left bottom;
}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.imgareaselect-outer {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.imgareaselect-selection {  
}
.scroll-pane { overflow:auto;}
.jScrollPaneContainer {
	width:170px;
	float:left;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin:0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/irscrollbg.jpg) repeat-y;
	margin:0;
}
.jScrollPaneDrag {
	position: absolute;
	background-image: url(../images/scrollhandle.jpg); 
	background-repeat: repeat-y; 
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:18px;
	background: url(../images/scrolltop.png) no-repeat; 
}
a.jScrollArrowUp:hover {
/*	background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:18px;
	background-image: url(../images/scrollbottom.png); 
	background-repeat: no-repeat; 
	background-position:bottom;
	margin:0;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.mod td { border-bottom:1px solid #cccccc; padding:10px; text-align:left; }
.mod .modImage { width:70px; }
.mod .modTitle { font-size:120%; font-weight:bold; }
.mod .modDate { color:#999999; font-size:85%; }