/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey


*/ 

/*  
CUSTOM CSS FOR CDP SITE*/


/*---------GENERAL STYLING--------- */

html,body{ 
	background:#e9f1f0 url(custom_images/bg_bluegrey.png) repeat-x top; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#444; 
	text-align:justify;
	height:100%;
}

#list-inline ul li
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#list-inline ul li { display: inline; }

.superscript { position: relative; top: -0.5em; font-size: 80%; }

.subscript { position: relative; top: +0.5em; font-size: 80%; }

.email_grant {
	background:#FFF url(custom_images/user_imgs/email_grant.png) no-repeat;
	background-size: 16% 115%;
}
.email_amitabh {
	background:#FFF url(custom_images/user_imgs/email_amitabh.png) no-repeat;
	background-size: 16% 115%;
}
.email_rudolf {
	background:#FFF url(custom_images/user_imgs/email_rudolf.png) no-repeat;
	background-size: 16% 115%;
}

.ph_grant {
	background:#FFF url(custom_images/user_imgs/ph_grant.png) no-repeat;
	background-size: 16% 100%;
}
.ph_amitabh {
	background:#FFF url(custom_images/user_imgs/ph_amitabh.png) no-repeat;
	background-size: 16% 100%;
}
.ph_rudolf {
	background:#FFF url(custom_images/user_imgs/ph_rudolf.png) no-repeat;
	background-size: 16% 100%;
}

.container_12  {
	
    min-height:100%;
	
}

.grid_12 {
	
}

.pagespot {
	
}        

/* -------IMAGES----------*/
.nobglink a:hover {
	background: none;
	text-decoration: none;
	outline: 0px none;
}
	
a{ color:#004189; text-decoration: none; }
a:hover{ color:#FFFFFF; text-decoration:none; background:#004189 }

#headerTxt1:hover{ 
	color:#FFFFFF;
}

/*--------- HEADER --------- */

#header{ height: 85px; background:#495f7f url(custom_images/cdp_header_plain_noText.png) }

#logo { background:#495f7f url(custom_images/OpenPolScope_logoImg.gif) no-repeat; display: block; margin:0px 0 0 -10px ; height:85px; width:90px;}

	#search-spot .button{ background: none; border:none; position:absolute; width:25px; height:25px; top:25px; right:0 }
* html #search-spot .button { top:26px; }

/*=== TOP MENU for PAGES ===*/

#top_menu{ background:#495f7f url(custom_images/topmenubg_blue.png) repeat-x top;  height:32px; border-top:1px solid #004189; border-bottom:1px solid #5f0010; text-align:left; vertical-align:top; margin:0 0 0 0; }

   #top_menu li ul li.current_page_item a{ color:#fff !important; background:#004189;  }

   #top_menu li a{ font-size: 11px; font-weight:bold; color:#FFFFFF; display:block; padding:0px 25px 0px 15px; text-transform:uppercase }
   
   #top_menu li ul li.current_page_item li a {  color:#004189 !important; background:#fff;  }

   #top_menu li.current_page_parent a, #top_menu li.current_page_parent a:hover {  color:#fff; background:#004189;   }

   #top_menu li.current_page_item li a,  #top_menu li.current_page_parent li a { color:#004189 !important; background:#fff; }

   #top_menu li.current_page_item li a:hover,  #top_menu li.current_page_parent li a:hover  { color:#fff !important; background:#005d87; }

#top_menu li a:hover  { color:#fff !important; background:#004189; }

#top_menu li.current_page_item a{ color:#fff !important; background:#004189 ;  }


/*=== DROPDOWN NAVIGATION FOR PAGES ===*/

  #pagenav li ul li a, #top_menu li ul li a { color:#004189; font-size:11px; padding-top:1px;  }
  
/*=== PAGE ===*/

.post blockquote2 { 
	background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; 
	width:80%; 
	height:auto; 
	margin:0 0 15px 10px; 
	padding:15px 25px 1px 55px; 
	display:block 
}

#lightbox img {  

}

#lightbox {

}

.glossary {
			border-bottom: 1px dotted #000000;
			cursor: help;
			position: relative;			
		}
.glossary span {
			margin-left: -999em;
			position: absolute;
		}
.glossary:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; 
			float: left;
			left: 1em; 
			top: 2em; 
			z-index: 99;
			margin-left: 0; width: 250px;
		}
#glossarydefine { padding: 0.8em 1em; }
#glossarydefine {background: #FFFFAA; border: 1px solid #FFAD33; color:#444; }