/***** Images needed start *****
logo.png
sprites.png
header-border.png
loading.gif
loading-box.gif
color_loader.gif
translucid-background.png
lightbox-blank.gif
lightbox-btn-close.gif
lightbox-btn-next.gif
lightbox-btn-prev.gif
lightbox-ico-loading.gif
bullets.png
/***** Images needed end *****/

/***** Sprite Guide start *****
example: position-left position-top (width, height)

Logos:

Main Logo: 0 0 (306, 80)

ServiceVille long: 0 -368px (120, 31)
ServiceVille long no-text: -2px -368px (39, 31)

ServiceVille square: -121px -213px (96, 74)
ServiceVille square with text: -121px -213px (96, 94)

ServiceVille small square: -218px -213px (49, 37)
ServiceVille small square wzith text: -218px -213px (48, 47)

ServiceVille very small square: -267px -213px (24, 19)
ServiceVille tiny square: -267px -233px (16, 16)     

Menu header:

home unselected: 0 -80px (183, 44)
home mouseover: 0 -124px (183, 44)
home selected: 0 -168px (183, 44)
services unselected: -183px -80px (183, 44)
services mouseover: -183px -124px (183, 44)
services selected: -183px -168px (183, 44)      
need unselected: -366px -80px (183, 44)
need mouseover: -366px -124px (183, 44)    
need selected: -366px -168px (183, 44)
offer unselected: -549px -80px (183, 44)
offer mouseover: -549px -124px (183, 44)           
offer selected: -549px -168px (183, 44)
friends unselected: -732px -80px (183, 44)
friends mouseover: -732px -124px (183, 44)
friends selected: -732px -168px (183, 44)


Side menu:

Side menu tab grey: -410 -49 (12,24)
Side menu tab yellow: -422 -49 (12,24)
Side menu tab green: -434 -49 (12,24)
Side menu tab blue: -446 -49 (12,24)
Side menu tab purple: -458 -49 (12,24)
Side menu tab red: -470 -49 (12,24)

Side menu tab list grey: -482 -50 (13,11)
Side menu tab list purple: -495 -50 (13,11)
Side menu tab list green: -508 -50 (13,11)
Side menu tab list yellow: -482 -61 (13,11)
Side menu tab list red: -495 -61 (13,11)
Side menu tab list blue: -508 -61 (13,11)

Corners:

canvas border top left: -306px -24px (4, 4)
canvas border top right: -310px -24px (4, 4)
canvas border bottom left: -306px -28px (4, 4)
canvas border bottom right: -310px -28px (4, 4)

left menu border top left: -306px -32px (4, 4)
left menu border top right: -310px -32px (4, 4)
left menu border bottom left: -306px -36px (4, 4)
left menu border bottom right: -310px -36px (4, 4)

side menu border top left: -306px -32px (3, 3)
side menu border top right: -310px -32px (3, 3)
side menu border bottom left: -306px -36px (3, 3)
side menu border bottom right: -310px -36px (4, 3)


background: #EBEBEB / border: #C1C1C1
picture box top left: -306px -40px (4, 4)
picture box top right: -310px -40px (4, 4)
picture box bottom left: -306px -44px (4, 4)
picture box bottom right: -310px -44px (4, 4)

content border top left: -314px -24px (3, 3)
content border top right: -317px -24px (3, 3)
content border bottom left: -314px -27px (6, 6)
content border bottom right: -314px -33px (6, 6)

background: #EBEBEB / border: #C1C1C1
picture tiny box top left: -308px -56px (2, 2)
picture tiny box top right: -310px -40px (2, 2)
picture tiny box bottom left: -308px -58px (2, 2)
picture tiny box bottom right: -310px -58px (2, 2)


border: #d7d7d7
input top left: -306px -48px (4, 4)
input top right: -310px -48px (4, 4)
input bottom left: -306px -52px (4, 4)
input bottom right: -310px -52px (4, 4)

background: #F7F7F7 / border: #F0F0F0
light grey box top left: -314px -47px (3, 3)
light grey box top right: -317px -47px (3, 3)
light grey box bottom left: -314px -50px (3, 3)
light grey box bottom right: -317px -50px (3, 3)

background: #EBEBEB / border: #E1E1E1
dark grey box top left: -314px -53px (3, 3)
dark grey box top right: -317px -53px (3, 3)
dark grey box bottom left: -314px -56px (3, 3)
dark grey box bottom right: -317px -56px (3, 3)

background: #959595
dark tab top left: -314px -59px (3, 3)
dark tab top right: -317px -59px (3, 3)
dark tab bottom left: -314px -62px (3, 3)
dark tab bottom right: -317px -62px (3, 3)

background: #FFFFFF
light tab top left: -314px -65px (3, 3)
light tab top right: -317px -65px (3, 3)
light tab bottom left: -314px -68px (3, 3)
light tab bottom right: -317px -68px (3, 3)

background: #CCF2C4 / text: #4B8C42
green box top left: -314pxv -71px (3, 3)
green box top right: -317px -71px (3, 3)
green box bottom left: -314px -74px (3, 3)
green box bottom right: -317px -74px (3, 3)

background: #FF8DA3 / text: #8C424B
red box top left: -308px -77px (3, 3)
red box top right: -311px -77px (3, 3)
red box bottom left: -314px -77px (3, 3)
red box bottom right: -317px -77px (3, 3)

buttons:

button background: -306px 0 (x, 24)
button left: -909px 0 (3, 24)
button right: -912px 0 (3, 24)

dropdown menu closed: -885px 0 (24, 24)
dropdown mouseover: -861px 0 (24, 24)
dropdown menu open:v -837px 0 (24, 24)

previous page: -320px -24px (18, 18)
previous page mouseover: -320px -42px (18, 18)
next page: -338px -24px (18, 18)
next page mouseover: -338px -42px (18, 18)

delete: -356px -24px (12, 12)
delete mouseover: -356px -36px (12, 12)
edit: -368px -24px (12, 12)
edit mouseover: -368px -36px (12, 12)
edit blue: -356px  -48px    (16,16)


Faces: 

smile great: -410px -48px (22, 22)
smile ok: -504px -24 px (22, 22)
smile banned: -526px -24px (22, 22)

Extras:   


number box rating: -410px -24px (24, 24)
number box service: -434px -24px (24, 24)
number box request: -458px -24px (24, 24)

rating profile:  -664px -24px (25, 25)
service profile: -639px -24px (25, 25)
request profile: -614px -24px (25, 25)

number circle: -320px -60px (19, 19)

message letter: -339px -60px (31, 17)

magnifying glass search: 0 -792px (18,24) 
magnifying blue: -356px -64px (16,16) 
lock: -901px -24px (14, 19) 
blue key:-372px -48px (16,16)

Logos:

facebook: 0 -212px (120, 24)
twitter: 0 -237px (120, 27)
windows live: 0 -265px (120, 24)
yahoo: 0 -290px (120, 16)
gmail: 0 -307px (120, 36)
aol: 0 -344px (120, 23)
oodle: 0 -521px (120, 29)
/***** Sprite Guide end *****/

/***** CSS Reset start *****/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	border: none;
}
/***** CSS Reset end *****/

/***** Default styles start *****/
hr {
	clear: both;
	color: #FFFFFF;
	line-height: 0;
}

p {
	margin-bottom: 10px;
}

img {
	
}

a {
	color: #0076A3;
	text-decoration: none;
}
a:link {
	color: #0076A3;
}
a:visited {
	color: #0076A3;
}
a:active {
	color: #0076A3;
}
a:hover {
	color: #0076A3;
	text-decoration: underline;
}
a.disabled {
	color: #7D7D7D;
	text-decoration: none;
}
a.disabled:link {
	color: #7D7D7D;
}
a.disabled:visited {
	color: #7D7D7D;
}
a.disabled:active {
	color: #7D7D7D;
}
a.disabled:hover {
	color: #7D7D7D;
}
.link {
	color: #0076A3;
	cursor: pointer;
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}

ul {
	margin: 0 0 10px 20px;
}

textarea {	
	resize: none;
	overflow: auto;
}
/***** Default styles end *****/

/***** General styles start *****/
.test {
	border: 1px solid #0000FF;
}
.circle-loading {
	width: 45px;
	height: 35px;
	background: transparent url('images/loading2.gif') no-repeat;
}
.sprite, .tsprite {
	background: transparent url('images/sprites.png') no-repeat;
	overflow: hidden;
}
.whitesprite, .wsprite {
	background: transparent url('images/sprites.png') no-repeat;
	overflow: hidden;
}
.nooverflow, .noof, .overflowhidden, .overflowh, .ofh {
	overflow: hidden;
}
.noheight, .noh {
	height: 0;
}
.nowidth, .now {
	width: 0;
}

.hidden, .hide, .h {
	display: none;
}
.block, .div {
	display: block;
}

.floatLeft, .left, .fl {
	float: left;
}
.floatRight, .right, .fr {
	float: right;
}

.clearLeft, .cl {
	clear: left;
}
.clearRight, .cr {
	clear: right;
}
.clearBoth, .clear, .cb {
	clear: both;
}

.alignLeft, .tal, .al {
	text-align: left;
}
.alignRight, .tar, .ar {
	text-align: right;
}
.alignCenter, .center, .tac, .ac {
	text-align: center;
}
.alignJustify, .justify, .taj, .aj {
	text-align: justify;
}

.strong, .bold, .b {
	font-weight: bold;
}

.bl {
	font-weight: bold;
    color: #999999;
}

.nostrong, .nobold, .nob {
	font-weight: normal;
}
.italic, .i {
	font-style: italic;
}
.noitalic, .noi {
	font-style: normal;
}

.selectable, .select, .s, .pointer {
	cursor: pointer;
}
.noselect, .nos, .nopointer {
	cursor: default;
}

.transparent {
	background-color: transparent;
}

.text-normal{
	font-weight: normal;
}

.h1 {
	font-size: 110%;
	line-height: 100%;
}
.h2 {
	font-size: 120%;
	line-height: 100%;
}
.h3 {
	font-size: 130%;
	line-height: 110%;
}
.h4 {
	font-size: 140%;
	line-height: 110%;
}
.h5 {
	font-size: 150%;
	line-height: 120%;
}
.h6 {
	font-size: 160%;
	line-height: 120%;
}
.h7 {
	font-size: 170%;
	line-height: 130%;
}
.h8 {
	font-size: 180%;
	line-height: 130%;
}
.h9 {
	font-size: 190%;
	line-height: 140%;
}
.h10 {
	font-size: 200%;
	line-height: 140%;
}
.h11 {
	font-size: 210%;
	line-height: 150%;
}
.h12 {
	font-size: 220%;
	line-height: 150%;
}
.h13 {
	font-size: 230%;
	line-height: 160%;
}
.h14 {
	font-size: 240%;
	line-height: 160%;
}
.h15 {
	font-size: 250%;
	line-height: 170%;
}
.h16 {
	font-size: 260%;
	line-height: 170%;
}
.h17 {
	font-size: 270%;
	line-height: 180%;
}
.h18 {
	font-size: 280%;
	line-height: 180%;
}
.h19 {
	font-size: 290%;
	line-height: 190%;
}
.h20 {
	font-size: 300%;
	line-height: 190%;
}

.s1 {
	font-size: 90%;
}
.s2 {
	font-size: 80%;
}
.s3 {
	font-size: 70%;
}
/* TOO SMALL!
.s4 {
	font-size: 60%;
	line-height: 60%;
}
.s5 {
	font-size: 50%;
	line-height: 50%;
}
.s6 {
	font-size: 40%;
	line-height: 40%;
}
.s7 {
	font-size: 30%;
	line-height: 30%;
}
.s8 {
	font-size: 20%;
	line-height: 20%;
}
.s9 {
	font-size: 10%;
	line-height: 10%;
}*/

.p0 {
	padding: 0;
}
.m0 {
	margin: 0;
}

.pt0 {
	padding-top: 0;
}
.pt1 {
	padding-top: 5px;
}
.pt2 {
	padding-top: 10px;
}
.pt3 {
	padding-top: 15px;
}
.pt4 {
	padding-top: 20px;
}
.pt5 {
	padding-top: 25px;
}
.pb0 {
	padding-bottom: 0;
}
.pb1 {
	padding-bottom: 5px;
}
.pb2 {
	padding-bottom: 10px;
}
.pb3 {
	padding-bottom: 15px;
}
.pb4 {
	padding-bottom: 20px;
}

.pr0 {
	padding-right: 0;
}
.pr1 {
	padding-right: 5px;
}
.pr2 {
	padding-right: 10px;
}
.pr3 {
	padding-right: 15px;
}
.pr4 {
	padding-right: 20px;
}
.pr5 {
	padding-right: 25px;
}
.pr6 {
	padding-right: 30px;
}
.pr7 {
	padding-right: 35px;
}
.pr8 {
	padding-right: 40px;
}
.pr9 {
	padding-right: 45px;
}
.pr10 {
	padding-right: 50px;
}

.pl0 {
	padding-left: 0;
}
.pl1 {
	padding-left: 5px;
}
.pl2 {
	padding-left: 10px;
}
.pl3 {
	padding-left: 15px;
}
.pl4 {
	padding-left: 20px;
}
.pl5 {
	padding-left: 25px;
}
.pl6 {
	padding-left: 30px;
}
.pl7 {
	padding-left: 35px;
}
.pl8 {
	padding-left: 40px;
}
.pl9 {
	padding-left: 45px;
}
.pl10 {
	padding-left: 50px;
}

.mt0 {
	margin-top: 0;
}
.mt1 {
	margin-top: 5px;
}
.mt2 {
	margin-top: 10px;
}
.mt3 {
	margin-top: 15px;
}
.mt4 {
	margin-top: 20px;
}
.mt5 {
	margin-top: 25px;
}
.mt6 {
	margin-top: 30px;
}

.mt7 {
	margin-top: 35px;
}

.mt8 {
	margin-top: 40px;
}


.mb0 {
	margin-bottom: 0;
}
.mb1 {
	margin-bottom: 5px;
}
.mb2 {
	margin-bottom: 10px;
}
.mb3 {
	margin-bottom: 15px;
}

.mr0 {
	margin-right: 0;
}

.mr1 {
	margin-right: 5px;
}
.mr2 {
	margin-right: 10px;
}
.mr3 {
	margin-right: 15px;
}
.mr4 {
	margin-right: 20px;
}
.mr5 {
	margin-right: 25px;
}
.mr6 {
	margin-right: 30px;
}
.mr7 {
	margin-right: 35px;
}
.mr8 {
	margin-right: 40px;
}
.mr9 {
	margin-right: 45px;
}
.mr10 {
	margin-right: 50px;
}

.ml0 {
	margin-left: 0;
}
.ml1 {
	margin-left: 5px;
}
.ml2 {
	margin-left: 10px;
}
.ml3 {
	margin-left: 15px;
}
.ml4 {
	margin-left: 20px;
}
.ml5 {
	margin-left: 25px;
}
.ml6 {
	margin-left: 30px;
}
.ml7 {
	margin-left: 35px;
}
.ml8 {
	margin-left: 40px;
}
.ml9 {
	margin-left: 45px;
}
.ml10 {
	margin-left: 50px;
}

.br1, .br {
	height: 20px;
	clear: both;
}
.br2 {
	height: 40px;
	clear: both;
}
.br3 {
	height: 60px;
	clear: both;
}
.br4 {
	height: 80px;
	clear: both;
}
.br5 {
	height: 100px;
	clear: both;
}

.hl {
	width: 600px;
	height: 2px;
	margin-left: -20px;
	background-color: #F0F0F0;
	overflow: hidden;
}

.hlwide {
	width: 732px;
	height: 2px;
	
	background-color: #F0F0F0;
	overflow: hidden;
}



.hl2 {
	width: 600px;
	height: 4px;
	margin-left: -20px;
	background-color: #E5E5E5;
	overflow: hidden;
}
.hlWhite {
	height: 3px;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #fff;
	overflow:hidden;
}

.hlGrey {
	height: 2px;
	margin-left: -6px;
	margin-right: -6px;
	background-color: #EDEDED;
	overflow:hidden;
}

.hlGrey2 {
	height: 2px;
	margin-left: -8px;
	margin-right: -8px;
	background-color: #EDEDED;
	overflow:hidden;
}

.vl {
	width: 2px;
	height: 100%;
	background-color: #E5E5E5;
}

ul {
	list-style-image: url('images/bullets.png') ;
}

.center-vertical, .cv {
    display: table-cell;
    vertical-align: middle;
}

.width50 {
	width: 50%;
}
/***** General styles end *****/

/***** Template start *****/
html, body, #website {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
/* Always display the scrollbar */
html {
	overflow-y: scroll;
}
body {
	font-size: 10px;
	line-height: 12px;
	background-color: #F3F3F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
html>body #website {
	height: auto;
}

#website {
	position: relative;
	top: 0;
	left: 0;
}

#main {
	height: auto;
	width: 100%;
	margin: 0 auto;
}

.website-warning {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
}

.website-warning-box {
	width: 928px;
	margin:auto;
}

.website-warning-text {
	padding: 0 20px 15px;
	text-align:center;
	line-height:16px;
	font-size:110%	
}

#header-wrapper {
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
}

#header-wrapper-big {
	width: 100%;
	height: 125px;
	background-color: #FFFFFF;
}
#header {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	padding-top: 10px;
}
#header-logo {
	width: 317px;
	height: 80px;
	margin-left: 10px;
	background: white url('images/sprites.png') no-repeat -1px -739px;
}
#header-links  {
	width: 500px;
	height: 20px;
	margin-top: -78px;
	margin-right: 10px;
	font-size: 110%;
	text-align: right;
	float: right;
}

#login-form {
	width: 550px;
	height: 70px;
	margin-top: -78px;
	margin-right: 10px;
	font-size: 110%;
	text-align: right;
	float: right;
}
a.header-link {
	margin-right: 5px;
	padding: 1px 5px 1px 5px;
	
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.header-link:hover {
	color: #78D9F0;
}
#header-search {
	width: 320px;
	height: 20px;
	margin-top: -32px;
	float: right;
}
#site-search-type {
	width: 71px;
	margin-left: -8px;
	margin-right: 5px;
	padding: 6px 0 6px 5px;
	background-color: #D7D7D7;
	cursor: pointer;
	float: left;
}
#site-search-types {
	position: absolute;
	width: 76px;
	margin-top: 24px;
	margin-left: 205px;
	background-color: #E5E5E5;
	cursor: pointer;
	display: none;
}
.site-search-type {
	padding: 4px 0 4px 4px;
	border: 2px solid #D7D7D7;
	border-top: none;
}
#header-border {
	width: 100%;
	height: 5px;
	background: transparent url('images/header-border.png') repeat-x;
	overflow: hidden;
}

#menu {
	width: 960px;
	height: 44px;
	margin: -5px auto 0 auto;
	overflow: hidden;
}
#menu a {
	width: 183px;
	height: 44px;
	margin-right: 11px;
	background: transparent url('images/sprites.png') no-repeat;
	overflow: hidden;
	display: block;
	
}
/* Juste pour IE6... */
#menu .last-menu-item {
	margin-right: 0;
	
}

#menu #menu-home {
	background-position: 0 -80px;
}
#menu #menu-home:hover {
	background-position: 0 -124px;
}
#menu #menu-home-select {
	background-position: 0 -168px;
}

#menu #menu-services {
	background-position: -183px -80px;
}
#menu #menu-services:hover {
	background-position: -183px -124px;
}
#menu #menu-services-select {
	background-position: -183px -168px;
}

#menu #menu-need {
	background-position: -366px -80px;
}
#menu #menu-need:hover {
	background-position: -366px -124px;
}
#menu #menu-need-select {
	background-position: -366px -168px;
}

#menu #menu-offer {
	background-position: -549px -80px;
}
#menu #menu-offer:hover {
	background-position: -549px -124px;
}
#menu #menu-offer-select {
	background-position: -549px -168px;
}

#menu #menu-friends {
	background-position: -732px -80px;
}
#menu #menu-friends:hover {
	background-position: -732px -124px;
}
#menu #menu-friends-select {
	background-position: -732px -168px;
}

#site-alert {
	width: 568px;
	margin-bottom: 2px;
	padding-left: 27px;
	float: left;
}

#site-email-alert {
	width: 926px;
	margin-bottom: 2px;
	float: left;
}

#content-wrapper-top {
	width: 962px;
	height: 4px;
	margin: 0 auto;
	overflow: hidden;
}
#content-wrapper-btl {
	width: 4px;
	height: 4px;
	background-position: -306px -24px;
	float: left;
}
#content-wrapper-bt {
	width: 954px;
	height: 3px;
	border-top: 1px solid #e7e7e8;
	background-color: #FFFFFF;
	float: left;
}
#content-wrapper-btr {
	width: 4px;
	height: 4px;
	background-position: -310px -24px;
	float: left;
}

#content-wrapper-bottom {
	width: 962px;
	height: 4px;
	margin: 0 auto 10px auto;
	overflow: hidden;
}
#content-wrapper-bbl {
	width: 4px;
	height: 4px;
	background-position: -306px -28px;
	float: left;
}
#content-wrapper-bb {
	width: 954px;
	height: 1px;
	border-top: 3px solid #FFFFFF;
	background-color: #E7E7E8;
	float: left;
}
#content-wrapper-bbr {
	width: 4px;
	height: 4px;
	background-position: -310px -28px;
	float: left;
}

#content-wrapper {
	width: 960px;
	height: auto !important;
	margin: 0 auto;
	padding: 13px 0 13px 0;
	border-left: 1px solid #e7e7e8;
	border-right: 1px solid #e7e7e8;
	background-color: #FFFFFF;
}

#content-wrapper-logged-out{
	width: 960px;
	min-height: 300px;
	height: auto !important;
	margin: 0 auto;
}

#left-column {
	width: 148px;
	min-height:400px;
	padding-left: 16px;
	overflow: hidden;
	float: left;
}
#left-column a {
	border: none;
	color: #595959;
	cursor: pointer;
	text-decoration: none;
	display: block;
}
#left-column span {
	overflow: hidden;
	display: block;
}
#left-column a.side-menu-item {
	width: 148px;
	height: 24px;
	margin-top: 5px;
}
#left-column .side-menu-item-btr {
	width: 3px;
	height: 3px;
	margin-left: -3px;
	background: white url(images/sprites.png) no-repeat scroll -317px -39px;
	float: right;
}

#left-column .side-menu-item-bbr {
	width: 3px;
	height: 3px;
	margin-top: 21px;
	margin-left: -3px;
	background: white url(images/sprites.png) no-repeat scroll -317px -42px;
	float: right;
}

.side-menu-item-bb {
	width: 3px;
	height: 18px;
	margin-top : 3px;
	margin-left: -3px;
	background-color: #F5F5F5;
	float: right;
}

.side-menu-item-bb-end {
	width: 3px;
	height: 21px;
	margin-top : 3px;
	margin-left: -3px;
	background-color: #F5F5F5;
	float: right;
}

#left-column .side-menu-item-text {
	width: 133px;
	height: 24px;
	background-color: #F5F5F5;
	float: left;
	color: #333333;
}
#left-column .side-menu-item-text-icon {
	width: 119px;
	height: 18px;
	padding-bottom: 6px;
	padding-left: 5px;
	background-color: #F5F5F5;
	float: left;
	color: #67686B;
}

#left-column a.side-menu-child {
	width: 134px;
	margin-left: 12px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}
#left-column .side-menu-child-text {
	width: 112px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	color: #67686B;
}
#left-column .side-menu-child-end {
	width: 136px;
	height: 3px;
	margin-left: 12px;
}
#left-column .side-menu-child-bb {
	height: 1px;
	border-top: 2px solid #FFFFFF;
	background-color: #EBEBEB;
	overflow: hidden;
}
#left-column .side-menu-child-bbl {
	background: white url(images/sprites.png) no-repeat scroll -306px -69px;
}
#left-column .side-menu-child-bbr {
	background: white url(images/sprites.png) no-repeat scroll -309px -69px;
}

#left-column a.side-menu-first {
	margin-top: 0;
}

#left-column a.side-menu-item .side-menu-tab {
	width: 12px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -410px -49px;
	float: left;
}
#left-column a.side-menu-child .side-menu-tab {
	width: 12px;
	height: 11px;
	margin-top: 2px;
	background: transparent url(images/sprites.png) no-repeat scroll -482px -50px;
	float: left;
}

#left-column a.side-menu-item .side-menu-tab-home {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -504px -213px;
	float: left;
}
#left-column a.side-menu-item .side-menu-tab-rating {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -452px -213px;
	float: left;
}
#left-column a.side-menu-item .side-menu-tab-request {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -530px -213px;
	float: left;
}
#left-column a.side-menu-item .side-menu-tab-service {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -478px -213px;
	float: left;
}
#left-column a.side-menu-item .side-menu-tab-friends {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -556px -213px;
	float: left;
}

#left-column a.side-menu-selected .side-menu-item-grey, #left-column a.side-menu-over .side-menu-item-grey {
	background-position: -521px -49px;
}

#left-column a.side-menu-selected span.side-menu-item-yellow  {
	background-position: -422px -49px;
}
#left-column a.side-menu-over .side-menu-item-yellow{
	background-position: -521px -49px;
}

#left-column a.side-menu-selected span.side-menu-item-green  {
	background-position: -434px -49px;
}
#left-column a.side-menu-over .side-menu-item-green{
	background-position: -521px -49px;
}

#left-column a.side-menu-selected span.side-menu-item-blue  {
	background-position: -446px -49px;
}
#left-column a.side-menu-over .side-menu-item-blue{
	background-position: -521px -49px;
}

#left-column a.side-menu-selected span.side-menu-item-purple {
	background-position: -458px -49px;
}
#left-column a.side-menu-over .side-menu-item-purple {
	background-position: -521px -49px;
}

#left-column a.side-menu-selected span.side-menu-item-red {
	background-position: -470px -49px;
}
 #left-column a.side-menu-over .side-menu-item-red{
	background-position: -521px -49px;
}

#left-column a.side-menu-selected span.side-menu-child-grey  {
	background-position: -482px -50px;
}
#left-column a.side-menu-over .side-menu-child-grey{
	background-position: -535px -49px;
}

#left-column a.side-menu-selected span.side-menu-child-yellow  {
	background-position: -482px -61px;
}
#left-column a.side-menu-over .side-menu-child-yellow{
	background-position: -535px -49px;
}

#left-column a.side-menu-selected span.side-menu-child-green  {
	background-position: -508px -50px;
}
#left-column a.side-menu-over .side-menu-child-green{
	background-position: -535px -49px;
}

#left-column a.side-menu-selected span.side-menu-child-blue  {
	background-position: -508px -61px;
}
#left-column a.side-menu-over .side-menu-child-blue {
	background-position: -535px -49px;
}

#left-column a.side-menu-selected span.side-menu-child-purple {
	background-position: -495px -50px;
}
#left-column a.side-menu-over .side-menu-child-purple{
	background-position: -535px -49px;
} 

#left-column a.side-menu-selected span.side-menu-child-red  {
	background-position: -495px -61px;
}
#left-column a.side-menu-over .side-menu-child-red{
	background-position: -535px -49px;
}

#left-column a.side-menu-selected span.side-menu-tab-home, #left-column a.side-menu-over .side-menu-tab-home {
	background-position: -581px -213px;
}
#left-column a.side-menu-selected span.side-menu-tab-rating, #left-column a.side-menu-over .side-menu-tab-rating {
	background-position: -657px -213px;
}
#left-column a.side-menu-selected span.side-menu-tab-request, #left-column a.side-menu-over .side-menu-tab-request {
	background-position: -632px -213px;
}
#left-column a.side-menu-selected span.side-menu-tab-service, #left-column a.side-menu-over .side-menu-tab-service {
	background-position: -682px -213px;
}
#left-column a.side-menu-selected span.side-menu-tab-friends, #left-column a.side-menu-over .side-menu-tab-friends {
	background-position: -606px -213px;
}



#page-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url('images/translucid-background.png') repeat 0 0;
	z-index:1000;
}
#page-loading-bar {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 181px;
	height: 133px;
	/* The margins have to be half of the width/height for the image to be centered */
	margin-left: -90px;
	margin-top: -66px;
	background: transparent url('images/color_loader.gif') center no-repeat;
}

#content-top {
	height: 3px;
	margin-left: 16px;
	overflow: hidden;
}
#content-btl {
	width: 3px;
	height: 3px;
	background-position: -314px -24px;
	float: left;
}

#content-bt {
	height: 3px;
	background-color: #E5E5E5;
	float: left;
}
.content-bt-narrow {
	width: 562px;
}
.content-bt-wide {
	width: 726px;
}
#content-btr {
	width: 3px;
	height: 3px;
	background-position: -317px -24px;
	float: left;
}

#content-bottom {
	height: 6px;
	margin-left: 16px;
	overflow: hidden;
}


#content-bbl {
	width: 6px;
	height: 6px;
	background-position: -339px -74px;
	float: left;
}


#content-bbr {
	width: 6px;
	height: 6px;
	background-position: -345px -74px;
	float: left;
}


#content-abtl {
	width: 6px;
	height: 6px;
	background-position: -339px -68px;
	float: left;
}


#content-abtr {
	width: 6px;
	height: 6px;
	background-position: -345px -68px;
	float: left;
}




#content-bb {
	height: 3px;
	border-top: 3px solid #FFFFFF;
	background-color: #E5E5E5;
	float: left;
}

.content-bt {
	height: 3px;
	border-top: 3px solid  #E5E5E5;
	background-color: #FFFFFF;
	float: left;
}


.content-bb-narrow {
	width: 556px;
}
.content-bb-wide {
	width: 720px;
}
.content-bb-xwide {
	width: 948px;
}


.content-border-narrow {
	width: 568px;
}
.content-border-wide {
	width: 732px;
}

.content-border-xwide {
	width: 960px;
}

#content {
	margin-left: 16px;
	padding-bottom: 2px;
	line-height: 14px;
	border-left: 3px solid #E5E5E5;
	border-right: 3px solid #E5E5E5;
	color: #595959;
	overflow: hidden;
	height:auto;
}
/**/
.content-a {
	width: 954px;
	border-left: 3px solid #E5E5E5;
	border-right: 3px solid #E5E5E5;
	background-color: #FFFFFF;
	overflow: hidden;
}

.content-narrow {
	width: 562px;
}
.content-wide {
	width: 726px;
	height:100%;
}

.content-full {
	width: 	960px;
}


.content-page {
	width: auto !important;
	height: auto !important;
}

.content-title-top {
	width: 100%;
	height: 22px;
	padding-top: 6px;
	padding-left: 8px;
	font-weight: bold;
	color: #4D4D4D;
	font-size: 120%;
	background-color: #E5E5E5;
	clear: both;
}

.content-title {
	width: 100%;
	height: 22px;
	padding-top: 9px;
	padding-left: 8px;
	font-weight:bold;

	color: #4D4D4D;
	background-color: #E5E5E5;
	clear: both;
}
.content-title .icon, .content-title-top .icon {
	margin-top: -5px;
	margin-left: -7px;
	margin-right: 5px;
	float: left;
}
.content-title .right, .content-title-top .right {
	margin-right: 12px;
	float: right;
}

.content-section {
	padding: 10px 8px 5px 8px;
	clear: both;
}

.content-section-images {
	padding: 20px 6px 5px 6px;
	clear: both;
}

.list-greybar  {
   background-color:#E5E5E5;
   clear:both;
   color:#7D7D7D;
   height:9px;
   width:100%;
}
#content .border-top {
	border-top: 2px solid #F2F2F2;
}

#content-logged-out {
}

#tutorial-top {
	margin: 0px 16px 5px 16px;
	max-width: 932px;
	min-width: 562px;
}

#right-column {
	width: 184px;
	padding: 0 12px 0 0;
	overflow: hidden;
	float: right;
}
.side-panel-item {
	padding: 5px 0 5px 0;
}
.side-panel-first {
	padding-top: 0;
}
.side-panel-next {
	border-top: 1px dashed #CCCCCC;
}


#footer-wrapper{
	width: 960px;
	height: 54px !important;
	margin: 0 auto 10px auto;
}

.footer-wrapper {
	width: 950px;
	
	height: 54px;	
	color: #ffffff;
	background-color: #999999;
	vertical-align: middle;
	
}

.footer-wrapper2 {
	width: 950px;
	
	height: 54px;	
	color: #ffffff;
	background-color: #999999;
	vertical-align: middle;
	
}


#footer-content {
	width: 100%;
	height: 200px;
	margin-top: 30px;
	border-top: 3px solid #666666;
	border-bottom: 1px solid #F3F3F3;
	background-color: #CCCCCC;
	color: #666666;
	position: relative;
	bottom: 45px;
}
a#footer-content-close {
	margin-top: 5px;
	margin-right: 10px;
	color: #666666;
	cursor: pointer;
	float: right;
}
a#footer-content-close:hover {
	font-weight: bold;
	text-decoration: none;
}
.footer-content {
	padding: 10px 25px 0 25px;
	text-align: justify;
	display: none;
}

#footer {
	width: 930px;
	margin: 0 auto;
	padding: 10px 15px 10px 15px;
}

#footer-links a {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

#footer-links a:hover {
	color: #EEEEEE;
}

.footer-link {
	padding-left:20px;
	padding-right: 15px;
}

.wtitlebox{
	padding-top: 5px;
	padding-bottom: 4px;
	width: 185px;
	border-top:  2px solid  #F0F0F0;
	border-bottom: 2px solid  #F0F0F0;
	height: 21px;
	margin-bottom: 5px;
}


/***** Template end *****/

/***** Template Aids start *****/
.columnx2 {
	width: 270px;
	overflow: hidden;
	float: left;
}
/***** Template Aids end *****/

/***** Tabs start *****/
#tabs {

	height: 35px;
	
	background-color: #E5E5E5;
    clear: both;
    width: 100%;
}
#tabs .tab {
	height: 22px;
	padding: 5px 14px 0 14px;
	border-left: 2px solid #757575;
	background-color: #959595;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
}
#tabs .selected {
	background-color: #FFFFFF;
	color: #959595;
}
#tabs .last {
	
}


#tabs .first {
	border: none;
}

#tabs .left-corner {
	width: 3px;
	height: 3px;
	margin-top: -5px;
	margin-left: -14px;
	background: transparent url('images/sprites.png') no-repeat -314px -59px;
	float: left;
	overflow: hidden;
}
#tabs .selected .left-corner {
	width: 3px;
	height: 3px;
	margin-top: -5px;
	margin-left: -14px;
	background: transparent url('images/sprites.png') no-repeat -314px -65px;
	float: left;
	overflow: hidden;
}

#tabs .right-corner {
	width: 3px;
	height: 3px;
	margin-top: -5px;
	margin-right: -14px;
	background: transparent url('images/sprites.png') no-repeat -317px -59px;
	float: right;
	overflow: hidden;
	display: inline;
}
#tabs .selected .right-corner {
	width: 3px;
	height: 3px;
    overflow: hidden;
	margin-right: -14px;
	background: transparent url('images/sprites.png') no-repeat -317px -65px;
	float: right;
	display: inline;
}
/***** Tabs end *****/

/***** Logos start *****/
.sv-long {
	width: 120px;
	height: 31px;
	background-position: -0px -377px;
}
.sv-long-notext {
	width: 39px;
	height: 31px;
	background-position: -2px -377px;
}
.sv-square {
	width: 96px;
	height: 74px;
	background-position: -121px -213px;
}
.sv-square-text {
	width: 96px;
	height: 94px;
	background-position: -121px -213px;
}
.sv-small-square {
	width: 48px;
	height: 37px;
	background-position: -218px -213px;
}
.sv-small-square-text {
	width: 48px;
	height: 47px;
	background-position: -218px -213px;
}
.sv-very-small-square {
	width: 24px;
	height: 19px;
	background-position: -267px -213px;
}
.sv-tiny-square {
	width: 16px;
	height: 16px;
	background-position: -267px -233px;
}

.facebook {
	width: 120px;
	height: 24px;
	background-position: 0 -212px;
}
.twitter {
	width: 120px;
	height: 27px;
	background-position: 0 -237px;
}
.windowslive {
	width: 120px;
	height: 27px;
	background-position: 0 -265px;
}
.yahoo {
	width: 120px;
	height: 27px;
	background-position: 0 -293px;
}
.gmail {
	width: 120px;
	height: 27px;
	background-position: 0 -321px;
}
.americaonline {
	width: 120px;
	height: 27px;
	background-position: 0 -349px;
}
.oodle {
	width: 120px;
	height: 29px;
	background-position: -121px -448px;
}
/***** Logos end *****/

/***** Picture Box start *****/
img.picture-profile {
	width: 138px;
}

div.picture-gallery {
	width: 165px;
	height: 112px;
}
div.picture-large {
	width: 148px;
	height: 148px;
}
div.picture-medium {
	width: 80px;
	height: 72px;
}
div.picture-small {
	width: 64px;
	height: 64px;
}
div.picture-tiny {
	width: 32px;
	height: 32px;
}

img.picture-gallery {
	max-width: 140px;
	max-height: 112px;
}
img.picture-large {
	max-width: 136px;
	max-height: 136px;
}
img.picture-medium {
	max-width: 72px;
	max-height: 72px;
}
img.picture-small {
	max-width: 56px;
	max-height: 56px;
}
img.picture-tiny {
	max-width: 28px;
	max-height: 28px;
}

.picture-border-large {
	width: 148px;
}
.picture-border-medium {
	width: 80px;
}
.picture-border-small {
	width: 64px;
}
.picture-border-tiny {
	width: 36px;
}

.picture-border-recommender-tiny {
	width: 56px;
	height: 2px;
}

.picture-b-large {
	width: 140px;
}
.picture-b-medium {
	width: 72px;
}
.picture-b-small {
	width: 56px;
}
.picture-b-tiny {
	width: 28px;
}

.picture-b-recommender-tiny {
	width: 56px;
}



.picture-top-small, .picture-top-medium, .picture-top-large {
	height: 4px;
	overflow: hidden;
}

.picture-top-tiny {
	height: 2px;
	overflow: hidden;
}


.picture-btl-small, .picture-btl-medium, .picture-btl-large {
	width: 4px;
	height: 4px;
	background-position: -306px -40px;
	float: left;
}

.picture-btl-tiny {
	width: 2px;
	height: 2px;
	background-position: -308px -56px;
	float: left;
}


.picture-bt-small, .picture-bt-medium, .picture-bt-large {
	height: 4px;
	border-top: 1px solid #D7D7D7;
	background-color: #EBEBEB;
	float: left;
}

.picture-bt-tiny {
	height: 1px;
	border-top: 1px solid #D7D7D7;
	background-color: #EBEBEB;
	float: left;
}

.picture-btr-small, .picture-btr-medium, .picture-btr-large {
	width: 4px;
	height: 4px;
	background-position: -310px -40px;
	float: left;
}

.picture-btr-tiny {
	width: 2px;
	height: 2px;
	background-position: -310px -56px;
	float: left;
}

/* TODO: FIND A WAY TO CENTER VERTICALLY!! */
.picture-center {
	text-align: center;
	overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.picture-canvas {
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	background-color: #EBEBEB;
	text-align: center;
	overflow: hidden;
    display: table-cell;
    line-height: 0;
    vertical-align: middle;
}

.picture-canvas-large {
	width: 148px;
	height: 140px;
}
.picture-canvas-medium {
	width: 78px;
	height: 72px;
}
.picture-canvas-small {
	height: 56px;
	width: 62px;
}
.picture-canvas-tiny {
	width: 30px;
	height: 30px;
}

.picture-canvas-recommender-tiny {
	width: 55px;
	height: 28px;
}

.picture-bottom-small, .picture-bottom-medium, .picture-bottom-large  {
	height: 4px;
	overflow: hidden;
}

.picture-bottom-tiny {
	height: 2px;
	overflow: hidden;
}

.picture-bbl-small, .picture-bbl-medium, .picture-bbl-large {
	width: 4px;
	height: 4px;
	background-position: -306px -43px;
	float: left;
}

.picture-bbl-tiny {
	width: 2px;
	height: 2px;
	background-position: -308px -58px;
	float: left;
}

.picture-bb-small, .picture-bb-medium, .picture-bb-large  {
	height: 3px;
	border-bottom: 2px solid #D7D7D7;
	background-color: #EBEBEB;
	overflow: hidden;
	float: left;
}

.picture-bb-tiny {
	background-color:#D7D7D7;
	border-top:1px solid #EBEBEB;
	float:left;
	height:1px;
	overflow:hidden;
}


.picture-bbr-small, .picture-bbr-medium, .picture-bbr-large {
	width: 4px;
	height: 4px;
	background-position: -310px -44px;
	float: left;
}

.picture-bbr-tiny {
	width: 2px;
	height: 2px;
	background-position: -310px -58px;
	float: left;
}

.service-picture-professional {
    width: 62px;
	height: 62px;
	background-position: -292px -213px;
}
.service-picture-professional-small {
    width: 30px;
	height: 30px;
	background-position: -292px -339px;
}

.service-picture-business {
	width: 62px;
	height: 62px;
	background-position: -292px -276px;
}
.service-picture-business-small {
    width: 30px;
	height: 30px;
	background-position: -323px -339px;
}
/***** Picture Box end *****/

/***** Buttons start *****/
.button {
	font-size: 110%;
	cursor: pointer;
	float: left;
}
.button-left {
	width: 3px;
	height: 24px;
	background: transparent url('images/sprites.png') no-repeat -909px 0;
	float: left;
}

.dbutton-left {
	width: 3px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -894px -25px;
	float: left;
}
.button-text {
	min-width: 40px;
	height: 19px;
	padding: 5px 8px 0 8px;
	background: white url('images/sprites.png') no-repeat -306px 0;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	float: left;
}

.button-text-short {
	min-width: 30px;
	height: 19px;
	padding: 5px 5px 0 5px;
	background: white url('images/sprites.png') no-repeat -306px 0;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	float: left;
}
.button-search {
	width: 18px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -792px 0;
	overflow: hidden;
	float: left;
}
.button-right {
	width: 3px;
	height: 24px;
	background: transparent url('images/sprites.png') no-repeat -912px 0;
	float: left;
}
   
.dbutton-right {
	width: 3px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -897px -25px;
	float: left;
}

.smallbutton {
	height: 14px;
	width: 34px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 4px;
	color: white;
	background-color: #959595;
	border: none;
	font-size: 80%;
	cursor: pointer;
	text-align: center;
}

a.previous {
	width: 18px;
	height: 18px;
	background-position: -320px -24px;
}
a.previous:hover {
	background-position: -320px -42px;
}
a.next {
	width: 18px;
	height: 18px;
	margin-left: 2px;
	background-position: -338px -24px;
}
a.next:hover {
	background-position: -338px -42px;
}

a.edit {
	width: 12px;
	height: 12px;
	background: transparent url('images/sprites.png') no-repeat -356px -24px;
	cursor: pointer;
	display: block;
}

.edit-blue {
	width: 16px;
	height: 16px;
	
	background: transparent url('images/sprites.png') no-repeat -356px -48px;
}

.edit-blue-darkb {
	width: 16px;
	height: 16px;
	
	background: transparent url('images/sprites.png') no-repeat -687px -25px;
}

.edit-grey {
	width: 12px;
	height: 12px;
	
	background: transparent url('images/sprites.png') no-repeat -356px -24px;
}

a.edit:hover {
	background: transparent url('images/sprites.png') no-repeat -356px -36px;
}
a.delete {
	width: 12px;
	height: 12px;
	background: transparent url('images/sprites.png') no-repeat -368px -24px;
	cursor: pointer;
	display: block;
	overflow: hidden;
}

.delete-blue {
	width: 12px;
	height: 12px;
	background: transparent url('images/sprites.png') no-repeat -397px -25px;
	cursor: pointer;
	display: block;
	overflow: hidden;
}


a.delete:hover {
	background: transparent url('images/sprites.png') no-repeat -368px -36px;
	overflow: hidden;
	
}

a.listitem-edit {
	margin-top: 4px;
	margin-right: 3px;
	margin-bottom: 4px;
	padding: 0;
	float: right;
}
a.listitem-delete {
	margin-top: 4px;
	margin-right: 3px;
	margin-bottom: 4px;
	padding: 0;
	float: right;
}
/***** Buttons end *****/

/***** Input styles start *****/
.input {
	margin-right: 5px;
}
.input-left {
	width: 4px;
	height: 24px;
}
.input-btl {
	width: 4px;
	height: 4px;
	background-position: -306px -48px;
}
.input-bl {
	width: 3px;
	height: 16px;
	border-left: 1px solid #d7d7d7;
	background-color: #FFFFFF;
	overflow: hidden;
}
.input-bbl {
	width: 4px;
	height: 4px;
	background-position: -306px -52px;
}
.input-middle {
	height: 19px;
	padding: 3px 0 0 0;
	border-top: 1px solid #d7d7d7;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d7d7d7;
}
.input-right {
	width: 4px;
	height: 24px;
}
.input-btr {
	width: 4px;
	height: 4px;
	background-position: -310px -48px;
}
.input-br {
	width: 3px;
	height: 16px;
	border-right: 1px solid #d7d7d7;
	background-color: #FFFFFF;
	overflow: hidden;
	float: right;
}
.input-bbr {
	width: 4px;
	height: 4px;
	background-position: -310px -52px;
}

.textarea-middle {
	margin: 0 0 0 0;
	padding: 3px 0 3px 0;
	border-top: 1px solid #d7d7d7;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d7d7d7;
}

.textarea-maxlength {
	height: 14px;
	width:110px;
	margin-top: -1px;
	margin-right: 3px;
	padding: 0 3px 1px 3px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-color: #FFFFFF;
	float: left;
	clear: both;
}

.delete-search {
	width: 24px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -218px -261px;
	cursor: pointer;
	float: left;
}


.dropdown-right {
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.dropdown-closed {
	background: white url('images/sprites.png') no-repeat -885px 0;
}
.dropdown-over {
	background: white url('images/sprites.png') no-repeat -861px 0;
}
.dropdown-open {
	background: white url('images/sprites.png') no-repeat -837px 0;
}
.dropdown-openover {
	background: white url('images/sprites.png') no-repeat -813px 0;
}

.checkbox {
	float: left;
}
.checkbox-box {
	float: left;
}
.checkbox-text {
	min-height: 14px;
	padding: 1px 0 0 3px;
	cursor: pointer;
	float: left;
}

.radiobutton {
	float: left;
}
.radiobutton-box {
	cursor: pointer;
	float: left;
}
.radiobutton-text {
	min-height: 14px;
	padding: 3px 0 0 3px;
	cursor: pointer;
	float: left;
}
/***** Input styles end *****/

/***** Labels start *****/
.label {
	width: 130px;
	padding-right: 5px;
	padding-left: 20px;
	text-align: right;
	float: left;
}
.label2 {
	width: 100px;
	padding-right: 10px;
	padding-left: 20px;
	text-align: right;
	float: left;
}
.label50 {
	width: 40px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

.label60 {
	width: 50px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

.label100 {
	width: 90px;
	padding-right: 10px;
	text-align: right;
	float: left;
}
.label125 {
	width: 115px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

.label145 {
	width: 135px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

.label150 {
	width: 140px;
	padding-right: 10px;
	text-align: right;
	float: left;
}
.label410 {
	width: 400px;
	padding-right: 10px;
	padding-bottom: 15px;
	text-align: left;
	float: left;
}


.flabel {
	padding-top: 6px;
	padding-right: 10px;
}
.text-label {
	width: 150px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	float: left;
}
.text {
	padding-top: 5px;
	float: left;
}
.hyphen-input {
	
}
.letter-index{
	width: 20px;
	float: left;
	text-align: center;
	
}
/***** Labels end *****/

/***** Text colors start *****/
.disabled, .graytext, .greytext {
	color: #7D7D7D;
}
.greentext {
	color: #4B8C42;
}

.lightgreen, .lightgreentext, .lgreen, .lgreentext  {
	color: #8BC53E;
}

.blue, .bluetext {
	color: #3D94BC;
}

.redtext {
	color: #E74557;
}

.lightgray, .lightgrey, .lgray, .lgrey {
	color: #AAAAAA;
}

.lgrey2 {
	color: #a1a1a1;
}

.white, .whitetext{
	color: white;
}
.purple, .purpletext {
	color: #8560A9;
}
.orange, .orangetext {
	color: #E89010;	
}
/***** Text colors end *****/

/***** Background colors start *****/
.white-bg {
	background-color: #FFFFFF;
}
.vlgrey-bg {
	background-color: #F7F7F7;
}
.lgrey-bg {
	background-color: #E5E5E5;
}
.grey-bg {
	background-color: #ACACAC;
}

.highlight {
	background-color: #C6E9F1;
	cursor: pointer;

}
/***** Background colors end *****/

/***** Border colors start *****/
/***** Border colors end *****/

/***** Boxes start *****/
.corner3px {
	width: 3px;
	height: 3px;
}
.corner4px {
	width: 4px;
	height: 4px;
}

.numberbox {
	float: left;
}
.numberbox-rating {
	width: 24px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -410px -24px;
	overflow: hidden;
	float: left;
	clear: left;
}
.numberbox-request {
	width: 24px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -458px -24px;
	overflow: hidden;
	float: left;
	clear: left;
}
.numberbox-service {
	width: 24px;
	height: 24px;
	background: white url('images/sprites.png') no-repeat -434px -24px;
	overflow: hidden;
	float: left;
	clear: left;
}
.numberbox-top {
	width: 24px;
	height: 4px;
	overflow: hidden;
	float: left;
	clear: left;
}
.numberbox-btl {
	width: 4px;
	height: 4px;
	background: white url('images/sprites.png') no-repeat -306px -39px;
	float: left;
}
.numberbox-bt {
	width: 16px;
	height: 3px;
	border-top: 1px solid #D7D7D7;
	background-color: #EBEBEB;
	float: left;
}
.numberbox-btr {
	width: 4px;
	height: 4px;
	background: white url('images/sprites.png') no-repeat -310px -39px;
	float: left;
}
.numberbox-middle {
	width: 21px;
	height: 15px;
	padding: 1px 0 0 1px;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	background-color: #EBEBEB;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	float: left;
	clear: left;
}
.numberbox .big {
	font-size: 100%;
}
.numberbox .small {
	width: 20px;
	padding-left: 2px;
	font-size: 80%;
}
.numberbox .icon {
	padding-top: 3px;
}
.numberbox-bottom {
	width: 24px;
	height: 4px;
	overflow: hidden;
	float: left;
	clear: left;
}
.numberbox-bbl {
	width: 4px;
	height: 4px;
	background: white url('images/sprites.png') no-repeat -306px -43px;
	float: left;
}
.numberbox-bb {
	width: 16px;
	height: 1px;
	border-top: 3px solid #EBEBEB;
	background-color: #D7D7D7;
	float: left;
}
.numberbox-bbr {
	width: 4px;
	height: 4px;
	background: white url('images/sprites.png') no-repeat -310px -43px;
	float: left;
}

.numberbox-got-recommended {
	width: 44px;
	height: 18px;
	background: white url('images/sprites.png') no-repeat -614px -48px;
}

.numberbox-rating-average{
	width: 44px;
	height: 55px;
	background: white url('images/sprites.png') no-repeat -716px -24px;
}
	
.alertbox {
	padding: 0 0 10px 0;
}
.alertbox-top {
	height: 3px;
}
.alertbox-bt {
	height: 3px;
	overflow: hidden;
}
.alertbox-middle {
	overflow: hidden;
}
.alertbox-text {
	margin: 0 auto;
	padding: 0 20px 15px 20px;
	text-align: center;
}
.alertbox-text label {
	padding: 3px;
	display: block;
	clear: both;
}
a.alertbox-close {
	margin-right: 7px;
	color: inherit;
	cursor: pointer;
	float: right;
}
a.alertbox-close:hover {
	font-weight: bold;
	text-decoration: none;
}
a.tutorialbox-close {
	margin-right: 7px;
	cursor: pointer;
	float: right;
}
a.tutorialbox-close:hover {
	font-weight: bold;
	text-decoration: none;
}
.alertbox-bottom {
	height: 3px;
}
.alertbox-bb {
	height: 3px;
	overflow: hidden;
}

.greenbox {
	background-color: #CCF2C4;
	color: #4B8C42;
}
.greenbox-btl {
	background-position: -314px -71px;
}
.greenbox-btr {
	background-position: -317px -71px;
}
.greenbox-bbl {
	background-position: -314px -74px;
}
.greenbox-bbr {
	background-position: -317px -74px;
}

.redbox {
	background-color: #FF8DA3;
	color: #8C424B;
}
.redbox-btl {
	background-position: -308px -77px;
}
.redbox-btr {
	background-position: -311px -77px;
}
.redbox-bbl {
	background-position: -314px -77px;
}
.redbox-bbr {
	background-position: -317px -77px;
}






.yellowboxdark {
	background-color: #F7B240;
	color: #ffffff;
	width: 540px;
}

.yellowboxdark-bl {
	background-position: -218px -314px;
	height: 24px;
	width: 3px;
}
.yellowboxdark-br {
	background-position: -221px -314px;
	height: 24px;
	width: 3px;
	
}



.yellowboxlight {
	background-color: #fdecd1;
	color: #EF9218;
	width: 519px;
	height: 20px;
	font-weight: bold;
	padding-top: 4px;
}

.yellowboxlight-bl {
	background-position: -218px -339px;
	height: 24px;
	width: 3px;
}
.yellowboxlight-br {
	background-position: -221px -339px;
	height: 24px;
	width: 3px;
	
}



.greenboxdark {
	background-color: #8BC541;
	color: #ffffff;
	width: 540px;
}

.greenboxdark-bl {
	background-position: -225px -314px;
	height: 24px;
	width: 3px;
}
.greenboxdark-br {
	background-position: -228px -314px;
	height: 24px;
	width: 3px;
	
}



.greenboxlight {
	background-color: #e3f1d1;
	color: #78AA30;
	width: 519px;
	height: 20px;
	font-weight: bold;
	padding-top: 4px;
}

.greenboxlight-bl {
	background-position: -225px -339px;
	height: 24px;
	width: 3px;
}
.greenboxlight-br {
	background-position: -228px -339px;
	height: 24px;
	width: 3px;
	
}


.blueboxdark {
	background-color: #3E95BD;
	color: #ffffff;
	width: 540px;
	height: 24px;
}

.blueboxdark-bl {
	background-position: -232px -314px;
	height: 24px;
	width: 3px;
}
.blueboxdark-br {
	background-position: -235px -314px;
	height: 24px;
	width: 3px;
}



.blueboxlight {
	background-color: #D8EAF2;
	color: #1C8FB7;
	width: 519px;
	height: 20px;
	font-weight: bold;
	padding-top: 4px;
}

.blueboxlight-bl {
	background-position: -232px -339px;
	height: 24px;
	width: 3px;
}
.blueboxlight-br {
	background-position: -235px -339px;
	height: 24px;
	width: 3px;
}



.purpleboxdark {
	background-color: #8461A8;
	color: #ffffff;
	width: 540px;
}

.purpleboxdark-bl {
	background-position: -239px -314px;
	height: 24px;
	width: 3px;
	
}
.purpleboxdark-br {
	background-position: -242px -314px;
	height: 24px;
	width: 3px;
	
}


.purpleboxlight {
	background-color: #e6dfed;
	color: #8461A8;
	height: 20px;
	font-weight: bold;
	padding-top: 4px;

}

.purpleboxlight-bl {
	background-position: -239px -339px;
	height: 24px;
	width: 3px;
	
}
.purpleboxlight-br {
	background-position: -242px -339px;
	height: 24px;
	width: 3px;
	
}


.purpleboxdark-tl {
	background-position: -234px -292px;
	height: 3px;
	width: 3px;	
}

.purpleboxdark-tr {
	background-position: -237px -292px;
	height: 3px;
	width: 3px;	
}


.purpleboxdark-tm {
	height: 3px;
	width: 35px;
	background-color: #8560A9;
}

.purplebox-background {
	width: 30px;
	background-color: #8560A9;
}

.purpleboxdark-bl {
	background-position: -234px -295px;
	height: 3px;
	width: 3px;	
}

.purpleboxdark-br {
	background-position: -237px -295px;
	height: 3px;
	width: 3px;	
}





.redboxdark {
	background-color: #e54456;
	color: #ffffff;
	width: 540px;
	
}

.redboxdark-bl {
	background-position: -246px -314px;
	height: 24px;
	width: 3px;
	
}
.redboxdark-br {
	background-position: -249px -314px;
	height: 24px;
	width: 3px;
	
}



.redboxlight {
	background-color: #fad9dd;
	color: #E54456;
	width: 519px;
	height: 20px;
	font-weight: bold;
	padding-top: 4px;
    
	
}

.redboxlight-bl {
	background-position: -246px -339px;
	height: 24px;
	width: 3px;
	
}
.redboxlight-br {
	background-position: -249px -339px;
	height: 24px;
	width: 3px;
	
}

.greybox {
	margin: 2px 0 2px 0;
}
.greybox-top {
	height: 3px;
	overflow: hidden;
}
.greybox-bottom {
	height: 3px;
	overflow: hidden;
}

.lgreybox-bt {
	height: 3px;
	border-top: 1px solid #F0F0F0;
	background-color: #F7F7F7;
}

.lgreybox-btl {
	background-position: -314px -46px;
}

.lgreybox-btr {
	background-position: -317px -46px;
}

.lgreybox-middle-small {
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	background-color: #F7F7F7;
}

.lgreybox-middle-text {
	padding-top: 2px;
}
.lgreybox-bbl {
	background-position: -314px -50px;
}
.lgreybox-bb {
	height: 1px;
	border-top: 2px solid #F7F7F7;
	background-color: #F0F0F0;
}
.lgreybox-bbr {
	background-position: -317px -50px;
}

.mgreybox-bt {
	height: 3px;
	background-color: #ebebeb;
}
.mgreybox-btl {
	background-position: -306px -60px;
}
.mgreybox-btr {
	background-position: -309px -60px;
}

.mgreybox-bbl {
	background-position: -306px -63px;
}
.mgreybox-bbr {
	background-position: -309px -63px;
}



.purplebigbox-middle{
	background-color: #E6DFED;
}
.purplebigbox-bt {
	height: 3px;
	background-color: #E6DFED;
}
.purplebigbox-btl {
	background-position: -226px -286px;
}
.purplebigbox-btr {
	background-position: -229px -286px;
}

.purplebigbox-bbl {
	background-position: -226px -289px;
}
.purplebigbox-bbr {
	background-position: -229px -289px;
}


.purple-activebox {
	height: 19px;
	padding: 3px 0 0 0;
	border-top: 1px solid #D8CAE8;
	border-bottom: 1px solid #D8CAE8;
	background-color: #E6DFED;
	border-left: none;
	border-right: none;
}

.purple-activebox-bl {
	width: 4px;
	height: 18px;
	border-left: 1px solid #D8CAE8;
	background-color: #E6DFED;
	overflow: hidden;
}

.purple-activebox-btl {
	
	background-position: -234px -286px;
	height: 3px;
	width: 4px;
}

.purple-activebox-btr {
	
	background-position: -237px -289px;
	height: 3px;
	width: 3px;
}
.purple-activebox-bbl {
	
	background-position: -234px -289px;
	height: 3px;
	width: 4px;
}

.purple-activebox-bbr {
	
	background-position: -237px -289px;
	height: 3px;
	width: 3px;
}


.whitebox-bt {
	height: 2px;
	border-top: 1px solid #ebebeb;
	background-color: #FFFFFF;
}

.whitebox-bb {
	height: 1px;
	border-top: 2px solid #FFFFFF;
	background-color:#ebebeb ;
}
.whitebox-btl {
	background-position: -306px -67px;
}
.whitebox-btr {
	background-position: -309px -67px;
}

.whitebox-bbl {
	background-position: -306px -69px;
}
.whitebox-bbr {
	background-position: -309px -69px;
}

.lgreybox-bt-noborder {
	height: 3px;
	
	background-color: #F7F7F7;
}





.lgreybox-middle-simple {
	background-color:#F7F7F7;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
}

.lgreybox-middle {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	background-color: #F7F7F7;
}

.lgreybox-middle-xmargin {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	background-color: #F7F7F7;
}


.lgreybox-dback-btl {
	background-position: -328px -61px;
}
.lgreybox-dback-btr {
	background-position: -331px -61px;
}
.lgreybox-dback-bbl {
	background-position: -328px -64px;
}
.lgreybox-dback-bbr {
	background-position: -331px -64px;
}



.lgreybox-dback-bor-btl {
	background-position: -328px -68px;
}
.lgreybox-dback-bor-btr {
	background-position: -331px -68px;
}
.lgreybox-dback-bor-bbl {
	background-position: -328px -71px;
}
.lgreybox-dback-bor-bbr {
	background-position: -331px -71px;
}


.lgreybox-bor-bt {
	height: 3px;
	border-top: 1px solid #F0F0F0;
	background-color: #F5F5F5;
}

.lgreybox-bor-bb {
	height: 1px;
	border-top: 2px solid #F5F5F5;
	background-color: #F0F0F0;
}



.dgreybox-bt {
	height: 3px;
	border-top: 1px solid #E1E1E1;
	background-color: #EBEBEB;
}

.dgreybox-btl {
	background-position: -314px -53px;
}
.dgreybox-btr {
	background-position: -317px -53px;
}
.dgreybox-bbl {
	background-position: -314px -56px;
}

.search-section{
	width: 550px;	
	height: 28px;
	padding: 3px 6px;
	margin-left: -8px;
	background-color: #959595;
	position : relative;
	z-index:10000;
	overflow :visible;
}

.bgreybox-center{
	width: 534px;
	
	height: 22px;
	padding: 6px 3px 6px 3px; 
	
	background-color: #959595;
	float: left;
}




.bgreybox-middle{
	width: 534px;	
	height: auto;
	padding: 3px 6px 3px 6px;
	background-color: #959595;
	float: left;
}

.bgreybox-middle-2{
	height: auto;
	padding: 0px 6px ;
	background-color: #959595;
	float: left;
}

.bgreybox-results{
	
	width: 550px;	
	height: 30px;
	padding: 3px 6px 3px 6px;
	background-color: #959595;
	float: left;
}


.bgreybox-midt{
	width: 540px;	
	height: 3px;
	background-color: #959595;
	float: left;
}

.bgreybox-midt-results{
	width: 556px;	
	height: 3px;
	background-color: #959595;
	float: left;
}



.bgreybox-top, .bgreybox-bottom  {
	width: 546px;
	height: 3px;
	float: left;
	
}

.bgreybox-top-results{
	background-color: #E5E5E5;
	width: 562px;
	height: 3px;
	float: left;
	
}


.bgreybox-left {
	width: 3px;
	height: 35px;
	float: left;
}
.bgreybox-right {
	width: 3px;
	height: 35px;
	float: left;
}

.bgreybox-bt {
    width: 3px;
	height: 31px;
	max-height: 31px;
	background-color: #959595;
}

.bgreybox-btl {
	background-position: -321px -74px;
}
.bgreybox-btr {
	background-position: -324px -74px;
}
.bgreybox-bbl {
	background-position: -321px -77px;
}
.bgreybox-bbr {
	background-position: -324px -77px;
}



.dgreybox-dback-btl {
	background-position: -321px -61px;
}
.dgreybox-dback-btr {
	background-position: -324px -61px;
}
.dgreybox-dback-bbl {
	background-position: -321px -64px;
}
.dgreybox-dback-bbr {
	background-position: -324px -64px;
}


.orangebox {
	margin: 0px 0 2px 0;
}
.orangebox-top {
	height: 3px;
	overflow: hidden;
}
.orangebox-bottom {
	height: 3px;
	overflow: hidden;
}

.lorangebox-btl {
	background-position: -328px -74px;
}
.lorangebox-bt {
	height: 3px;
	background-color: #FDECD1;
}

.lorangebox-btr {
	background-position: -331px -74px;
}
.lorangebox-bbl {
	background-position: -328px -77px;
}

.lorangebox-bb {
	height: 3px;
	background-color: #FDECD1;
}
.lorangebox-bbr  {
	background-position: -331px -77px;
}

.lorangebox-middle{
	height: auto;
	padding: 3px 3x;
	background-color: #FDECD1;
	float: left;

}

.lorangebox-middle-text {
	padding-top: 4px;
	padding-bottom: 3px;
}

.dgreybox-middle {
	padding-left : 5px;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	background-color: #EBEBEB;
}

.dgreybox-middle-text {
	padding-top: 3px;
	padding-bottom: 3px;
}

.dgreybox-bb {
	height: 1px;
	border-top: 2px solid #EBEBEB;
	background-color: #E1E1E1;
}
.dgreybox-bbr {
	background-position: -317px -56px;
}

.greenbox-home-m {
	padding-top:18px;
	padding-left:15px;
	padding-right:10px;
	width: 532px;
	height: 40px;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	background-color: #E3F1D1;
}


.greybox-home-review{
	padding-top:20px;
	padding-left:15px;
	padding-right:10px;
	width: 532px;
	height: 40px;
	
	background-color: #E3F1D1;
}


.greybox-home-need {
	padding-top:20px;
	padding-left:15px;
	padding-right:10px;
	width: 532px;
	height: 40px;
	
	background-color: #D8EAF2;
}

.greybox-home-offer {
	padding-top:20px;
	padding-left:15px;
	padding-right:10px;
	width: 532px;
	height: 40px;
	
	background-color: #E6DFED;
}
.greybox-home-m-h {
	padding-top:2px;
	padding-left:15px;
	padding-right:10px;
	width: 532px;
	height: 56px;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	background-color: #F7F7F7;
}

.greybox-home-r-review {
     width: 3px;
	 height: 60px;
     background-position: -151px -617px;
}

.greybox-home-r-need{
     width: 3px;
	 height: 60px;
     background-position: -151px -556px;
}

.greybox-home-r-offer{
     width: 3px;
	 height: 60px;
     background-position: -156px -657px;
}

.greybox-regist-l {
     width: 5px;
	 height: 54px;
     background-position: -253px -309px;
}


.greybox-footer-l {
     width: 5px;
	 height: 54px;
     background-position: -259px -309px;
}

.greybox-footer-r {
     width: 5px;
	 height: 54px;
     background-position: -265px -309px;
}




.bluearrow-home-r {
     width: 149px;
	 height: 60px;
     background-position: -1px -556px;
}
.greenarrow-home-r {
     width: 149px;
	 height: 60px;
     background-position: -1px -617px;
}
.purplearrow-home-r {
     width: 149px;
	 height: 60px;
     background-position: -1px -678px;
}




.paginationbox {
	
	float: left;
}
.paginationbox-left {
	width: 3px;
	height: 24px;
	float: left;
}
.paginationbox-right {
	width: 3px;
	height: 24px;
	float: left;
}
.paginationbox-btl {
	width: 3px;
	height: 3px;
	background: white url('images/sprites.png') no-repeat -314px -47px;
    overflow: hidden;
}
.paginationbox-bl {
	width: 2px;
	height: 18px;
	max-height: 18px;
	border-left: 1px solid #F3F3F3;
	background-color: #F7F7F7;
}
.paginationbox-bbl {
	width: 3px;
	height: 3px;
	background: white url('images/sprites.png') no-repeat -314px -50px;
	overflow: hidden;
}
.paginationbox-middle {
	width: 540px;
	height: 20px;
	padding-top: 2px;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
	background-color: #F7F7F7;
	float: left;
}

.lgreybox-middle-padding {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	background-color: #F7F7F7;
}

.paginationbox-middle-simple {
	
	height: 20px;
	padding-top: 2px;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
	background-color: #F7F7F7;
	float: left;
}
.paginationbox-middle-text {
	padding-top: 2px;
	padding-right: 5px;
	float: right;
}
.paginationbox-btr {
	width: 3px;
	height: 3px;
	background: white url('images/sprites.png') no-repeat -317px -47px;
	overflow: hidden;
}
.paginationbox-br {
	width: 1px;
	height: 18px;
	border-left: 2px solid #F7F7F7;
	background-color: #F3F3F3;
}
.paginationbox-bbr {
	width: 3px;
	height: 3px;
	background: white url('images/sprites.png') no-repeat -317px -50px;
	overflow: hidden;
}



.regist-box-s {
	width: 204px;
	height: 28px;
	background-color: #8561A9;
	padding-top: 10px;
	
}
.regist-box-s-l {
	width: 5px;
	height: 38px;
	background-position: -185px -558px;
}

.regist-box-s-r {
	width: 5px;
	height: 38px;
	background-position: -191px -558px;
}



.regist-box-re{
	width: 204px;
	height: 28px;
	background-color: #90C851;
	padding-top: 10px;
}

.regist-box-re-l {
	width: 5px;
	height: 38px;
	background-position: -161px -558px;
}

.regist-box-re-r {
	width: 5px;
	height: 38px;
	background-position: -167px -558px;
}


.regist-box-req{
	width: 204px;
	height: 28px;
	background-color: #3F95BE;
	padding-top: 10px;
}

.regist-box-req-l {
	width: 5px;
	height: 38px;
	background-position: -173px -558px;
}

.regist-box-req-r {
	width: 5px;
	height: 38px;
	background-position: -179px -558px;
}

.contact-box {
	width: 50px;
	height: 35px;
}


.listviewbox-grey-l {
	
	background-position: -312px -371px;
	height: 34px;
	width: 3px;
}

.listviewbox-grey-m {
	
	background:url("images/sprites.png") repeat scroll -358px -426px transparent;
    color: #3b3b3b;
    float:left;  
    width: 263px;
    padding-top:8px;
    overflow:hidden;   
    text-align:center;
	height: 26px;
}

.listviewbox-grey-r {
	
	background-position: -319px -371px;
	height: 34px;
	width: 3px;
}




.listviewbox-purple-l {
	
	background-position: -324px -371px;
	height: 34px;
	width: 3px;
}

.listviewbox-purple-m {
	 
    background:url("images/sprites.png") repeat scroll -358px -390px transparent;
    color: #fff;
    float:left;  
    width: 263px;
    padding-top:8px;
    overflow:hidden;   
    text-align:center;
	height: 26px;
	
}

.listviewbox-purple-r {
	
	background-position: -331px -371px;
	height: 34px;
	width: 3px;
}

.listviewbox-triagle-p {
	
	background-position: -335px -371px;
	height: 9px;
	margin-top: -1px;
	width: 16px;
}




#create-service-step1-bar {
	width: 546px;
	height: 36px;
	background: white url('images/sprites.png') no-repeat -356px -239px;
}
#create-service-step2-bar {
	width: 546px;
	height: 36px;
	background: white url('images/sprites.png') no-repeat -356px -276px;
}
#create-service-step3-bar {
	width: 546px;
	height: 36px;
	background: white url('images/sprites.png') no-repeat -356px -313px;
}

#create-service-step4-bar {
	width: 546px;
	height: 36px;
	background: white url('images/sprites.png') no-repeat -356px -350px;
}


.feedbox{
	

	padding: 15px;
	
}


/***** Boxes end *****/

/***** Icons start *****/
.smile3 {
	width: 22px;
	height: 22px;
	background-position: -482px -24px;
}
.smile2 {
	width: 22px;
	height: 22px;
	background-position: -504px -24px;
}
.smile1 {
	width: 22px;
	height: 22px;
	background-position: -526px -24px;
}

.smile3-tiny {
	width: 16px;
	height: 16px;
	background-position: -760px -24px;
}
.smile2-tiny {
	width: 16px;
	height: 16px;
	background-position: -760px -40px;
}
.smile1-tiny {
	width: 16px;
	height: 16px;
	background-position: -760px -56px;
}

.smile3-grey {
	width: 24px;
	height: 24px;
	background-position: -410px -48px;
}
.smile2-grey {
	width: 24px;
	height: 24px;
	background-position: -434px -48px;
}
.smile1-grey {
	width: 24px;
	height: 24px;
	background-position: -458px -48px;
}

.smile3-tiny {
	width: 12px;
	height: 12px;
	background-position: -204px -308px;
}
.smile2-tiny {
	width: 12px;
	height: 12px;
	background-position: -204px -321px;
}
.smile1-tiny {
	width: 12px;
	height: 12px;
	background-position: -204px -334px;
}

.smile3-list {
	width: 82px;
	height: 22px;
	background-position: -121px -308px;
}
.smile2-list {
	width: 82px;
	height: 22px;
	background-position: -121px -331px;
}
.smile1-list {
	width: 82px;
	height: 22px;
	background-position: -121px -354px;
}

a.smile3-square {
	width: 35px;
	height: 35px;
	background-position: -1px -411px;
}
a.smile2-square {
	width: 35px;
	height: 35px;
	background-position: -37px -411px;
}
a.smile1-square {
	width: 35px;
	height: 35px;
	background-position: -73px -411px;
}

a.smile3-square:hover {
	width: 35px;
	height: 35px;
	background-position: -1px -447px;
}
a.smile2-square:hover {
	width: 35px;
	height: 35px;
	background-position: -37px -447px;
}
a.smile1-square:hover {
	width: 35px;
	height: 35px;
	background-position: -73px -447px;
}

.smile3-square-selected {
	width: 35px;
	height: 35px;
	background-position: -1px -483px;
}
.smile2-square-selected {
	width: 35px;
	height: 35px;
	background-position: -37px -483px;
}
.smile1-square-selected {
	width: 35px;
	height: 35px;
	background-position: -73px -483px;
}

.smile-dark {
	width: 16px;
	height: 16px;
	background-position: -659px -49px;
}
.smile-white              {width: 16px;      height: 16px;       background-position: -795px -213px;}
.smile1-list-selected     {width: 18px;      height: 18px;       background-position: -39px -1px;}
.smile2-list-selected     {width: 18px;      height: 18px;       background-position: -20px -1px;}

.smile3-list-selected {
	width: 18px;
	height: 18px;
	background-position: -1px -1px;
}




.smile1-list-lgreyb {
	width: 18px;
	height: 18px;
	background-position: -39px -58px;
}

.smile2-list-lgreyb {
	width: 16px;
	height: 16px;
	background-position: -20px -58px;
}
.smile3-list-lgreyb {
	width: 16px;
	height: 16px;
	background-position: -1px -58px;
}




.smile1-list-dgreyb {
	width: 18px;
	height: 18px;
	background-position: -39px -20px;
}
.smile1-list-dgreyb:hover {
	width: 18px;
	height: 18px;
	background-position: -39px -39px;
}


.smile2-list-dgreyb {
	width: 18px;
	height: 18px;
	background-position: -20px -20px;
}
.smile2-list-dgreyb:hover {
	width: 18px;
	height: 18px;
	background-position: -20px -39px;
}


.smile3-list-dgreyb {
	width: 18px;
	height: 18px;
	background-position: -1px -20px;
}
.smile3-list-dgreyb:hover {
	width: 18px;
	height: 18px;
	background-position: -1px -39px;
}



.smile1-list-rollb {
	width: 16px;
	height: 16px;
	background-position: -155px -378px;
}
.smile2-list-rollb{
	width: 16px;
	height: 16px;
	background-position: -138px -378px;
}
.smile3-list-rollb {
	width: 16px;
	height: 16px;
	background-position: -121px -378px;
}


 


.lock-icon {
	width: 14px;
	height: 19px;
	background-position: -901px -24px;
}
.number-circle {
	margin-right: 5px;
	width: 18px;
	height: 18px;
	text-align:center;
	background-position: -320px -60px;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
}

.number-circle1 {
	margin-bottom: 3px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-position: -355px -213px;
}

.arrow-circle {
    margin-bottom: 3px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-position: -243px -278px;
}

.arrowbox-yellow {
   
	width: 21px;
	height: 24px;
	background-position: -204px -365px;
}

.arrowbox-green {
   
	width: 21px;
	height: 24px;
	background-position: -226px -365px;
}

.arrowbox-blue {
   
	width: 21px;
	height: 24px;
	background-position: -248px -365px;
}

.arrowbox-purple {
   
	width: 21px;
	height: 24px;
	background-position: -270px -365px;
}

.arrowbox-red {
   
	width: 21px;
	height: 24px;
	background-position: -204px -390px;
}

.numbercircle1-purple {
   
	width: 21px;
	height: 24px;
	background-position: -248px -390px;
}

.numbercircle2-purple {
   
	width: 21px;
	height: 24px;
	background-position: -248px -415px;
}


.number-circle2 {
    margin-bottom: 3px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-position: -374px -213px;
}
.number-circle3 {
	margin-bottom: 3px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-position: -393px -213px;
}
.number-circle4 {
	margin-bottom: 3px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-position: -412px -213px;
}
.number-circle5 {
	margin-bottom: 3px;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background-position: -431px -213px;
}
.message-letter {
	width: 24px;
	height: 14px;
	background-position: -784px -28px;
}

.message-letter-received {
	width: 34px;
	height: 18px;
	background-position: -811px -24px;
}

.message-received-purple {
	width: 31px;
	height: 17px;
	background-position: -816px -391px;
}

.message-letter-received-new {
	width: 34px;
	height: 18px;
	background-position: -881px -58px;
}

.message-letter-received-whiteback {
	width: 31px;
	height: 15px;
	background-position: -777px -43px;
}

.message-letter-received-whiteback-light {
	width: 31px;
	height: 15px;
	background-position: -218px -298px;
}

.message-letter-received-greyback {
	width: 31px;
	height: 15px;
	background-position: -777px -58px;
}

.message-letter-sent-greyback {
	width: 32px;
	height: 15px;
	background-position: -809px -58px;
}

.message-letter-sent-whiteback {
	width: 32px;
	height: 15px;
	background-position: -809px -43px;
}

.recommendation-link{
	width: 16px;
	height: 16px;
	background-position: -845px -42px;
}

.recommendation-grey{
	width: 16px;
	height: 16px;
	background-position: -893px -213px;
}



.blank-blue{
	width: 16px;
	height: 16px;
	background-position: -687px -42px;
}

.bullet-grey{
	width: 7px;
	height: 7px;
	background-position: -218px -286px;
}

.blank-white-dback{
	width: 16px;
	height: 16px;
	background-position: -778px -213px;
}

.arrow-white-left{
	width: 16px;
	height: 16px;
	background-position: -812px -213px;
}
.arrow-white-right{
	width: 16px;
	height: 16px;
	background-position: -829px -213px;
}

.gototop{
	width: 46px;
	height: 24px;
	background-position: -846px -213px;
}

.register{
	width: 207px;
	height: 34px;
	background-position: -358px -501px;
}

.register-stab{
	width: 12px;
	height: 11px;
	background-position: -535px -49px;
}

.magnifying-blue{
	width: 16px;
	height: 16px;
	background-position: -356px -64px;
}

.arrownewpage-blue{
	width: 11px;
	height: 11px;
	background-position: -261px -279px;
}

.key-blue {
	width: 16px;
	height: 16px;
	background-position: -372px -48px;
}


.request-icon-purple {
	width: 24px;
	height: 24px;
	background-position: -741px  -390px;
}


.request-icon {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -614px  -24px;
}




.service-icon-purple {
	width: 24px;
	height: 24px;
	background-position: -716px  -390px;
}





.service-icon {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -638px -24px;
}

 



.rating-icon {
	width: 24px;
	height: 24px;
	background: transparent url(images/sprites.png) no-repeat scroll -662px -24px;
}


.rating-icon-purple {
	width: 24px;
	height: 24px;
	background-position: -766px  -390px;
}


.friend-icon-purple {
	width: 24px;
	height: 24px;
	background-position: -791px  -390px;
}


.regist-service {
	width: 37px;
	height: 38px;
	background-position: -161px  -598px;
}

.regist-review {
	width: 37px;
	height: 38px;
	background-position: -161px  -637px;
}

.regist-request {
	width: 37px;
	height: 38px;
	background-position: -161px  -676px;
}


.info-icon-yellow {
	width: 15px;
	height: 15px;
	background-position: -247px  -451px;
}



.money-grey{
	width: 16px;
	height: 16px;
	background-position: -276px  -261px;
}

.money-grey-light{
	width: 16px; 
	height: 16px;
	background-position: -372px  -64px;
}

.money-blue{
	width: 16px;
	height: 16px;
	background-position: -388px  -64px;
}

.triangle{
	width: 13px;
	height: 8px;
	background-position: -339px  -60px;
}

.question-blue{
	width: 16px;
	height: 16px;
	background-position: -388px  -48px;
}

.question-grey{
	width: 16px;
	height: 16px;
	background-position: -260px  -261px;
}




.requeriment-blue{
	width: 16px;
	height: 16px;
	background-position: -380px  -32px;
}

.requeriment-grey{
	width: 16px;
	height: 16px;
	background-position: -243px  -261px;
}

.delete-button-small{
	width: 34px;
	height: 16px;
	background-position: -708px  -213px;
	border: none
}

.cancel-button-small{
	width: 34px;
	height: 16px;
	background-position: -743px  -213px;
	border: none
}

.minus-icon{
	width: 12px;
	height: 12px;
	background-position: -880px  -38px;
}

.plus-icon {
	width: 12px;
	height: 12px;
	background-position: -880px  -25px;
}

.plus-icon-grey {
	width: 12px;
	height: 12px;
	background-position: -687px  -60px;
}

.minus-icon-grey{
	width: 12px;
	height: 12px;
	background-position: -700px  -60px;
}

.business-small{
	width: 20px;
	height: 20px;
	background-position: -172px  -399px;
}

.professional-small{
	width: 20px;
	height: 20px;
	background-position: -172px  -378px;
}

.service-road{
	width: 589px;
	height: 170px;
	background-position: -314px  -557px;
	
}

.serviceville-grey{
	width: 141px;
	height: 110px;
	background-position: -738px  -431px;
}

.smile-widget{
	width: 20px;
	height: 20px;
    background-position: -151px  -718px;
}

.money-widget{
	width: 20px;
	height: 20px;
    background-position: -172px  -718px;
}

.friend-widget{
	width: 20px;
	height: 20px;
    background-position: -193px  -718px;
}

.know-widget{
	width: 20px;
	height: 20px;
    background-position: -214px  -718px;
}

.service-widget{
	width: 20px;
	height: 20px;
    background-position: -235px  -718px;
}

.face-widget{
	width: 20px;
	height: 20px;
    background-position: -256px  -718px;
}

.request-widget{
	width: 20px;
	height: 20px;
    background-position: -277px  -718px;
}

.recommend-widget{
	width: 20px;
	height: 20px;
    background-position: -199px  -695px;
}


.service-feed{
	width: 23px;
	height: 21px;
    background-position: -202px  -559px;
}


.smile1-feed{
	width: 23px;
	height: 21px;
    background-position: -202px  -581px;
}

.smile2-feed{
	width: 23px;
	height: 21px;
    background-position: -226px  -581px;
}

.smile3-feed{
	width: 23px;
	height: 21px;
    background-position: -250px  -581px;
}

.friend-feed{
	width: 23px;
	height: 21px;
    background-position: -202px  -603px;
}

.request-feed{
	width: 23px;
	height: 21px;
    background-position: -202px  -625px;
}

.recommendation-feed{
	width: 23px;
	height: 21px;
    background-position: -202px  -647px;
}

.review-button-list2{
	width: 52px;
	height: 14px;
    background-position: -275px  -489px;
}

.read-button-list2{
	width: 45px;
	height: 14px;
    background-position: -275px  -505px;
}

.edit-button-list2{
	width: 45px;
	height: 14px;
    background-position: -275px  -521px;
}

.contact-button-list2{
	width: 64px;
	height: 14px;
    background-position: -275px  -537px;
}

.top-button{
	width: 45px;
	height: 36px;
    background-position: -226px  -635px;
    cursor: pointer;
}

.list-results{
	width: 17px;
	height: 20px;
    background-position: -228px  -694px;
}

.sv-results{
	width: 26px;
	height: 20px;
    background-position: -252px  -694px;
}


.web-results{
	width: 21px;
	height: 20px;
    background-position: -285px  -694px;
}

.light-bulb{
	width: 28px;
	height: 49px;
    background-position: -270px  -391px;
}

.tutorial-home{
	width:174px;
	height: 270px;
    background-position: -1px  -821px;
}

.tutorial-review{
	width:174px;
	height: 270px;
    background-position: -177px  -821px;
}

.tutorial-request{
	width:174px;
	height: 270px;
    background-position: -353px  -821px;
}

.tutorial-offer{
	width:174px;
	height: 270px;
    background-position: -529px  -821px;
}

.tutorial-friend{
	width:174px;
	height: 270px;
    background-position: -705px  -821px;
}

/***** Icons end *****/

/***** Large Tabs start *****/
.large-tab {
	width: 562px;
	height: 24px;
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: 8px;
	cursor: pointer;
	clear: both;
}
.large-tab .side {
	height: 24px;
	width: 8px;
	border-bottom: 1px solid #EBEBEB;
	background-color: #FFFFFF;
	cursor: default;
}

.large-tab .tab1 {
	width: 273px;
	height: 24px;
	float: left;
}
.large-tab .tab2 {
	width: 273px;
	height: 24px;
	float: right;
}
.large-tab .selected {
	cursor: default;
}

.large-tab .tab-top {
	clear: both;
	height: 2px;
	margin-bottom: -11px;
}
.large-tab .tab-corner {
	width: 3px;
	height: 3px;
	overflow: hidden;
	float: left;
}
.large-tab .tab-icon {
	width: 31px;
	height: 15px;
	margin-top: 2px;
	margin-left: 100px;
}
.large-tab .tab-icon-text {
	margin-top: 2px;
	margin-left: 5px;
	float: left;
}
.large-tab .tab-text {
	margin: 2px auto;
}

.large-tab .tab-corner-left {
	background: white url('images/sprites.png') no-repeat -306px -60px;
	overflow: hidden;
}
.large-tab .selected .tab-corner-left {
	background: white url('images/sprites.png') no-repeat -306px -66px;
	overflow: hidden;
}
.large-tab .tab-corner-right {
	background: white url('images/sprites.png') no-repeat -309px -60px;
	overflow: hidden;
}
.large-tab .selected .tab-corner-right {
	background: white url('images/sprites.png') no-repeat -309px -66px;
	overflow: hidden;
}

.large-tab .tab-top-border {
	width: 270px;
	height: 3px;
	background-color: #EBEBEB;
	float: left;
}
.large-tab .selected .tab-top-border {
	height: 2px;
	border-top: 1px solid #EBEBEB;
	background-color: #FFFFFF;
}

.large-tab .tab-middle {
	width: 273px;
	height: 22px;
	background-color: #EBEBEB;
	float: left;
	text-align: center;
}
.large-tab .selected .tab-middle {
	background-color: #FFFFFF;
}
.large-tab .tab-left {
	border-left: 1px solid #EBEBEB;
}
.large-tab .tab-right {
	border-right: 1px solid #EBEBEB;
}

.large-tab .tab-received {
	background: transparent url('images/sprites.png') no-repeat -777px -58px;
}
.large-tab .selected .tab-received {
	background: transparent url('images/sprites.png') no-repeat -777px -43px;
}
.large-tab .tab-sent {
	background: transparent url('images/sprites.png') no-repeat -809px -58px;
}
.large-tab .selected .tab-sent {
	background: transparent url('images/sprites.png') no-repeat -809px -43px;
}
/***** Large Tabs end *****/

/***** Listings start *****/
/* User Listing */
.user-listing {
	margin: 5px 0 5px;
	float: left;
}

.user-listing-pic {
	overflow: hidden;
	float: left;
}
.user-listing-pic-large {
	width: 96px;
}
.user-listing-pic-medium {
	width: 80px;
}
.user-listing-pic-small {
	width: 64px;
}
.user-listing-pic-tiny {
	width: 40px;
	
}
.user-listing-pic-name {
	width: 42px;
	font-size: 80%;
	min-height: 40px;
	overflow: hidden;
}

.user-listing-info {
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	float: left;
}
.user-listing-info-large {
	width: 150px;
}
.user-listing-info-medium {
	width: 150px;
}
.user-listing-info-small {
	width: 140px;
	min-height:45px;
}
.user-listing-info-tiny {
	width: 132px;
}

.user-listing-content {
	margin-right: 5px;
	text-align: center;
	float: left;
}
.user-listing-content-large {
	width: 190px;
}
.user-listing-content-medium {
	width: 150px;
}
.user-listing-content-small {
	width: 100px;
}
.user-listing-content-tiny {
	width: 75px;
}

.user-listing-status {
	float: left;
}
.user-listing-status-large {
	width: 137px;
	
}
.user-listing-status-medium {
	width: 100px;
}
.user-listing-status-small {
	width: 60px;
}
.user-listing-status-tiny {
	width: 40px;
}

.delete-cancel-box{
    background-color:#F7F7F7;
    width: 86px;
    float: right;
}

/* Service Listing */
.sl_small {
	width: 535px;
	margin-top: 5px;
	padding: 5px 5px 3px 5px;
	float: left;
}

/* Review Listing*/

.service-review-box {
/*	width: 477px;*/

}
/***** Listings end *****/


/***** Search in Need start *****/

#box-categories-search {
	width: 538px;
	height: 450px;
	padding-left: 5px;
    border-left: 2px solid #E5E5E5;
	border-top: 2px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	background-color: #FAFAFA;
	overflow-y: scroll;
	overflow-x: hidden;
	clear: both;
}


.search-box-category {
	width: 100px;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	float: left;
}

/***** Search in Need end *****/



/***** The List start *****/
#tl-box-categories {
	width: 538px;
	height: 200px;
	padding-left: 5px;
    border-left: 2px solid #E5E5E5;
	border-top: 2px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	background-color: #FAFAFA;
	overflow-y: scroll;
	overflow-x: hidden;
	clear: both;
}
.tl-box-categories-letter {
	width: 16px;
	height: 16px;
	margin-top: 5px;
	background: transparent url('images/sprites.png') no-repeat -687px -42px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: default;
	overflow: hidden;
}
.tl-box-category {
	padding-bottom: 5px;
	cursor: pointer;
	float: left;
}
/***** The List end *****/

/**
 * jQuery Autocomplete plugin 1.1
 *
 * Copyright (c) 2009 Jörn Zaefferer
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
 */
.ac_results {
	padding: 0;
	border: 1px solid #C1C1C1;
	border-top: none;
	background-color: #FFFFFF;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background-image: url('images/loading-box.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
.ac_odd {
	background-color: #EEEEEE;
	color: #666666;
}
.ac_even {
	background-color: #FFFFFF;
	color: #666666;
}
.ac_over {
	background-color: #C1C1C1;
	color: #FFFFFF;
}

/**
 * jQuery validation plug-in 1.5.5
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-validation/
 * http://docs.jquery.com/Plugins/Validation
 *
 * Copyright (c) 2006 - 2008 Jörn Zaefferer
 *
 * $Id: jquery.validate.js 6403 2009-06-17 14:27:16Z joern.zaefferer $
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
.validation-error {
	color: inherit;
}

/**
 * jQuery Tooltip plugin 1.3
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 * http://docs.jquery.com/Plugins/Tooltip
 *
 * Copyright (c) 2006 - 2008 Jörn Zaefferer
 *
 * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
 * 
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#tooltip {
	max-width: 300px;
	position: absolute;
	padding: 3px 5px 3px 5px;
	z-index: 3000;
	border: 1px solid #A0A0A0;
	background-color: #F5F5F5;
	color: #A0A0A0;
}
#tooltip h3, #tooltip div {
	margin: 0;
}

/*
Uploadify v2.0.3
Release Date: August 3, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/* TODO: zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/**
 * Highlight class
 */
span.search-highlight {
	
	background-color: #8D6AAE;
	padding: 2px 3px 2px 3px ;
	color: white;
}
/**
 * Google Maps API classes
 */
div.markerTooltip, div.markerDetail {
	color: black;
	font-weight:lighter;
	background-color: #FFB584;
	white-space: nowrap;
	margin: 0;
	padding: 5px 5px;
	border: 1px solid black;
}

/**
 * Admin page
 */
#beta-users {
	padding-bottom: 5px;
	
}
.header{
	height:20px
}

.beta-user{
	height:25px
}

.email{
	width:175px;
}

.status{
	width:100px;
}
.requests{
	width:60px;
}
.offers{
	width:50px;
}
.reviews{
	width:65px;
}
.friends{
	width:50px;
}
.actions{
	width:150px;
}

/**
 * Widget
 */
a.closeWidgetPart {
	color: #666666;
	cursor: pointer;
	float: right;
}

div.tutorial-image {
	width: 174px;
	height: 271px;
	float: left;
}

.tutorial-image-home {
	margin: 0px 0px 0px 0px;
}

.tutorial-image-review, .tutorial-image-need,  .tutorial-image-offer, .tutorial-image-friends{
	margin: 0px 0px 0px 15px;
}

div.tutorial-menu-text {
	margin: 105px 7px 0px 7px;
	font-size:110%;
	line-height: 120%;
	color: white;
	height: 110px
}

div.tutorial-menu-text ul {
	list-style: disc;
	margin: 0px 0px 0px 14px;
}

div.tutorial-menu-text li {
	margin: 0px 0px 10px 0px;
}

div.tutorial-menu-button {
	padding: 20px 0px;
	font-size:140%;
	font-weight:bold;
	height: 20px;
	cursor : pointer;
}

div.tutorial-menu-button  div{ 
	margin: 0px 27px 0px 7px;
	text-align:center;
}