/*
html, body#top
{
   background-color: #07ade0;
}
*/

html, body {
  height: 100%;
  width: 100%;
}
body {
    margin: 0px;
    padding: 0px;
    background: #eee;
}

.row {
    margin:0px;
    padding:0px;
}

div#navbar ul>li#language-select>ul>li>a>i#selected {
   font-weight: bolder;
}

div#main>div#center div#left
{
   
/*   background-color: #ccc;
   border-radius: 4px;*/
   margin-left: -20px;
   margin-top: -10px;

   background-image: url('img/subnav_bg.png');
   background-repeat: no-repeat;
   background-position: right;
   height: 600px;
   
   
/*   padding: 4px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
}

ul#subcontent-all-shown {
    padding: 0px;
    margin: 0px;
}

#feedback ul
{
    list-style: none; 
    margin: 20px 0px 20px 0px;
    padding: 0;
}

#feedback #fb_module {
    padding: 0;
}

.navbar div#menu>ul
{
    list-style: none;
    margin: 0px 0px 20px 0px;
}

.navbar div#menu>ul>li
{
    display: inline-block;
    margin-right: 10px;
    border: 1px solid grey;
    background-color: white;
    padding: 6px;
}

.navbar ul#subnav
{
   margin: 20px 0 0 0;
   list-style: none;
}
.navbar ul#subnav>li
{  
   background-image: url('img/subnav_item_bg.png');
   background-position: right bottom;
   text-align: right;
   background-repeat: no-repeat;
}
.navbar ul#subnav>li>a
{
   font-size: 16px;
   margin-right: 20px;
}
.navbar ul#subnav>li>a:hover
{
   text-decoration: none;
}
.navbar ul#subnav>li#selected
{  
   background-image: url('img/subnav_item_target.png');
}

.navbar ul#subcontent>li
{
   list-style: none;
}

.navbar ul#subcontent>li
{
   display: none;
}

/*Ajax loader*/

.ajax-loader
{
   display: inline-block;
   position: relative;
   top: 50%;
   left: 50%;
}

.ajax-loader.icon-1
{
   width: 32px;
   height: 32px;
   background: url(img/ajax/ajax-loader.gif) no-repeat;   
}
.ajax-loader.icon-2
{
   width: 128px;
   height: 128px;
   background: url(img/ajax/ajax-loader2.gif) no-repeat;   
}
.ajax-loader.icon-3
{
   width: 100px;
   height: 100px;
   background: url(img/ajax/ajax-loader3.gif) no-repeat;   
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.6em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#F9F5DD;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E8F6FF;
	border-color:#A9C1FA;
}

div.flash-error a
{
	color:#8a1f11;
} 

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#626CFB;
}

div#share {
    margin-top: 10px;
    text-align: left;
}
 
div#share>span{
    display: inline-block;
    margin: 6px 0px 6px 0px;
}

div#share img {
    vertical-align: top;
    margin-right: 10px;
}

div#share a#twittershare {
    display: inline-block;
    margin-right: 10px;
}

#main.container {
    background-color: white;
}   

/*
 These are required
*/
@media (min-width: 1200px) {
    iframe {
        width: 560px;
        height: 315px;
    }
}
@media (max-width: 1200px) {
/*    iframe {
        width: 560px;
        height: 315px;
    }*/
}

@media (min-width: 768px) and (max-width: 979px) {
    #main.container {
        margin-top: 0px;
    }   
    iframe {
        width: 560px;
        height: 315px;
    }
}

@media (max-width: 767px) {
    
     .table.items {
        margin-left: -10px;
    }
    
    
/*    iframe {
        width: 332px;
        height: 187px;
    }*/
    
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        position: fixed; /* <-- Look here */
        right: 0;
        left: 0;
        z-index: 1030;
    }
    
}