/******************************************************************************/
/* TAG DEFINITIONS															  */
/******************************************************************************/

html, body {
	width: 100%;
	height: 100%;
}

body
{
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 0.8em;
	/*background: url(../img/bg.png) top repeat-x;*/
	color: #000;
	background: url(../img/bg_hot.jpg) top repeat-x;
}

h1, h2 {
	color: #878787;
	font-weight: bold;
	margin-bottom: 10px;
}

p {
	margin: 11px 0;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}

/******************************************************************************/
/* COMMON CLASS DEFINITIONS													  */
/******************************************************************************/

.clear {
	clear: both;
	font-size: 0;
}

.imgButton {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

/******************************************************************************/
/* MAIN																		  */
/******************************************************************************/

#main {
	width: 998px;
	min-height: 639px;
	height: auto !important;
	height: 639px;
	margin: 139px 0 0 44px;
}

/******************************************************************************/
/* LEFT COLUMN																  */
/******************************************************************************/

#main #leftCol {
	width: 224px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	float: left;
	margin-top: 36px;
}

#main #leftCol #leftColContent {
	width: 211px;
}

/******************************************************************************/
/* LOGO																		  */
/******************************************************************************/

#main #leftCol #logo {
	margin-bottom: 47px;
}

/******************************************************************************/
/* MENU																		  */
/******************************************************************************/

#main #leftCol #menu .top {
	height: 20px;
	background: #EDEDED url(../img/menu_top.jpg) top no-repeat;
	border-bottom: 1px solid #FFF;
}

#main #leftCol #menu ul li {
	height: 28px;
	display: block;
	padding-left: 18px;
	background: #EDEDED;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}

#main #leftCol #menu ul li a {
	text-decoration: none;
	color: #3A3A3A;
}

#main #leftCol #menu ul li a.active {
	font-weight: bold;
}

#main #leftCol #menu ul li a img {
	float: left;
	margin: 2px 10px 0 0;
}

#main #leftCol #menu ul li a span {
	float: left;
	margin-top: 7px;
	font-weight: inherit;
	cursor: pointer;
}

#main #leftCol #menu .bottom {
	height: 22px;
	background: #EDEDED url(../img/menu_bottom.jpg) bottom no-repeat;
	border-top: 1px solid #CCC;
}

/******************************************************************************/
/* RIGHT COLUMN																  */
/******************************************************************************/

#main #rightCol {
	width: 715px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	position: relative;
	float: left;
	padding: 34px 0 0 59px;
}

#main #rightCol #options {
	width: 213px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	color: #878787;
}

/******************************************************************************/
/* LANGUAGE SELECTOR														  */
/******************************************************************************/

#main #rightCol #options #lang {
	font-size: 8pt;
	padding: 10px 10px 2px 9px;
/*	background: #E9E9E9;*/
}

#main #rightCol #options #lang #langLabel {
	padding: 0 0 3px 3px;
}

#main #rightCol #options #lang ul li,
#main #rightCol #options #lang ul li a {
	height: 16px;
	line-height: 16px;
	display: block;
	color: #878787;
	font-weight: normal;
	text-decoration: none;
}

#main #rightCol #options #lang ul li a:hover {
	color: #000;
}

#main #rightCol #options #lang ul li {
	display: none;
	background: #FFF;
	padding-left: 5px;
}

#main #rightCol #options #lang ul:hover li {
	display: block;
}

#main #rightCol #options #lang ul li.active {
	display: block;
	background: #FFF url(../img/arrow_down.jpg) 181px 2px no-repeat;
}

#main #rightCol #options #optionsBottom {
	width: 213px;
	height: 9px;
/*	background: url(../img/options_bottom.png);*/
	font-size: 0;
}

/******************************************************************************/
/* WELCOME MESSAGE															  */
/******************************************************************************/

#main #welcome {
	height: 20px;
	margin-top: 13px;
	font-weight: bold;
}

#main #welcome span {
	color: #0099CC;
	font-weight: inherit;
}

#main #content {
	margin-top: 42px;
}

/******************************************************************************/
/* LOGIN BOX																  */
/******************************************************************************/

#main #login {
	width: 329px;
	margin: 0 auto;
	padding-top: 30px;
}

#main #login #loginHeader {
	height: 30px;
	padding: 12px 0 0 18px;
	background: #E8E8E8 url(../img/login_top.jpg) top no-repeat;
	border-bottom: 1px solid #FFF;
}

#main #login #loginHeader img, #main #login #loginHeader span {
	float: left;
}

#main #login #loginHeader span {
	padding: 5px 0 0 7px;
	font-weight: bold;
}

#main #login #loginForm {
	height: 152px;
	padding: 10px 20px 0 18px;
	background: #E8E8E8;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	font-size: 0.9em;
}

#main #login #loginForm .fields label,
#main #login #loginForm .fields input {
	display: block;
}

#main #login #loginForm .fields label {
	height: 23px;
	line-height: 23px;
}

#main #login #loginForm .fields input {
	width: 289px;
	height: 16px;
	margin: 3px 0;
	border: none;
}

#main #login #loginForm #forgotPassword,
#main #login #loginForm #submit {
	margin-top: 20px;
}

#main #login #loginForm #forgotPassword {
	float: left;
	padding-top: 5px;
}

#main #login #loginForm #forgotPassword a {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

#main #login #loginForm #forgotPassword a:hover {
	text-decoration: underline;
}

#main #login #loginForm #submit {
	float: right;
}

#main #login #loginForm #submit button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
}

#main #login #loginFooter {
	height: 23px;
	background: #E8E8E8 url(../img/login_bottom.jpg) bottom no-repeat;
	border-top: 1px solid #CCC;
}

/**
 * Terms od use
 */

#main #loginTerms {
	padding-top: 20px;
}

#main #loginTerms #loginTermsContent {
	height: 210px;
	margin-top: 5px;
	padding: 5px 13px;
	border: 3px solid #EDEDED;
	overflow: auto;
	color: #A1A1A1;
}

#main #loginTerms .error {
	padding: 10px 0;
	font-weight: bold;
	color: #A00;
}

#main #loginTerms #loginTermsCheckbox,
#main #loginTerms #loginTermsLabel {
	float: left;
	margin-top: 7px;
}

#main #loginTerms #loginTermsLabel {
	margin-top: 5px;
}

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

#footer {
	height: 77px;
	padding-top: 5px;
	background: url(../img/footerBg.jpg) top repeat-x;
}

#footer p {
	line-height: 22px;
	text-align: center;
	color: #999;
	font-size: 0.9em;
}

#footer p a {
	color: inherit;
	text-decoration: none;
}

/******************************************************************************/
/* MAILFORMPLUS																  */
/******************************************************************************/

.mailformplus_password {
	padding-bottom: 20px;
}

.mailformplus_form label {
	width: 164px;
	height: 29px;
	line-height: 29px;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.mailformplus_form label span {
	color: #C00;
}

.mailformplus_form input.text,
.mailformplus_form textarea {
	width: 299px;
	height: 17px;
	margin: 3px 0;
	padding: 3px 0 3px 5px;
	border: none;
	background: #E8E8E8;
}

.mailformplus_form textarea {
	height: 120px;
	font-family: arial, helvetica;
	font-size: 100%;
}

.mailformplus_form .error {
	color: #C00;
	font-weight: bold;
}

.mailformplus_form .mandatory,
.mailformplus_form .submit {
	float: left;
}

.mailformplus_form .mandatory {
	width: 164px;
	height: 24px;
	line-height: 24px;
	color: #C00;
}

.mailformplus_form .submit {
	float: left;
}

/******************************************************************************/
/* DAM FRONTEND																  */
/******************************************************************************/

/**
 * Filelist
 */

#filelist {
	width: 100%;
	min-height: 64px;
	height: auto !important;
	height: 64px;
	margin-bottom: 30px;
}

#filelist .filelist-record,
#file-single-view {
	padding: 7px 14px 10px 14px;
	min-height: 46px;
	height: auto !important;
	height: 46px;
	position: relative;
	border-bottom: 1px solid #CCC;
}

#filelist .filelist-record .file-image,
#file-single-view .file-image {
	width: 100px;
	min-height: 46px;
	height: auto !important;
	height: 46px;
	float: left;
	text-align: center;
}

#filelist .filelist-record .file-info,
#file-single-view .file-info {
	float: left;
}

#filelist .filelist-record .file-info h2 a,
#file-single-view .file-info h2 a {
	font-weight: bold;
	color: #878787;
}

#filelist .filelist-record .file-download-link,
#file-single-view .file-download-link {
	position: absolute;
	right: 14px;
	bottom: 10px;
}

#filelist-pagination-form input.text {
	width: 23px;
	height: 17px;
	margin: 3px 0;
	padding: 3px 2px;
	border: none;
	text-align: center;
	background: #E8E8E8;
}

#file-single-back-link {
	margin-top: 20px;
}

/**
 * Single view
 */

.tx-damfrontend-pi1 fieldset {
	padding: 10px 0;
}

.tx-damfrontend-pi1 fieldset legend {
	color: #878787;
	font-weight: bold;
}

/**
 * Category tree
 */

.cattree {
	padding: 10px 0;
}

.cattree .treeelem a {
	font-size: 0.9em;
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

.cattree .treeelem a.folder {
	position: relative;
	top: -4px;
}

/**
 * Category list
 */

.choosen_folders {
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 10px;
}

.choosen_folders .choosen_folder a {
	width: 16px;
	height: 16px;
	float: left;
	background: url(../img/icons/dam_frontend/cat/delete.png) no-repeat;
	margin-right: 5px;
}

.choosen_folders .choosen_folder .folder {
	height: 16px;
	line-height: 16px;
	float: left;
	padding-left: 16px;
	font-size: 0.9em;
	color: #999;
	font-weight: bold;
	background: url(../img/icons/dam_frontend/cat/cat.png) left no-repeat;
}

/**
 * User selection
 */

.tx-extdamfrontend-pi1 {
	height: 60px;
}

#userSelectionWrap {
	width: 211px;
	position: absolute;
	right: 0;
	background: url(../img/menu_bottom.jpg) no-repeat center bottom;
	padding-bottom: 5px;
}

#leftCol #userSelectionWrap {
	position: relative;
	top: 20px;
}
 
#userSelection {
	width: 192px;
	padding: 10px 10px 2px 9px;
	color: #878787;
	font-size: 0.85em;
	background: #EDEDED url(../img/menu_top.jpg) no-repeat scroll center top
}

#userSelection .label {
	margin-bottom: 5px;
}

#userSelection ul {
	position: relative;
	z-index: 100;
}

#userSelection ul li,
#userSelection ul li a {
	height: 16px;
	line-height: 16px;
	display: block;
	color: #878787;
	font-weight: normal;
	text-decoration: none;
}

#userSelection ul li a:hover {
	color: #000;
}

#userSelection ul li {
	display: none;
	background: #FFF;
	padding-left: 5px;
}

#userSelection ul:hover li {
	display: block;
}

#userSelection ul:hover li.active {
/*	background-image: url(../img/arrow_left.jpg);*/
}

#userSelection ul li.active {
	display: block;
	background: #FFF url(../img/arrow_down.jpg) 181px 2px no-repeat;
}

#userSelection ul li.active a {
	font-weight: bold;
}

#userSelection ul li.active.clearSelection {
	background-image: url(../img/x.jpg);
}
/**
 * Upload
 */

/* File browsing */

#upload .fields {
	position: relative;
	height: 30px;
}

#upload .fields .file {
	position: absolute;
	left: 150px;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
}

#upload .fields .fakeFileupload {
	position: absolute;
	left: 0;
	top: 0;
}

#upload .fields .fakeFileupload input {
	width: 295px;
	height: 17px;
	padding: 3px 0 3px 5px;
	margin: 0 3px 0 0;
	border: none;
	background: #E8E8E8;
}

#upload .fields .fakeFileupload input,
#upload .fields .fakeFileupload img {
	float: left;
}

/* Versioning */

#versioning #versioningNextButton50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#versioning #versioningNextButton {
	display: none;
}

/* Metadata and categorisation */

#uploadForm input,
#uploadForm label {
	float: left;
}

#uploadForm label {
	width: 200px;
	height: 29px;
	line-height: 29px;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#uploadForm .fields {
	clear: left;
}

#uploadForm .fields input,
#uploadForm .fields textarea {
	width: 299px;
	height: 17px;
	margin: 3px 0;
	padding: 3px 0 3px 5px;
	border: none;
	background: #E8E8E8;
}

#uploadForm .fields textarea {
	height: 100px;
}

#uploadForm .catSelection {
	overflow: auto;
}

#uploadForm .catSelection h1 {
	margin-top: 10px;
}

#uploadForm .catSelection label {
	clear: none;
	cursor: pointer;
}

#uploadForm .catSelection label.even {
	clear: left;
}

#uploadForm .catSelection label.checked,
#uploadForm .catSelection label.unchecked {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}

#uploadForm .catSelection label.checked {
	background-image: url(../img/buttons/checked.jpg);
}

#uploadForm .catSelection label.unchecked {
	background-image: url(../img/buttons/unchecked.jpg);
}

#uploadForm .catSelection input {
	position: absolute;
	left: -5000px;
}

#uploadForm .buttons {
	clear: left;
}