/* 
	client: 			New2theCity
	developed by: 		Rippleffect
	initial design: 	Katy Dell
	xhtml/css:			Michael Braithwaite
	developer: 			Stephen Todd
	
	alternate css:		grey
*/

/** structure **/

#container #main-content #right-col #tab-area .tab-content .event-list ul li .rating-box {
	background-color:#777;
}

#invite-box li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#invite-box li a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col .profile-square a.url:hover {
	color:#222;
}

#container #main-content #left-col .pink {
	background-image:url(/assets/images/leftcol/calls-to-action/main-grey/call-bg.png);
}

#container #main-content #left-col .pinkbox {
	background-image:url(/assets/images/leftcol/calls-to-action/main-grey/top-bg.png);
}

#container #main-content #left-col .pinkbox .bottom {
	background-image:url(/assets/images/leftcol/calls-to-action/main-grey/bottom-curve.png);
}

#container #main-content #left-col .pinkbox a.logout {
	background-image:url(/assets/images/buttons/grey/logout.png);
}

#container #main-content #right-col #internal-text-area #two-col #my-details {
	background-color:#dddddd;
}

#container #footer #colour-switch ul li a#grey {
	border:1px solid #666;
}

#container #main-content #left-col .pink a.logout {
	background-image:url(/assets/images/buttons/grey/logout.png);
}

#container #main-content #right-col #internal-text-area #two-col .profile-square h2 {	
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col .profile-square a#enter-competition {
	background-image:url(/assets/images/buttons/grey/enter-competition.png);
}

#container #main-content #right-col #internal-text-area #two-col .internal-left #group-comments {
	border-top:1px dotted #222;
}

#container #social-bookmarks ul {
	border-top:1px solid #222;
}

#container #main-content #right-col #internal-text-area dl.zend_form dt label a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area ul#admin-list li a {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area ul#admin-list li a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area table.offensive-images ul li a {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area table.offensive-images ul li a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area ul.city-list li a {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area ul.city-list li a:hover {
	color:#222;
}

#container #main-content #right-col p.success {
	color:#222;
}

/*** nav ***/

#container #header ul#main-nav li.active {
	background-image:url(/assets/images/header/nav/black-right.png);
}

#container #header ul#main-nav li.active a {
	background-color:#333;
	background-image:url(/assets/images/header/nav/black-left.png);
}

#container #header ul#main-nav li.active a:hover {
	background-color:#333;
}

#container #main-content #right-col #internal-text-area #two-col .internal-left #group-nav ul li a {
	color:#777;
}

#container #main-content #right-col #internal-text-area #two-col .internal-left #group-nav ul li a:hover {
	color:#222;
	border-bottom:2px solid #222;
}

/*** events calendar arrows ***/

#container #main-content #right-col #features #events-calendar #calendar .caption a.prev {
	background-image:url(/assets/images/rightcol/features/home/events-calendar/calendar/grey/prev.gif);
}

#container #main-content #right-col #features #events-calendar #calendar .caption a.next {
	background-image:url(/assets/images/rightcol/features/home/events-calendar/calendar/grey/next.gif);
}

/*** date picker ***/

table.jCalendar td.selected {
	background: #222;
}
table.jCalendar td.selected.dp-hover {
	background: #222;
}
table.jCalendar tr.selectedWeek td {
	background: #222;
}

/** formatting **/

/*** dark ***/

.colour {
	color:#222;
}

.online {
	background-color:#222;
	color:#fff;
}

#container #main-content #right-col #internal-text-area dl.zend_form dd pre {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col .internal-left #group-comments ul li li.user a:hover img {
	border:1px solid #222;
}

#container #main-content #right-col #internal-text-area #two-col .internal-left #group-comments ul li a.name:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col #group-joiners ul li a:hover img {
	border:1px solid #222;
}

ul.message-list li.new .new {
	color:#222;
}

#container #main-content #right-col #tab-area .tab-content .search ul.message-nav li a:hover {
	color:#333;
}

.face-popup p.title {
	border-bottom:1px solid #222;
	color:#222;
}

.face-popup ul.options li a:hover {
	color:#aaa;
	border-bottom:2px solid #aaa;
}

#TB_window #gallery-box #TB_secondLine .inner ul.thickbox-links li a:hover {
	color:#aaa;
	border-bottom:2px solid #aaa;
}

#container #main-content #right-col #features #events-calendar #calendar table td a:hover {
	color:#666;
}

#container #main-content #right-col #breadcrumb ul {
	border-bottom:1px solid #222;
}

#container #main-content #right-col #breadcrumb ul li a:hover {
	color:#222;
}

#container #main-content #right-col #tab-area .paging p {
	color:#222;
}

#container #main-content #right-col #tab-area .tab-content .event-list ul li a.image-box:hover {
	border:1px solid #aaa;
}

#container #main-content #right-col #tab-area .tab-content .event-list ul li .text ul.links li a:hover {
	color:#222;
}

#container #main-content #right-col #tab-area .tab-content .event-list ul li .text .place-details ul li a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col .profile-square .message .image-box a:hover {
	color:#222;
	border-bottom:1px dotted #222;
}	

#container #main-content #right-col #internal-text-area #two-col #latest-faces ul li a:hover {
	border:1px solid #222;
}

#container #main-content #right-col #internal-text-area #two-col #latest-faces .face-text p a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col #groups ul li a:hover {
	border-bottom:1px dotted #222;
	color:#222;
}

#container #footer ul#access-links li a:hover {
	color:#222;
}

/*** light ***/

#container #main-content #right-col #internal-text-area #two-col #my-details .description p {
	color:#f2f2f2;
}

#container #main-content #right-col #internal-text-area #two-col #my-details a {
	color:#f2f2f2;
}

#container #main-content #right-col #internal-text-area #two-col #my-details a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col #my-details {
	background-color:#777;
	color:#f2f2f2;
}

#container #main-content #right-col #internal-text-area #two-col #my-details p {
	color:#f2f2f2;
}

.background-colour {
	background-color:#777 !important;
	color:#fff !important;
}

#container #main-content #right-col #internal-text-area #two-col #image-gallery #gallery-list ul li a:hover {
	background-color:#ddd;
}

#container #main-content #right-col #internal-text-area #two-col #image-gallery #gallery-list ul li a:hover img {
	border:1px solid #222;
}

#container #main-content #right-col #internal-text-area #two-col .profile-square a.view {
	color:#777;
}

#container #main-content #right-col #internal-text-area #two-col .profile-square a.view:hover {
	color:#222;
	border-top:1px solid #222;
}

#container #main-content #right-col #internal-text-area #two-col #my-details .image-wrapper {
	display:block;
	float:left;
	width:152px;
	height:152px;
	border:3px solid #999;
	background-color:#fff;
}

#container #main-content #right-col #internal-text-area #two-col #my-details .image-box img {
	border:1px solid #777;
}

#container #main-content #right-col #internal-text-area #two-col #my-details dl {
	color:#f2f2f2;
}

#container #main-content #right-col #internal-text-area #two-col #my-details dl.profile-form dt label {
	color:#f2f2f2;
}

#container #main-content #right-col #tab-area .tab-content .search .popular ul li a:hover {
	color:#aaa;
}

#container #main-content #right-col #tab-area .tab-content .face-list ul li a.image-cover:hover {
	border:1px solid #aaa;
	background-image:url(/assets/images/rightcol/listing/faces/image-button-grey-hover.png);
}

#container #main-content #right-col #tab-area .tab-content .face-list ul li a.image-box:hover {
	border:1px solid #aaa;
}


#container #main-content #right-col #tab-area .tab-content .face-list ul li p a:hover {
	color:#222;
}

#container #main-content #right-col #tab-area .tab-content .event-list ul li.grey {
	background-color:#eee;
}

#container #main-content #right-col #tab-area .tab-content .event-list ul li .image-wrapper {
	border:3px solid #eee;
}

#container #main-content #right-col #internal-text-area #individual-message #sender-box a {
	color:#fff;
}

/*** paging ***/

#container #main-content #right-col #tab-area .paging ul li a {
	background-image:url(/assets/images/rightcol/paging/grey/li-bg.png);
}

#container #main-content #right-col #tab-area .paging ul li a:hover {
	background-image:url(/assets/images/rightcol/paging/grey/hover-bg.png);
}

#container #main-content #right-col #tab-area .paging ul li.active {
	background-image:url(/assets/images/rightcol/paging/grey/active-bg.png);
}

#container #main-content #right-col #tab-area .paging ul li.active a:hover {
	background-image:url(/assets/images/rightcol/paging/grey/active-bg.png);
}

/*** question list ***/

#container #main-content #right-col #internal-text-area ul.question-list li {
	background-color:#eee;
}

#container #main-content #right-col #internal-text-area ul.question-list li.even .image-box a.img {
	border:3px solid #eee;
}

#container #main-content #right-col #internal-text-area ul.question-list li .image-box a:hover img {
	border:1px solid #222;
}

#container #main-content #right-col #internal-text-area ul.question-list li.even .image-box a:hover img {
	border:1px solid #222;
}

#container #main-content #right-col #internal-text-area ul.question-list li .image-box a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area ul.question-list li .question-content p a:hover {
	color:#222;
}

/**** individual question ****/

#container #main-content #right-col #internal-text-area #individual-question .question ul li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area #individual-question .question {
	border-bottom:1px dotted #222;
}

#container #main-content #right-col #internal-text-area #individual-question .question h2 {
	color:#222;
}

#container #main-content #right-col #internal-text-area #individual-question .answers-list ul li.correct {
	background-color:#eee;
}

#container #main-content #right-col #internal-text-area #individual-question .answers-list ul li li.user a:hover img {
	border:1px solid #222;
}

#container #main-content #right-col #internal-text-area #individual-question .answers-list ul li a.name:hover {
	color:#222;
}

/*** bullets ***/

#voucher-payment ul li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#voucher-box .voucher-notes ul li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#voucher-box .voucher-notes ul li a:hover {
	color:#222;
}

#TB_window .face-popup .delete-image ul li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#TB_window .face-popup .delete-image ul li a:hover {
	color:#222;
}

#container #main-content #right-col ul.profile-list li ul li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area ul.question-list li .question-content p.answers {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area ul.question-list li .question-content p.correct {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col .competition p {
	color:#fff;
}

#container #main-content #right-col #internal-text-area dl.zend_form dd ul.interests-list li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area dl.zend_form dd ul.interests-list li a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area dl.zend_form dd ul.descriptions-list li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #internal-text-area dl.zend_form dd ul.descriptions-list li a:hover {
	color:#222;
}

#container #main-content #right-col #internal-text-area #two-col .competition .terms ul li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #right-col #tab-area .tab-content .event-list ul li .text  ul.links li {
	background-image:url(/assets/images/bullets/grey-arrow.gif);
}

#container #main-content #left-col .greybox .inner ul li a:hover {
	background-image:url(/assets/images/bullets/navbox-over-grey.gif);
}

#container #main-content #right-col #breadcrumb ul li a {
	background-image:url(/assets/images/rightcol/breadcrumb/seperator-grey.png);
}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(/assets/images/stars/grey/star_small.gif);
}



/*** image caption ***/

.caption {
	background: #777777;
}