/*
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:

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


*/ 

/*  
CUSTOM CSS FOR CDP SITE*/

/*  
Theme Name:    Academy MRC
Theme URI:     http://templatic.com
Description:   Developed by Bhavesh Radadiya.
Version:       1.6
Author:        Templatic.com
Author URI:    http://templatic.com
*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.

*/



/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('libs_css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('libs_css/text.css');

/* Import GRID styling for grid framework*/
@import url('libs_css/960.css');



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

body{ background:#e7e4d5 url(images/bg.png) repeat-x top; font-family:Arial, Helvetica, sans-serif; color:#444; }

  .content_wrap{ background:#ffffff }


input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }

li{ list-style: none }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }

.fl{ float: left }

.fr{ float: right }

.ac{ text-align: center }

.ar{ text-align: right }

img.centered{ display: block; margin-left: auto; margin-right: auto }

img.alignright{ padding: 4px; margin: 3px 0 2px 10px; display: inline }

img.alignleft{ padding: 4px; margin: 3px 10px 2px 0; display: inline }

.alignleft{ float: left }

.alignright{ float: right }


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

#opsheader{ height: 90px; background:#495f7f url(images/headerbg.png) repeat-x left top;   }
 

/*=== Logo Spot ===*/

#opsheader .blog-title{ padding:25px 0 0 0 }

#opsheader .blog-title a{ color:#ffffff; font-size:32px; padding:0px 15px }

  #opsheader .blog-title a:hover{ text-decoration:none; color:#ACABAB; background:none }

#opsheader .blog-description{ color:#ACABAB; font-size:16px; padding:0 15px }

#opsheader h1.logo a:hover{ background:none }

#opsheader h1.logo { margin:0px 0 0 -10px ; height:85px}



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

#top_menu{ background:#495f7f url(images/topmenubg.png) repeat-x top;  height:34px; border-top:1px solid #6c6c84; border-bottom:1px solid #5f0010; text-align:left; margin:0 0 20px 0 }

#top_menu .hometab a{ }

#top_menu a{display:block }

#top_menu ul{ padding:0 0 0 15px }

  #top_menu li{ float:left; line-height:30px; margin:0; }

    #top_menu li a{ font-size: 14px; font-weight:bold; color:#ecdfe1; display:block; padding:2px 15px 2px 15px; text-transform:uppercase }

	  #top_menu li a:hover, #top_menu li.active a{ color:#fff; text-decoration:none; }

#top_menu li.category-home a{ border-left:0 }

.switcher { padding: 75px 0 0 0 }

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

   #top_menu li.current_page_parent a, #top_menu li.current_page_parent a:hover {  color:#fff; background:#6a0919;   }
       #top_menu li.current_page_item li a,  #top_menu li.current_page_parent li a { color:#bf1b3e !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:#bf1b3e; }
   
   #top_menu li ul li.current_page_item a{ color:#fff !important; background:#6a0919;  }
   
   #top_menu li ul li.current_page_item li a {  color:#bf1b3e !important; background:#fff;  }


#top_menu li ul li.current_page_item a{ font-weight:bold; color:#fff;  }

/**#top_menu li.current_page_parent, #top_menu li.current_page_item{ background:url(images/menu-down.png) no-repeat center bottom;  }

#top_menu li.current_page_item:hover{ background:url(images/menu-down.png) no-repeat center bottom }**/

#top_menu li ul li.current_page_parent, #top_menu li ul li.current_page_item, #top_menu li ul li.current_page_item:hover{ padding:0; background:#ffffff }
#top_menu li a:hover { text-decoration:none !important; }

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

#pagenav, #pagenav ul, #top_menu ul  {float:left; list-style:none; padding:0; margin:0; font-size: 13px ;}

#pagenav li ul, #top_menu li ul {position:absolute; width:18em; left:-999em; padding-top:1px }

  #pagenav li ul li a, #top_menu li ul li a { color:#bf1b3e; font-size:14px; padding-top:5px;  }

    #pagenav li ul li a:hover, #top_menu li ul li a:hover  { color:#ffffff; text-decoration:underline }

#pagenav li:hover ul, #pagenav li.sfhover ul, #top_menu li:hover ul, #top_menu li.sfhover ul {left:auto; z-index:1000;   }

#pagenav li ul li, #top_menu li ul li {background:#FFF; border:solid #D8D8D8; line-height:21px; width:20em; border-width:0 1px 1px 1px }

#pagenav li:hover, #pagenav li.hover, #top_menu li:hover, #top_menu li.hover {position:static }

#pagenav li ul ul, #top_menu li ul ul{margin:-31px 0 0 234px; text-decoration:none; }

#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul,
#top_menu li:hover ul ul, #top_menu li:hover ul ul ul, #top_menu li.sfhover ul ul, #top_menu li.sfhover ul ul ul
{left:-999em; padding:2px 0 0; text-decoration:none; }

#pagenav li:hover, #pagenav li.sfhover, #top_menu li:hover, #top_menu li.sfhover { background:transparent }

#pagenav li ul li:hover, #pagenav li ul li.sfhover, #top_menu li ul li:hover, #top_menu li ul li.sfhover { background:#ffffff }

#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li,
#top_menu li ul li ul li, #top_menu li ul li ul li ul li, #top_menu li ul li ul li ul li ul li
{border:solid #D8D8D8; border-width:1px 1px 0 1px }

#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul, 
#top_menu li ul li ul, #top_menu li ul li ul li ul, #top_menu li ul li ul li ul li ul 
{border:solid #D8D8D8; border-width:0 0 1px 0 }

#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul, 

#top_menu li:hover ul ul, #top_menu li.sfhover ul ul, #top_menu li:hover ul ul, #top_menu li:hover ul ul ul, #top_menu li:hover ul ul ul ul, #top_menu li.sfhover ul ul, #top_menu li.sfhover ul ul ul, #top_menu li.sfhover ul ul ul ul
{left:-999em }

#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul, 


#top_menu li:hover ul, #top_menu li li:hover ul, #top_menu li.sfhover ul, #top_menu li li.sfhover ul, #top_menu li:hover ul, #top_menu li li:hover ul, #top_menu li li li:hover ul, #top_menu li.sfhover ul, #top_menu li li.sfhover ul, #top_menu li li li.sfhover ul, #top_menu li:hover ul, #top_menu li li:hover ul, #top_menu li li li:hover ul, #top_menu li li li li:hover ul, #top_menu li.sfhover ul, #top_menu li li.sfhover ul, #top_menu li li li.sfhover ul, #top_menu li li li li.sfhover ul 
{left:auto }

select, #pagenav{padding:0 }

.bot, #opsheader .spacer p, .list2{clear:both }

#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }



#top_menu .widget h3 { margin-bottom:0;}
#top_menu .widget ul.menu { margin:0px;}
.current-menu-item{ color:#fff !important; background:#6a0919 }


/*---------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;
}
	
a{ color:#004189; text-decoration: none; }
a:hover{ color:#FFFFFF; text-decoration:none; background:#002289 }

#opsheaderTxt1:hover{ color:#FFFFFF;}


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

#opsheader{ 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 ===*/

#ops-footer {
	background:#FFF;
	text-align : center;
}

.qa-logo {
	display: none;
}

div.header-banner {
    float: none !important;
}

.qa-main-shadow {
    padding: 0px 0px 0px;
}

.qa-header {
    padding: 5px 10px 5px;
}