/* 
    Document   : default
    Created on : Mar 17, 2014, 12:32:52 PM
    Author     : makko
    Description:
        Default / Fallback CSS

	Change color schemes and default images here.

	Add CSS in modules only if absolutely necessary and only change
		positioning values! Color scheme must stay global!

*/


/* ------ General ------------------------------------------------------------*/

body {
	background-color: black;
	color: #c8c8c8;
	background-image: url('./img/sidebg_guitarsmoke_slim.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-position-y: 0px;
	background-size: 260px;
	background-attachment: fixed;
}

a {
	color: #5395ce;
	cursor: pointer;
}

a:hover {
	color: #b3d0e9;
}



section#mainContent {
	/* Temporary Values */
	min-height: 900px;
}

.contentBox {
	margin: 24pt;
}

h1 {
	color: white;
}

pre {
	font-family: "Lucida Console";
	background-color: rgba(30%, 30%, 30%, 0.3);
	color: silver;
}

.nd {
	display: none;
}

.cd {
	unicode-bidi: bidi-override;
	direction: rtl;
}

#festivalImageBox {
	position: absolute;
	height: 180px;
	top: 14px;
	right: 14px;
	border: 2px solid #303030;
	box-shadow: 3px 3px 3px black;
	z-index: 0;
}

/* ------ Icons --------------------------------------------------------------*/

.icon {
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
	background-size: contain;
}

.icon-portrait {
	background-image: url("./img/iconPortrait.png");
}

.icon-landscape {
	background-image: url("./img/iconLandscape.png");
}

/* ------ Tables -------------------------------------------------------------*/

td, th {
	padding: 1pt 4pt;
}

td.r, th.r { text-align: right; }
td.c, th.c { text-align: center; }
.nospace {
	margin: 0px;
	padding: 0px;
}

/* ------ Main Header --------------------------------------------------------*/

header {
	height: 250px;
	margin-bottom: -50px;
	width: 100%;
	background-image: url('./img/headerbg_openairstage2.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 16pt 24pt;
}

header div.page-header {
	margin: 0px;
	border: none;
}

header h1 {
	font-size: 36pt;
	margin: 0px;
}

header h2 {
	margin: 0px;
}



/* ------ Main Menu ----------------------------------------------------------*/

#languageSelect {
	float: right;
	margin-right: 28px;
}

#languageSelect .lang {
	display: inline-block;
	height: 22px;
	margin: 7px;
	border: 1px solid #131313;
	box-shadow: 2px 2px 2px #131313;
}

#languageSelect .lang:not(.active):hover {
	border: 1px solid white;
	cursor: pointer;
}

#languageSelect .lang.active {
	opacity: 0.5;
	border: 1px solid #006666;
	box-shadow: 2px 2px 2px #006666;
}

#languageSelect .lang img {
	height: 100%;
}

.nav-tabs {
	margin-left: 30px;
	margin-bottom: 1px;
	border-bottom: none;
}

.nav-tabs li {
	background-color: rgba(0, 0, 0, 0.75);
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	margin-right: 2pt;
	min-width: 100px;
	text-align: center;
}


.nav-tabs li a {
	margin: 0px;
	border-top-right-radius: 11px;
	border-top-left-radius: 11px;
}




/* ------ Breadcrumbs --------------------------------------------------------*/

.breadcrumb {
	background-color: #333;
	border-radius: 0px;
	margin-bottom: 0px;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 30px;
}

.breadcrumb>li+li:before {
	content: "»";
}

.breadcrumb .active {
	color: #dcdedf; 
}

/* ------ FestivalSelection --------------------------------------------------*/



#FestivalSelection h2 {
	border: 2px solid #ab5b06;
	padding: 4pt 12pt;
	border-radius: 12px;
	background-color: rgba(222, 119, 9, 0.1);
}

#FestivalSelection h3 {
	color: white;
	padding: 4pt 12pt;
	border-bottom: 2px solid #de7709;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin-bottom: -2px;
}

#FestivalSelection div.festivalCollection  {
	border: 2px solid #de7709;
	margin-bottom: 24pt;
	border-radius: 12px;
	margin-top: 0px;
	background-color: rgba(222, 119, 9, 0.1);
	padding: 6pt;
}

#FestivalSelection table img {
	height: 40px;
}

#FestivalSelection table .imgCell {
	width: 45px;
	background-color: black;
}

#FestivalSelection table {
	border-bottom: 1px solid black;
	border-radius: 12px;
	background-color: transparent;
	margin-bottom: 0px;
}

#FestivalSelection table .flag {
	height: 1.1em;
	width: auto;
	box-shadow: 2px 2px 4px #303030;
	border: 1px solid #303030;
	margin-top: 0px;
}

#FestivalSelection table h4 {
	height: 40px;
	margin: 0px;
	padding: 8pt;
}

#FestivalSelection	.table>thead>tr>th,
			.table>tbody>tr>th,
			.table>tfoot>tr>th,
			.table>thead>tr>td,
			.table>tbody>tr>td,
			.table>tfoot>tr>td {
	border-top-color: black;
	vertical-align: middle;
}

#FestivalSelection .table>thead>tr>th {
	border-bottom: 2px solid black;
}


#FestivalSelection .table>thead {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: black;
}

#FestivalSelection table tbody tr:hover {
	background-color: rgba(222, 119, 9, 0.1);	
}


div.festivalCard {
	display: inline-block;
	text-align: center;
	width: 260px;
	height: 350px;
	border: 2px solid #3a1f02;
	border-radius: 12px;
	padding: 4pt 0pt;
	background-color: black;
	margin: 6pt;
}

div.festivalCard.inactive {
	opacity: 0.2;
}

div.festivalCard .flag {
	height: 1.1em;
	width: auto;
	box-shadow: 2px 2px 4px #303030;
	border: 1px solid #303030;
	margin-top: 0px;
}

div.festivalCard:hover {
	border: 2px solid #753f04;
}

div.festivalCard img {
	margin-top: 4pt;
	height: 150px;
}

div.festivalCard h4 {
	color: white;
	text-shadow: 3px 3px 2px black;
	padding: 3pt;
	margin: 6pt 0pt;
	height: 18pt;
	overflow: hidden;
	
	background: rgb(53,53,53); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(53,53,53,1) 0%, rgba(60,60,60,1) 12%, rgba(42,42,42,1) 39%, rgba(26,26,26,1) 50%, rgba(0,0,0,1) 51%, rgba(10,10,10,1) 60%, rgba(25,25,25,1) 76%, rgba(17,17,17,1) 91%, rgba(11,11,11,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,1)), color-stop(12%,rgba(60,60,60,1)), color-stop(39%,rgba(42,42,42,1)), color-stop(50%,rgba(26,26,26,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(10,10,10,1)), color-stop(76%,rgba(25,25,25,1)), color-stop(91%,rgba(17,17,17,1)), color-stop(100%,rgba(11,11,11,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(53,53,53,1) 0%,rgba(60,60,60,1) 12%,rgba(42,42,42,1) 39%,rgba(26,26,26,1) 50%,rgba(0,0,0,1) 51%,rgba(10,10,10,1) 60%,rgba(25,25,25,1) 76%,rgba(17,17,17,1) 91%,rgba(11,11,11,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(53,53,53,1) 0%,rgba(60,60,60,1) 12%,rgba(42,42,42,1) 39%,rgba(26,26,26,1) 50%,rgba(0,0,0,1) 51%,rgba(10,10,10,1) 60%,rgba(25,25,25,1) 76%,rgba(17,17,17,1) 91%,rgba(11,11,11,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(53,53,53,1) 0%,rgba(60,60,60,1) 12%,rgba(42,42,42,1) 39%,rgba(26,26,26,1) 50%,rgba(0,0,0,1) 51%,rgba(10,10,10,1) 60%,rgba(25,25,25,1) 76%,rgba(17,17,17,1) 91%,rgba(11,11,11,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(53,53,53,1) 0%,rgba(60,60,60,1) 12%,rgba(42,42,42,1) 39%,rgba(26,26,26,1) 50%,rgba(0,0,0,1) 51%,rgba(10,10,10,1) 60%,rgba(25,25,25,1) 76%,rgba(17,17,17,1) 91%,rgba(11,11,11,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */
}

.nowButton {
	position: relative;
		top: -14px;
		left: -12px;
	opacity: 0.8;
	
	height: 40px;
	margin-bottom: -40px;
	
	background-image: url('./img/nowButton.png');
	background-size: contain;
	background-repeat: no-repeat;
}



/* ------ FestivalSelection: Navigation --------------------------------------*/

section .navbar {
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	padding-left: 16pt;
	padding-right: 16pt;
	border-top: none;
	margin-left: 12pt;
	margin-right: 12pt;
}

section .navbar-brand {
	border-right: 1px solid lightgray;
	padding-right: 24pt;
}







/* ------ Main Footer --------------------------------------------------------*/

footer {
	clear: left;
	width: 100%;
	height: 120pt;
	border-top: 1px solid lightgray;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	vertical-align: top;
	margin-bottom: 100px;
}

footer .footer {
	text-align: center;
}

footer .center-footer {
	padding: 4pt;
	background-color: #333;
	border-bottom: 1px solid lightgray;
	margin-bottom: 8pt;
	height: 24pt;
}

footer .left-footer {
	width: 50%;
	float: left;
}

footer .right-footer {
	width: 50%;
	float: right;
}

footer table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: black;
}

footer table tr {
	line-height: 21pt;

}
/* ------ Module: Administration ---------------------------------------------*/

#Administration .login-form {
	max-width: 200px;
}

#Administration .login-form input, button {
	margin: 5pt 0pt;
}

#Administration table td,th {
	border: 1px solid #131313;
}

#Administration table thead, th {
	border-bottom: 3px double silver;
}

#Administration table tr:hover {
	background-color: #131313;
}

#Administration table .flag {
	height: 10pt;
}

#Administration textarea {
	height: 16em;
	margin-bottom: 2pt;
	min-width: 500px;
}

#Administration .input-group-sm {
	max-width: 500px;
}

#Administration .input-group-sm select {
	color: #272b30;
}

#Administration .e {
	background-color: red;
}

#Administration #artistTable .countryCode {
	width: 64px;
}

/* ------ Home ---------------------------------------------------------------*/



#Home .panel h3 {
	font-weight: bold;
}

#Home .panel .date {
	float: right;
	margin-top: -1.3em;
}

#Home .panel p {
	text-align: justify;
	line-height: 2em;
	margin-bottom: 1.2em;
}

#Home .panel li {
	line-height: 2em;
}



/* ------ Jumbotron ----------------------------------------------------------*/

.jumbotron {
	border-radius: 6px;
}

/* ------ Label --------------------------------------------------------------*/

.label-warning-dark {
	background-color: #ab5b06;
}

/* ------ Contact ------------------------------------------------------------*/

#Contact textarea, select, #email {
	display: block;
	margin-top: 8pt;
	min-width: 500px;
	color: black;
}

#Contact textarea {
	height: 16em;
}

#recaptcha_widget_div {
	margin-top: 8pt;
}

/* ------ Module: Running Order ----------------------------------------------*/

.ROVersion {
	float: right;
	border: 1px solid #666;
	color: #666;
	border-right: none;
	border-top: none;
	border-bottom-left-radius: 7px;
	margin: 0px;
	padding: 4px 8px;
	margin-right: -32px;
	margin-top: -32px;
}