/* @override 
	http://localhost:3000/stylesheets/admin/default.css
	http://yoga-reisen2.dev/stylesheets/admin/default.css
*/

/* @group Reset */

* {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
}

a, .pseudolink {
	text-decoration: underline;
}

img, abbr, acronym {
	border: none;
} 

img {
	font-size: 1.3em;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

caption, th {
	text-align: left;
}

/* @end */



/* @group Utilities */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	height: 0;
}

.invisible {
	display: none !important;
}

/* @group Clearfix */

fieldset.description>div {
	overflow: hidden;
}

/* @end */

.hidden {
	visibility: hidden;
}

/* @end */


/* @group Typography */

body, textarea, input  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	color: #636363;
}

h1 {
	font-size: 2.0em;
	atext-shadow: #555 1px 1px 1px;
	padding-left: 1.0em;
	line-height: 50px;
}

h2 {
	font-size: 2.4em;
	color: #000;
	margin-bottom: .3em;
}

h3 {
	clear: both;
	font-size: 1.5em;
	margin: .5em 0 .3em 0;
}

#content p, #content ul, #content ol, #content dl, #content table, #login #container p {
	font-size: 1.4em;
	margin-bottom: 1em;
	margin-top: .5em;
	line-height: 1.5em;
}

ul {
	list-style: square;
}

#content ul li {
	margin-left: 20px;
}

label, input, select, .button, .label, #content textarea, fieldset ul, form h4, legend {
	font-size: 13px !important;
	font-weight: normal;
}

table label {
	font-size: 1em !important;
	width: auto;
}

table label:after {
	content: "";
}

abbr {
	letter-spacing: .1em;
}

a:link {
	color: #333;
}

a:visited {
	color: #333;	
}

a:hover, .pseudolink:hover {
	color: #000;
	cursor: pointer;
}

a:active, #content a:focus, #header h1 a:focus {
	color: #363fc1;
}

/* @end */

/* @group Header */

#header, #header h1 a, #header h1 a:visited {
	color: #000;
	font-weight: normal;
}

#header h1 a:active {
	color: #eee;
}

#header a {
	text-decoration: none;
}

a#logout {
	display: block;
	font-size: 1.3em;
	line-height: 15px;
	font-weight: bold;
	background-color: rgba(31, 162, 214, 1);
	color: #fff;
	height: 20px;
	position: absolute;
	top: 0;
	right: 2em;
	line-height: 1em;
	padding: 0.5em 1em 0;
	float: right;
	margin: 0 0 0;
}

a#logout:active,
a#logout:hover {
	background: rgb(10,81,161);
}

/* @end */

/* @group Footer */

#footer, #footer a, .back a:link {
	color: #a9a9a9;
}

#footer a:hover, .back a:hover {
	color: #8f8f8f;
}

#footer a:active, #footer a:focus, .back a:active, .back a:focus {
	color: #626262;
}

#footer {
	font-size: 1.3em;
	position: fixed;
	left: 12px;
	bottom: 5px;
	atext-shadow: 1px 1px 1px #fff;
}

/* @end */

/* @group Navigation */

#nav {
	abackground: transparent url(/images/admin/dolphin_bg.gif) repeat-x 0px 4px;
	background: rgba(31, 162, 214, 1);
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
	height: 65px;
}

#nav, #nav ul {
	list-style-type: none;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 21px;
	padding: 8px 20px 3px 20px;
	color: #fff;
	font-size: 1.4em;
}

#nav li a:hover {
	abackground: transparent url(/images/admin/dolphin_bg-OVER.gif) repeat-x 4px left;
	background: rgb(10,81,161);
}

#nav .current a, #nav .current a:hover {
	color:#fff;
	abackground: #1D6893 url(/images/admin/dolphin_bg-ON.gif) repeat-x top left;
	background: rgb(10,81,161);
	-webkit-box-shadow: #333 0px -5px 2px;
	-moz-box-shadow: #333 0px 0px 1px;	
}

#nav .current .sec_nav a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.sec_nav {
	display: block;
	position: absolute;
	background-color: rgb(10,81,161);
	width: 100%;
	-webkit-box-shadow: #aaa 0px 2px 5px;
	-moz-box-shadow: #aaa 0px 2px 5px;
	padding-left: -1em;
	display: none;
	left: 0;
}

.current .sec_nav {
	display: block;
}

.sec_nav a {
	color: #fff !important;
	atext-shadow: #333 1px 1px 3px;
}

.current .sec_nav a {
	background: none !important;
}

.sec_nav a:hover,
.sec_nav a:active {
	background: rgb(53, 101, 154) !important;
}

/* @end */

.back {
	background: url(/images/admin/back.png) no-repeat left 2px;
	float: right;
	font-size: 1.2em;
	margin-bottom: 1.2em;
	padding-left: 16px;
}

/* @group Flashs */

.flash_notice, .flash_error {
	color: #fff;
	padding: .4em .8em;
	text-shadow: #333 0px 1px 1px;
	font-size: 1.3em;
}

.flash_notice {
	background-image: url(/images/admin/flash_notice.gif);
}

.flash_error {
	background-image: url(/images/admin/flash_error.gif);
}

/* @end */

/* @group Layout */

body {
	padding-bottom: 2em;
}

body#login {
	text-align: center;
}

#login #container {
	margin: 0 auto;
	text-align: left;
}

#content {
	margin: 1em 0 5em 2em;
	text-align: left;
	width: 90%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border: 1px solid #D9D9D9;
	/*clear: both;*/
	width: 100%;
}

th {
	background-color: #e2e2e2;
	color: #333;
}

td, th {
	border-spacing: 0;
	padding-bottom: .2em;
	padding-top: .3em;
	padding-left: .4em;
	padding-right: .6em;
}

td.checkbox {
	text-align: center;
}

tr.alt {
	background-color: #e9f5ff;
}

.inactive, .inactive a {
	color: #888;
}

.del {
	text-align: center;
}

#page_list a {
	display: block;
}

/* @end */

/* @group Form */

/* @group General */

fieldset {
	border: 1px solid #ddd;
	margin: 0 0 20px -10px;
	padding: 10px;
	width: auto;
}

fieldset>div {
	overflow: hidden;
	margin-bottom: 10px;
}

input[type=checkbox] {
	line-height: 1.8em;
	margin-top: 7px;
}

select {
	margin-top: 3px;
}

form p, form ul {
	font-size: 1.3em !important;
}

label,
.label,
form h4,
.with_hint {
	display: block;
	float: left;
	font-weight: bold;
	width: 130px;
	line-height: 1.8em;
}

/*input[type=text],
input[type=number] {
	margin-left: 130px !important;
}*/

.with_hint label {
	float: none;
}

.with_hint .hint {
	font-weight: normal;
}

label:after, .label:after, form h4:after {
	content: ":";
}

input[type=number] {
	width: 40px;
	text-align: right;
}

/* labels of radio boxes are different */

label.radio:after, .radio_select label:after {
	content: "";
}

label.radio {
	font-size: 1em;
	margin-left: .5em;
	float: none;
}

/*.radio_select, form div.search, form .list {
	clear: none;
	float: right;
	width: 60em;
}*/

.radio_select label, label.checkbox {
	display: block;
	margin-bottom: .2em;
	line-height: 1.8em;
}

.radio_select input[type=radio] {
	display: block;
	float: left;
	clear: left;
	height: 1.8em;
	margin-right: .3em;
}

textarea {
	border: 1px solid #aaa;
	padding: .2em;
	margin-bottom: 5px;
}

form div {
	clear: both;
}

form em {
	font-size: 1.2em;
}

.field_with_errors {
	display: inline-block;
}

.field_with_errors input,
.field_with_errors textarea {
	background-color: #FFFFC5;
}

/* @end */

/*.crud_form div>div {
	float: left;
}*/

/* Titles / Names */
#journey_title,
#place_title,
#country_name,
#album_name {
	font-size: 20px !important;
	font-weight: bold;
	margin-bottom: 7px;
	margin-left: 0 !important;
	width: 750px !important;
}

iframe {
	margin-bottom: 1em;
}

form div.small {
	clear: right;
	float: left;
	width: 49%;
}

.crud_form {
	width: 750px;
}

.crud_form input[type=text],
.big input[type=text] {
	display: block;
	margin: .3em 0 0 0;
	amargin-left: 130px;
	width: 600px;
	padding: 5px;
}
.crud_form textarea, .big textarea {
	float: right;
	width: 46em;
}

div.buttons {
	clear: both;
	float: right;
	width: auto;
}

.buttons input[type=submit], .buttons .button {
	margin: 0;
	margin-left: 1em;
	float: left;
}

.button,
#submit_button {
	display: inline-block;
}

.updown_button {
  min-width: 10px !important;
}

input[type=submit],
.button {
	aborder: 1px solid #c0c0c0;
	border:none;
	min-width: 150px;
	border-radius: 5px;
	-moz-border-radius: 25px;
	background-color: #b3bcc5;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 12px;
	text-decoration: none;
	-webkit-appearance: none;
	margin: 5px 0px;
}

.button a {
	text-decoration: none;
}

/* http://www.display-inline.fr/projects/css-gradient/#startType=hex&startValue=e0e4e8&endType=hex&endValue=7d8c9a&bgColor=start&className=input[type=submit]&comments=0 */
input[type=submit],
.button {
	background: #e0e4e8 repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		#6bb3d9,
		#325697
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#6bb3d9),
		to(#325697)
	);
	text-align: center;
}

.button a {
	color:#fff !important;
}

/* http://www.display-inline.fr/projects/css-gradient/#startType=hex&startValue=dedede&endType=hex&endValue=6c7680&bgColor=start&className=input[type=submit]:hover&comments=0 */
input[type=submit]:hover,
.button:hover,
input[type=submit]:active,
.button:active  {
	background: -moz-linear-gradient(
		top,
		#508aa9,
		#253f6f
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#508aa9),
		to(#253f6f)
	);
}


/*#login*/ 

#login #container {
	text-align: center;
	width: 700px !important;
}

#login h2 {
	display: none;
}

#login #logo {
	margin-bottom: 30px;
}

#login label {
	float: none;
	margin: 0 auto;
}

form {
	width: 100%;
}

#login input[type=password] {
	width: 12.9em;
}

/*form.small {
	width: 40em;
}*/

form.small input[type=text], form.small input[type=password] {
	width: 20em;
}

/*form.small fieldset {
	width: 30.2em;
}*/

form.small label {
	float: left;
	width: 10em;
}

form.small div {
	margin-top: .5em;
	vertical-align: middle;
}

form.medium {
	width: 40em;
}

legend {
	font-weight: bold;
	margin: 0 0 10px -5px;
	padding: 0 5px;
}

.hint {
	font-size: 11px !important;
	padding-left: 130px;
}

em.hint {
	padding: 0;
}

.ajax_results {
	margin: 0 0 0 130px;
	background: url(/images/admin/transparent.png);
	border: 1px solid #aaa;
	overflow: auto;
	position: absolute;
	width: 215px;
}

.search .ajax_results {
	margin-left: 0;
}

.ajax_results ul {
	list-style: none;
	margin: 2px 0 !important;
}

.ajax_results a, .ajax_results .nolink {
	display: block;
	padding-left: 1em;
	text-decoration: none;
}

.ajax_results a:hover {
	background-color: #999;
	color: #fff;
}

div.checkbox input {
	float: left;
	height: 1.5em;
}

label.checkbox {
	width: auto;
	margin-left: .5em;
}

label.checkbox:after {
	content: "";
}

/* Albums form */

#album_form {
	margin-bottom: 25px;
}

#album_photos {
	padding: 1em;
	border: 1px solid #888;
	margin-bottom: 15px;
	overflow: hidden;
}

#add_photos, #photos {
	margin-bottom: 15px;
}

div.image {
	display: inline-block;
	clear: none;
	margin: 0 20px 30px 0;
	min-height: 250px;
	vertical-align: top;
	width: 245px;
}

div.image div {
	width: auto;
}

/* flickr-style editing */

p.empty {
	color: #bbb;
	line-height: 1.1em !important;
	margin: 4px 0 !important;
}

div.delete,
a.cancel {
	font-size: 1.2em;
}

.trigger:hover {
	background-color: #ffffd3;
}


form.edit_photo textarea {
	width: 250px;
}


/* Inline-Liste */
#options li {
	border-right: 1px solid #333;
	display: inline;
	margin: 0 !important;
	padding: 0 7px 0 3px;
}

#options li:first-child {
	padding-left: 0 !Important;
}

#options li:last-child {
	border-right: none;
}



/*div.interactive {
	margin-left: 15em;
}*/

.interactive h2 {
	color: inherit;
	font-weight: bold;
	float: none;
	margin: 0;
	width: auto;
}

.interactive .more {
	margin-bottom: 2em !important;
}

.interactive h4:after {
	content: "";
}

img.preview {
	float: right;
}

.after {
	display: inline;
	float: none !important;
}

.after:after {
	content: "";
}

textarea.short {
	line-height: 1.2em !important;
}

/* Binary radio selects */
.ayurveda .radio_select div,
.sex .radio_select div,
#flexible_length .radio_select div {
	float: left !important;
	clear: none;
	width: 100px;
}

.radio_select,
.radio_select div {
	margin-bottom: 0;
}

/* True/False */
.ayurveda .radio_select div,
#flexible_length .radio_select div {
	width: 50px;
}

/* @group Journey Form */

#coaches_list {
	list-style: none;
  width: 270px;
	margin-left: 125px;
	padding-left: 5px;
}

#coaches_list li:hover {
	background-color: #f6f6f6;
}

#search_coaches {
    margin-left: 125px;
}

.price_from label,
.price_basis label {
	margin-right: 10px;
}

.price_basis {
}

.price input,
.price_basis input {
	margin-left: auto !important;
	width: 280px !important;
}

#journey_price {
	display: inline-block;
	text-align: right;
	width: 40px !important;
}

/*
.basics, .flyer, .technical {
	float: left;
	width: 350px !important
}

.technical, .flyer {
	float: right;
}
*/

.basics input[type=text],
.technical input[type=text],
.basics .radio_select,
.technical textarea {
	display: inline-block;
	width: 214px !important;
	padding: 5px;
}

/* @end */

.editor {
	width: 600px !important;
}



/* @end */

/* @group Login */

#login #container {
	width: 30.2em;
}

body#login  {
	background-image: none;
	padding-top: 10em;
}

#login #footer {
	margin: 20px auto 0;
	width: 46.15384615385em;
	position: relative;
	background: url(/images/admin/footer.png) no-repeat center;
	padding: 35px 0 0 0;
}

#login p {
	font-size: 1.2em;
}



/* @end */

/* @group Start page */

.del a, a.del {
	background: url(/images/admin/del.png) no-repeat center 0;
	display: block;
	height: 14px;
	width: 14px;
  text-indent: -10000em;
}

a.del {
	float: right;
	margin-top: 2px;
}

.del a:hover,
a.del:hover {
	background-position: center -14px;
}

.del a:focus,
.del a:active,
a.del:focus,
a.del:active {
	background-position: center -28px;
}

.duplicate {
	font-weight: bold;
}

/* @end */

.dragndrop {
	overflow: hidden;
	float: left;
	width: 48.5%;
}

#in_nav ul, #not_in_nav ul {
	height: 200px;
	border: 1px solid #aaa;
	padding: 1em;
}

#not_in_nav {
	margin-left: 2em;
	float: right;
}

#in_nav li, #not_in_nav li {
	cursor: move;
	width: 100%;
	margin-left: 1.3em;
}

/* @group Image managment */

#thumbs div {
	float: left;
	height: 130px;
	margin: 0 20px 15px 0;
	text-align: center;
	width: 110px;
}

#thumbs img, #image_detail im, #select_image img {
	background-color: #fff;
	margin-bottom: .5em;
	border: 3px solid #fff; /*#b7b7b7*/;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
}

#image_detail img {
	background-color: #fff;
	margin-bottom: .5em;
	border: 5px solid #fff; /*#b7b7b7*/;
	-webkit-box-shadow: 1px 1px 3px #aaa;
}

#thumbs a {
	font-size: 1.2em;
}

#thumbs a:active img {
	-webkit-box-shadow: 0px 0px 3px #aaa;
}

#image_detail {
	float: right;
	text-align: right;
	font-size: 1.2em;
}

.images form fieldset {
	width: 460px;
}

/* @group Image editing popup */

label.title {
	display: block;
	margin-bottom: 2px;
}

#edit_image #image_filename {
	font-size: 1.8em;
	width: 100%;
}

#custom_size {
	margin-left: 2em;
	clear: left;
	font-size: 1.2em;
}

#custom_size input {
	display: inline;
	float: none;
	clear: none;
	width: 50px !important;
	font-size: 1.1em;
}

body.popup {
	margin: 20px;
}

/* @end */

/* @end */

/* @group Image Gallery */

#image_list, #gallery_images {
	width: 100%;
}

#gallery_images {
	border: 1px solid #aaa;
	height: 91px;
	list-style-type: none;
	margin-bottom: 10px;
}

#gallery_images img, #image_list img {
	background-color: #fff;
	border: 3px solid #b7b7b7;
	margin: 5px 0 0 5px;
}

#image_list {
	border: 1px solid #aaa;
	height: 220px;
	margin-top: 0px;
}

#image_list li, #gallery_images li {
	list-style-type: none;
	float: left;
	cursor: move;
}

/* @end */



/* @group Rails form errors */

.fieldWithErrors {
	background-image: url(/images/admin/flash_error.gif);
  display: table;
  width: 100%;
}

.fieldWithErrors input, .fieldWithErrors textarea {
	margin: 2px;
	width: 98.5%;
}

.fieldWithErrors label {
	background-color: #fff;
	display: block;
	width: 100%;
}

#errorExplanation {
  border: 5px solid red;
  padding: 7px;
  margin-bottom: 2em;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
	color: #333;
	font-size: 1.5em;
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
	margin-left: 2em;
}

/* @end */

/* @group Popup  */

body, html {
	height: 100%;
}
#popup_bg {
	height: 100%;
	width: 100%;
	display: table;
	#position: relative; /* hack for IE */
	overflow: hidden;
	background-color: rgba(92,92,92,0.35);
	position: fixed;
	top: 0px;
	left: 0px;
}


#popup_container {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}

/* vertical alignment
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */

#popup {
	clear: both;
	margin: -2em auto 0;
	padding: 2em 2em 3em 2em;
	position: relative;
	width: 41em;
	overflow: auto;
	border: 1px solid #aaa;
	background: #fff;
	-moz-box-shadow: 1px 1px 3px #555;
	-webkit-box-shadow: 2px 2px 20px #555;
	box-shadow: 1px 1px 3px #555;
	z-index: 5;
	overflow: visible;
}

/* Clearfix-Methode */
#popup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#popup.large {
	width: 58em;
}

#popup #close {
	display: block;
	height: 30px;
	width: 30px;
	float: right;
	text-indent: -10000em;
	background-image: url(/images/admin/popup_close.png);
	margin-top: -3em;
	margin-right: -3.5em;
}

#popup #close:active {
	background-position: 0 -30px;
}

#popup h3 {
	font-size: 1.8em;
	clear: none;
	margin: 0 0 .7em;
}

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

#popup form {
	width: 100%;
}


#popup input[type=text] {
	width: 20em;
}

#close:active {
	outline: none;
}
	

/* @end */

.widgContainer {
	float: right;
	margin-left: 15px;
	width: 605px;
}

/* @group Image select in WYMEditor */

#select_image img {
	margin: 0 auto 5px;
	padding: 5px;
	border: 1px solid #b7b7b7;
	background-color: #fff;
}

#select_image .info {
	height: 90px;
}

#select_image .info strong {
	font-size: 1.2em;
}

#select_image div {
	float: left;
	height: 130px;
	margin: 0 20px 15px 0;
	text-align: center;
	width: 110px;
}

/* @end */

.wym_box {
	font-family: "Helvetica Neue", Helevtica, Arial, sans-serif !important;
	width: 100%;
	margin-top: -2.4em;
}

/*#edit_page_content {
	height: 350px;
}*/

.crud_form .wym_area_right div {
	display: block;
	float: none;
}

#container .wym_box div {
	float: none;
	clear: none;
}

#container .crud_form .wym_area_right {
	float: right;
}

.wym_iframe {
	margin-bottom: 0 !important;
}

.wym_area_bottom {
	display: none;
}

/* new stuff | mat */
.package-label {
  display: inline !important;
  float:none !important;
  width: auto !important;
  cursor: pointer;
}

.package-label::after {
	content:"";
}

.meta-trip-children {
	font-size: 0.8em !important;
}

/* new style */
input[type=text],
input[type=password],
input[type=number],
textarea,
select {
		padding: 5px 10px;
}



tr:hover td {
    background: #ccd7de !important;
}