/*
Description:Basic styles for DF Syndication (August brand UI).
$Date: 2009-11-17 14:49:54 -0800 (Tue, 17 Nov 2009) $
$LastChangedDate: 2009-11-17 14:49:54 -0800 (Tue, 17 Nov 2009) $
$Rev: 13133 $
$Author: rush $
Instance: /branches/kiev-branch1/webapps/syndication-august
*/
/* reset basic elements
---------------------------
*/
html,body,form,fieldset {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,p,pre,blockquote,ul,ol,dl,address {
    margin: 1em 0;
    padding: 0;
}
li,dd,blockquote {
    margin-left: 1em;
}
ul,ol {
	margin-left: 1em;
}
form label {
    cursor: pointer;
}
fieldset {
	border: 0;
}
input,select,textarea {
    font-size: 100%;
	font-family: inherit;
}
img {
	border: 0;
}

/* basic styles for color and text
----------------------------------
*/
html {
	font-size:78.5%;
}
body {
	background: #fff;
	color: #333;
	min-height: 1024px;
	min-width: 1060px;
	width: 100%;
	font-family: "Helvetica Neue",arial,helvetica,sans-serif;
}
p,dd,dt,li,legend {
	font: normal .8em/1.4 "Helvetica Neue",arial,helvetica,sans-serif; /* 13px base text size */
}
ul li li, ul li li li, ol ul li {
	font-size: 1em;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
}
a:link,a:visited,a:hover,a:active{
	background:transparent;
	outline: none;
}
a:link{
	color:#369;
}
a:visited{
	color:#669;
}
a:hover{
	color:#06c;
}
a:active{
	color:#c99;
}

/* content wrappers
-----------------------------------------------
*/
#header-wrap {
	border-top: 2px solid #ccc;
}
#header {
	background: #fff;
	height: 96px;
}
#header img {
	margin: 24px 0 0 20px;
}
#header h1 {
	display: none;
}
#wrap {
	background: #dcdcdc;
	overflow: hidden;
	margin: 0 2px;
	padding-left: 248px;
	padding-right: 250px;
	border: 1px solid #c4c4c4;
}
#nav, #primary, #secondary {
	position: relative;
	float: left;
}
#primary {
	width: 100%;
	margin: 5px 0;
}
#nav {
	width: 236px;
	right: 242px;
	margin-left: -100%;
}
#navtarget, #secondtarget {
	margin: 0;
	padding: 0 0 0 .5em;
	overflow: auto;
	height: 356px;
}
#secondary {
	width: 245px;
	margin-right: -245px;
}
#second-bottom {
	position: absolute;
	top: 679px;
	width: ;
}
#footer {
	clear: both;
}

/* non-image pages
---------------------------
*/
body.app #primary {
	background: #fcfcfc;
	height: 775px;
	overflow: auto;
}
body.app #primary h3, body.app #primary p, body.app #primary form, body.app #primary ul, body.app #primary ol, body.app #primary dl {
	padding-left: 15px;
}
body.app #primary h2 {
	padding-left: 15px;
	font-size: 1em;
}
body.app #primary p, body.app #primary li {
	padding-right: 15px;
}

/* intro
---------------------------
*/
body#intro #header-wrap {
	border-bottom: 0;
}
body#intro #header img, body#intro #nav, body#intro #footer {
	display: none;
}
body#intro #wrap, body#intro #primary {
	background: #f4f4f4;
	border: 0;
	margin: 0;
	padding: 0;
}
body#intro #main {
	background: #f4f4f4;
	text-align: center;
}
body#intro img {
	margin-top: 2em;
}

/* image
---------------------------
*/
.image {
	min-height: 480px;
}
#primary .image {
	background: #fcfcfc;
	height: 575px;
	overflow: auto;
	margin-top: 5px;
	padding: .5em 0;
	border: 1px solid #c4c4c4;
}
#primary .image:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#secondary .image {
	height: 587px;
	overflow: auto;
	margin: 5px 0 0 5px;
	padding-left: 5px;
	border: 1px solid #c4c4c4;
}
#image-wrap {
	position: relative;
	text-align: center;
	line-height: 564px;;
}
.image.single-view img {
	background: #727272;
	margin: 0;
	padding: 10px;
	vertical-align: middle;
	max-width: 525px;
}
p.pager {
	position: absolute;
	top: 50%;
	line-height: 1.4;
}
p.pager.left {
	z-index: 20;
	left: 0;
}
p.pager.right {
	z-index: 21;
	right: 6px;
}
/* forms
---------------------------
*/
input.button {
	width: auto;
	padding: 4px;
}
textarea {
	width: 400px;
	height: 6em;
}

/* login
---------------------------
*/
#nav form#loginForm {
	position: absolute;
	top: 340px;
	z-index: 202;
}
#nav form#loginForm h2 {
	display: none;
}
#nav form#loginForm p.forgot {
	font-size: .733em;
}
#nav form#loginForm input {
	width: 125px;
}
#nav form#loginForm input:focus {
	cursor: text;
	background: #f6f6f6;
}
#nav form#loginForm p label {
	display: block;
	float: left;
	width: 55px;
	text-transform: lowercase;
}
#nav #loginForm input.button {
	padding: 2px;
	width: auto;
}
#loginForm fieldset.last {
	margin-left: 55px;
}

/* nav
---------------------------
*/
#nav .navbox {
	clear: left;
	margin: 5px 0;
	border: 1px solid #c4c4c4;
}
.navbox#search-form {
	height: 75px;
	padding: .5em 0;
}
.navbox#stayput {
	height: 200px;
	padding: 2em 0 0;
}
.navbox#navbottom {
	clear: both;
	height: 75px;
	padding: .5em 0;
}
#nav form {
	padding: 0 .75em;
}
#nav form p {
	margin: 0;
	padding: .25em 0;
}
#nav form input {
	width: 150px;
	padding: 2px 0;
}
#nav form input#search-field {
	width: 150px;
}
#nav form input.button {
	padding: 2px;
	width: auto;
}
#nav form select {
	width: 137px;
}
#nav h2 {
	margin-bottom: 0;
	padding-top: .5em;
	font-size: 1em;
}
#nav #welcome p {
	position: absolute;
	left: 12px;
	margin-top: -16px;
}
#nav #welcome p span {
	color: #666;
	text-transform: lowercase;
}
#nav p.instruct {
	margin-top: .5em;
	padding-bottom: 5px;
}
#nav p.logged {
	padding-top: 1em;
	color: #666;
}
#nav p span {
	color: #222;
}
#nav ul {
	margin-left: 0;
	padding: 0 0 .5em 0;
}
#nav ul li {
	list-style: none;
	margin: .5em;
}
#nav a {
	color: #369;
}

#nav em {
  font-weight: bold;
}

/* triangle navigation
---------------------------
*/
#nav ul#admin-nav {
	margin: 0;
	padding: 0;
}
#nav ul#admin-nav li {
	list-style: none;
	margin: 0;
	text-transform: lowercase;
}
#nav ul#admin-nav li a {
	background: url(../img/nav-arrow.gif) 50% 50% no-repeat;
	display: block;
	padding: .5em 1em;
	color: #222;
	text-decoration: none;
}
#nav ul#admin-nav li em {
	padding-left: 1em;
	color: #666;
	font-weight: normal;
	font-style: normal;
}
#nav ul#admin-nav li a:hover {
	background-color: #d1d1d1;
}
#nav ul#admin-nav li a.on, body#contact #nav ul#admin-nav li#contact-link a, body#register-form #nav ul#admin-nav li#register-link a, body#photographers #nav ul#admin-nav li#photographers-link a, body#help #nav ul#admin-nav li#help-link a{
	background: #d1d1d1 url(../img/nav-arrow-down.gif) 50% 50% no-repeat;
}
#nav ul#admin-nav li a.on:hover, body#contact #nav ul#admin-nav li#contact-link a:hover {
	background: #d1d1d1 url(../img/nav-arrow-down.gif) 50% 50% no-repeat;
	cursor: default;
}

/* search results
---------------------------
*/
.info {
	background: #fcfcfc;
	padding: .5em;
	border: 1px solid #c4c4c4;
	height: 75px;
	overflow: auto;
}
#primary .info.bottom {
	margin-top: 5px;
}
#secondary .info {
	height: 75px;
}
#secondary .info.bottom {
	overflow: visible;
}
#secondary .info, #secondary .image-meta {
	background: #dcdcdc;
	padding-left: .5em;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #c4c4c4;
}
#secondary .image-meta {
	min-height: 225px;
}
.info h2 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
}
.info p {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #999;
}
.info p a {
	text-transform: none;
}
.info p strong {
	font-weight: normal;
	color: #999;
	float: left;
	display: block;
	width: 145px;
}
#secondary .info p strong {
	width: 90px;
}
#secondary .info p strong.first {
	width: 145px;
}
.info p span {
	padding-left: 0;
	color: #333;
	text-transform: none;
}
.info p span.arrow, .image-meta span.arrow {
	background: url(../img/arrow.gif) 50% 50% no-repeat;
	width: 10px;
	padding: 0 10px;
	color: #8b8f8e;
}
#secondary .info p span.arrow, #secondary span.arrow {
	background: url(../img/nav-arrow.gif) 50% 50% no-repeat;
}
#welcome p span.arrow {
	background: url(../img/nav-arrow.gif) 50% 50% no-repeat;
	width: 10px;
	margin-left: 52px;
	padding: 0 10px;
	color: #8b8f8e;
}
#secondary .info p span.arrow.left, #secondary span.arrow.left {
	background: url(../img/nav-arrow-left.gif) 50% 50% no-repeat;
}
.info ul {
	margin: 0;
	padding: .25em 0 .5em 0;
}
.info ul li {
	clear: left;
	background: url(../img/nav-arrow.gif) 0 1px no-repeat;
	list-style: none;
	margin: 2px 0;
	padding-left: 1.25em;
}
.info.error h2 {
	display: block;
	margin: 0 0 1em 0;
	font-size: 1.2em;
}
.info.error p {
	text-transform: none;
}

/* metadata
---------------------------
*/
.image-meta ul {
	margin-left: 0;
}
.image-meta ul li {
	list-style: none;
	margin: .25em 0;
}
.image-meta ul li strong {
	display: block;
	width: 100px;
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
}
#secondary .image-meta ul li {
	margin-bottom: 1em;
}
#secondary .image-meta ul li span.arrow {
	margin: 0;
	padding: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
#secondary .image-meta ul li strong {
	text-transform: lowercase;
}
.image-meta ul ul {
	clear: both;
	padding-top: .5em;
}
#secondary .image-meta ul ul {
	margin-top: 0;
	padding-top: 0;
}
#secondary .image-meta ul ul li {
	list-style: none;
	margin: 3px 0;
}
#secondary .image-meta ul ul li span {
	display: block;
	padding-left: .5em;
}

/* image layout
---------------------------
*/
.thumb {
	float: left;
	width: 144px;
	margin: 4px 0;
}
.thumb p {
	margin: 0;
	line-height: 1;
	font-size: .733em;
}
#primary .thumb {
	height: 200px;
	margin: 4px 12px 12px 0;
	text-align: center;
	line-height: 200px;
}
body.session #primary .thumb {
	height: 256px;
	line-height: 200px;
}
#primary .thumb img {
	vertical-align: middle;
	max-width: 127px;
}
p.session-meta {
	line-height: 1.1;
}
body.session #primary .thumb p.session-meta {
	text-align: left;
	padding-left: 8px;
}
p.session-meta span {
	font-style: italic;
}
p.exit {
	margin-bottom: 0;
}

/* legal
---------------------------
*/
#nav ul#legal-nav {
	margin: 0;
}
#nav ul#legal-nav li {
	margin-left: .75em;
	font-size: .7333em;
}
#nav ul#legal-nav li img#tnc {
	margin-left: 2em;
}
#footer p {
	font-size: .7333em;
	color: #666;
	text-align: center;
}

/* misc
---------------------------
*/
.empty {
	background:#fcfcc4;
	border: 1px solid #f5e180;
	border-width: 1px 0;
}
.note {
	color: #666;
	font-style: italic;
}
.desc {
	text-indent: -9999px;
}
ins{
	font-weight:bold;
	text-decoration:none;
	background:#ffc;
}
del{
	text-decoration:line-through;
	color:#999;
}

/* messages
--------------------------------------
*/
#message {
	background:#fcfcfc;
	margin: 1em 0;
	border:1px solid #989898;
	border-width: 1px 0;
	color:#222;
}
#message ul {
	margin: 0;
	list-style: none;
}
#nav #message ul {
	padding: 0;
	border: 0;
}
#message p, #message li {
	margin: 0;
	padding: .5em;
}
#message.success {
	background:#eaf3d9;
	border-color: #7cbe57;
}
#message.alert {
	background:#fcfce1;
	border-color: #F5E180;
}
#message.error {
	background: #ffd3cb;
	border-color: #d14126;
}

/* contact and photographers
----------------------------
*/
dl.contact {
	float: left;
	margin-top: .15em;
	margin-bottom: 1em;
}
body.app dl.contact {
	padding-left: 0;
}
dl.contact dt {
	float: left;
	clear: left;
	width: 60px;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #666;
}
dl.contact dd {
	float: left;
	padding: 0 2px;
	width: 150px;
}
dl.contact dt.special {
	text-transform: none;
	width: auto;
}
#contact h3 {
	clear: both;
	margin-bottom: 0;
	font-size: .733em;
}
#nav ul#photogs li {
	background: url(../img/nav-arrow.gif) 0 50% no-repeat;
	padding-left: 15px;
	margin-left: 106px;
}
#photog-list {
	text-indent: -9999px;
}

/* long forms
---------------------------
*/
body#jobsubmit #primary {
	height: 100%;
}
.triangle fieldset {
	margin-right: 15px;
	padding: 1em 0 2em 2px;
}
.triangle label {
	background: url(../img/nav-arrow.gif) 90% 50% no-repeat;
	float: left;
	display: block;
	width: 140px;
	margin: 2px 0;
	padding-right: 30px;
	text-align: left;
}
.triangle input {
	width: 50%;
	padding: 2px 1px;
	margin-left: 30px;
}
.checks, .radios {
	margin: 0 0 0 198px;
}
.triangle .checks li, .triangle .radios li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.checks input, .radios input {
	display: block;
	line-height: 1.4em;
	margin: 8px 0 0 3px;
	width: 13px;
	height: 13px;
}
.triangle label.choice {
	background: none;
	float: none;
	line-height: 1.4em;
	width: auto;
	margin: -18px 0 0 24px;
	padding: 4px 0;
}
form.triangle p {
	clear: both;
	margin: 4px 0;
}
.triangle label.desc {
	height: 0;
	color: #fff;
}
.triangle span.noinput {
	margin-left: 25px;
}
.triangle select {
	margin-left: 30px;
}
.triangle input.button {
	width: auto;
	padding: 3px;
}
#passwordForm.triangle input.button, #questionForm.triangle input.button {
	margin-left: 193px;
}
.triangle fieldset.last input.button, .triangle fieldset.last input.checkbox {
	margin-left: 0;
}
.triangle input.checkbox {
	width: auto;
}
.triangle textarea {
	width: 50%;
	padding: 2px 1px;
	margin-left: 30px;
}
.triangle fieldset legend {
	padding: 0 5px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
p.help {
	width: 505px;
	padding-left: 25px;
	color: #999;
	font-size: .733em;
	font-style: italic;
}
span.required {
	color: #f70;
	font-weight: bold;
}
form p span {
	padding-left: .5em;
	color: #999;
	font-style: italic;
}

/* paging links
---------------------------
*/
p a.selected {
	text-decoration: none;
	color: #333;
}
p.paging {
	clear: left;
	margin: .25em 0;
	padding: .25em 0;
}
p.paging a {
	margin: 0 .5em;
	text-decoration: underline;
}
p.paging a.controls {
	text-decoration: none;
}
p.paging a.inactive, p.paging a.inactive:visited, p.paging a.inactive:hover {
	color: #ccc;
	text-decoration: none;
}
p.paging strong {
	padding-left: 4px;
	padding-right: 4px;
	color: #222;
}

/* lists
---------------------------
*/
#lightbox-list {
	background: #f9f9f9;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #eee;
}
#lightboxes {
	border: 1px solid #eee;
}
#lightbox-list ul,body#photographers ul {
	margin-left: 0;
}
body#photographers #primary ul li {
	background: url(../img/nav-arrow.gif) 0 1px no-repeat;
	list-style: none;
	margin: 2px 0;
	padding-left: 1.25em;
}
#lightbox-list p {
	margin: 0;
}
#lightbox-list ul li {
	float: left;
	margin: 0 12px 15px 0;
	list-style: none;
	font-size: .7333em;
}
#lightbox-list ul li img, #lightbox-list ul li a {
	display: block;
	padding: 0;
	line-height: 1;
}

/* forward and back controls
-----------------------------------
*/
a.controls, a.controls:visited {
	margin-left: 6px;
	padding: 1px 12px 1px 0;
	text-decoration: none;
}
a.controls:hover {
	text-decoration:underline;
}
a.controls.inactive, a.controls.inactive:visited, a.controls.inactive:hover  {
	text-decoration: none;
	cursor: default;
	color: inherit;
  display: none;
}
a.controls.first {
	background: url(../img/paging/sm-first-lite.gif) -1px 0 no-repeat;
	margin-left: 16px;
	padding-left: 12px;
}
a.controls.previous {
	background: url(../img/paging/sm-previous-lite.gif) -1px 0 no-repeat;
	margin-right: 8px;
	padding-left: 12px;
}
a.controls.next {
	background: url(../img/paging/sm-next-lite.gif) 100% 0 no-repeat;
	margin-left: 7px;
}
a.controls.last {
	background: url(../img/paging/sm-last-lite.gif) 100% 0 no-repeat;
	margin-left: 4px;
}
a.next.inactive, a.next.inactive:visited,
a.last.inactive, a.last.inactive:visited {
	background-position: 100% -16px;
}
a.previous.inactive, a.previous.inactive:visited,
a.first.inactive, a.first.inactive:visited {
	background-position: -1px -16px;
}

/* action links
---------------------------
*/
a.remove, a.add {
	padding: .25em;
	font-style: italic;
}
.info p a.add {
	font-size: inherit;
}
a.added {
	text-decoration: none;
	color: #999;
}
.info a.added {
	padding: .25em;
	font-style: italic;
}
#lightbox-list p.lbaction {
	padding-top: 2em;
	clear: left;
}

/* AJAX actions
---------------------------
*/
.show-load {
	position: absolute;
	color: #666;
}
.show-load img {
	padding: 0 4px;
}
table {
	width: 50%;
	padding: 15px;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 10px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
th {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #777;
	font-weight: bold;
}
td {
	border-bottom: 1px solid #eee;
}
th,td {
	padding: 4px 10px 4px 5px;
}
tr.even td {
	background: #f9f9f9;
}

/* news
---------------------------
*/
body#home #news-content, body#news #nav #news-content {
	display: none;
}
#news-content h3 {
	margin-bottom: 0;
}
p.newsmeta {
	margin: 0;
	color: #777;
	font-size: 0.8em;
	font-weight: normal;
}