/*
Theme Name: Harley
Theme URI: http://wordpress.org/
Description: Harley theme
Version: 0.1
Author: 'Mael Poulain
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }

.clear {clear:both; border:none !important;}
.clearfix, .main{ display:block;}
.clearfix:after, .main:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

body {
font-family: Arial,sans-serif; line-height: 1.2em;
color: #CFCFCF;
font-size: 15px;
line-height: 1.2em;
}
.content {}
.content h1,.content h2{ font-weight:normal; color: #FFF;  }
h3,h4,h5,h6 { font-weight: normal; color: #FFF;  }
.content h1 { font-size: 2.2em;  margin-bottom: 0.682em; line-height:1.2em;}
.content h2 { font-size: 1.9em;  margin-bottom: 0.79em; line-height:1.2em;}
.content h3 { font-size: 1.7em;  margin-bottom: 0.882em; line-height:1.2em;}
.content h4 { font-size: 1.4em;  margin-bottom: 1.071em; line-height:1.2em;}
.content h5,h6 { font-size: 1.3em;  margin-bottom: 1.154em; line-height:1.2em;}
.content ul {list-style-position: inside;}
.content ol {list-style-position: inside;}
.post {text-align : justify;}
.post a {color: #FF2A00;}
.post a:hover {color: #6FFFC6;}
.post p, .post ul{margin: .1em 0 1em;}
.page td {padding : 5px;;}
.post table p {margin: 0 !important;}

.content .alignleft,
 .content img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.content .alignright,
.content img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.content .aligncenter,
.content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gallery {
width: 720px;
margin:0 auto !important;
}

.gallery-item {

}
.content .wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.content .wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.content .wp-caption p.wp-caption-text , .content .gallery-caption{
	font-size: 12px;
	margin: 0;
	margin:0 5px;
}
.content .wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.content .gallery dl {
	margin: 0;
}
	
blockquote {
margin:22px 40px;
color:#575757;
padding: 0 50px;
border: solid 1px #333 ;
}


#ruban {background: #EF4B0F; height:30px; clear:both; padding-top: 3px;}
#hdca {display: block; float: left; width: 138px; height: 26px; text-indent: -2000px; background : transparent url(images/Harley-Strasbourg.png) bottom no-repeat;}
#borie {display: block; float: left; width: 138px; height: 26px; text-indent: -2000px; background : transparent url(images/Borie-Paris.png) bottom no-repeat;}
#hm {display: block; float: left; width: 138px; height: 26px; text-indent: -2000px; background : transparent url(images/Harley-Mulhouse.png) bottom no-repeat;}
#dm {display: block; float: left; width: 138px; height: 26px; text-indent: -2000px; background : transparent url(images/Ducati-Mulhouse.png) bottom no-repeat;}
#tm{display: block; float: left; width: 138px; height: 26px; text-indent: -2000px; background : transparent url(images/Triumph-Mulhouse.png) bottom no-repeat;}
#motoccasion {display: block; float: right; width: 200px; height: 30px; text-indent: -2000px; background : transparent url(images/motoccasion-link.png) bottom no-repeat;}

#ruban a:hover{background-position: top;}
#hdca a:hover{background-position: top;}
#borie a:hover{background-position: top;}
#hm a:hover{background-position: top;}
#dm a:hover{background-position: top;}
#tm a:hover{background-position: top;}
#motoccasion a:hover{background-position: top;}

#header {height:130px; background: #000 url(images/header-bg.jpg) repeat-x;}
#header-wrap {margin:0 auto;width:970px;}
#header-top {height:95px; width:970px;}
#toolbox {float: right; width:205px; height: 75px;  margin-top: 10px; margin-left:50px; background: transparent url(images/toolbox-bg.png) no-repeat;}
#toolbox a{color: #FFF; font-size:12px; text-decoration:none; display: block; float:left; height: 26px; width:70px; padding-left: 30px; padding-top: 10px;}



#title-home {font-size:32px; padding:40px 0 0 60px; color: #FFF;}
#featured {width:845px; margin:40px auto;}
#featured  .wp-caption {display:none;}


.panes{float:left; height:240px; width: 320px;background:transparent url(images/feature-bg.png) no-repeat; overflow: hidden;}
.panes a img {}
.pane-img {
margin-top:15px;
margin-left: 10px;
margin-right: 11px;
z-index:8000;
height: 200px;
overflow: hidden;
}

.title-pane {
position: relative;
z-index:9000;
background:#000;
color: white;
text-decoration: none;
font: lighter 18px arial,sans-serif;
filter:alpha(opacity=75); 
-moz-opacity:0.75; 
opacity:0.75; 
-webkit-opacity:.75;
-khtml-opacity: 0.75; 
top: 30px;
left: 10px;
width:280px;
padding: 0 10px;
}


div.tabs {list-style: none;float:left;}
/* link inside the tab. uses a background image */
div.tabs a { 
	font-size:11px;
	display:block;
	height: 80px; 
	width: 510px;
	color: #000; 
	text-decoration: none;
	float: left;
	clear: left;
	padding: 0;
	margin:0;
}
div.tabs a h1 {
font-size: 13px;
font-weight: bold;
margin: 3px 0 0  5px;
}
div.tabs a p {
	 display: inline;
}div.tabs a  span{
	 padding: 0 10px;
	 display: block;
}

div.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
div.tabs a:hover {
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.tabs a.current, div.tabs a.current:hover, div.tabs li.current a {	
	cursor:pointer; 
	color:#FFF !important;
}

div.tabs  h2 , div.tabs  h3, div.tabs  h4, div.tabs  h5, div.tabs  h6, div.tabs  br {display: none;}

#first-tab {background: url(images/info-top.png) left no-repeat;}
div.tabs a#first-tab.current {background: url(images/info-top.png) right no-repeat!important;}
#middle-tab {background: url(images/info-middle.png) left no-repeat;}
div.tabs a#middle-tab.current{background: url(images/info-middle.png) right no-repeat;}
#last-tab {background: url(images/info-bottom.png) left no-repeat;}
div.tabs a#last-tab.current { background: url(images/info-bottom.png) right no-repeat;}

.wrap {float: left; width:970px; position: relative;}
.content-wrap {width:840px; margin:50px auto; }
.content-top {margin: 0 auto; width:840px; height:30px; background: transparent url(images/content-top.png) top no-repeat;}
.content-bottom {margin: 0 auto 50px; width:840px; height:30px; background: transparent url(images/content-bottom.png) left bottom no-repeat;}
.content {position:relative; width:840px;}
.post {
background: transparent;
max-width:870px;
margin: 0 auto;
width:740px;
padding:20px 50px;
overflow: hidden;
}

.title-post {width: 650px;}
.headline {display: block; float: left;width: 700px; overflow: hidden;}
.title-post h1 {font-size:30px; line-height:1em;}
.title-post h1 a, .title-post h2 a {text-decoration: none; color: #fff; }
.date {display: block; float: left; font-size: 12px; color: #6A6A6A;}
.post {clear:both;}
.post-end {margin-bottom: 50px;}
.anciens{float:left;height:25px; position:relative;}
.recents{float:right;}


#vetements {
text-align: center;
float: left;
width:620px;
_width: 660px;
}
#vetements  .gallery {width: inherit;}
#vetements  a {color: #FF2A00;}

#produits {
text-align: center;
float: left;
width:620px;
_width: 660px;
}
.post-products-motos{
width: 175px;
min-height: 170px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
padding: 5px;
zoom: 1;
*display: inline;
_height: 170px;
font-weight: bold;
}
.post-products-motos p {font-size:12px;}
.post-products-img {
height: 135px;
overflow: hidden;
margin: 0 !important;
padding: 0;
}
.post-products-title {
font-size : 13 px;
color: #333333;
}

.colonne {
float: left;
width: 220px;
_width:180px;
}
.colonne  li {list-style-type: none;}
.colonne  li  ul li {margin-left: 15px;}
.colonne  li  a {display: block; text-decoration: none !important; padding: 10px 3px; border-bottom: 1px solid #FFF;}
.colonne  li  a:hover {background: #ccc; color: #171717 !important;}
.colonne  .current_page_item {background: url(images/down.gif) right 15px no-repeat;}




.colonne .widget  {border: solid .1em #999; margin-bottom: 10px; margin-right:10px; padding: 5px;}
.colonne .widget a {text-decoration: underline; color: #FFF; }
.colonne .widget p,.colonne  .widget ul{padding:0; margin: 0; font-size : 12px;}
.colonne .widget h2 {font-size : 19px; padding-top:.5em; line-height: 1em;}
.colonne .widget ul{list-style-image:none;list-style-position:outside;list-style-type:none;}

.post-bottom {background: #FFF; margin-left: 20px;}
*html .post hr {
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #FFF;
background-color: #FFF;
border: 0;
}
.post hr {border: solid .1em #999;}

.cat-button li{display: block;  float: left; list-style: none; height:20px;padding: 0 10px; background: transparent url(images/cat-left.gif) top left no-repeat;}
.cat-button  a, .cat-button  a:hover, .cat-button  a:visited {display: block;  float: left; height: 20px; text-align: center; text-decoration: none; font-weight:bold; color: #1F1F1F; font-size :12px; padding:1px 10px 0 0; background: transparent url(images/cat-right.gif) top right no-repeat;}

#produits ul.cat-button {padding: 10px 0;}
.light-title { font-size: 1.2em; font-weight: bold; margin:0 0 0.682em 1em; }


#title-page h1 {font-size: 32px; color: #FFF;margin:50px 0 0 60px;}
#categories {color: #000; height: 150px; width: 200px; position:absolute; top:10px; left: 710px; clear:both; z-index:35;}
#categories li {list-style: none;}
#categories h2 {font-size: 12px; color:#FFF; padding-bottom:5px;}

#commentform p {clear: both; padding: 1em 0;}

.galerie-top{height: 29px; width: 740px; background: transparent url(images/galerie-top.png) ; margin: 0 !important; padding: 0 !important;}
.galerie-bottom{height: 29px; width: 740px; background: transparent url(images/galerie-bottom.png) ; margin: 0 !important; padding: 0 !important;}
.galerie-content {background: #000;color: #FFF; width: 740px; margin: 0 !important; padding: 0 !important;}
.galerie-content h2{color: #FFF; margin-left: 15px;}
.galerie-content p{margin: 0 !important; padding: 0 !important;}


.navigation {margin: 0 30px;}

#footer {height:40px; width:968px; background: transparent url(images/griffe.jpg) repeat; border: 1px solid #4C4C4C; text-align: center; font-size: 10px;}
#footer a{color:#FFF !important; margin:0 10px;}
#footer ul {
position: relative;
left: 0;
top: 10px;
list-style:none;
width: 950px;
height: 25px;
margin:0 auto 20px;
background-color: #000;
filter:alpha(opacity=75); /* IE */
-moz-opacity:0.75; /* Firefox 2*/
opacity:0.75; /* CSS3 */
-webkit-opacity:.75 /* Safari 3*/
-khtml-opacity: 0.75; /*Safari 2 */
}
#footer li {display: inline;}
#ref {
position:absolute;
right:0;
top:3px;
}
#menu{
font-size: 1.4em;
width: 970px;
background: transparent url(images/navbar.jpg)  bottom  no-repeat; /*default background of menu bar*/
}

li.inline-grid  {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
_height: 250px;
}

#title-carrousel {margin: 0 80px 10px; font-size: 16px; color: #FFF;}
#carrousel {margin: 0 auto; width: 840px; height:160px; background: transparent url(images/carrousel-bg.png) top no-repeat;}
.more{display: block; float: left; width: 40px; height: 150px; cursor:pointer; background: transparent url(images/left.gif) center center no-repeat;}
.less {display: block;float: left; width: 40px; height: 150px; cursor:pointer; background: transparent url(images/right.gif) center center no-repeat; clear:right; }
.disabled{visibility:hidden !important;}

.wp_cat2calendar img {width : 75px !important;}
.wp_cat2calendar img {height : 50px !important; clear: both !important;}


.wp_cat2calendar .posts li {overflow: hidden !important;clear: both !important;}
.wp_cat2calendar .posts span{width: 180px !important;overflow: hidden !important;clear: both !important;}
.wp_cat2calendar .posts p {clear: both !important;}
.wp_cat2calendar .posts p {display: inline !important;}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 750px; 
    height:140px;
	padding: 20px 0 0;
	margin : 0 auto;
	float: left;
}
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 

}

/* single item */ 
#thumbs div { 
    float:left; 
    padding-left:30px;
    color:#fff; 
	text-align: center;
}

.thumb-img  span{
display:block;
height: 100px;
width:150px;
overflow: hidden;
}
 
/* style when mouse is over the item */ 
#thumbs div.hover { 
    background-color:#444;     
} 
 
/* style when element is active (clicked) */ 
#thumbs div.active { 
    background-color:#066; 
    cursor:default; 
}
#thumbs h3 {}
#thumbs h3 a {display:block; width: 150px; color: #AFAFAF; font-size:11px;}

#connect {
	float: left; margin: 20px 0 0 70px;
}
#facebook {
	background: url('images/facebook.png') center no-repeat;
	padding-left: 100px;
}

#partenaires {float: right;margin: 20px 60px 20px 0; width: 230px; height: 105px; background: url('images/partenaires.jpg') no-repeat;}
#partenaires p {font-weight: bold; padding: 4px 0 0 40px; }

a.tooltip em {
    display:none; text-align: center;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	text-align: center;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -120px;
    /top: -40px;
    left: -10px;
    padding: 5px;
    color: #3f3f3f;
    border: 1px solid #bbb;
    background: #fff;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}


form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}


#wp-calendarLarge .dayHead {
	background-color: #EF4B0F !important;
	color: white;
	font-weight: bold;
	z-index: 1000;
}
#todayLarge {
	background-color: #E9771B !important;
	color: #FFF;
}

/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(images/forms/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url(images/forms/btn_left.gif) no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(images/forms/input/input_text_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(images/forms/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(images/forms/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(images/forms/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(images/forms/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(images/forms/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(images/forms/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(images/forms/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(images/forms/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(images/forms/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(images/forms/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(images/forms/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(images/forms/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(images/forms/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(images/forms/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(images/forms/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(images/forms/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}