/*
*
*
*	site-specific layout statements
*
*/


/*	Structure
-------------------------------------------------------------- */

body,html{
	margin:0px;
	padding:0px;
}

#totalContainer{
	/*margin-top:10px;*/
	margin-top:0px;
	margin-bottom:10px;
}

.width_1#totalContainer{
	width:1038px;
}

.width_2#totalContainer{
	width:978px;
}

#topBar{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}

#topBarContainer{
	/*margin:15px auto 15px auto;*/
	margin:0px auto 15px auto;
}
	
.width_1#topBarContainer{
	width:1038px;
}
	
.width_2#topBarContainer{
	width:978px;
}

#topBarLink{ /* top toggle bar */
	text-align:center;
	margin:0px;
	padding:0px;
	height:10px;
	width:100%;
}

#topBarLink a{ /* top toggle bar */
	float:left;
	margin-left:48.5%; /* make it block level and try to center it without javascript..*/
	padding:15px 10px 5px 10px;
}

#topBarLink.withoutTopRegion a{ /* makes space in case we don't have any element in the top Region */
	margin-bottom:50px;
}

#top{ /* upper part of the template */
	float:left;
	width:100%;
	height: 0px;
	position:relative;
	margin-bottom:10px;
}

#topUtility{
	position:absolute;
	top:20px;
	right:0px;
}

#logo-container{ /* image logo container */
	float:left;
	height:150px;
	margin-right:10px;
	margin-top: 0px;
}

#title-slogan{ /* site title and slogan container */
	float:left;
	margin-top:20px;
}

#site-title,
#site-slogan{ 
	margin:0px;
	padding:0px;
}

#siteContent td {
	padding: 10px;
	vertical-align: top;
}

#search{ /* theme search box */
        position: relative; 
        float: right; 
        right:15px; 
        top: -30px; 
       /* right:15px;
        top: -80px;*/
        z-index:15;
}

#search div{ /* search button inline */
        display: inline;
}

#noao_menu{ /* theme noao menu */
        position: relative;
        float: left;
        right:150px;
        top: 212px;
        /*right:-10px;
        top: 13px;*/
        z-index:18 !important;
}

#noao_menu , x:-moz-any-link { /* Fix menu for firefox noao menu */
        position: relative;
        float: left;
        right:150px;
        top: 210px;
       /* right:-10px;
        top: 8px;*/
        z-index:18 !important;
}

#noao{ /* NOAO logos/quick links box */
        position: relative;
        float: left;
        left:800px;
        /*top: 130px;david*/
        top: 70px;
        z-index:17;
}


#pageBorder{ /* makes the border */
	float: left;
}

.ie7 #pageBorder{ /* for IE7 */
  float: none;
  overflow: hidden;
}

#contentWrapper{ /* wraps content */
	float: left;
	padding:15px 5px 15px 5px;
	position: relative;
	z-index: 1;	/* follows the z-index order of primary menu and advertise (to solve ie7 z-index BUG )*/
}

.breadcrumb{ /* breadcrumb */
	padding-bottom: 5px;
	border-bottom: 1px hidden #ccc;
	margin:0px 10px 15px 10px;
}

* {margin:0;padding:0;} 
* * 
* */* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ 

html, body {height: 100%;} 

#wrap {min-height: 100%;} 

#main {overflow:auto; 
        padding-bottom: 127px;} /* must be same height as the footer */ 

#footer {
		position: relative; 
        margin-top: -127px; /* negative value of footer height */ 
        height: 127px;
		width:1038px;
        bottom: 10px; 
        clear:both;
} 

#footer2 {
        margin-top: -127px; /* negative value of footer height */ 
        height: 127px;
		width:1038px;
        background: #333 url(../img/back2.gif); 
        bottom: 10px; 
        border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		clear:both;
		top: 127px;
} 

/*Opera Fix*/ 
body:before {/* thanks to Maleika (Kohoutec)*/ 
content:""; 
height:100%; 
float:left; 
width:0; 
margin-top:-32767px;/* thank you Erik J - negate effect of float*/ 
} 


/*
#footer{ /* site footer*/
	margin-top: 25px;
	padding-bottom:60px;
	float: left;
	width: 100%;
	position:relative;
}
*/
#navigation-footer{ /* site footer*/
	position:absolute;
	right:0px;
	top:0px;
	
}

#bottomUtility{
	position:absolute;
	top:0px;
	right:0px;
}

/* utility menu */

.utility ul.menu{
	margin:0px;
	padding:0px;
	list-style:none;
}

.utility ul.menu li{
	display:inline;
	margin:0px 0px 0px 4px;
	padding:0px;
}

.utility ul.menu li a{
	padding-right:8px;
}

.utility ul.menu li:after{
	content:"|";
}


/*	Look & Feel
-------------------------------------------------------------- */

body.marinelli{
	/*background: #17293d url(../img/backgrounds/body.gif);*/
	background: #003;
}
	
#topBar,#topBarLink,#topBarLink a{ /* top toggle bar */
	background:#054b81;
}

#topBarLink a{
	font-size: 1.1em;
}

.outsidecontent{
	color:white;
}

#site-title,
#site-slogan{
	font-weight: bold;		
}

#site-title{
	font-size: 3em;
	line-height:0.8em;
}

#site-slogan {
	font-size: 2em;
	text-indent: 0.5em;
}

#pageBorder{ /* border of the whole site */ 
	/*border:10px solid #054b81;*/
	border:10px solid #333;
}
	
#pageBorder.noborder{ /* when we don't have the advertise region */ 
	border-top:0px;
}

#contentWrapper{ /*David Changed this from white, since firefox was moaning */
	background: #575757;
}

.breadcrumb { /* breadcrumb */
	font-weight: bold;
}

.utility{ /* utility menu */
	font-size:0.9em;
	text-transform:uppercase;
}

#panel_news_noao{ /* panel news at noao */
        width:595px;
        position:relative;
        float:left;
        left:-5px;
        top: -14px;
        z-index: 17;
        font-size: 1.1em;
        background: #eee;
        border: 1px solid;
        border-radius: 8px;
        padding: 15px;
}

#panel_announcements_noao{ /* panel news at noao */
        width:325px;
        position:relative;
        float:left;
        left:-65px;
        top: -25px;
        z-index:17;
        background: #eee;
        border: 1px solid;
        border-radius: 8px;
        padding:15px;
        font-weight: bold;
}

/* Change the front page panel  noao */
#panel_main_noao{
        /*width:975px; 
        position:relative;
        float:left;
        left:-5px;
        top:-20px;*/
        width:325px;
        position:relative;
        float:left;
        left:-65px;
        top: -10px;
        background: #eee;
        border: 1px solid;
        border-radius: 8px;
        padding:15px;
}

.profile .user-picture {
  float:left;
  margin-bottom:1em;
  margin-left:0;
  margin-right:1em;
  margin-top:0;
}

/* Change the border and background color of the book navigation menu 
#block-book-navigation , #block-system-management  {
 border: 1px solid;
 background: #CCC;
 padding:5px 5px 5px 5px;
}
*/
/* This increases the size of the font of the administrative menu module, so that it doesn't overlap with the toolbar(D7 default */
#admin-menu {
  font-size: 13px;
}

.breadcrumb {
background: #eee;
border: 1px solid #333;
border-radius: 6px;
padding: 8px;
}

.block .title {
 border-bottom-width: 0px !important;
}

li.service-links-facebook-like iframe{
	height: 62px !important;
}

/* Edit the staff list view */

/*Department title*/
.view-stafflist .views-widget-filter-field_dept_tid {
        font-size: 18px !important;
}
/* Contents list of the departments */
.view-stafflist .views-widget {
        font-size: 12px !important;
}
/*Title above each table */
/*.view-stafflist .views-table.cols-5 caption {
        font-size: 18px !important;
}*/

a.follow-link-twitter{
	position:relative;
        float:left;
        left:50px;
        top: -10px;
}	

a.follow-link-facebook{
	position:relative;
        float:left;
        left:60px;
        top: -10px;
	background-image: url(../img/facebook.png);
}

/* Language Switcher CSS */

#block-locale-language { 
        position:relative; 
        float:left; 
	top: -57px;
	left: -30px;
} 

/* Gets rid of the circle dot before each flag */
ul.language-switcher-locale-url 
{ 
list-style-type:none; 
} 

/* Only shows the inactive flag */

.language-switcher-locale-url li.active a{ 
display: none; 
} 

.language-switcher-locale-url li, 
.language-switcher-locale-url ul, 
.language-switcher-locale-url ol, 
.language-switcher-locale-url a, 
.language-switcher-locale-url a:link, 
.language-switcher-locale-url a.link, 
.language-switcher-locale-url a:visited, 
.language-switcher-locale-url a.visited, 
.language-switcher-locale-url a:hover, 
.language-switcher-locale-url a.hover, 
.language-switcher-locale-url a.hovered 
{ 

font-size: 15px; 
font-family: Arial, Helvetica, Sans-Serif; 
display: inline; 
color: white; 
text-decoration: none; 
} 

/* Upcoming colloquia View Table */

.views-field-field-date , .views-field-field-talk-location
{
width: 17%;
}

.calendar-calendar .mini-day-on {
background-color: #33AAEE;
}


/* EPO News view */

#block-views-epo_news_block-block {
 border: 1px solid;
 background: #CCC;
 padding:5px 5px 5px 5px;
}
/*
#epo_news_view{
	background-color: #33AAEE;
        border: 2px solid;
        padding:50px 10px 10px 10px;
}
*/
.comment {
margin-right: 10px;
}



/*
.comment {
 background: #999; padding: 1em; 
margin-right: 10px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 2px solid black;
}

.comment_field1 {
 background: #FFF; 
 padding: 10px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 2px solid black;
margin-right: 50px;
}

.comment_field2 {
 background: #1BA8E0; 
 padding: 10px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 2px solid black;
width: 30%;
}
*/

.field-collection-view .field-label {
width: 30%; !important
}

/*
.field_collection_item_field_nr_program_full_group_times, .field-collection-view .field-label {
  width: 40%; !important
}*/


.webform-component-fieldset .fieldset-legend {
text-transform: uppercase; !important
}

.hasCountdown {
background-color:#FFF;
border:2px solid #111;
}

/* This changes the size of the departments in the staff list view */

.view-stafflist .views-widget{
  font-size:15px !important;
}


#edit-field-car-passengers-und {
   height:200px;
   width:200px;
}

.david.pager{
margin -5px 0;
}

.view-car-use.views-field-field-name .table .td{
font-size;18pt;
}


.form-item .description {
font-size:10pt;
}