/* ==========================
   STYLESHEET FOR I6PRINT.COM
   All rights reserved
   ========================== */


@import "base.css";


/* --- HEADER --- */

/* Container */
#header {
	background: #c6f34d url(/images/img/header-bg.png) repeat-x center bottom;
}
#header .innerblock {
	position: relative;
	width: 935px;
	min-height: 58px;
	margin: 0 auto;
}

/* Logo */
#logo {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 4px;
	width: 150px;
	margin: 0;
	font-size: 1.4em;
	color: #454a39;
}

/* Navigation */
#tabs {
	position: absolute;
	z-index: 20;
	left: 160px;
	bottom: 0;
	width: 550px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabs li {
	float: left;
	line-height: 1;
}
#tabs a {
	display: block;
	margin: 1px 3px 1px 0;
	padding: 8px 14px;
	text-decoration: none;
	font-weight: bold;
	color: #3b4816;
	background: #e6f6b9;
	border: solid #eff9d1;
	border-width: 1px 1px 0 1px;
	text-shadow: 0 2px 3px #fff;
}
#tabs .current a,
#tabs a:hover,
#tabs a:focus {
	margin: 0 3px 0 0;
	padding: 9px 14px;
	color: black;
	background: white;
	border-color: #a1c73a;
}

/* Stuff on the right */
#header-right {
	margin-left: 745px;
	padding: 10px 0 2px 0;
}

/* Links */
#account {
	margin: 0;
	padding: 0 3px;
	font-size: .9em;
}
#account a {
	text-decoration: none;
	color: #51631f;
}
#account a.current {
	color: #111;
}
#account a:hover,
#account a:focus {
	text-decoration: underline;
}
#account .sep {
	display: inline-block;
	width: 2px;
	height: 10px;
	overflow: hidden;
	margin: 0 4px;
	vertical-align: middle;
	text-indent: -5000px;
	background: #a5cb41 url(/images/img/separator-v-green.png) no-repeat;
}

/* Search form */
#search p {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 5px 0;
}
#search .text {
	float: left;
	border: 1px solid #d5ef89;
}
#search .text input {
	width: 145px;
	margin: 0;
	padding: 3px 3px;
	color: gray;
	border: 1px solid #9abf37;
	background: white;
}
#search .button {
	float: right;
	margin-top: 2px;
}


/* --- MAIN CONTAINER --- */

#main {
	background: url(/images/img/main-bg.png) repeat-x center top;
}
#main .innerblock {
	position: relative;
	width: 935px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
#main div.hr {
	margin: 20px 5px 18px -1px;
	height: 5px;
	background: #eee url(/images/img/separator-h-grey.png) repeat-x;
}
#main div.hr hr {display: none;}


/* --- MESSAGE (TOP OF THE PAGE) --- */

#message .box {
	margin: 9px 0 8px -1px;
	padding: 10px 24px 10px 11px;
	border: 1px solid #ddd;
	background: white;
}
#message .notok {
	border-color: #555;
}
#message h2 {
	margin: 2px 0;
	padding: 0 0 0 13px;
	font-size: 1em;
	background: url(/images/img/signup-ticks.png) no-repeat left 50px;
}
#message .ok h2 {
	color: #82a12f;
	background-position: left 3px;
}
#message .notok h2 {
	color: red;
	background-position: left -37px;
}
#message p {
	margin: 2px 0;
	padding: 0 0 0 13px;
}
#message a {
	color: #df0c6a;
}
#message a:hover, #message a:focus {
	color: #8f0844;
}


/* --- LEFT COLUMN (SIDEBAR) --- */

/* Container */
#sidebar {
	float: left;
	width: 145px;
	padding: 12px 0 60px 0;
	color: #555;
}

/* Generic styles */
#sidebar .module {
	margin: 15px 0;
	padding: 0 8px 0 0;
}
#sidebar .module h2,
#sidebar .module h3 {
	margin: .65em 0;
	font-size: 1em;
	color: #111;
}
#sidebar .module p {
	margin: .5em 0;
}

/* Greetings on Dashboard */
#sidebar .greetings h2 {font-weight: normal;}
#sidebar .greetings h2 span {font-weight: bold;}

/* Contact information */
#sidebar .contact h3 {
	margin: 15px 0 2px 0;
	font-weight: normal;
}
#sidebar .contact p {
	margin: 2px 0 4px 0;
	color: #777;
}
#sidebar .contact a {
	color: #df0c6a;
}
#sidebar .contact a:hover, #sidebar .contact a:focus {
	color: #8f0844;
}


/* Display filter */
#update-display input[type=checkbox], #update-display input[type=radio] {
	margin: 0;
	padding: 0;
}
#update-display .display-type label {
	font-weight: bold;
	color: #df0c6a;
}
#update-display .display-type span {
	color: #777;
}

/* Add a document (form) */
#add-document p {
	margin: 0;
}
#add-document .main {
	margin: 1em 0;
}
#add-document .main .button {
	padding: 0;
	font-size: 100%;
}
#add-document .selected, #add-document .info {
	margin: 0;
}
#add-document .info, #add-document .nofile {
	color: #888;
}
#add-document .send {
	margin: 1.5em 0;
}

/* Create a list (form) */
#make-list .main {
	margin: 10px 0 15px 0;
}
#make-list .main label {
	display: block;
	margin: 5px 0;
}
#make-list .main .text {
	width: 128px;
}

/* Add document to a list */
#sidebar #document-add h2 {
	font-size: .95em;
}
#document-add select {
	width: 137px;
}

/* Print options */
#sidebar #print-options h2 {
	font-size: .95em;
}
#print-options .maxlength1 {
	width: 1.5em;
	text-align: center;
}
#print-options .maxlength2 {
	width: 2em;
	text-align: center;
}
#print-options .maxlength3 {
	width: 2.5em;
	text-align: center;
}
#print-options label {
	color: #333;
}
#print-options label.special {
	font-weight: bold;
	color: #df0c6a;
}


/* --- RIGHT COLUMN (MAIN CONTENT) --- */

/* Container */
#content {
	margin-left: 160px;
	padding-top: 11px;
}

/* Main content */
.content-main {
	margin: 0 0 15px 0;
	padding: 20px 15px 10px 15px;
	border: 1px solid #ddd;
	background: white;
}
.content-main > :first-child {
	margin-top: 0;
}
.content-main h2 {
	margin: .5em 0;
	font-size: 1.5em;
	color: #111;
}
.content-main h3 {
	margin: 1em 0 .5em 0;
	font-size: 1.25em;
	font-weight: normal;
	color: #111;
}

/* Main content: complex header for some pages */
.content-main .header {
	width: 100%;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.content-main .header h2 {
	margin: 0;
	float: left;
	width: 60%;
}
.content-main .header p {
	float: right;
	width: 35%;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right;
	color: #888;
}
.content-main .header p a {
	color: #df0c6a;
}
.content-main .header p a:hover,
.content-main .header p a:focus {
	color: #8f0844;
}

/* Content footer */
#content-footer {
	height: 1%;
	overflow: hidden;
	margin: 0 2px 0 12px;
}
#content-footer h2,
#content-footer h3 {
	margin: .6em 0;
	font-size: 1em;
	color: #111;
}
#content-footer p {
	margin: .6em 0;
}
#content-footer .col1 {
	float: left;
	width: 320px;
	color: #555;
}
#content-footer .col1 a {color: #111;}
#content-footer .col1 h2 a {
	text-decoration: none;
}
#content-footer .col1 h2 a img {
	margin: 0 2px;
}
#content-footer .col2 {
	float: right;
	width: 400px;
	text-align: right;
	color: #777;
}
#content-footer .col2 a {
	color: #777;
}
#content-footer .col2 a.current,
#content-footer .col2 a:hover,
#content-footer .col2 a:focus {
	color: #333;
}
#content-footer .col2 .sep {
	visibility: hidden;
}


/* --- USER SIGNUP & ACCOUNT --- */

/* Signup/account form */
.form-2col a {
	color: #df0c6a;
}
.form-2col a:hover, .form-2col a:focus {
	color: #8f0844;
}
.form-2col h2 {
	margin-top: 0;
}
.form-2col h2, .form-2col h3, .form-2col .fr, .form-2col .send {
	clear: right;
}
.form-2col .info {
	float: right;
	width: 180px;
	padding: 0 165px 15px 0;
	line-height: 1.5;
}
.form-2col .main {
	width: 372px;
	margin: 20px 0 30px 0;
}
.form-2col .main p {
	width: 100%;
	overflow: hidden;
	margin: 14px 0;
	background: url(/images/img/form-signup-label.png) repeat-y;
}
.form-2col .main label {
	float: left;
	width: 110px;
	padding: 8px 10px 7px 10px;
	text-align: right;
	font-weight: bold;
	color: #4c5c1b;
}
.form-2col .field {
	display: block;
	margin: 0 0 0 146px;
}
.form-2col .text {
	width: 216px;
	padding: 7px 4px 6px 4px;
	color: #666;
}
.form-2col .text:focus {
	color: #333;
}
.form-2col .main .meta {
	width: 220px;
	margin: -8px 0 14px 152px;
	color: #777;
	background: none;
}
.form-2col .send {
	padding: 0 0 15px 147px;
}

/* User account: filters */
.user-filter {
	width: 100%;
	overflow: hidden;
	margin: 25px 0 5px 0;
}
.user-filter .header {
	margin: 0 0 15px 0;
}
.user-filter .header h2 {
	display: inline;
	margin: 0;
	font-size: 1.6em;
	color: #111;
}
.user-filter .header .actions {
	position: relative;
	top: -2px;
	display: inline;
	margin: 0 10px;
}
.user-filter .header .actions a {
	color: #888;
}
.user-filter .header .actions a:hover,
.user-filter .header .actions a:focus {
	color: #333;
}
.user-filter .header .actions .sep {
	margin: 0 2px;
	color: #ccc;
}
.user-filter .info {
	float: right;
	width: 180px;
	padding: 0 165px 0 0;
	line-height: 1.5;
}
.user-filter .main {
	width: 370px;
	margin: 0;
	border: 1px solid #eee;
}
.user-filter .main ul {
	margin: 0;
	padding: 10px 0;
}
.user-filter .main li {
	position: relative;
	margin: 0;
	padding: 5px 15px 5px 30px;
}
.user-filter .main li:hover {
	background: #f5f5f5;
}
.user-filter .main .checkbox {
	position: absolute;
	top: 5px;
	left: 8px;
	margin: 0;
	padding: 0;
}
.user-filter .main label {
	display: block;
	padding-bottom: 2px;
	font-weight: bold;
	color: #df0c6a;
}
.user-filter .main label:hover,
.user-filter .main label:focus {
	color: #8f0844;
}
.user-filter .main .course {
	color: #555;
}


/* --- LIST OF DOCUMENTS (TABLE) --- */

/* Global */
#documents {
	table-layout: auto;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 1px;
	border: 1px solid #ddd;
	border-spacing: 0;
	background: white;
}
#documents th, #documents td {
	vertical-align: top;
}

/* Width of columns */
/* Note: We are using the default automatic table layout algorithm. This
   enables more flexibility, but it also means that we'll have to "trick"
   browsers if we want something slightly more controled that what they
   offer. */
#documents th.doc {
	width: 500px; /* We want this column to take as much space as possible */
}
/* We don't want some text or elements to wrap to new lines */
#documents td.cat .innertd,
#documents td.subject .innertd,
#documents td.pages .innertd,
#documents td.date .innertd,
#documents td.year .innertd,
#documents td.action .innertd {
	white-space: nowrap;
}

/* Table header */
#documents th {
	padding: 0 0 3px 0;
	text-align: left;
	color: #777;
	text-shadow: 0 1px 2px white;
	background: url(/images/img/bigtable-header-bg.png) no-repeat right bottom;
}
#documents th a {
	color: #777;
	text-decoration: none;
	cursor: pointer;
}
#documents th.last {
	background-position: center bottom;
}
#documents th .innerth {
	display: block;
	padding: 13px 12px;
}
#documents th.sortby .innerth {
	padding: 12px 11px;
	border: 1px solid #f1b014;
	color: white;
	text-shadow: 0 1px 1px rgba(0,0,0,.25);
	background: #f9cb24 url(/images/img/bigtable-header-sort-bg.png) repeat-x left bottom;
}
#documents th.pages,
#documents th.year,
#documents th.prints {
	text-align: center;
}

/* Table header: links and special styles */
#documents th a.innerth:hover span,
#documents th a.innerth:focus span {
	padding: 0 0 6px 0;
	background: url(/images/img/arrow-grey-bottom.png) no-repeat center bottom;
}
#documents th.sortby .innerth a {
	color: white;
}
#documents th.sortby .innerth span {
	padding: 0 0 6px 0;
}
#documents th.asc .innerth span,
#documents th.desc a.innerth:hover span,
#documents th.desc a.innerth:focus span {
	background: url(/images/img/arrow-white-bottom.png) no-repeat center bottom;
}
#documents th.desc .innerth span,
#documents th.asc a.innerth:hover span,
#documents th.asc a.innerth:focus span {
	background: url(/images/img/arrow-white-top.png) no-repeat center bottom;
}

/* Cells */
#documents td {
	padding: 0;
	text-align: left;
	color: #555;
	background: url(/images/img/bigtable-cell-bg.png) no-repeat right center;
}
#documents td.last {background: none;}
#documents .special td {
	background: url(/images/img/bigtable-cell-specials-bg.png) no-repeat right bottom;
}
#documents .special td.last {background-position: center bottom;}
#documents .loading td {
	background: url(/images/img/bigtable-cell-specials-bg.png) no-repeat right top;
}
#documents .innertd {
	padding: 15px 13px 13px 12px;
	line-height: 1.1;
}
#documents td.sortby {
	background: #fff8d5;
}

/* Hovering a line */
#documents tr:hover td,
#documents tr.hover td,
#documents tr:hover td.sortby,
#documents tr.hover td.sortby {
	background: #FFE328 url(/images/img/bigtable-cell-hover-bg.png) no-repeat center bottom;
}
#documents tr:hover td .innertd,
#documents tr.hover td .innertd,
#documents tr:hover td.sortby .innertd,
#documents tr.hover td.sortby .innertd {
	background: url(/images/img/bigtable-cell-hover-bg.png) no-repeat center top;
}
#documents tr:hover td.first,
#documents tr.hover td.first {
	background-position: left bottom;
}
#documents tr:hover td.first .innertd,
#documents tr.hover td.first .innertd {
	background-position: left top;
}
#documents tr:hover td.last,
#documents tr.hover td.last {
	background-position: right bottom;
}
#documents tr:hover td.last .innertd,
#documents tr.hover td.last .innertd {
	background-position: right top;
}

/* Content of cells */
#documents td.doc a,
#documents td.doc i {
	display: block;
	padding: 0 0 0 22px;
	text-decoration: none;
	font-style: normal;
	color: black;
}
#documents td.doc a img,
#documents td.doc i img {
	float: left;
	margin: -2px 0 0 -22px;
}
#documents td.doc a:hover span,
#documents td.doc a:focus span {
	text-decoration: underline;
}
#documents td.pages,
#documents td.year,
#documents td.prints {
	text-align: center;
}
#documents td.action,
#documents td.action a {
	color: #777;
}
#documents td.action .sep {
	margin: 0 2px;
	color: #ddd;
}
#documents tr:hover td.action .sep,
#documents tr.hover td.action .sep {
	color: #bbb;
}
#documents td.action a:hover,
#documents td.action a:focus {
	outline: none;
	color: #333;
}

/* Action links -> drop-down forms */
#documents td.action .block {
	position: relative;
	display: inline;
}
#documents td.action .block a.trigger {
	position: relative;
	z-index: 100;
}
#documents td.action .block .drop1 {
	display: none;
	position: absolute;
	z-index: 90;
	right: -11px;
	top: -12px;
	width: 195px;
	padding: 32px 0 0 0;
	background: url(/images/img/bigtable-drop-bg.png) no-repeat 0 0;
}
#documents td.action .block .drop2 {
	padding: 2px 15px 6px 15px;
	background: url(/images/img/bigtable-drop-bg.png) no-repeat -200px bottom;
}
#documents td.action .block select,
#documents td.action .block .text {
	width: 164px;
}


/* --- PREVIEWING A DOCUMENT --- */

/* Main */
#preview .main {
	margin: 18px 0 8px 0;
	padding: 18px;
	border: 1px solid #eee;
	text-align: center;
}
#preview .main img,
#preview .main object,
#preview .main embed {
	vertical-align: middle;
}


/* --- MANAGING SELECTIONS (LISTS) --- */

/* General */
#lists .list {
	margin: 0 0 20px 0;
}
	/* Simple transition effect for Webkit (eye-candy) */
	#lists .list a {-webkit-transition: color 200ms linear;}

/* Title and summary */
#lists h2 {
	display: inline;
	margin: 0;
	font-size: 1.6em;
	color: #111;
}
#lists h2 .text {
	width: 500px;
	padding: 2px;
	border: 1px solid #aaa;
	font-size: 100%;
	font-weight: bold;
	background: #fafafa;
}
#lists .actions {
	position: relative;
	top: -2px;
	display: inline;
	margin: 0 10px;
	color: white;
}
#lists .actions a {
	color: white;
}
#lists .list-header:hover .actions a,
#lists div.hover .actions a {
	color: #888;
}
#lists .list-header .actions a:hover,
#lists .list-header .actions a:focus,
#lists .list-header .actions a:active {
	color: #333;
}
#lists .actions .sep {
	margin: 0 2px;
}
#lists .list-header:hover .actions .sep {
	color: #ccc;
}
#lists .list-summary {
	margin: 3px 0 12px 0;
	color: #444;
}

/* List of documents */
#lists .items {
	margin: 10px 14px;
	padding: 0;
	list-style: none;
}
#lists .items li {
	margin: 0;
	padding: 4px 0 3px 19px;
	background: url(/images/img/list-bullet.png) no-repeat 0 9px;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: move;
}
#lists .items li:hover,
#lists .items li.hover {
	background-position: 0 -40px;
}
#lists .items cite {
	font-style: normal;
}
/*#lists .items li:hover cite,*/
#lists .items li.hover cite {
	color: #111;
}
#lists .items a.action {
	padding: 4px 3px;
	color: white;
}
#lists .items li:hover a.action,
#lists .items li.hover a.action {
	color: #888;
}
#lists .items li a.action:hover,
#lists .items li a.action:focus,
#lists .items li a.action:active {
	color: #333;
}


/* --- HELP PAGE --- */

/* Global */
#help h3 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

/* Introduction */
#help .intro {
	overflow: hidden;
	margin: 20px 0 24px 0;
	border: 3px solid #ffde2f;
	padding: 13px 15px;
}
#help .intro h3 {
	margin: 0 0 4px 0;
}
#help .intro p {
	margin: 0;
	line-height: 1.5;
}
#help .intro .first {
	float: left;
	width: 330px;
}
#help .intro .second {
	min-height: 36px;
	margin: 0 0 0 360px;
	padding: 13px 0 13px 70px;
	color: #533c05;
	background: url(/images/img/faq-symbol.png) no-repeat 0 3px;
}
#help .intro .phone {
	line-height: 1.1;
	font-size: 2.2em;
	letter-spacing: -3px;
	color: #f1b014;
}

/* Quick links */
#help .toc {
	float: right;
	width: 345px;
	margin: 0;
	padding: 2px 0 20px 0;
}
#help .toc h3 {
	margin: 0 0 12px 0;
}
#help .toc ul {
	margin-left: 15px;
}
#help .toc ul li {
	margin: 4px 0;
	line-height: 1.35;
}
#help .toc ul a {
	color: #df0c6a;
}
#help .toc ul a:hover,
#help .toc ul a:focus {
	color: #b40a55;
}

/* Questions and answers */
#help .questions {
	margin: 0 370px 0 0;
	padding: 2px 0;
}
#help .question {
	margin: 0;
	padding: 26px 10px 22px 0;
	background: url(/images/img/separator-h-grey.png) repeat-x;
}
#help .first {
	padding-top: 0;
	background: none;
}
#help .question h4 {
	margin: 0 0 10px 0;
	line-height: 1.35;
}
#help .question p {
	margin: 0;
	line-height: 1.5;
}