/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; }
body { margin:0; padding:0; color:#FFFFFF; background-color:#2a2a2a; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #7ba90c; height:0; }
p { padding:0; margin:0 0 16px 0; }

h1,
h2 { color:#7ba90c; font-size:1.6em; margin-top:0; }
h3 { color:#7ba90c; font-size:1.3em; margin-top:0; }
h4, h5, h6 { color:#7ba90c; font-size:1em; }

a,
a:visited { color:#ffffff; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#7ba90c; text-decoration:underline; }
a:active { color:#ffffff; text-decoration:underline; }

ul.none { list-style:none; margin:0; padding:0; }
ul.none li { padding:0 0 8px 0; }

ul.compact { list-style:none; margin:0; padding:0; }
ul.compact li { padding:0; margin:0; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }
.warning { color:#ff0000; font-size:1.1em; margin-top:0; }


/* ----------------------
   Interface CSS
---------------------- */

#container { width:914px; margin:0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:914px; height:163px; overflow:hidden; margin-bottom:14px; }
#header_left { width:238px; height:163px; float:left; background:#2a2a2a url("randr-photos.gif") left top no-repeat; }
#header_left p { margin:0; padding:0; }
#header_left p a,
#header_left p a:visited { width:238px; height:163px; display:block; text-indent:-9000px; }

#header_right { width:600px; height:102px; float:right; /*padding-top:20px;*/ margin-top:54px; background:#2a2a2a url("client_events.gif") right top no-repeat; }

#client_quote p,
#client_event p { margin:0; padding:0; }
#client_quote { float:left; width:450px; height:82px; padding-right:30px; border-right:1px solid #7ba90c; margin:20px 30px 0 0; }
#client_event { float:left; width:82px; height:82px; }
#client_event img { padding-top:20px; }

#nav { width:914px; height:51px; background:#2a2a2a url("nav.gif") left top no-repeat; margin-bottom:16px; }
#nav ul { list-style:none; margin:0; padding:9px 7px 9px 7px; }
#nav ul li { float:left; }
#nav ul li a,
#nav ul li a:visited { height:33px; display:block; text-indent:-9000px; }
#nav ul li.active a,
#nav ul li a:focus,
#nav ul li a:hover { background-position:left center; }
#nav ul li a:active { background-position:left bottom; }

#nav_about a,
#nav_about a:visited { width:121px; background:url("nav_about.gif") left top no-repeat; }
#nav_book a,
#nav_book a:visited { width:113px; background:url("nav_book.gif") left top no-repeat; }
#nav_contactus a,
#nav_contactus a:visited { width:99px; background:url("nav_contactus.gif") left top no-repeat; }
#nav_eventphotos a,
#nav_eventphotos a:visited { width:122px; background:url("nav_eventphotos.gif") left top no-repeat; }
#nav_home a,
#nav_home a:visited { width:84px; background:url("nav_home.gif") left top no-repeat; }
#nav_join a,
#nav_join a:visited { width:108px; background:url("nav_join.gif") left top no-repeat; }
#nav_portfolio a,
#nav_portfolio a:visited { width:88px; background:url("nav_portfolio.gif") left top no-repeat; }
#nav_recommend a,
#nav_recommend a:visited { width:165px; background:url("nav_recommend.gif") left top no-repeat; }

#article { width:652px; float:left; margin:0 0 16px 7px; }
#article_padding { line-height:1.6em; }

#sidebar { width:218px; float:right; margin:0 7px 0 16px; }
#sidebar_padding { line-height:1.6em }

#content { width:914px; }
#flash { margin-bottom:16px; }

#fullscreen { width:900px; margin:0 auto; }

#footer { width:914px; height:51px; background:#2a2a2a url("footer.gif") left top no-repeat; overflow:hidden; color:#000000; }
#footer_padding { padding:13px 0 0 84px; }

#login_events,
#login_events:visited { width:68px; height:25px; background:url("login_events.gif") left top no-repeat; overflow:hidden; display:inline-block; }
#login_events:active { background-position:left bottom; }

#login_photographers,
#login_photographers:visited { width:123px; height:25px; background:url("login_photographers.gif") left top no-repeat; overflow:hidden; display:inline-block; }
#login_photographers:active { background-position:left bottom; }

#footer p { margin:0; }

#base { height:21px; }


/* ----------------------
   Content CSS
---------------------- */

.iris_photographer { width:218px; height:167px; background:#2a2a2a url("iris_photographer.gif") left top no-repeat; overflow:hidden; }
.iris_photographer a,
.iris_photographer a:visited { width:218px; height:167px; display:block; text-indent:-9000px; }

.iris_event-organiser { width:218px; height:200px; background:#2a2a2a url("iris_event-organiser.gif") left top no-repeat; overflow:hidden; }
.iris_event-organiser a,
.iris_event-organiser a:visited { width:218px; height:200px; display:block; text-indent:-9000px; }

.iris_reward { width:218px; height:166px; background:#2a2a2a url("iris_reward.gif") left top no-repeat; overflow:hidden; }
.iris_reward a,
.iris_reward a:visited { width:218px; height:166px; display:block; text-indent:-9000px; }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { padding:3px 3px 3px 0; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }

/*
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }
*/

/* ----------------------
   Contact Form
---------------------- */

#form { width:549px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:373px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:383px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:375px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:387px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }




/* Popup */
div.dp-popup { position:relative; background:#e0e0e0; font-size:10px; font-family:arial, sans-serif; padding:2px; width:171px; line-height:1.2em; }
div#dp-popup { position:absolute; z-index:199; }
div.dp-popup h2 { font-size:12px; text-align:center; margin:2px 0; padding:0; }
a#dp-close { font-size:11px; padding:4px 0; text-align:center; display:block; }
a#dp-close:hover { text-decoration:underline; }
div.dp-popup a { color:#000; text-decoration:none; padding:3px 2px 0; }
div.dp-popup div.dp-nav-prev { position:absolute; top:2px; left:4px; width:100px; }
div.dp-popup div.dp-nav-prev a { float:left; }
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor:pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor:default; }
div.dp-popup div.dp-nav-next { position:absolute; top:2px; right:4px; width:100px; }
div.dp-popup div.dp-nav-next a { float:right; }
div.dp-popup a.disabled { cursor:default; color:#aaa; }
div.dp-popup td { cursor:pointer; }
div.dp-popup td.disabled { cursor:default; }

a.dp-choose-date {
	float:right;
	width:26px;
	height:18px;
	padding:0;
	margin:4px 0 0 0;
	display:-moz-inline-stack; display:inline-block;
	text-indent:-2000px;
	overflow:hidden;
	background:url("search_cal.gif") left top no-repeat;
	vertical-align:middle;
}
a.dp-choose-date:hover { background-position:left top!important; }
a.dp-choose-date.dp-disabled { cursor:default; }


/*  Search */
/* width:411px; */
#nav_search { width:348px; height:27px; background:url("nav/s_search.gif") left top no-repeat; }
#nav_search:hover { width:348px; height:27px; background:url("nav/s_search.gif") left bottom no-repeat; }
#nav_search p { margin:0; }
/* margin:4px 0 0 97px; */
#nav_search .ti { color:#949494; margin:4px 0 0 33px; width:276px; vertical-align:middle; border:0px; padding:1px 2px; height:16px; font-size:0.97em; }
#nav_search .ti_date { color:#949494; margin:4px 0 0 33px; width:247px; vertical-align:middle; border:0px; padding:1px 2px; height:16px; font-size:0.97em; float:left; }
#nav_search #tiShow { color:#000!important; }
#nav_search .si { margin-top:3px; padding-left:2px; vertical-align:middle; }
#nav_search .si_alt { margin-top:4px; padding-left:2px; vertical-align:middle; }
#nav_search .si_cal { margin-top:4px; padding-left:2px; vertical-align:middle; display:-moz-inline-stack; display:inline-block; }

/* Calender */
table.jCalendar { border:1px solid #557508; background:#FFF; border-collapse:separate; border-spacing:2px; }
table.jCalendar th { background:#557508; color:#fff; font-weight:bold; padding:3px 5px; }
table.jCalendar td { background:#ccc; color:#000; padding:3px 5px; text-align:center; }
table.jCalendar td.other-month { background:#8eb52f; color:#000; }
table.jCalendar td.today { background:#557508; color:#fff; }
table.jCalendar td.selected { background:#7ba90c; color:#fff; }
table.jCalendar td.selected.dp-hover { background:#678d0a; color:#fff; }
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td { background:#678d0a; color:#fff; }
table.jCalendar tr.selectedWeek td { background:#7ba90c; color:#fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background:#bbb; color:#888; }
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover { background:#bbb; color:#888; }
