/*asfdsdfsdf*/

@charset "utf-8";
/* CSS Document */

/*

1. PAGE HEADER
2. NAVIGATION
3. CONTENT HOLDER 

*/

/****** COLOUR

BLUE : #6FD2E3 

**********/

html>body {
}

body {
	font-size: 62.5%;
	color: #333;
}

a {
	color: #333;
	text-decoration: none;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
}

input {
	color: #666;
}

#pageHolder {
	width: 990px;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/************************
      PAGE HEADER 
************************/

#pageHeader {
	width: 990px;
	overflow: hidden;
	position: relative;
	font-size: 1.4em;
}

a#logo {
	text-indent: -9999px;
	width: 118px;
	height: 118px;
	background: url(../images/blue/logo.gif) no-repeat;
	display: block;
	float: left;
	margin: 0 0 0 30px;
}

#inboxCount {
	position: absolute;
	top: 2px;
	right: 0;
	background: url(../images/inbox.gif) 0 100% no-repeat;
	padding: 0 0 0 60px;
}

#inboxCount a {
	display: block;
}

#inboxCount p {
	margin: -5px 0 0 0; padding: 0;
	font-weight: bold;
	color: #6fd2e3;
}

/************************
     NAVIGATION
************************/

#nav {
	overflow: hidden;
	margin: 60px 0 0 0;
	padding: 0 0 0 50px;
	width: 745px;
	float: right;
	background: url(../images/blue/navigation.gif) no-repeat;
}

#pink #nav {
	background: url(../images/pink/navigation.gif) no-repeat;	
}

#yellow #nav {
	background: url(../images/yellow/navigation.gif) no-repeat;	
}

#nav ul {
	float: left;
	width: 550px;
	height: 23px;
	overflow: hidden;
	margin: 3px 0 0 0;
}

#nav ul#secondary {
	width: 80px;
	float: right;
	height: 45px;
}

#nav ul#secondary li {
	float: right;
	height: 27px;
}

#nav ul#secondary #logIn {
	width: 56px;
	background: url(../images/blue/log-in.gif) no-repeat;
}

#nav ul#secondary #hub {
	width: 33px;
	background: url(../images/hub.gif) no-repeat;
}

#nav ul#secondary #register {
	width: 69px;
	background: url(../images/register.gif) no-repeat;
}

#nav ul#secondary #logOut {
	width: 73px;
	background: url(../images/log-out.gif) no-repeat;
}

#nav li {
	float: left;
	text-indent: -9999px;
	height: 20px;
	margin: 0 4px 0 0;
	
}

#nav li a {	display: block;background: url(../images/nav-sprite.gif) no-repeat;}

#nav li#nav1 a{
	width: 48px;
	background-position: 0 0;
}

#nav li#nav2 a{
	width: 81px;
	background-position: -53px 0;
}

#nav li#nav3 a{
	width: 92px;
	background-position: -138px 0;
}

#nav li#nav4 a {
	width: 42px;
	background-position: -232px 0;
}

#nav li#nav5 a {
	width: 44px;
	background-position: -279px 0;
}

#nav li#nav6 a {
	width: 57px;
	background-position: -329px 0;
}

#nav li#nav7 a {
	width: 54px;
	background-position: -388px 0;
}

#nav li#nav8 a { width: 44px; background-position: -447px 0; }

/**** BLUE ****/
#nav li#nav1 a:hover, #nav li#nav1 a.active  {	background-position: 0 -42px; }
#nav li#nav2 a:hover, #nav li#nav2 a.active {	background-position: -53px -21px; }
#nav li#nav3 a:hover, #nav li#nav3 a.active { background-position: -138px -63px; }
#nav li#nav4 a:hover, #nav li#nav4 a.active  { background-position: -232px -42px; }
#nav li#nav5 a:hover, #nav li#nav5 a.active {	background-position: -279px -21px; }
#nav li#nav6 a:hover, #nav li#nav6 a.active {	background-position: -329px -63px; }
#nav li#nav7 a:hover, #nav li#nav7 a.active {	background-position: -388px -42px; }
#nav li#nav8 a:hover, #nav li#nav8 a.active {	background-position: -447px -21px; }

/**** YELLOW 
#yellow #nav li#nav1 a:hover, #yellow #nav li#nav1 a.active  {	background-position: 0 -21px; }
#yellow #nav li#nav2 a:hover, #yellow #nav li#nav2 a.active {	background-position: -53px -21px; }
#yellow #nav li#nav3 a:hover, #yellow #nav li#nav3 a.active {	background-position: -138px -21px; }
#yellow #nav li#nav4 a:hover, #yellow #nav li#nav4 a.active  {	background-position: -232px -21px; }
#yellow #nav li#nav5 a:hover, #yellow #nav li#nav5 a.active {	background-position: -279px -21px; }
#yellow #nav li#nav6 a:hover, #yellow #nav li#nav6 a.active {	background-position: -329px -21px; }
#yellow #nav li#nav7 a:hover, #yellow #nav li#nav7 a.active {	background-position: -388px -21px; }
#yellow #nav li#nav8 a:hover, #yellow #nav li#nav8 a.active {	background-position: -447px -21px; }
****/
/**** PINK 
#pink #nav li#nav1 a:hover, #pink #nav li#nav1 a.active  {	background-position: 0 -63px; }
#pink #nav li#nav2 a:hover, #pink #nav li#nav2 a.active {	background-position: -53px -63px; }
#pink #nav li#nav3 a:hover, #pink #nav li#nav3 a.active {	background-position: -138px -63px; }
#pink #nav li#nav4 a:hover, #pink #nav li#nav4 a.active  {	background-position: -232px -63px; }
#pink #nav li#nav5 a:hover, #pink #nav li#nav5 a.active {	background-position: -279px -63px; }
#pink #nav li#nav6 a:hover, #pink #nav li#nav6 a.active {	background-position: -329px -63px; }
#pink #nav li#nav7 a:hover, #pink #nav li#nav7 a.active {	background-position: -388px -63px; }
#pink #nav li#nav8 a:hover, #pink #nav li#nav8 a.active {	background-position: -447px -63px; }
****/

/************************
     CONTENT HOLDER
************************/
#terms ul, #terms ol {
	margin: 0 0 0 0;
}

#terms ol li {
	margin: 10px 0 0 0;
	font-size: 1.2em;
	color: #666666;
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 1.4em;
}

#terms ul li {
	margin: 10px 0 0 0;
	font-size: 1.2em;
	color: #666666;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.4em;
}

#contentHolder {

	margin: 20px 0 0 0;
	overflow: hidden;
}

#contentLeft {
	width: 180px;
	float: left;
	height: 800px;
	margin: 0 10px 0 0;
	background: url(../images/180.gif) bottom center no-repeat;
}

#search {
	background: #fff;
	margin: 0 0 20px 2px;
	text-align: center;
	padding: 30px 0;
	width: 176px;
	overflow: hidden;
}

#search #search_form select {
	width: 128px;
	margin: 3px 0 0 0;
	border: 0;
	border: none;
}

#search span {
	text-indent: -9999px;
	background: url(../images/blue/search.gif) no-repeat;
	width: 140x;
	height: 29px;
	display: block;	
	margin: 0 0 0 20px;
}

#search ul {
	margin: 0 0 0 18px;
}

#search input {
	height: 14px;
	width: 125px;
	margin: 4px 0 0 0;
	border: none;
	border-color: transparent;
}

#search li {
	margin: 10px 0 0 0;
	float: left;
	width: 141px;
	height: 25px;
	background: url(../images/search-li-bg.gif) no-repeat;
}

#social {
	background: #fff;
	width: 161px;
	padding: 10px 0 20px 15px;
	margin: 150px 0 20px 2px;
	overflow: hidden;
}

#search li#sGo {
	background: none;
	text-indent: -9999px;
}

#search li#sGo a {
	background: url(../images/search-go.gif) no-repeat;
	width: 40px;
	height: 15px;
	float: right;
}

#soBoxes {
	width: 150px;
	padding: 10px 0 0 15px;
	float: left;
}

#soBoxes li {
	float: left;
	border: 1px solid #ccc;
	width: 55px;
	height: 55px;
	margin: 0 6px 6px 0;
}

#soBoxes li img {
	height: 55px;
	width: 55px;
}

#soIcons {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	float: left;
	width: 150px;
}

#soIcons li {
	float: left;

	margin: 5px 5px 0 0;
}

#soIcons li a {
	display: block;	
	width: 32px;
	height: 35px;
}

#soIcons #icon1 { background: url(../images/icon-twit.gif) no-repeat; }
#soIcons #icon2 { background: url(../images/icon-flickr.gif) no-repeat; }
#soIcons #icon3 { background: url(../images/icon-facebook.gif) no-repeat; }
#soIcons #icon4 { background: url(../images/icon-ytube.gif) no-repeat; }

.content180Head {
	background: url(../images/180-head.gif) top center no-repeat;
	height: 8px;
	width: 180px;
}

.content180HeadRight {
	background: url(../images/180-head-right.gif) top center no-repeat;
	height: 8px;
	width: 180px;
}

#contentMiddle {
	width: 608px;
	float: left;
	margin: 0 11px 0 0;
	padding: 0 0 0 0;
	background: url(../images/608.gif) bottom center no-repeat;
	min-height: 800px;
}

.contentMiddleMain {
	margin: 30px auto 10px auto;
	width: 480px;
}

.contentMiddleMain h2 {
	margin: 20px 0 0 0;
	font-size: 1.6em;
}

.contentMiddleMain a {
	text-decoration: underline;
	color: #6fd2e3;
}

.contentMiddleMain p {
	margin: 20px 0 0 0;
}

/************************
       MEMBERSHIP
************************/

#membership ul{
	font-size: 1.4em;
	margin: 20px 0 0 35px;
	padding: 0 0 40px 0;
}


#registerFree {
	background: url(../images/buttons/register-free.gif) no-repeat; 
	width: 147px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 10px 0 0 0;
}

#membership p {
	color: #9e9d9d;
}

#membership .entry {
	color: #666;
}


#membership li {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	background: url(../images/bullet-large.gif) no-repeat;
	font-size: .9em;
	color: #666;
}

#membership img {
margin: 30px 0 0 140px;
text-align: center;
}

#membership p.entry {
	margin: 20px 0 0 55px;font-size: 1.3em;
}

#membership p span {
	color: #6FD2E3;
}

#registration2 { width: 500px; }

#registration2 #proceed {
	background: url(../images/buttons/proceed.gif) no-repeat;
	width: 173px; 
	height: 24px;
	text-indent: -9999px;
	display: block;
	margin: 20px 0 0 0;
}

.viewPop {
	width: 100%;
	text-align: center;
}

/************************
        LOG IN
************************/

#logInBox {
	margin: 20px 0 0 0;
	overflow: hidden;
	width: 520px;
}

#logInBox li {
	float: left;
	background: url(../images/forms/login-input-bg.gif) bottom no-repeat;
	width: 234px;
	overflow: hidden;
	height: 42px;
}

#logInBox #first {
	margin: 0 42px 0 0;
}

#logInBox label {
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #6FD2E3;
	font-weight: bold;
	height: 25px;
	padding: 0; margin: 0;

}

#logInBox input {
	float: left;
	border: 0;

	margin: -5px 0 0 5px;
	padding: 0 0 0 0;
	width: 220px;
	}

input#logInBtn {
	background: url(../images/buttons/log-in.gif) no-repeat;
	width: 81px;
	height: 24px;
	text-indent: 111px;
	float: right;
	border: none;
	 text-transform: capitalize;
}

#logInPage {
	width: 510px;

}
	

/************************
     FORM STYLE (1)
************************/

ul.formStyle1 {
	font-size: 1.2em;
	overflow: hidden;
	margin: 20px 0 0 0;
	color: #666;
	
}

.formStyle1 li {
	margin: 10px 0 0 0;
	padding: 4px 0 0 0;
	background: url(../images/forms/advertising/input-bg.gif) right no-repeat;
	overflow: hidden;
	height: 24px;
}

.formStyle1 li label {
	float: left;
	width: 170px;
	display: block;
	margin: 0 10px 0 0;
}

.formStyle1 li input {
	float: left;
	width: 285px;
	height: 13px;
	margin: 1px 0 0 3px;
	border: 0;
}

.formStyle1 li#confirmP {
	margin-bottom: 15px;
}

.formStyle1 li select {
	float: left;
	width: 295px;
	height: 19px;
	border: 0 ;
	margin: 2px 0 0 1px;
	color: #666;
}

.formStyle1 .txtArea {
	background: none;
	font-family: Arial;
	height: 135px;
}
.formStyle1 textarea { width:470px; height: 120px;font-family: arial; font-size: 1.1em; }

.formStyle1 .dropSml { background: url(../images/forms/advertising/input-bg-small.gif) 57% 0 no-repeat;}
.formStyle1 .dropSml select { width: 158px; margin: 0 0 0 3px; }

.formStyle1 .dropSmlMT { background: url(../images/forms/advertising/input-bg-small.gif) 83% 0 no-repeat;}
.formStyle1 .dropSmlMT select { width: 158px; margin: 0 0 0 4px; }

.formStyle1 .genderRad { background: none;}
.formStyle1 .genderRad  p { margin: 0;float: left; width:50px; }
.formStyle1 .genderRad  p.male { width: 30px; }
.formStyle1 .genderRad  input { width: 20px; margin-right: 10px; float: left; }

.formStyle1 .genderRad2 { background: url(../images/blue/gender-rad.gif) center no-repeat; padding: 0 0 0 140px}
.formStyle1 .genderRad2 label { height: 0; }
.formStyle1 .genderRad2 p { margin: 2px 0 0 0;float: left; width:60px; }
.formStyle1 .genderRad2  input { width: 20px; margin-top: 5px; margin-right: 42px;float: left; }

.formStyle1 .genderRad2 .acceptDecline { float: left; font-size: .9em; width: 122px; margin: 3px 0 0 0; padding: 0;}

.formStyle1 #automated { position: relative; }
.formStyle1 #automated { position: relative; }
.formStyle1 #automated p { font-size: 1.1em;position: absolute; top: 0;right: -20px;  }

.formStyle1 .dropSmlMT p{ float: left; font-size: 1.1em; padding: 0; margin: 0; width: 80px; }

.formStyle1 li.security  { background: none; padding: 0; height: 23px; margin-top: 0;}
.formStyle1 .security p { float: left; margin: 0; padding: 0; }
.formStyle1 .security input { width: 100px; float: left; border: 1px solid #ccc;}
.formStyle1 .security p a { font-size: .8em; color: #333; }

.formStyle1 .checkNotify { background: none; font-size: .9em; }
.formStyle1 .checkNotify p {  margin: 0; padding: 0; float: left;  margin: 0 10px 0 0;}
.formStyle1 .checkNotify input { float: left; width: 20px;}

.formStyle1 .savePass {
	background: none;
	height: 30px;
	float: right;
}

.formStyle1 .savePass input {
	background: url(../images/buttons/save-password.gif) no-repeat;
	display: block;
	width: 152px;
	padding: 0; margin: 0;
	height: 32px;
	text-indent: -9999px;
	line-height: 0;
	display: block;
}

.formStyle1 .saveMy {
	background: none;
	height: 30px;
	float: right;
	margin: 0; padding: 0
}


.formStyle1 .saveMy input {
	background: url(../images/buttons/save-my-details.gif) no-repeat;
	display: block;
	width: 148px;
	height: 32px;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

.formStyle1 .submit input { 
	margin: auto; 
	padding: 0;
	float: none; 
}

.formStyle1 .iptTeeny { 
	background: url(../images/forms/advertising/input-bg-teeny.gif) 46% 4% no-repeat;
}
	
.formStyle1 .iptTeeny input { 

	float: left;
	margin: 0 0 0 3px;
	width: 82px; 
	padding: 0;
}

#verifyUBD { 
	border: 2px solid #6FD2E3; 
	padding: 20px 30px; 
	margin: 20px 0 0 0; 
	font-size: 1.2em; 
	line-height: 1.4em;
}

#passwordConfirm { 
	width: 270px; 
	float: right;
	border: 2px solid #bcbcbc; 
	padding: 20px 15px; 
	margin: 20px 0 0 0; 
	font-size: 1.2em; 
	line-height: 1.4em;
 }

.formStyle1 .jusTxt {
	background: none;
	margin: 2;
	height: 18px;
	font-size: .9em;
}

.formStyle1 .jusTxt p {
	margin: 0;
}

.formStyle1 .txtArea textarea {
	border: 1px solid #ccc;
	padding: 4px;
}

.formStyle1 .submit {
	background: none;
	float: right;
}

.formStyle1 .submit input {
	background: url(../images/buttons/send-your-enquiry.gif) no-repeat;
	display: block;
	width: 168px;
	height: 32px;
	text-indent: -9999px;
}

.formStyle1 .submitCMA {
	background: none;
	padding: 20px 0 20px 135px;
	float: left;
}

.formStyle1 .submitCMA #user_profile_url {
	display: none;
}

.formStyle1 .submitCMA input {
	background: url(../images/buttons/create-my-account.gif) no-repeat;
	display: block;
	width: 168px;
	height: 28px;
	margin: auto;
	text-indent: -9999px;
	line-height: 0;
}

/************************
     FORM STYLE (2)
************************/

.formStyle2 {
	margin: 20px 0 0 0;
	padding: 20px 30px;
	overflow: hidden;
	color: #666;
	border: 1px solid #ccc;
	position: relative;
}

.formStyle2 h2  { padding: 0; margin :0; }
.formStyle2 h2 em { padding: 0 0 0 130px; margin:0;float: left;text-indent: 0; font-style: normal;}

.formStyle2 .postsRemaining {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 72px;
	height: 70px;
	background: url(../images/posts-remaining-no-border.gif) no-repeat;
}

.formStyle2 .postsRemaining p {
padding: 11px 0 0 25px;
margin: 0;
font-size: 2.6em;
color: #6FD2E3;
font-weight: bold;
}

.formStyle2 h2 {
	margin: 0 0 20px 0;
}

.formStyle2 li {
	margin: 0 0 10px 0;
	background: url(../images/forms/input-bg-medium.gif) left no-repeat;
	height: 30px;
}

.formStyle2 li input {
	margin: 6px 0 0 5px;
	width: 155px;
	border: none;
}

.formStyle2 .optional {
background: url(../images/forms/input-bg-small.gif) no-repeat;
}

.formStyle2 .optional input {
width: 80px;
float: left;
margin: 3px 10px 0 4px; padding: 0;
}

.formStyle2 li label {
	font-size: 1.2em;
	margin: 0 0 5px 0;
	display: block;
}

.formStyle2 li.txtArea {
	background: none;	
	margin: 30px 0 0 0;
	height: 185px;
}

.formStyle2 li.cInfo {
	background-position: bottom left;
}

.formStyle2 li.cInfo {
height: 50px;
background-position: left bottom;
}

.formStyle2 li.cInfo input {
margin: 12px 0 0 5px;
}

.formStyle2 li.radio{
	background: none;
	margin: 10px 0 0 0;
}

.formStyle2 li.radio label {
float: left;
margin: 0 10px 0 0;
}

.formStyle2 li.radio input {
	float: left;
	width: 20px;
	margin: 0 20px 0 0;
}

.formStyle2 li.check {
	background: none;
	margin: 40px 0 0 0;
}

.formStyle2 li.check label {
float: left;
margin: 0 10px 0 0;
}

.formStyle2 li.submit, .formStyle2 li.submitPJ {
background: none;
width: 100%;
}

.formStyle2 li.submit input {
float: right;
width: 64px;
height: 24px;
background: url(../images/buttons/save.gif) no-repeat;
text-indent: -9999px;
}

.formStyle2 li.submitPJ input {
float: right;
width: 91px;
height: 24px;
background: url(../images/buttons/post-job.gif) no-repeat;
text-indent: -9999px;
}

.formStyle2 li.check input {
	float: left;
	width: 20px;
	margin: 0 20px 0 0;
}

.formStyle2 .txtArea textarea {
	border: 1px solid #ccc;
	padding: 4px;
}


/************************
     FORM STYLE (3)
************************/

.formStyle3 {
	margin: 20px 0 0 0;
	padding: 20px 30px;
	overflow: hidden;
	color: #666;
	border: 1px solid #ccc;
	position: relative;
}

.formStyle3 li {
	background: url(../images/pink/forms/input-bg-small.gif) no-repeat;
	height: 24px;
	width: 210px;
	float: left;
	margin-bottom: 16px;
}

.formStyle3 li.first, .formStyle3 li.third {
	margin-right: 22px;
}

.formStyle3 li input {
	border: none;
	margin: 3px 10px 0 4px;
	width: 200px;
	height: 17px;
	float: left;
}

.formStyle3 li.txtarea {
	background: none;
	overflow: hidden;
	width: 100%;height: 155px;
	color: #666;
}

.formStyle3 li.txtarea textarea{
	background: none;
	width: 435px;
	height: 140px;
}

.formStyle3 li.submit {
	width: 100%;
	background: none;

}

.formStyle3 li.submit input {
	float: right;
	background: url(../images/pink/post.gif) no-repeat;
	width:  60px;
	height: 24px;
	text-indent: -9999px;
}


/************************
     FORM STYLE (4)
************************/

.formStyle4 {
	margin: 20px 0 0 0;
	padding: 20px 30px;
	overflow: hidden;
	color: #666;
	border: 1px solid #ccc;
	position: relative;
}

.formStyle4 li {
	background: url(../images/pink/forms/input-bg-small.gif) no-repeat;
	height: 24px;
	width: 100%;
	float: left;
	margin-bottom: 16px;
}

.formStyle4 li.first, .formStyle4 li.third {
	margin-right: 22px;
}

.formStyle4 li input {
	border: none;
	margin: 3px 10px 0 4px;
	width: 200px;
	height: 17px;
	float: left;
}

.formStyle4 li.txtarea {
	background: none;
	overflow: hidden;
	width: 100%;height: 155px;
	color: #666;
}

.formStyle4 li.txtarea textarea{
	background: none;
	width: 435px;
	height: 140px;
}

.formStyle4 li.submit {
	width: 100%;
	background: none
}

.formStyle4 li.submit input {
	float: right;
	background: url(../images/pink/save.gif) no-repeat;
	width:  68px;
	height: 28px;
	text-indent: -9999px;
}

/************************
     FORM STYLE (5)
************************/

.formStyle5 h2 {
	text-indent: 0;
	margin: 0 0 20px 0;
	color: #c7c5c5;
	font-size: 1.3em;
	line-height: 1.5em;
	width: 440px;
}

.formStyle5 h2 span {
	color: #6fd2e3;
}
.formStyle5 h2 b {
	color: #666;
}

.formStyle5 {
	margin: 20px 0 0 0;
	padding: 20px 30px;
	overflow: hidden;
	color: #666;
	border: 1px solid #ccc;
	position: relative;
}

.formStyle5 .postsRemaining {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 72px;
	height: 70px;
	background: url(../images/posts-remaining-no-border.gif) no-repeat;
}

.formStyle5 .postsRemaining p {
	padding: 11px 0 0 25px;
	margin: 0;
	font-size: 2.6em;
	color: #6FD2E3;
	font-weight: bold;
}

.formStyle5 li {
	margin: 0 0 10px 0;
	background: url(../images/forms/input-bg-medium.gif) left no-repeat;
	height: 30px;
	width: 226px;
	float: left;
	overflow: hidden;
}

.formStyle5 .right {

	background: none;
	height: 150px;
	width: 350px;
	float: right;
}

.formStyle5 li.auto {
	background: none;
	width: 215px;
	margin: 0 10px 0 0;
}

.formStyle5 li.auto p {
	margin: 7px 0 0 0;
}

.formStyle5 li input {
	margin: 6px 0 0 5px;
	width: 155px;
	border: none;
}

.formStyle5 li label {
	font-size: 1.2em;
	margin: 0 0 5px 0;
	display: block;
}

.formStyle5 li.txtArea {
	background: none;	
	margin: 10px 0 0 0;
	height: 185px;
	width: 100%;
}

.formStyle5 li.submit {
	width: 100%;
	background: none;
	height: 35px;
}

.formStyle5 li.submit input {
	float: right;
	background: url(../images/buttons/send.gif) no-repeat;
	width:  68px;
	height: 28px;
	text-indent: -9999px;
}

.content608Head {
	background: url(../images/608-head.gif) top center no-repeat;
	height: 10px;
	width: 608px;
}

#contentRight {
	width: 180px;
	height: 780px;
	float: left;
	background: url(../images/180.gif) bottom center no-repeat;
	text-align: center;
	padding-bottom: 20px;
	
}

.advertise {
	background: url(../images/advertise.gif) no-repeat;
	width: 150px;
	height: 150px;
	margin: 20px auto 0 auto;
}

/************************
         FOOTER
************************/

#footer {
	width: 990px;
	margin: 30px auto 10px;
	overflow: hidden;
	font-family: arial;
	font-size: 1.2em;
	padding: 0 0 10px 0;
}

#footer ul {
	margin: auto;
	width:580px;
	overflow: hidden;
}

#footer p {
	margin: 20px auto 0;
	width: 200px;
	font-size: 1.1em;
}

#footer li {
	float: left;
	padding-right: 15px;
	color: #c7c5c5;
}

#footer li a {
	color: #4d4d4d;
	text-transform: uppercase;
	padding: 0 3px 0 0;
}


/************************
   ACCOUNT HOME OPTIONS
************************/

.accountHomeOptions {
	overflow: hidden;
	margin: 40px 0 0 0;
}

.accountHomeOptions li {
	float: left;
	margin: 0 0 30px 30px;
	text-indent: -9999px;
	position: relative;
}

.accountHomeOptions li span {
	position: absolute;
	bottom: 40px;
	right: 8px;
	text-indent: 0;
	font-size: 1.7em;
	color: #6fd2e3;
}

.accountHomeOptions li a {
	display: block;
	width: 138px;
	height: 129px;
	text-decoration: none
}

.AHO1 {	background: url(../images/account-home/create-new-project.gif) no-repeat; }
.AHO2 {	background: url(../images/account-home/edit-profile.gif) no-repeat; }
.AHO3 {	background: url(../images/account-home/edit-projects.gif) no-repeat; }
.AHO4 {	background: url(../images/account-home/change-password.gif) no-repeat; }
.AHO5 {	background: url(../images/account-home/edit-details-settings.gif) no-repeat; }
.AHO6 {	background: url(../images/account-home/favourite-projects.gif) no-repeat; }
.AHO7 {	background: url(../images/account-home/update-payment-details.gif) no-repeat; }
.AHO8 {	background: url(../images/account-home/view-payment-history.gif) no-repeat; }
.AHO9 {	background: url(../images/account-home/inbox.gif) no-repeat; }
.AH10 {	background: url(../images/account-home/add-edit-images.gif) no-repeat; }
.AHO11 {	background: url(../images/account-home/events-list.gif) no-repeat; }
.AHO12 {	background: url(../images/account-home/job-list.gif) no-repeat; }
.AHO13 {	background: url(../images/account-home/upload-advert.gif) no-repeat; }
.AHO14 {	background: url(../images/account-home/upgrade.gif) no-repeat; }

#accountDada .AHO1, #accountDada .AHO5, #accountDada .AHO7, #accountDada .AHO11, #accountDada .AHO14  { margin-left: 0; }
#accountPop .AH10, #accountPop .AHO9, #accountPop .AHO7  { margin-left: 0; }
#accountNouv .AHO1, #accountNouv .AHO5, #accountNouv .AHO7, #accountNouv .AHO11  { margin-left: 0; }


/************************
   TEXT REPLACEMENTS
************************/

h1, h2, h3 { text-indent: -9999px; }
h1 { height: 16px; }
h1#actDada { background: url(../images/text/account-home-dada.gif) no-repeat; }
h1#aEditImgs { background: url(../images/yellow/text/add-edit-images.gif) no-repeat; }
h1#editImg { background: url(../images/yellow/text/edit-images.gif) no-repeat; }
h1#forgottenP { background: url(../images/text/forgotten-password.gif) no-repeat; }
h1#forgottenP span { float: left; }
h1#forgottenP .backTo { background: url(../images/text/back-to-log-in.gif) no-repeat; width: 95px; float: right;}
h1#proInfo { background: url(../images/yellow/text/profile-information.gif) no-repeat; width:600px; }
h1#proInfo .backTo{ background: url(../images/yellow/text/view-work.gif) no-repeat; width: 143px; float: right;}
h1#individReg { background: url(../images/text/individual-registration.gif) no-repeat; height: 15px; }
h1#shop { background: url(../images/yellow/text/shop.gif) no-repeat; width: 100px; }
h1#creativeJobs { background: url(../images/text/creative-jobs.gif) no-repeat; }
h1#creativeJobs .backTo{ background: url(../images/text/back-to-search.gif) no-repeat; width: 143px; float: right;}
h1#creativeJobs span {
	float: left;
}
h1#creativeJobApplication { background: url(../images/text/creative-job-application.gif) no-repeat; }
h1#creativeJobApplication .backTo{ background: url(../images/text/back-to-job-details.gif) no-repeat; width: 123px; float: right;}
h1#youSearched { background: url(../images/yellow/text/you-searched.gif) no-repeat;height: 15px; }
h1#youSearched span { float: left; }
h1#youSearched .backTo{ background: url(../images/yellow/text/you-searched.gif) no-repeat; width: 143px;  float: right;}
h1#yourEventsList { background: url(../images/text/your-events-list.gif) no-repeat; }
h1#yourEventsList .backTo{ background: url(../images/pink/text/back-to-account.gif) no-repeat; width: 112px;  float: right;}
h1#addEvent { background: url(../images/pink/text/add-event.gif) no-repeat; }
h1#addEvent .backEventList{ background: url(../images/pink/text/back-to-et.gif) no-repeat; width: 112px;  float: right;}
h1#editEvent { background: url(../images/pink/text/edit-event.gif) no-repeat; }
h1#editEvent .backToAccount{ background: url(../images/pink/text/back-to-account.gif) no-repeat; width: 112px;  float: right;}
h1#events { background: url(../images/pink/text/events.gif) no-repeat; font-size: 1.2em; width: 100%;}
h1#events span { font-weight:bold; font-size: 1.2em;}
h1#events span.lDate { text-indent: 0; float: left; width: 180px;}
h1#events .backToSrch{ background: url(../images/pink/text/back-to-search.gif) no-repeat; width: 100px;  float: right;}
h1#events .backToEvents{ background: url(../images/pink/text/back-to-search.gif) no-repeat; width: 100px;  float: right;}
h1#ubdBlog { background: url(../images/text/ubd-blog.gif) no-repeat; height: 15px;}
h1#ubdBlog .backToIbx { background: url(../images/text/back-to-search.gif) no-repeat; width: 143px; float: right; }
h1#favProjects { background: url(../images/text/favourite-projects.gif) no-repeat; width: 100%; }
h1#favProjects  .backTo { width: 108px;background: url(../images/yellow/text/back-to-account.gif) no-repeat;float: right;}
h1#editDetails { background: url(../images/text/edit-details-designer.gif) no-repeat; }
h1#editDetails span { float: left; }
h1#editDetails  .backTo { width: 108px;background: url(../images/text/back-to.gif) no-repeat;float: right;}
h1#msgReply { width: 520px;background: url(../images/yellow/text/message-reply.gif) no-repeat; }
h1#msgReply  .backToIbx { width: 88px;background: url(../images/yellow/text/back-to-inbox.gif) no-repeat;float: right;}
h1#addEditImg { background: url(../images/yellow/text/add-edit-images.gif) no-repeat; }
h1#addEditImg span { float: left; }
h1#addEditImg  .backTo { width: 108px;background: url(../images/yellow/text/back-to-account.gif) no-repeat;float: right;}
h1#postJob { background: url(../images/text/post-a-job.gif) no-repeat; }
h1#sentMsg { background: url(../images/text/sent-messages.gif) no-repeat; width: 558px;}
h1#sentMsg span { float: left; }
h1#myMsgs { background: url(../images/text/my-messages.gif) no-repeat; width: 558px; }
h1#myMsgs span { float: left; }
h1#editProInfo { background: url(../images/text/edit-profile-information.gif) no-repeat; }
h1#editProInfo span { float: left; }
h1#editProInfo  .backTo { width: 108px;background: url(../images/yellow/text/back-to-account.gif) no-repeat;float: right;}
h1#postJob   .backToJob { width: 100px;background: url(../images/text/back-to-job-list.gif) no-repeat;float: right;}
h1#pDescription { background: url(../images/yellow/text/product-description.gif) no-repeat; }
h1#jobList { background: url(../images/text/your-job-list.gif) no-repeat; }
h1#jobList  .backTo { width: 108px;background: url(../images/text/back-to.gif) no-repeat;float: right;}
h1#editJob { background: url(../images/text/edit-job.gif) no-repeat; }
h1#editJob  .backTo { width: 108px;background: url(../images/text/back-to.gif) no-repeat;float: right;}
h1#contactUs { background: url(../images/text/contact-us.gif) no-repeat; }
h1#createNewPro { background: url(../images/text/create-new-project.gif) no-repeat; }
h1#createNewPro  .backTo { width: 108px;background: url(../images/yellow/text/back-to-account.gif) no-repeat;float: right;}
h1#projects { background: url(../images/yellow/text/projects.gif) no-repeat; }
h1#projects  .backTo { width: 108px;background: url(../images/yellow/text/back-to-account.gif) no-repeat;float: right;}
h1#logIn { background: url(../images/text/log-in.gif) no-repeat; }
h1#updatePD { background: url(../images/text/update-payment-details.gif) no-repeat; }
h1#paymentD { background: url(../images/text/payment-details.gif) no-repeat; }
h1#paymentH { background: url(../images/text/view-payment-history.gif) no-repeat; }
h1#paymentH .backTo { width: 108px;background: url(../images/text/back-to.gif) no-repeat;float: right;}
h1#reg2 { background: url(../images/text/registration-2.gif) no-repeat; }
h1#changePass { background: url(../images/text/change-password.gif) no-repeat; }
h1#changePass .backTo { width: 108px;background: url(../images/text/back-to.gif) no-repeat;float: right;}
h1#changePass span { float: left; }
h1#actRoco { background: url(../images/text/account-home-rococo.gif) no-repeat; }
h1#actPop { background: url(../images/text/account-home-pop.gif) no-repeat; }
h1#actNouv { background: url(../images/text/account-home-nouveau.gif) no-repeat; }
h1#about { background: url(../images/text/about.gif) no-repeat; height: 16px; }
h1#member { background: url(../images/text/membership.gif) no-repeat; }
h2#creativePack { background: url(../images/text/creative-package.gif) no-repeat; height: 19px;}
h2#imgGalleryTxt { background: url(../images/yellow/text/image-gallery.gif) no-repeat; }
h3#popFree { background: url(../images/text/pop-free-account.gif) center no-repeat; height: 31px; margin: 54px 0 0 0;}
h1#advert { background: url(../images/text/advertising-information.gif) no-repeat; }
h1#registrationBus { background: url(../images/text/business-registration.gif) no-repeat; }
h1#compose { background: url(../images/text/compose-message.gif) no-repeat;  width:510px;}
h1#compose span { float: left; }
h1#compose .backTo{ background: url(../images/yellow/text/back-to-portfolio.gif) no-repeat; float: right; width: 115px; } 
h2#contactUBD { background: url(../images/text/contact.gif) no-repeat; }
h2#currentJob { background: url(../images/text/current-job-postings.gif) no-repeat; }
h2#busName { background: url(../images/text/business-name.gif) no-repeat; }
h2#proName { background: url(../images/text/project-name.gif) no-repeat; height: 19px;}
h3#proCreated { background: url(../images/text/projects-created.gif) no-repeat; height: 19px; margin: 50px 0 0 0;}

/************************
       PINKY PINK
************************/

#pink a#logo {
	background: url(../images/pink/logo.gif) no-repeat;
}


#pink #search span { background: url(../images/pink/search.gif) no-repeat; }

#pink #nav ul#secondary #logIn { background: url(../images/pink/log-in.gif) no-repeat; }



/************************
     YELLOWY YELLOW
************************/

#yellow a#logo {
	background: url(../images/yellow/logo.gif) no-repeat;
}


#yellow #search span { background: url(../images/yellow/search.gif) no-repeat; }

#yellow #nav ul#secondary #logIn { background: url(../images/yellow/log-in.gif) no-repeat; }


/***** SITEMAP *****/

#sitemap {
	font-size: 1.6em;
}

#sitemap li {
	margin: 10px 0 0 0;
}

/**** CONTACT *****/

#contact {
width: 510px;

height: 340px;
margin: 40px 0 0 0;
padding: 0 0 20px 0;
border: 1px solid #e0dfdf;
}

#contactPage{
	margin: 30px auto 10px 48px;
	width: 480px;
}

#contactForm {
	width: 440px;
	margin: 0 0 0 30px;
	font-size: 1.2em;
}

#contactForm textarea {  width: 435px; height: 120px; color: #666; font-size: 1.2em; padding: 3px;font-family: arial;}

#contactForm label {
	margin: 15px 0 0 0;
	display: block;
	color: #666;
}

#contactForm input {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 2px 0 2px 2px;
	border: 1px solid #e0dfdf;
}

#contactForm textarea {
	margin: 15px 0 0 0;
	border: 1px solid #e0dfdf;
}

#contactForm  .sbtContact {
	background: url(../images/buttons/send-contact.gif) no-repeat;
	float: right;
	width: 60px;
	height: 24px;
	text-indent: -9999px;
	border: none;
	line-height: 0;
	display: block;
}

#contactForm h2 span {  text-indent: 0; float: left; padding: 0 0 0 65px; font-weight: bold;font-size: .8em; color: #ccc;}

/**** CONTACT (us) *****/

#contactDetails {
	background: url(../images/contact-details.gif) top left no-repeat;
	height: 206px;
	margin: 40px 0 20px;
}

#contactDetails p {
width: 100%;
margin: 0 0 20px 0;
font-size: 1.2em;
}

#contactDetails .address {
height: 72px;
}

#contactDetails .number {
color: #6FD2E3;
font-size: 1.3em;
font-weight: bold;
}

#contactDetailsText {
	width: 300px;
	float: right
}

#contactUsForm { margin-top: 0; }
#contactUsForm.formStyle1 li select { margin-top: 0; }
#contactUsForm .submit { height: 30px; }
#contactUsForm textarea { color: #666666; }

/**** YOUR JOB LIST *****/

#yourJobList {
width: 520px;
overflow:  hidden;
}

.jobPosts {
	position: relative;
	width: 138px;
	height: 129px;
	background: url(../images/posts-remaining.gif) no-repeat;
	margin: 20px auto;
}

.columnLeft .jobPosts p {
	position: absolute;
	left: 50px;
	top: 32px;
	font-size: 3.8em;
	color: #6FD2E3;
	font-weight: bold;
	margin :0; 
	padding: 0;
}

#postNew {
	width: 133px;
	height: 27px;
	background: url(../images/buttons/post-new-job.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 10px auto;
}

#upgradeHere {
	width: 133px;
	height: 27px;
	background: url(../images/buttons/upgrade-here.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 20px auto;
}

.columnRight h2 { margin: 20px 0 15px 20px; display: block; }

.jobBox {
	border: 1px solid #ccc;
	background: #fff;
	height: 220px;
	width: 210px;
	margin: 0 0 25px 20px;
	position: relative;
}

#yourJobList .jobBox span {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.8em;
	color: #6FD2E3;
}

.jobBox h3 {
text-indent: 0;
font-size: 1.2em;
color: #707070;
font-weight: bold;
width: 165px;
margin: 40px 0 10px 25px;
border-bottom: 1px solid #6fd2e3;
padding: 0 0 20px 0;
}

.jobBox p {
width: 160px;
margin: 0 0 10px 25px;
font-size: 1.1em;
}

.jobBox .editJob {
	position: absolute;
	bottom: -10px;
	right: -1px;
	background: url(../images/buttons/edit-job.gif) no-repeat;
	display: block;
	width: 81px;
	height: 30px;
	text-indent: -9999px;
}

/**** COLUMNS *****/

.columnLeft {
	width: 230px;
	float: left;
}

.columnLeft p {
margin:40px 0 0 0;
}

.columnRight {
	width: 250px;
	float: right;
	background: #f6f4f4;
	padding: 0;
	margin: 20px 0 0 0;
}

/**** CREATE NEW PROJECT *****/

#searchBox {
	background: url(../images/create-new-search.gif) no-repeat;
	width: 453px;
	height: 130px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 30px;
}

#searchBox h2 {
	padding: 0;
}

#createNewProject ul {

}

#createNewProject li {
margin: 10px 0 0 0;
height: 28px;
}

#createNewProject li label {
font-size: 1.2em;
padding: 0 0 5px 0;
}

#createNewProject li.input {
background: url(../images/forms/create-new-input-bg.gif) no-repeat;
padding: 2px 0 0 5px;
}
#createNewProject li.input input {
margin: 2px 0 0 0;
}

#createNewProject li.checkB  {
background: url(../images/forms/create-new-check-bg.gif) no-repeat;
}

#createNewProject li.checkB input{
width: 20px;
border: none;
}

#createNewProject li input {
border: none;
width: 330px;
}

#pcNumbers li {
	padding: 2px 0 0 40px; margin: 10px 0 0 0;
	height: 20px;
	font-size: 1.2em;
}

#createNewProject li#one {
	background: url(../images/yellow/ul-1.gif) no-repeat;
	margin: 20px 0 0 0;
}
#createNewProject li#two {
	background: url(../images/yellow/ul-2.gif) no-repeat;
}
#createNewProject li#three {
	background: url(../images/yellow/ul-3.gif) no-repeat;
}
#createNewProject li#four {
	background: url(../images/yellow/ul-4.gif) no-repeat;
}
#createNewProject li#five {
	background: url(../images/yellow/ul-5.gif) no-repeat;
}

#savePro {
background: url(../images/buttons/save-project.gif) no-repeat;
display: block;
width: 114px;
height: 25px;
float: right;
text-indent: -9999px;
}

/**** EDIT PROFILE INFORMATION *****/

#editPIUpload  {
	margin: 30px 0 0 0;
}

#editPIUpload li {
margin: 10px 0 0 0;
}

#editPIUpload li.submit input {
background: url(../images/buttons/upload.gif) no-repeat;
border: none;
text-indent: -9999px;
width:  64px;
height: 25px;
float: left;
line-height: 0;
display: block;
}

#editPreview {
	overflow: hidden;
	margin: 30px 0 0 0;
	width: 100%;
	float: left;
}

#editPreviewImg {
	width: 102px;
	height: 125px;
	background: url(../images/edit-preview-img.gif) no-repeat;
	float: left;
	margin: 0 0 0 20px;
}

#editPreviewText {
	background: url(../images/edit-preview-text.gif) no-repeat;
	width: 294px;
	height: 128px;
	float: right;
}

#editPreviewText p {
	padding: 15px 10px 0 25px; margin: 0;
}

#editProfileInfo {
width: 520px;
}

#editProfileForm { 
overflow: hidden;
margin: 10px 0 0 0;
float: left;
width: 100%;
}

#editProfileForm input {
	border: 0;
}

#editProfileForm li.input-140 {
	width: 170px;
	overflow: hidden;
	float: left;
	background: url(../images/forms/input-bg-140.gif) no-repeat;
}

#editProfileForm li.input-140 input{
	float: left;
	border: none;
	width: 130px;
	margin: 2px 0 0 5px;
}

.input-343 {
	width: 343px;
	overflow: hidden;
	float: right;
	background: url(../images/forms/input-bg-343.gif) top right no-repeat;
}

#editProfileForm li.input-343 input{
	float: right;
	width: 325px;
	margin: 3px 10px 0 5px;
	border: none;
}

#editProfileForm li.submit input {
	float: right;
	margin: 10px 0 0 0;
	background: url(../images/yellow/buttons/save.gif) no-repeat;
	width: 63px;
	height: 24px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 0;
}

#editProfileForm li label{
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 0 0;
height: 20px;
font-size: 1.1em;
}

textarea { border :1px solid #dfdede; padding: 4px;}

#editProfileSlider {
width: 520px;
background: #f3f1f2;
margin: 20px 0 0 0;
padding: 20px 0 30px 0;
overflow: hidden;
}
#editProfileSlider ul {
margin: 5px 0 0 20px;
}

#editProfileSlider li {
width: 79px;
height: 98px;
border: 1px solid #dcdcdc;
border-bottom: 0;
margin: 0 0 0 20px;
float: left;
position: relative;
background: #fff;
}

#editProfileSlider li a.delete{
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 0;
	left: -1px;
	background: url(../images/buttons/add-edit-delete.gif) no-repeat;
	width: 52px;
	height: 15px;
}

#editProfileSlider li a.edit{
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: -5px;
	right: -1px;
	background: url(../images/buttons/add-edit-edit.gif) no-repeat;
	width: 28px;
	height: 20px;
}


#imgPreview {
border: 1px solid #ddd; 
width: 480px;
height: 480px;
float: left;
margin: 20px 20px 0 0;
}

#setImage {
	float: left;
	width: 250px;
	margin: 10px 0 0 0;
}

#setImage input {
	float: left;
	margin: 0 10px 0 0;
}

#setImage p {
	float: left;
	width: 200px;
	font-size: 1.1em;
	padding: 0; margin: 0;
}

.remaining {
background: url(../images/images-remaining.gif) no-repeat;
float: left;
margin: 20px 40px 0 0;
width: 138px;
height: 129px;
}

.remaining p, #projectRemaining p {
	font-size: 3em;
	color: #e9e73f;
	padding: 0; 
	margin: 42px 0 0 0;
	text-align: center;
}

#projectRemaining {
	background: url(../images/images-remaining.gif) no-repeat;
	float: left;
	margin: 30px 0 0 0;
	width: 138px;
	height: 129px;
}

#editUpload {
	overflow: hidden;
	padding: 20px 0 0 0;
	width: 100%;
	float: left;
}

#editUpload textarea {
	width: 510px;
	height: 100px;
	margin: 10px 0 0 0;
	float: left;
}

#editUpload li {
width:100%;
font-size: 1.2em;
margin: 0 0 10px 0;
}

#editUpload li label {
margin: 0 10px 0 0;
}

#editProfileInfo #upload {
background: url(../images/buttons/upload.gif) no-repeat;
border: none;
text-indent: -9999px;
width:  64px;
height: 25px;
}

/*option {
	width: 200px;
}*/

#editInfo {
width: 100%;
height: 115px;
float: left;
background: url(../images/edit-info-bg.gif) no-repeat;
margin: 20px 0 0 0;
}

#editInfo p {
font-size: 1.2em;
margin: 0; padding: 12px 10px 0;
width: 320px;
}

#editInfo .upload {
padding: 20px 0 0 0;
}

#editProfileInfo .textarea textarea{
margin: 20px 0 0 0;
}

#editProfileInfo .save { width: 520px; }

#editProfileInfo .save input {
	background: url(../images/buttons/save.gif) no-repeat;
	display: block;
	width: 68px;
	padding: 0; margin: 0;
	height: 24px;
	text-indent: -9999px;
	border: none;
	float: right;
	overflow: hidden;
	line-height: 0;
}

#proTitle { float: left; margin: 10px 10px 0 0; height: 50px; width: 370px; background-position: top left;}
#proTitle  input { border: none; width: 335px; margin: 3px 0 0 5px; float: left;}
#proTitle a { float: right; font-size: 1.2em; color: #797979; padding: 10px 0 0 0;}

/**** MY MESSAGES *****/

.msgInbox {
	width: 560px;
}

.msgInbox h1 {
	float: left;
	width: 200px;
}

.msgInbox #topRight {
	float: right;
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

.msgInbox #topRight a {
	text-decoration: none;
	color: #b9b9b9;
	padding: 0 5px 0 0;
}

.msgInbox #topRight a.active {
	color: #666;
}

.msgInbox #topRight li {
	float: left;
	color: #E9E73F;
	padding: 0 5px 0 0;
}

.msgInbox #msgsHeader {
	width: 100%;
	overflow: hidden;
}

#msgsHeader p { 
	padding: 15px 0 10px;
}

#msgsHeader .backTo {
	float: right;
	background: url(../images/yellow/text/back-to-account.gif) no-repeat;
	width: 108px;
	text-indent: -9999px;
}

#messageList {
	overflow: hidden;
}

.msgLeft {
	width: 110px;
	float: left;
}

.msgRight {
	float: left;
	width: 440px;
}

#messageList li {
	border-bottom: 1px dotted #989999;
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}

#messageList p {
	padding: 0 0 20px 0; 
	margin :10px 0 0 0;
	color: #666;
	font-size: 1.1em;
}

#messageList li.msgRead {
	background: #f3f1f2;
}

#messageList input {
	float: left;
	margin-top: 28px;
	margin-right: 10px;
}

#messageList img {
	border: 1px solid #e1e1e1;
	width: 70px;
	height: 70px;
	float: left;
	background: #fff;
}

#messageList h2 { 
	text-indent: 0; 
	padding: 0; 
	margin: 0; 
	color: #6fd2e3;
	font-weight: bold;
	font-style: italic;
}

.otherInfo {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.1em;
	color: #666;
}

#messageList .otherInfo .name {
	width: 80px;
}

#messageList .otherInfo .date {
	width: 140px;
}

#messageList .otherInfo .time {
	width: 45px;
	background: none;
}

#messageList .otherInfo li {
	float: left;
	width: 140px;
	padding: 10px 8px 0 0; 
	background: url(../images/yellow/arrow-right.gif) center right no-repeat;
	margin-right: 2px;
	border: none;
	height: 20px;
	border-bottom: none;
	text-align: right;
}

#messageList .otherInfo li a {
	float: left;
}

#myMsgSearch {
	background: url(../images/msg-search.gif) 20% 10% no-repeat;
	height: 40px;
	margin: 30px 0 20px 0;
	border-bottom: 1px solid #ccc;

}

#myMsgSearch li {
	font-size: 1.2em;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 5px 0 0;
	color: #E9E73F;
}

#myMsgSearch li a {
	padding: 0 2px 0 0;
	color: #b9b9b9;
	text-decoration: none;
}

#myMsgSearch li a.active {
	color: #666;
}

/*#myMsgSearch a {
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 20px 0 0 0;
	font-size: 1.1em;
	display: block;
	float: left;
	color: #666;
}*/

#myMsgForm { 
	margin: 5px 0 0 0;
	width: 365px;
	float: right;
	padding:0;
}

#myMsgForm input { 
	margin: 0 10px 0 0;
	width: 130px;
	border: 0;
	float: left;
}

#myMsgForm select {
	margin: 0 10px 0 10px;
	width: 131px;
	float: left;
	border: none;
}


#myMsgForm .submit {
	background: url(../images/buttons/msg-search.gif) no-repeat;
	width: 59px;
	height: 24px;
	text-indent: -9999px;
	border: none;
	float: left;
	margin: -3px 0 0 5px;
	line-height: 0;
	display: block;
}

#myMsgList .msgRight {
	width: 355px;
}

/******* My Message List *******/

#myMsgList #myMsgSearch {
	background: none;
}

#myMsgList .msgLeft {
	width: 165px;
	margin-right: 20px;
}

#myMsgList .msgLeft span {
	color: #E9E73F;
}

#myMsgList .msgRight .otherInfo li span{
	background: none;
}

#myMsgList .msgRight .otherInfo li.reply {
	width: 40px;
}

#myMsgList .otherInfo li a {
	color: #b0b0b0;
	text-decoration: none;
	display: block;
}

#myMsgList .otherInfo li .active{
	color: #666;
	text-decoration: none;
}

#myMsgList .msgRight .otherInfo li.viewP {
	width: 90px;
}

#myMsgList .msgLeft p {
	font-size: 1em;
	padding: 0 0 0 25px;
	float: left;
}

#myMsgList .msgRight span {
	float: left;
	background: url(../images/blue/arrow.gif) no-repeat;
	height: 20px;
	text-indent: -9999px;
	width: 18px;
}

#myMsgList .msgRight h2 {
	padding: 2px 0 0 0;
}

.msgRight h2 {
	font-size: 1.3em;
	font-family: georgia;
}

.msgRight h2 a {
	color: #666;
	text-decoration: none;
}

.msgRight p a {
	color: #ccc;
	text-decoration: none;
}

#myMsgList #messageList .otherInfo li {
	background: none;
}

/******* Message Reply *******/

#refresh {
	background: url(../images/refresh.gif) no-repeat;
	width: 17px;
	height: 20px;
	float: right;
	text-indent: -9999px;
}

/******* Favourite Project *******/

#favouriteProject  {
	width: 530px;
}

#favouriteProject .msgLeft img {
	margin: 0 0 0 -;
}

#favouriteProject .msgLeft {
		width: 90px;
}

#favouriteProject .msgRight {
		width: 440px;
}

#favouriteProject #messageList h2 {
	color: #666;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4em;
}

#favouriteProject #messageList p {
	color: #b9b9b9;
	margin-top: 5px
}

#favouriteProject #messageList li {
	border-bottom: 1px dotted #e9e73f;
}

#favouriteProject #messageList .otherInfo li {
		background: none;
		border: none;
		width: 120px;
		font-size: 1.2em;
		padding: 0; margin: 0;
}

#favouriteProject #messageList .otherInfo li span {
		color: #E9E73F;
}

#favouriteProject #messageList #remove {
		width: 70px;
		height: 31px;
		background: url(../images/yellow/buttons/remove.gif) no-repeat;
		display: block;
		text-indent: -9999px;
		float: right;
}

#favouriteProject #msgsHeader {
		margin: 5px 0;
}

/******* Home slider *******/

#homeSlider {
	background: url(../images/home-slider.gif) no-repeat;
	width: 486px;
	height: 331px;
	padding: 16px 0 0 19px; margin: 5px 0 0 0;
	position: relative;
}

#homeSlider img {
	width: 453px;
	height: 313px;
}

#homeSlider #createBtn {
	position: absolute;
	top: -30px;
	right: -30px;
	background: url(../images/buttons/create-portfolio.png) no-repeat;
	width: 95px;
	height: 95px;
	text-indent: -9999px;
	z-index: 1000;
}

#homeSlider #createBtn a {
	display: block;
	width: 95px;
	height: 95px;
}

#homeSlider #arrows {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#homeSlider #registerBtn {
	position: absolute;
	bottom: -12px;
	left: 0;
	background: url(../images/buttons/register-free.png) no-repeat;
	width: 147px;
	height: 46px;
	z-index: 1000;
}

#homeSlider #registerBtn a { 
	display: block; 	
	width: 147px;
	height: 46px;
}

#homeLeft {
	width: 160px;
	float: left;
	margin: 30px 0 0 0;
}

#homeRight {
	width: 290px;
	float: right;
	margin: 28px 0 0 20px;
}

#homeRightImg {
	float: right;
}

#homeRightImg img { 
	width: 287px;
	height: 210px;
}

/* Easy Slider */
 
	#slider{
		position: relative;
		width: 460px; 
		height: 331px; 

	}	

	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li img { margin: 0 0 0 1px;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:460px;
		height:320px;
		overflow:hidden;
		z-index: -1000;
		}	
 
	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:60px;
		height:60px;
		position:absolute;
		left:-10px;
		top:-120px;
		z-index: 10000;
		
		}	
	#nextBtn, #nextBtn2{ 
		left:440px;

		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:60px;
		height:60px;
		background:url(../images/prev.png) no-repeat 0 0;
		z-index: 10000;
	}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/next.png) no-repeat 0 0;	
	}

	a.blogBtnP {
		background:url(/images/prev-blog.png) no-repeat 0 0 !important;
	}
	a.blogBtnN {
		background:url(/images/next-blog.png) no-repeat 0 0 !important;	
	}


/**** BLOG *****/

.blog {
	width: 154px;
	height: 151px;
	background: url(../images/account-home/blog.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
	padding: 0 0 0 20px;
}

.blog h2 {
	text-indent: 0;
	margin: 38px 0 0 0;
	display: block;       
	float: left;
	font-style: italic;
	width: 120px;
	height: 52px;
	text-align:left;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
}

.blog h2 a {
	color: #525251;
	text-decoration: none;
	font-weight: normal;
	display: block;
	height: 50px;
	width: 120px;
	padding-right: 10px;
}

.blog em {
	display: block;
	text-indent: 0;
	float: left;
	margin: 0 0 0 0;
	font-weight: bold;
	font-family: georgia;
	font-size: .9em;
	color: #4a4a4a;
}

.blog #fDetails {
	border: 1px solid red;
}

/**** MEMBERSHIP *****/

.membership {
	width: 154px;
	height: 151px;
	background: url(../images/account-home/membership.gif) no-repeat;
	margin: 50px 0 0 0;
	text-indent: -9999px;
}

.membership a {
	display: block;
	width: 154px;
	height: 151px;
} 
							

/* TWITTER HOME */

#twitterHome {
	width: 287px;
	height: 120px;
	margin: 25px 0 0 0;
	background: url(../images/twitter-home.gif) no-repeat;
	float: right;
}

#twitterHome h3 {
	text-indent: -9999px;
	background: url(../images/text/latest-tweets.gif) no-repeat;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
	float: right;
	width: 230px;
	height: 15px;
}

#twitterHome p {
	float: right;
	width: 230px;
	margin:0 0 0 0; padding: 0 0 0 0;
	font-style: italic;
}

#twitterHome a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#twitterHome a.follow-us {
margin: 4px 10px 0 0;
float: right;
font-size: 1.4em;
width: 230px;
text-align: right;
}

/* BLOG PAGE */

#blogPage, #blogArticlePage {
	width: 530px;
	
}

#featuredPostHolder {
	background: #efefef;
	width: 530px;
	padding: 30px 0;
	margin: 20px 0 0 0;overflow: hidden;
}

#featuredPost {
	width: 390px;
	height: 406px;
	margin: auto;
	background: #fff;
	padding: 0 0 0 30px;
	position: relative;
	overflow: hidden;
}

#blogArticlePage #featuredPost {
	height: 100%;
	padding-bottom: 40px
}

#featuredPost h2 { 
	text-indent: 0;
	float: left;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 1.2em;
}

#featuredPostImg {
	float: left;
	overflow: hidden;
	width: 353px;
}

#featuredPostImg img {
	background: url(../images/featured-blog-bg.gif) no-repeat;
	float: left;
	width: 353px;
	height: 215px;
	margin: 10px 0 0 0;
	position: relative;
	overflow: hidden;
}

#featuredPostImg span {
	position: absolute;
	top: 237px;
	left: 306px;
	background: #F960A8;
	padding: 5px;
	color: #fff;
}

#featuredPostImg span a {
	color: #fff;
	text-decoration: none;
}

.contentMiddleMain #featuredPost p {
	width: 355px;
	font-size: 1.1em;
	line-height: 1.2em;
	float: left;
	color: #6c6b6b;
	margin: 10px 0 0 0;
}


#featuredPost a.continue {
	position: absolute;
	bottom: 15px;
	left: 30px;
	color: #f960a8;
	font-weight: bold;
	font-family:  georgia;
	font-style: italic;
	text-decoration: none;
	font-size: 1.1em;
}

#featuredPost p#byDate {
	width: 200px;
	position: absolute;
	bottom: 12px;
	right: 30px;
	text-align: right;
}

#featuredPost p#byDate span {
	font-style: italic;
	color: #b9b9b9;
	font-family: georgia;
	font-size: .9em;
}

.postContent {
	width: 200px;
	background: #efefef;
	padding: 25px;
}

.postHolder {
	width: 255px;
	float: left;
	margin: 20px 0 0 0
}
.postHolder h3 {
	text-indent: 0;
	font-weight: bold;
	margin: 10px 0;
	font-size: 1.2em;
}

.post {
	background: #fff;
	padding: 0 15px;
	overflow: hidden;
}

.post p.name {
	float: right; 
	width: 100%; 
	text-align: right;
}

.post p {
	margin: 10px 0 0 0;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
}

.postImg {
	background: url(../images/post-blog-bg.gif) no-repeat;
	width: 166px;
	height: 101px;
	margin: 15px 0 0 0;
	float: left;
	position: relative;
	overflow: hidden;
}

.postImg span {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #f960a8;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}

.postImg span a {
	color: #fff;
	text-decoration: none;
}

.post a.continue {
	margin: 10px 0;
	float: left;
	text-decoration: none;
	font-family: georgia;
	font-style: italic;
	font-weight: bold;
	color: #f960a8;
}

#commentsBox {
	margin: 30px 0 0 0;
}

#commentsBox.blogComments {
	border-top: 1px solid #333;
	width: 100%;
	float: left;
}

#commentsBox.blogComments li p a {
	text-decoration: none;
	color: #5c5c5c;
}

#commentsBox h3 {
	text-indent: 0;
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 0 0 10px 0;
	color: #f960a8;
	font-size: 1.2em;
}

#commentsBox li {
	padding: 0 0 5px 0;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px dotted #989999;
	font-size: .9em;
}

#commentsBox li p {
	margin: 10px 0 0 0;
}

#commentsBox li p.right{
	text-align: right;
	font-family: georgia;
	font-style: italic;
}

#commentsForm h4 {
	font-weight: bold;
	font-size: 1.2em;
}

#commentsForm li {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	width: 550px;
}

#commentsForm li textarea {
	border: 1px solid #e9e73f;
	width: 525px;
	height: 80px;
}

#commentsForm li a {
	color: #666;
	font-size: 1.2em;
	margin: 0 15px 0 0;
}

#commentsForm #submit {
	background: url(../images/pink/post-comment.gif) no-repeat;
	width: 132px;
	height: 25px;
	display: block;
	text-indent: -9999px;
}

/* EVENT DETAILS PAGE */

#eventDetailsLeft {
	width: 60px;
	float: left;
	margin: 20px 0 0 0;
}

#eventDetailsLeft P {
	font-size: 4em;
	margin: 0;
	padding: 0;
	color: #f960a8;
}

#eventDetailsRight {
	width: 420px;
	float: right;
	margin: 20px 0 0 0;
	padding-left: 40px;
	border-left: 1px solid #F960A8
}

#eventDetailsRight .event {
	overflow: hidden;
	padding: 0 0 5px 0;
	
}


#eventDetailsRight p #fOutMore {
	background: url(../images/pink/find-out-more.gif) no-repeat;
	width: 121px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

#eventDetailsRight #intro {
	font-weight: bold;
	margin: 0; padding: 0;
}

#eventDetailsRight #intro span {
	color: #F960A8;
}

#eventDetailsRight p a {
	color: #F960A8;
	text-decoration: none;
}

#eventDetailsRight #posted {
	font-weight: bold;
}

#eventDetailsRight #posted span{
	color: #f960a8;
	font-weight: normal;
}

h1#events span {  
	float: left;
	width: 180px;
	text-indent: 0; 
	padding: 0;
	margin: 0;
	text-indent: 0;;
} 

h1#events span.title {
	text-indent: -9999px;
	width: 75px;
	float: left;
}

#forgotPass {
	float: right;
}

/* YOUR EVENTS LIST */

#yourEventsList {
width: 540px;
overflow:  hidden;
}

#yourEventsList .editJob {
	background: url(../images/buttons/edit-event.gif) no-repeat;
}

#yourEventsList h2#currentJob {
	background: url(../images/pink/text/current-events.gif) no-repeat;
}

#yourEventsList .columnLeft {
	width: 220px;
}

#yourEventsList .columnLeft p {
	margin: 20px 0 0 0;
}

#yourEventsList .columnRight {
	width: 290px;
	font-weight: bold;
}

#yourEventsList .jobBox .number {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.8em;
	color: #F960A8;
}


#yourEventsList .jobBox {
	width: 245px;
	padding-top:45px;
	height: 115px;}

#yourEventsList .jobBox p {
	margin-left: 10px;
	margin-top: 0;
	width: 300px;
	line-height: .6em;
	color: #6f6f6f;
	font-size: 1.2em;
}

#yourEventsList .jobBox span {
	color: #F960A8;
}

.jobBox .two, .jobBox .three, .jobBox .four {
	padding: 0 0 0 10px;
}

#yourEventsList .jobBox p.posted {
	position: absolute;
	bottom: 0;
	left: 12px;
	color: #F960A8;
}

#addEvent {
	background: url(../images/pink/add-event.gif) no-repeat;
	width: 124px;
	height: 25px;
	text-indent: -9999px;
	display: block;
	margin: 20px 0 0 0;
}

/******* PAGINATION *******/

#pagination {
	float: right;
	width: 100%;
}

#pagination.blogPagination {
	
}

#pagination ul {
	float: right;
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

#pagination li {
	float: left;
	color: #ccc;
}

#pagination li.first a{
	background: url(../images/yellow/back.gif) no-repeat;
	width: 12px;
	height: 13px;
	text-indent: -9999px;
}

#pagination li.last a{
	background: url(../images/yellow/forward.gif) no-repeat;
	width: 12px;
	height: 13px;
	text-indent: -9999px;
}

#pagination li a {
	float: left;
	font-weight: bold;
	text-decoration: none;
	padding: 0 3px;
	color: #333;
}

#pagination li.active a {
	color: #6fd2e3;
}

/******* CREATIVE JOBS *******/

#creativeJobsPage {
	width: 520px;
}

#creativeJobsPage p.searched {	
	border-bottom: 1px dotted #ccc; 
	font-weight: bold;
	color: #666;
	padding-bottom: 4px;
	margin-top: 40px;
	margin-left: 0;
	width: 100%;
}

#creativeJobsPage p.searched span {
	color: #6fd2e3;
	padding: 0 3px;
}

#creativeJobsPage h2{
	font-weight: bold;
	font-family: georgia;
	font-style: italic;
	text-indent: 0;
	color: #6fd2e3;
	margin-top: 40px;
	margin-left: 20px;
	width: 480px;
	line-height: 1.8em;
}

#creativeJobsPage span {
	color: #ccc;
}

#creativeJobsPage p {
	width: 460px;
	color: #5c5c5b;
	margin-left: 20px;
}

#applyNow {
	background: url(../images/buttons/apply-now.gif) no-repeat;
	width: 96px;
	height: 24px;
	text-indent: -9999px;
	display: block;
	margin: 30px 0 0 0;
	float: right;
}

/******* JOB SEARCH RESULTS *******/

#searchResultsJob p.searched {	
	border-bottom: 1px dotted #ccc; 
	font-weight: bold;
	color: #666;
	padding-bottom: 4px;
	margin-top: 40px;
	margin-left: 0;
	width: 100%;
}

#searchResultsJob p.searched span {
	color: #6fd2e3;
	padding: 0 3px;
}

#searchResultsJob {
	width: 540px;
}

#searchResultsJob h1#creativeJobs {
	font-size: 1.2em;
}

#creativeJobs h2 {
	text-indent: 0;
	font-size: 1.2em;
	font-family: georgia;
	font-weight: bold;
	font-style: italic;
}

#searchResultsJob h1#creativeJobs a {
	float: right;
	padding: 0 0 0 5px;
	text-indent: 0;
	text-decoration: none;
	color: #666;
	font-size: inherit
}

#searchResultsJob h1#creativeJobs a.active {
	color: #b9b9b9;
}

.jobDetails {
	position: relative;
	width: 160px;
	height: 125px;
	border-bottom: 1px dotted #ccc;
	padding-top: 30px;
	margin: 40px 30px 0 0;
	float: left;
}

.noMargin {
	margin-right: 0;
}

.jobDetails .date {
	position: absolute;
	bottom: 3px;
	left: 0;
	color: #6fd2e3;
	font-weight: bold;
	font-size: 1.2em;
}

.jobDetails a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

.jobDetails h2 {
	color: #707070;
	text-indent: 0;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #6fd2e3;
	float: left;
	overflow: hidden;
}

.jobDetails p {
	margin-top: 5px;
	font-size: 1.1em;
}

.jobDetails .fDetails {
	position: absolute;
	bottom: 5px;
	right: 0;
}

.jobDetails .new {
	width: 35px;
	height: 35px;
	background: url(../images/buttons/new-bubble.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right:0;
}

/******* EVENTS CALENDAR *******/

#calendarPage {
}

#calendarPage a {
	text-decoration: none;
	color: #bdbdbd;
	font-weight: bold;
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

#calendarPage #eventsCalendar span {
	color: #F960A8;
}

#calendarPage #prev {
	float: left;
}

#calendarPage #next {
	float: right;
}

#calendarPage a span {
	color: #F960A8;
}

#eventsCalendar {
	border-collapse: collapse;
	margin: 20px 0 20px 10px;
}

#eventsCalendar td {
	border: 1px solid #ccc;
	width: 65px;
}
#eventsCalendar td:hover {
	background: #f960a8;
}

#calendarPage #eventsCalendar td:hover span {
	color: #fff;
}

#eventsCalendar td span {
	display: block;
	margin: 30px 2px 0 0;
	float: right;
	font-weight: bold;
	font-size: 3.2em;
	color: #f960a8;
}

h1#events span { 
	color: #ababab;  
}

#months {
	font-size: 1.2em;
	line-height: 2.2em;
	color: #333;
	font-weight: bold;
	height: 30px;
	text-align: center;
}

#months td:hover {
	background: none;
}

#eventsCalendar td.inactive:hover {
	background: none;
}

#calendarPage #eventsCalendar td.active {
	background: #F960A8;
	color: #fff;
}

#calendarPage #eventsCalendar td.active span {
	color: #fff;
}

#calendarPage #eventsCalendar td.active span a {
	color: #fff;
	font-size: 1em;
}

/******* EVENTS SEARCH RESULT *******/

#searchResultsEvent {
	width: 500px;
	overflow: hidden;
}

#searchResultsEvent #eventDetailsLeft {
	width: 60px;
}

#searchResultsEvent #eventDetailsRight {
	border-left: 1px solid #F960A8;
	width: 400px;
	padding-left: 19px;
}

.eventSearchResult {
	overflow: hidden;
	padding: 0 0 20px 0;
	
}

.eventSearchResult .viewD {
	float: right;
	font-size: 1.2em;
	font-family: georgia;
	color: #838383;
	font-style: italic;
	text-decoration: none;
	margin: 20px 0 0 0;
	border-bottom: 2px dotted #333;
	width: 100%;
	padding: 10px 0;
	text-align: right;
}

.eventSearchResult .viewD span {
	color: #F960A8;
}

#aEvent {
	float: left;
	background: url(../images/pink/add-event.gif) no-repeat;
	text-indent: -9999px;
	width: 124px;
	height: 25px;
}

#searchResultsEvent #pagination{
	margin: 20px 0 0 0;
}

#prevDay {
	float: left;
	margin: 20px 0 0 0;
	font-size: 1.2em;
	color: #969696;
	text-decoration: none;
}

#prevDay span, #nextDay span {
	color: #f960a8;
}

#nextDay {
	float: right;
	margin: 20px 0 0 0;
	font-size: 1.2em;
	color: #969696;
	text-decoration: none;
}

/******* PROJECTS *******/

#projects {
	width: 530px;
}

#projects p { 
	margin: 10px 0;
}

#projectList li {
	background: url(../images/yellow/projects-box.gif) no-repeat;
	width: 527px;
	height: 126px;
	margin: 0 0 24px 0;
}

#projectList li img {
	width: 100px;
	height: 100px;
	border: 1px solid #e0dfdf;
	float: left;
	margin: 12px 0 0 21px;
}

.projectListRight {
	width: 350px;
	height: 90px;
	margin: 20px 20px 0 0;
	float: right;
	position: relative;
}

.projectListRight h2 {
	text-indent: 0;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 1.2em;
}

.projectListRight span {
	color: #E9E73F;
}

.projectListRight h2 span.number {
	font-size: 1.6em;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.projectListRight span.lUpdate {
	font-size: .8em;
	color: #b9b9b9;
	
}

.projectListRight p {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.2em;
}

/******** You Searched **********/

#youSearchedPage {
	width: 560px;
}

#youSearchedPage p.people {
	padding: 0 0 0 20px;
	background: url(../images/yellow/text/people.gif) 0% 30% no-repeat;
	text-indent: -9999px;
}

#youSearchedPage p.business {
	padding: 0 0 0 20px;
	background: url(../images/yellow/text/businesses.gif) 0% 30% no-repeat;
	text-indent: -9999px;
}

#youSearchedPage p.projects {
	padding: 0 0 0 20px;
	background: url(../images/yellow/text/projects.gif) 0% 30% no-repeat;
	text-indent: -9999px;
	width: 100%;
}

#youSearchedPage p.projects span {
	float: left;
}

#youSearchedPage p.people span#first {
	margin: 0 5px 0 33px;
}

#youSearchedPage p.business span#first { 
	margin-left: 60px;
}

#youSearchedPage p.projects span#first { 
	margin-left: 55px;
}

#youSearchedPage p.people span, #youSearchedPage p.business span, #youSearchedPage p.projects span {
	text-indent: 0;
	float: left;
	margin: 0 5px 0 0;
}

h1#youSearched {
	font-size: 1.2em;
}

h1#youSearched a {
	float: right;
	padding: 0 0 0 5px;
	text-indent: 0;
	text-decoration: none;
	color: #666;
}

h1#youSearched a.active {
	color: #b9b9b9;
}

#youSearchedResult {
	margin: 20px 0 0 0;
	overflow: hidden;
	width: 560px;
}

#youSearchedResult .noMargin {
	margin-right: 0;
}

#youSearchedResult li.box {
	background: url(../images/yellow/you-searched-box.gif) no-repeat;
	width: 115px;
	height: 199px;
	padding-left: 15px;
	position: relative;
	float: left;
	margin: 0 11px 10px 0;
	position: relative;
}

#youSearchedResult li.box a {
	text-decoration: none;
	color: #333;
}

#youSearchedResult li.box img {
	width: 100px;
	height: 100px;
	border: 1px solid #dfdede;
	float: left;
	margin: 15px 0 0 0;
}

#youSearchedResult li.box h2 {
	text-indent: 0;
	font-size: 1.2em;
	margin: 5px 0 5px 0;
	float: left;
	width: 100%;
	color: #333;
}

#youSearchedResult li.box h2 span {
	color: #e9e73f;
}

#youSearchedResult li.box p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #666;
}

#youSearchedResult li.box p.rating {
	position: absolute;
	bottom: 0;
}

/********* STAR RATER **********/

#rating {
	height: 20px;
	float: right;
	overflow: hidden;
}

/* styles for the star rater*/

.star-rating {
	position: absolute;
	bottom: 0;
}

.star-rating{
	list-style:none;
	margin: 10px 0 0 0;
	padding:0px;
	position: absolute;
	bottom: 10px;
	margin-left: -6px;
	float: left;
}


.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	background: url(../images/stars2.gif) top left no-repeat;	
	width: 115px;
	height: 12px;
	text-indent: -9998px;

}

.star-rating li.star-1{
	background-position: 0 -24px;
}

.star-rating li.star-2{
	background-position: 0 -48px;
}

.star-rating li.star-3{
	background-position: 0 -72px;
}

.star-rating li.star-4{
	background-position: 0 -96px;
}

.star-rating li.star-5{
	background-position: 0 -120px;
}

.star-rating li a{
	display:block;
	width:10px;
	height: 10px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}


/*             styles for the star rater                */
.star-rating-hover{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 113px;
	height: 20px;
	position: relative;
	background: url(../images/stars1.gif) top left no-repeat;		
	float: right;
}
.star-rating-hover li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating-hover li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating-hover li a:hover{
	background: url(../images/stars1.gif) top left no-repeat;
	z-index: 1;
	left: 0px;
}
.star-rating-hover a.one-star{
	left: 0px;
}
.star-rating-hover a.one-star:hover{
	width:20px;
	background-position: 0 -40px;
}
.star-rating-hover a.two-stars{
	left:20px;
}
.star-rating-hover a.two-stars:hover{
	width: 45px;
	background-position: 0 -80px;
}
.star-rating-hover a.three-stars:hover{
	width: 70px;
	background-position: 0 -120px;
}
.star-rating-hover a.three-stars{
	left: 45px;
}
.star-rating-hover a.four-stars{
	left: 70px;
	}	
.star-rating-hover a.four-stars:hover{
	width: 100px;
	background-position: 0 -160px;
}
.star-rating-hover a.five-stars{
	left: 92px;
}
.star-rating-hover a.five-stars:hover{
	width: 113px;

	background-position: 0 -200px;
}

.one-star-active {
	background: url(../images/stars1.gif) 0 -40px no-repeat;	
}

.two-star-active {
	background: url(../images/stars1.gif) 0 -80px no-repeat;	
}

.three-star-active {
	background: url(../images/stars1.gif) 0 -120px no-repeat;	
}

.four-star-active {
	background: url(../images/stars1.gif) 0 -160px no-repeat;	
}

.five-star-active {
	background: url(../images/stars1.gif) 0 -200px no-repeat;	
}

/******** Search Results Products **********/

#shopPage {
	width: 540px;
	overflow: hidden;
}


#shopPage h1#shop span { 
	float: left; 
	text-indent: 0; 
	font-size: .75em; 
	color: #b9b9b9; 
	margin: 0 0 0 50px;
}

#shopPage ul#shopList {
	margin: 20px 0 0 0;
}

#shopPage ul#shopList li {
	background: url(../images/yellow/results-products-box.gif) no-repeat;
	width: 140px;
	height: 221px;
	float: left;
	padding: 0 0 0 13px;
	margin: 0 38px 33px 0;
	position: relative;
}

#shopPage ul#shopList li h2 a {
	text-decoration: none;
	color: #4e5051;
}

#shopPage ul#shopList li.noMargin {
	margin: 0;
}

#shopPage ul#shopList li img {
	width: 124px;
	height: 113px;
	border: 1px solid #ccc;
	float: left;
	margin: 17px 0 0 0;
}

#shopPage ul#shopList li h2 {
	text-indent: 0;
	font-size: 1.1em;
	margin: 10px 0 0 0;
	float: left;
	width: 100px;
}

#shopPage ul#shopList li p {
	position: absolute;
	bottom: 5px;
	left: 15px;
	font-size: 1.2em;
	color: #6fd2e3;
	font-weight: bold;
}

/******** Payment History **********/

#paymentHistory {
}

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

#paymentList li {
	border-bottom: 2px dotted #989999;
	height: 70px;
	padding-top: 20px;
	padding-left: 17px;
	
}

#paymentList li.active {
	background: #efefef;
}

#paymentList li p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #989999;
}

#paymentList li p b {
	color: #666;
}

.paymentListLeft {
	float: left;
	width: 250px;
}

.paymentListRight {
	float: right;
	width: 150px;
	margin: 0 15px 0 0
}

.paymentListRight p {
	float: right; 
	margin: 0 0 10px 0;
	text-align: right;
	width: 100%;
}

.paymentListRight p a {
	font-size: 1.2em;
	color: #666;
}

/******** Product Description **********/

#productDescription {
	width: 550px;
}

#pTChkout {
	display: block;
	background: url(../images/blue/proceed.gif) no-repeat;
	width: 157px;
	height: 27px;
	text-indent: -9999px;
	line-height: 0;
	float: right;
	margin: 20px 0 0 0;
}

#productDescLeft {
	width: 220px;
	height: 316px;
	background: url(../images/yellow/prod-desc-left.gif) no-repeat;
	float: left;
	text-align: center;
	margin: 10px 0 0 0;
}

#productDescLeft img {
	margin: 10px auto 0;
	width: 210px;
}

#productDescRight {
	width: 290px;
	float: right;
	margin: 10px 0 0 0;
}

#productDescRight h2 {
	text-indent: 0;
	margin: 0; padding: 0;
	font-size: 1.2em;
	font-family: georgia;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

#productDescRight h3 {
	text-indent: 0;
	margin: 10px 0 0 0;
	color: #666666;
}

#productDescRight p {
	font-size: 1.1em;
}

#productDescRight p.cost {
	font-size: 1.8em;
	color: #6fd2e3;
}

/******** Creative Job Application **********/

#autoUBD {
	float: right;
}

#autoUBD p {
	width: 100%;
	float: left;
	padding-left: 45px;
	margin-bottom: 10px;
	margin-top: 0;
}

#autoUBD #input {
	background: url(../images/forms/input-bg-medium.gif) 30% 0 no-repeat;
	height: 24px;
	padding-left: 0;
}

#autoUBD #input a {
	color: #666;
}

#autoUBD #file input{
	background: url(../images/buttons/upload.gif) no-repeat;
	width: 200px;
}

#autoUBD #input input {
	margin: 2px 15px 0 20px;
	width: 192px;
}

/******** Project View **********/

#projectView {
	width: 595px;
	overflow: hidden;
	padding-bottom: 20px;
}

#imgTitle {
	width: 343px;
	margin: 20px 0 0 0; 
}

#imgTitle p {
	float: left;
	margin: 0 0 10px 0;
	width: 500px;
}

#imgTitle input { 
	margin: 0 0 4px 10px;
	width: 320px;
	border: none;
}

#projectView #profileOptions {
	margin: 0 10px 0 0;
	height: 20px;
	float: right;
}

#projectView #profileOptions a#viewP {
	background: url(../images/text/viewp.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 65px;
	height: 10px;
	float: left;

}

#projectView #profileOptions a#addfavs {
	background: url(../images/text/favs.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 98px;
	height: 11px;
	float: left;
	margin: 0 0 0 10px;
}

#projectView #profileOptions a#removefavs {
	background: url(../images/text/removefavs.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 128px;
	height: 11px;
	float: left;
	margin: 0 0 0 10px;
}

#projectView #compose {
	float: right;
	text-decoration: none;
	color: #666;
	margin: 0 10px 0 0;
	background: url(../images/pink/envelope.gif) 0 50% no-repeat;
	width: 110px;
	text-align: right;
}

#projectViewContent {
overflow: hidden;
float: left;
width: 510px;
padding-top: 30px;
}

#projectViewContent p {
	width: 480px;
	padding: 0 0 0 25px;
}

#projectView #profileOptions a {
	color: #444;
	text-decoration: none;
}

#projectView #profileOptions span {
	color: #E9E73F;
}

#projectView h1 {
	margin: 0 0 0 10px;
	float: left;
	width: 325px;
	text-indent: 0;
	height: 20px;
	color: #666;
	font-size: 1.6em;
	text-transform: uppercase;
}

#projectView h2 {
	float: left;
	width: 100%;
	text-indent: 0;
	margin: 10px 0 0 10px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #666;
}

#projectView #intro {
	margin: 0 0 0 10px;
	float: left;
	font-size: 1.1em;
}

#projectView h1 span {
	color: #e9e73f;
}

#projectViewLeft {
	width: 500px;
	height: 502px;
	line-height: 502px;
	margin: 20px 15px 0 10px;
	float: left;
	background: url(../images/project-view-left.gif) no-repeat;
	position:relative;
}

#projectImgHolder #projectViewLeft img {
	vertical-align: middle;
	display: block;
	width: 480px;
	height: 321px;
}

#projectViewLeft a {
	color: #666;
	text-decoration: none;
}

#projectViewLeft a span {
	color: #e9e73f;
}

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

#projectFeatured li {
	width: 100%;
	margin: 0 0 10px 0;
}

#projectFeatured h3 {
	text-indent: 0;
}

#projectFeatured a {
	float: right;
	font-size: 1.2em;
	overflow: hidden;
	color: #6fd2e3;
}

#projectFeatured p {
	margin: 10px 0 0 0;
}

#projectFeatured a#compose {
	color: #666;
	background: url(../images/yellow/envelope.gif) no-repeat;
	padding: 0 0 0 25px;
}

#projectImgHolder {
	width: 500px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
	display: block;
	height: 502px;
	line-height: 502px;
}


#projectViewRight {
	width: 60px;
	float: left;
	margin: 20px 0 0 0;
}

#projectViewRight li {
	border: 1px solid #ccc;
	width: 55px;
	height: 55px;
	margin: 0 0 10px 0;
}

#projectViewRight li#up {
	border: none;
	height: 20px;
	text-align: center;
}

#projectViewRight li#up a {
	display: block;
	width: 19px;
	height: 17px;
	background: url(../images/pview-top.gif) no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 16px;
}

#projectViewRight li#down {
	border: none;
	height: 20px;
	text-align: center;
}

#projectViewRight li#down a {
	display: block;
	width: 19px;
	height: 17px;
	background: url(../images/pview-bottom.gif) no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 16px;
}

#homePage {
	width: 500px;
}

/****** Profile Information ******/

#profileInfoPage {
	width: 530px;
	overflow: hidden;
}

#proInfoLeft {
	width: 325px;
	float: left;
	margin: 50px 0 0 0;
}

#proInfoLeft p {
	border-right: 1px solid #e9e73f;
	width: 264px;
	padding-right: 50px;
	color: #666;
}

#proInfoLeft p.details {
	border-right: none;
	margin: 5px 0 0 0
}

#proInfoLeft p.edit {
	border-right: none;
}

#proInfoLeft p.edit a {
	text-decoration: none;
	color: #c6c5c5;
}

#proInfoRight p.number {
	color: #b9b9b9;
}

#proInfoLeft span {
	color: #b9b9b9;
	margin: 5px 0 0 0;
	display: block;
	font-size: 1.2em;
}

#proInfoLeft h2 {
	text-indent: 0;
	font-size: 1.2em;
	color: #666;
	padding: 0; 
	margin: 0;
	font-weight: bold;
}


#proInfoRight {
	width: 140px;
	height: 440px;
	float: right;
	margin: 140px 0 0 0;
	background: url(../images/yellow/pro-info-right.gif) top left no-repeat;
}

#proInfoRight img {
	width: 100px;
	height: 100px;
	border: 1px solid #dfdede;
	margin: 10px 0 0 10px;
}

#proInfoRight #compose {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	color: #b9b9b9;
	background: url(../images/yellow/envelope.gif) 0 50% no-repeat;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0 0 0 22px;
}

#proInfoRight p {
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	color: #666;
}

/****** Forgotten Password ******/

#forgotPass {
	width: 100%;
	margin: 20px 0 0 0;
}

#forgotPass li {
	background: url(../images/forms/advertising/input-bg.gif) 0 50% no-repeat;
	height: 30px
}

#forgotPass li input {
	margin: 6px 0 0 5px;
	width: 290px;
	border: 0;
float: left;
}
	
#forgotPass li input#submit {
	width: 77px;
	height: 24px;
	float: right;
	background: url(../images/buttons/submit.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	line-height: 0;
}

/***** ERROR STYLE *****/

.error_style {
	margin: 20px 0 0 0;
	padding: 15px 10px 15px 10px;
	overflow: hidden;
}

.error_style p { 
	padding: 0; 
	margin: 0 0 0 80px; 
	width: 400px;
}

.error_style ul {
	float: right;
	width: 310px;
	margin-right: 10px;
}

.error_style li a {
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 10px;
}

.error_style li.yes a {
	background: url(../images/buttons/error-yes.gif) no-repeat;
	width: 45px;
	height: 24px;
}

.error_style li.no a {
	background: url(../images/buttons/error-no.gif) no-repeat;
	width: 45px;
	height: 24px;
}

.error_style li.confirmed a {
	background: url(../images/buttons/error-confirm.gif) no-repeat;
	width: 89px;
	height: 24px;
}

.error_style li.approved a {
	background: url(../images/buttons/error-approved.gif) no-repeat;
	width: 89px;
	height: 24px;
}

.red {
	border: 2px solid red;
	background: url(../images/buttons/red-error.gif) 5% 40% no-repeat;
}

.orange {
	border: 2px solid #f99d23;
	background: url(../images/buttons/orange-error.gif) 5% 40% no-repeat;
}

.yellow, .green {
	border: 2px solid #d1d139;
	background: url(../images/buttons/yellow-error.gif) 5% 40% no-repeat;
}

/***** Login form *****/

#loginform {
	overflow: hidden;
	width: 100%;
}

/***** Error Page *****/

#errorPage {
	width: 497px;
	background: url(../images/404.gif) no-repeat;
	height: 264px;
	position: relative;
}

#errorPage p {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 210px;
	left: 170px;
}

#errorPage p b {
	font-size: 1.2em;
}

/***** Add / Edit Images *****/

#addEditBox {
	border: 2px solid #ccc;
	margin: 30px 0 0 0;
	padding: 20px;
	overflow: hidden;
}

#addEditBox span {
	font-size: 2.8em;
	color: #e9e73f;
	float: left;
	padding: 0 20px 0 0;
	font-weight: bold;
}

#addEditLeft {
	float: left;
	width: 230px;
}

#addImage {
	background: url(../images/account-home/add-image.gif) no-repeat;
	width: 138px;
	height: 129px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#editImage {
	background: url(../images/account-home/edit-image.gif) no-repeat;
	width: 138px;
	height: 129px;
	display: block;
	text-indent: -9999px;
	float: left;
}

/*** EDIT IMAGES ***/

#editImagesPage { width: 500px;}

#editImages { width: 500px;}

#editImages li {
width: 79px;
height: 98px;
border: 1px solid #dcdcdc;
border-bottom: 0;
margin: 22px 22px 0 0;
float: left;
position: relative;
background: #fff;
}

#editImages #slides {
	overflow: hidden;
	width: 520px;
}


#editImages li a.delete{
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 0;
	left: -1px;
	background: url(../images/buttons/add-edit-delete.gif) no-repeat;
	width: 52px;
	height: 15px;
}

#editImages li a.edit{
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: -5px;
	right: -1px;
	background: url(../images/buttons/add-edit-white.gif) no-repeat;
	width: 28px;
	height: 20px;
}

/**** TERMS ****/


#tandcs {
	height: 150px; 
	overflow:auto;
	background: none;
	margin: 15px 0 10px 0;
}


#acceptTerms {
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	background: none;
	height: 26px;
	font-size: .8em;
	background: url(../images/blue/accept-terms.gif) top right no-repeat;
}

#acceptTerms p {
	float: left;
	margin :0;
	padding: 0;
	width: 395px;
	font-size: 1.3em;
}

#acceptTerms input {
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 0;
}

#acceptTerms label {
	float: left;
	width: 50px;
	font-size: 1.2em;
	margin :1px 4px 0;
	padding: 0;font-size: 1.3em;

}


#optOut {
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	background: none;
	height: 26px;
	font-size: .9em;
}

#optOut label {
	float: left;
	font-size: 1.2em;
	width: 420px;
}

#optOut input {
	float: left;
	width: 20px;
	margin: 0;
}

h1#ubdBlog span {
	float: left;
}

/**** Featured Font *****/

#featFont {
	background: url(../images/featured-font-top.gif) no-repeat;
	width: 152px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 30px 0 0 0;
	font-size: 1.4em;
	float: left;
	font-weight: bold;
}

#featFont p {
	background: url(../images/feat-font-bottom.gif) bottom left no-repeat;
	padding: 10px 0 10px 10px;
	line-height: 1.3em;
}

#featFont p img {

}



/***** STATIC PAGE IMAGES *****/
h1#terms-conditions {
	background: url(/images/terms-and-conditions.png) top left no-repeat;
}

h1#faq {
	background: url(/images/faqs.png) top left no-repeat;
}

h1#privacy-policy {
	background: url(/images/privacy-policy.png) top left no-repeat;
}

#searchDesigners, #searchProjects {
	width: 560px;
}

/***** Register ts and cs *****/

.formStyle1 li #tandcs ul li {
	background: none;
}

#tandcs li { background: none; font-size: 1.2em; }


.formStyle1 li#tandcs ul, li#terms ol {
	margin: 0 0 0 0;
}

.formStyle1 li#tandcs ol li {
	margin: 10px 0 0 0;
	font-size: 1.2em;
	color: #666666;
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 1.4em;
	width: 420px;
	overflow: visible;
	height: auto;
}

.formStyle1 li#tandcs ul li {
	margin: 10px 0 0 0;
	font-size: 1.2em;
	color: #666666;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.4em;
	width: 420px;
	overflow: visible;
	height: auto;
}