/* @override 
	http://lms:8888/css/lms.css
	http://lms/css/lms.css
	http://mms.local/css/lms.css
	http://mms.grow-werbeagentur.de/css/lms.css
	http://gpage.grow-werbeagentur.de/css/default.css
*/

* {
  border: 0;
  margin: 0;
  padding: 0;
}

#UserLoginForm div.submit {
  margin: 0 auto;
  padding-left: 20px;
  padding-bottom: 10px;
}

html {
  height: 100%;
  margin-bottom: 1px;
  background-color: #7e7e7e;
}

body {
  color: #404342;
  font: 62.5%/1.7 Arial, Helvetica, Tahoma, Verdana;
  background: url(/img/wrapper-background.jpg) repeat-y 0;
}

acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
a:link,
a:visited {
	color: #5b1256;
}
a:active {
  outline:none;
}

p {
  margin: 0.5em 0em 0.5em 0em;
}

ul {
  padding-left: 1.5em;
  list-style-type: disc;
  margin-bottom: 0.8em;
}

ol {
  padding-left: 2em;
  margin-bottom: 0.8em;
}

/* @group Headlines */

h1 {
  font-size: 2em;
}

h2 a:link,
h2 a:visited {
	color: #404342;
}

h3 {
  font-size: 1.2em;
  color:#9A9F9D;
}

h3 a:link,
h3 a:visited {
  color: #9A9F9D;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.0em;
}

/* @end */

/* @group Standard */

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

/* @end */

/* @group Tab-Navigation */

ul.tab-navigation {
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
}

ul.tab-navigation li {
  display: inline;
  padding-bottom: 0;
  margin-right: 3px;
}

ul.tab-navigation li a:link, ul.tab-navigation li a:visited {
  text-decoration: none;
  color: #666;
  background-color: #aaa;
  padding: 4px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

ul.tab-navigation li a:hover {
  color: #000;
}

ul.tab-navigation li.active a:link,ul.tab-navigation li.active a:visited {
  background-color: #fff;
  border: 1px solid #aaa;
  border-bottom: 0;
  color: #333;
  
}

/* @end */

/* @group Login */

#content div.users.form.login {
  width: 450px;
  background-color: #fafafa;
  margin: 0 auto;
  text-align: center;
}

#content div.users.form.login label.block {
  width: 100px;
}

#content div.users.form.login h1 {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  color: #333;
  text-align: left;
  padding-left: 10px;
}

/* @end */

/* @group LMS */

#lms {
  background-color: #fff;
}

#admin-footer {
  margin: 25px auto;
  width: 898px;
  background-color: #7e7e7e;
}

#admin-footer a:link,#admin-footer a:visited {
  color: #333;
  font-size: 8pt;
}

/* @end */

/* @group Header */

#header-wrapper {
  height: 96px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
}

#header {
  width: 968px;
  margin: 0 auto;
  height: 92px;
  position: relative;
}

#header h1 a {
  display: block;
  background: url(/img/gpage.png) no-repeat;
  text-indent: -9000px;
  width: 350px;
  height: 62px;
  position: absolute;
  left: 30px;
  top: 22px;
}

#header h2 {
  text-indent: -9000px;
}

#current-user {
	position: absolute;
	right: 0;
	width: 800px;
	text-align: right;
	top: 50px;
	color: #666;
	font-style: italic;
}
#current-user a:link,
#current-user a:visited {
	color: #999;
	text-decoration: none;
}

#breadcrumbs {
  margin-bottom: 10px;
}
#breadcrumbs,
#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: #999;
	font-style: italic;
}
/* @end */

/* @group Content */

#content-wrapper {
  background: url(../img/lms/bg-content-wrapper.png) no-repeat center top;
}

#content-head {
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#content {
  margin: 0 auto;
  width: 898px;
  min-height: 300px
}

#content h2 {
  font-size: 1.5em;
  padding-left: 4px;
  margin-bottom: 1.5em;
  margin-top: 1em;
  color: #333;
  clear: both;
}

#content p, #content ul, #content ol {
  font-size: 1.2em;
}


/* @end */

/* @group Footer */

#footer-wrapper {
  background: #7e7e7e url(../img/lms/footer-background.png) repeat-x;
  height: 100px;
  padding-top: 15px;
  border-top: 15px solid #eee;
  margin-top: 2em;
}

#footer {
  width: 924px;
  margin: 0 auto;
  color: #4a4a4a;
  padding:10px;
  font-size: 10pt;
}

#footer ul {
  list-style-type: none;
}

#footer ul li {
  margin-right: 10px;
  display:inline;
}

#footer ul .bug a{
  color: #555;
  text-decoration:none;
  border: 1px solid #666;
  padding: 4px;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#footer ul .bug a:hover {
  color: #333;
  border: 1px outset #999;
  background-color: #aaa;
  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#footer ul .bug a:active {
  color: #333;
  border: 1px inset #999;
  background-color: #aaa;
  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#footer ul .copyright a {
  color: #444;
  text-decoration:none;
}

/* @end */

/* @group Links */

a:link, a:visited {
  color: #333;
}

a:hover {
  color: #8f8976;
}

/* @end */

/* @group Actions */

ul.actions {
  list-style-type: none;
  padding: 5px;
}

ul.content.actions {
  list-style-type: none;
  padding: 5px;
  width: 150px;
  float: left;
  border: 1px solid #aaa;
  background-color: #eee;
  margin-top: 10px;
  /* Runde Ecken */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* Kleiner Schat

ten*/
  box-shadow: 2px 2px 0px #ddd;
  -webkit-box-shadow: 2px 2px 0px #ddd;
  -moz-box-shadow: 2px 2px 5px #ccc;
}

ul.actions li {
  line-height: 25px;
  height: 25px;
}

ul.actions li a, ul.actions li a:link, ul.actions li a:visited {
  text-decoration: none;
  color: #555;
  cursor: pointer;
  padding-left: 30px;
}

ul.actions li.images {
  background: url(../img/icons/images.png) no-repeat;
}

ul.actions li.add {
  background: url(../img/icons/list-add.png) no-repeat;
}

ul.actions li.add.sam {
  background: url(../img/icons/package-x-generic.png) no-repeat;
}

ul.actions li.export {
  background: url(../img/icons/go-down.png) no-repeat;
}

ul.actions li.add.block {
  font-weight: bold;
  background: url(../img/icons/list-add.png) no-repeat;
}

ul.actions li.add.block a:link, ul.actions li.add.block a:visited {
  color: #3a3a3a;
  text-decoration: underline;
}

ul.actions li.add.button {
  margin-bottom: 10px;
}

ul.content.actions li.back {
  padding-bottom: 5px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
}

ul.actions li.back {
  background: url(../img/icons/22/go-previous.png) no-repeat;
}

ul.actions li.copy {
  background: url(../img/icons/22/edit-copy.png) no-repeat;
  margin-bottom: 10px;
}

ul.actions li.edit {
  background: url(../img/icons/22/applications-system.png) no-repeat;
}

ul.actions li.edit.confirm {
  background: url(../img/icons/text-html.png) no-repeat;
}

ul.actions li.edit-order-form {
  background: url(../img/icons/text-x-script.png) no-repeat;
}

ul.actions li.validate {
  border-top: 1px solid #aaa;
  margin-top: 10px;
  padding-top: 10px;
  background: url(../img/icons/22/checkbox.png) no-repeat 0 10px;
}

ul.actions li.keyword-tool {
  background: url(../img/icons/22/system-software-update.png) no-repeat;
}

ul.actions li.link-management {
  background: url(../img/icons/folder-saved-search.png) no-repeat;
}

ul.actions li.download {
  background: url(../img/icons/22/go-bottom.png) no-repeat;
}

ul.actions li.settings {
  background: url(../img/icons/22/preferences-system.png) no-repeat;
}

ul.actions li.move_up {
  background: url(../img/icons/go-up.png) no-repeat;
}

ul.actions li.move_down {
  background: url(../img/icons/go-down.png) no-repeat;
}

ul.actions li.delete {
  background: url(../img/icons/user-trash.png) no-repeat;
}

/* @end */

/* @group Forms */

/* @group Exportieren*/

#LandingpageExportForm fieldset {
  width: 63%;
  margin: 20px auto;
  padding-bottom: 20px;
}

#LandingpageExportForm .input.radio {
  margin: 10px 10px 20px;
  line-height: 14pt;
  padding-bottom: 10px;
}

#LandingpageExportForm .input.radio input {
  width: 20px;
  float:left;
  margin-top: 6px;
}

#LandingpageExportForm .input.radio label {
  margin-left: 10px;
  padding: 4px;
  background-color: #fafafa;
  border-bottom: 1px solid #eee;
  cursor:pointer;
  display: block;
  width: 90%;
  float:left;
}

#LandingpageExportForm .input.radio label[for="LandingpageExportTypeSam"] {
  background-color:#eee;
  border-bottom-color: #ccc;
}

#LandingpageExportForm .input.radio label[for="LandingpageExportTypeHtml"] {
  color: #666;
}

/* @end */

/* @group SAM Bilder bearbeiten */

#SamEditForm h3 {
  background-color: #eee;
  margin-bottom: 10px;
}

#SamEditForm fieldset {
  width: 585px;
  float: right;
  margin-right: 50px;
}

#SamEditForm .image {
  width: 540px;
  float: left;
  padding-bottom: 10px;
  border: 1px solid #eee;
  padding: 10px;
  margin: 10px;
}

#SamEditForm .image .input.file input {
  width: 200px;
  margin-left: 10px;
}

#SamEditForm .image .preview {
  float: left;
  width: 350px;
  text-align: center;
  overflow: hidden;
}

/* @end */

div.input {
  clear: both;
  position: relative;
}

#LandingpageReorderForm .submit {
	margin-left: auto;
	text-align:right;
}
div.submit {
  clear: both;
  margin-left: 210px;
}

fieldset {
  border: 1px solid #CCC;
  padding: 5px 25px;
}

legend {
  padding: 0px 5px;
  font-size: 1.2em;
}

label {
  font-size: 1.2em;
}

label.block {
  display: block;
  width: 200px;
  float: left;
  text-align: right;
  margin-right: 10px;
  padding-top: 3px;
}

.orderForms #OrderFormCustomFieldText,
.orderForms #V2OrderFormCustomFieldText {
	float: left;
	width: 600px;
	height: 100px;
}

.orderForms #V2OrderFormText {
	width: 600px;
}

.orderForms .form-help {
	float: left;
	width: 205px;
}

.orderForms .text label {
	padding-right: 5px;
}

input, textarea, select {
  border: 1px inset #CCC;
  padding: 3px;
  margin-bottom: 5px;
  font: 12px/1.7 Arial, Helvetica, Tahoma, Verdana;
}

.input.checkbox input {
  width: auto;
  margin-right: 0.5em;
}

#SamCss {
  font: 9pt/1.6 "Courier New", Courier, mono;
  width: 630px;
  height: 300px;
}

div.input input, div.input textarea, div.input select {
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div.input.error label {
	color: #7e0476;
	font-weight: bold;
}

.error-message {
	position: absolute;
	font-size: 10pt;
	top: 0;
	right: 0;
	width: 300px;
	color: #5c1357;
	border-left: 5px solid;
	padding-left: 5px;
}

div.input input.checkbox, div.input input.radio {
  width: 16px;
}

div.input.textarea {
  margin-bottom: 1em;
}

div.input.textarea #SettingCss {
	height: 500px;
	font-family: Monaco, courier, monospace;
	width: 100%;
}

div.submit input {
  margin-top: 1em;
  border: none;
  padding: 3px 25px;
  width: 50%;
  background-image: url(/img/gradient.gif);
  color: #fff;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

div.submit input:active {
  border: 1px inset #CCC;
  padding: 3px 25px;
}

.input.checkbox input {
  margin-left: 205px;
}

#status.error {
  margin-left: 210px;
  width: 250px;
  border: 3px solid #fd180c;
  padding: 0px 4px;
}

#status.valid {
  margin-left: 210px;
  width: 250px;
  border: 3px solid #007f00;
  padding: 0px 4px;
}

/* @group Bilder Galerie */

div.checkbox input {
  margin-right: 5px;
}

#imagegalery {
  background-color: #f0f0ee;
  border: 1px solid #ccc;
  margin: 2em auto;
  width: 688px;
  padding: 10px;
}

#imagegalery #current_image {
  width: 150px;
  height: 150px;
  border: 2px solid #ccc;
  background-color: #fff;
  text-align: center;
  float: left;
  margin-right: 1em;
}

#galery-images {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
  border: 1px solid #ccc;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  width: 500px;
  background-color: #fff;
}

#galery-images li {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 150px;
  height: 150px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin-bottom: 2px;
  padding: 3px;
  margin-left: 2px;
}

/* @end */

/* @end */

/* @group Tables */

table {
  width: 100%;
  font-size: 1.2em;
  border-collapse: collapse;
  margin: 10px auto;
}

table.index {
  clear: both;
}

table th {
  background-color: #fcfcfc;
  border-bottom: 2px solid #eee;
  text-align: left;
}

table td {
  border-bottom: 1px solid #eee;
  vertical-align: top;
}

table.index .hits,
table.index .orders,
table.index .rate {
	text-align: right;
	padding-right: 10px;
	width: 20px;
}

table.landingpages.index td {
	padding-top: 2px;
	vertical-align: top;
}
table.landingpages.index .domain {
	color: #bebebe;
	padding-left: 20px;
	margin-bottom: 5px;
}
#TextText_path_row a {
	display: inline;
}
table td a {
  text-decoration: none;
  color: #333;
  padding: 2px;
  display: block;
}

table td a.inline {
  display: inline;
}

table tr.altrow td {
  background-color: #FFF;
}

table td a:hover {
  background-color: #eee;
  color: #333;
}

table tr:hover td {
  background-color: #eee;
}

table tr:hover td a:link, table tr:hover td a:visited, table tr:hover td a:hover {
  color: #333;
  background-color: #eee;
}

table td a.preview, table td a.duplicate, table td a.delete, table td.actions a {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  text-indent: -9000px;
  margin: 0px 5px;
  background-repeat: no-repeat;
  background-position: center center;
}

table td a.preview {
  background-image: url(/img/icons/22/system-search.png);
}


table td.default a:link,
table td.default a:visited {
	display: block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	background: url(/img/silk/bullet_black.png) no-repeat center center;
	font-size: 1pt;
	text-indent: -100pt;
}

table td.default a:link.default,
table td.default a:visited.default {
	background: url(/img/icons/application-certificate.png) no-repeat center 3px;
}

table td.actions {
  width: 120px;
}

table td.active-toggle {
	width: 50px;
	text-align: center;
}

table td.actions a {
  float: right;
  height: 100%;
}

table tr:hover td.actions a.delete {
  background-image: url(/img/tango/22x22/status/dialog-error.png);
}

table tr:hover td.actions a.edit {
  background-image: url(/img/tango/22x22/actions/document-properties.png);
}
table tr:hover td a.duplicate {
  background-image: url(/img/icons/22/edit-copy.png);
}
/* @end */

/* @group Content-Modules-Form */

div.input textarea.editor-standard {
  height: 300px;
  width: 700px;
  margin-bottom: 10px;
}

div.input textarea.large {
	width: 650px;
	height: 650px;
}

/* @end */

/* @group Context Navigation */

ul.context-navigation {
  list-style-type: none;
  padding: 0;
  margin-bottom: 1em;
}

ul.context-navigation li {
  margin-right: 30px;
  background-repeat: no-repeat;
  background-position: 0 4px;
  height: 40px;
  line-height: 30px;
  display: block;
  float: left;
}

ul.context-navigation li a, ul.context-navigation li a:link, ul.context-navigation li a:visited {
  text-decoration: none;
  padding-left: 30px;
}

ul.context-navigation li.back {
  background-image: url(../img/icons/22/go-previous.png);
}

ul.context-navigation li.preferences {
  background-image: url(../img/icons/22/preferences-system.png);
}

ul.context-navigation li.download {
  background-image: url(../img/icons/22/go-bottom.png);
}

ul.context-navigation li.edit-content {
  background-image: url(../img/icons/22/text-x-generic.png);
}

ul.context-navigation li.preview {
  margin-right: 0px;
  background-image: url(../img/icons/22/system-search.png);
}

/* @end */

/* @group Special */

table.index .actions {
  width: 110px;
}

table.index td {
  vertical-align: middle;
}

form.delete {
  margin: 0;
  display: inline;
  float: left;
}

form.delete input {
  border: 0;
  width: 60px;
  margin-top: 3px;
  height: 20px;
  padding: 0;
  background-color: #eee;
}

form.delete input:hover {
  background-color: #800;
  color: #fff;
  cursor: pointer;
}

.services.view table.index td a:link,.services.view table.index td a:visited {
  color: #999;
}

.services.view table.index td.name a:link,.services.view table.index td.name a:visited {
  color: #555;
}


table.index td.name {
  width: 400px;
  padding-left: 5px;
}

.growactions {
  clear:both;
  padding-top: 20px;
}

#ServiceIndex,
#ServiceIndex ul {
  list-style-type: none;
  margin-bottom: 50px;
  text-align:center;
}

#ServiceIndex ul {
    overflow: hidden;
    margin-bottom: 0;
    padding-left: 0;
}

#ServiceIndex li.service-item {
  margin-right: 10px;
  margin-bottom: 10px;
  text-align:left;
  border: 1px solid #ccc;
  padding: 10px;
  width: 250px;
  float:left;
  background-color: #fafafa;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#ServiceIndex li.service-item-header {
    width: 100%;
    text-align: left;
}

#ServiceIndex li.service-item-header h2 {
    margin: 5px 0;
}

#ServiceIndex li.service-item h2 {
  background-color: transparent;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#ServiceIndex li.service-item .meta {
  margin: 0;
  font-size: 10pt;
}

#ServiceIndex li.service-item .meta a:link,
#ServiceIndex li.service-item .meta a:visited {
  color: #999;
  text-decoration: none;
}

#ServiceIndex li.service-item .meta a.edit:link,
#ServiceIndex li.service-item .meta a.edit:visited {
  color: #5b1256;
}

#ServiceIndex li h2 {
  
}

#content h2.services {
  padding-left: 38px;
  background: url(../img/icons/32/applications-internet.png) no-repeat;
  line-height: 32px;
  height: 32px;
  color: #8f8a76;
}

#content h2.landingpages {
  padding-left: 38px;
  background: url(../img/icons/32/folder.png) no-repeat;
  line-height: 32px;
  height: 32px;
  color: #8f8a76;
}

div#flashMessage {
  border: 1px solid #5c1357;
  background-color: #7d4279;
  padding: 15px;
  margin-bottom: 25px;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

div#flashMessage.message {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
}

/* @end */

/* @group Marker */

span.yellow-marker {
  background-color: #fcff65;
}

span.red-marker {
  background-color: #ff68ff;
}

span.blue-marker {
  background-color: #6acafe;
}

span.green-marker {
  background-color: #63fd64;
}

/* @end */

/* @group Hint */

.hint {
  color: #666;
}

div.input .hint {
  display: block;
  margin-left: 210px;
  margin-bottom: 10px;
}

/* @end */

/* @group Content List */

ol#contents {
	width: 700px;
	float: right;
}

ol#contents li {
	margin: 10px auto 20px;
	padding: 10px;
	list-style: none;
	background-color: #eee;
	
	/* Runde Ecken */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	position: relative;
}

ol#contents li.highlight {
	border: 5px solid #979c9a;
}

ol#contents li.text:hover,
ol#contents li.button:hover {
	outline: 1px dotted #3465a4;
}

ol#contents li.text .keywords,
ol#contents li.text .no-keywords {
	font-size: 10pt;
	color: #aaa;
}
	
ol#contents li li {
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

ol#contents li.button {
	background: #5d1458 repeat-x left top;
	color: #fff;
}

ol#contents li.button a:link,
ol#contents li.button a:visited {
	color: #fff;
}

ol#contents li.text {
	background-color: #eee;
}

ol#contents li.sam {
	background-color: #ced3e5;
}

ol#contents li p.type, 
ol#contents li p.name, 
ol#contents li.button p {
	display: inline;
	font-style: italic;
}

ol#contents .actions {
	position:absolute;
	right: 0;
	top: 5px;
	z-index: 1;
}

ol#contents .actions li {
	float: right;
	width: 30px;
	overflow: hidden;
}

ol#contents .actions li.position {
	width:50px;
}

ol#contents .text .position {
	color: #c1bba4;
}
ol#contents .button .position {
	color: #b1aa93;
}

ol#contents .actions li.position input {
	width: 100%;
	text-align:right;
	display:block;
	position:relative;
	z-index: 100;
	float:right;
	margin-right:10px;
}

ol#contents li p.excerpt a:link,
ol#contents li p.excerpt a:visited{
	color: #8e8a79;
	text-decoration: none;
	font-size: 10pt;
	line-height: 1.4;
	display: block;
}

/* @end */

#OrderFormCustom2Maxlength {
	width: 20px;
}

div.radio fieldset {
  width: 475px;
  margin-left: 210px;
  margin-bottom: 15px;
}

div.radio fieldset label {
  margin-right: 15px;
}

div.radio fieldset input {
  width: 25px;
}

.custom-required .checkbox {
	border-bottom: 1px solid #eee;
	margin-bottom: 2px;
}
.custom-required .last {
	border: none;
}

.custom-required label {
	display: inline-block;
	width: 190px;
}

#lms .custom-required .required {
	margin-left: 0;
}

.submit-text-setting {
	margin-left: 205px;
}

.color-settings {
	padding-bottom: 15px;
}

.color-settings legend {
	font-weight: bold;
}

.color-settings fieldset legend {
	font-weight: normal;
}