/* reset styles */
@import "/css/reset.css";


/* =global */
body { background: url(/images/top_pattern.gif) top left repeat-x #111B22; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; height: 600px; margin:0px auto; padding:0px;  text-align:center; }
div.clear_fix { clear: both; }
a { color: #0084BE; text-decoration: none; }
a:hover,  p.rss_link a strong { color: #a20101; }
p.rss_link a:hover strong { color: #000000; text-decoration: none; }
#content a:visited { color: #858585 }
strong { color: black; }
img.right { float: right; margin: 7px 0 7px 7px; }
em { font-style: italic; }


/* =header */
#header { color:#F8FDFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; height: 84px; margin: 0px auto; padding:0px; text-align:left; width: 825px; }
 a#logo { background: url(/images/logo.gif) top left no-repeat; display: block; float: left; height: 61px; margin: 14px 0px 0px 0px;  width: 232px; }
 ul#nav { display: block; float: right;  margin: 38px 0px 0px 0px; }
   #print_header { display: none; } /* only for print stylesheet */
   
 ul#nav li { background: url(/images/nav_border.gif) right top no-repeat #111C22; display: block; float: left; padding: 0px 1px 0px 0px; position: relative; z-index: 1; }
 ul#nav li#last { background: #111C22; }
 ul#nav li a { background: none; color:#F8FDFF; display: block; padding: 10px 12px 22px 12px; text-decoration: none; }
 ul#nav li a.active { color: #D50400; }
 ul#nav li.li-over a { background: url(/images/nav_active_bg.gif) top left repeat-x; border-left: 1px solid #0075b0; border-right: 1px solid #0075b0;color:#F8FDFF; display: block; padding: 10px 11px 23px 11px; }
	
	
	 /* ~~~~~~dropdown styles~~~~~~~~~ */
	 ul#nav li.li-up ul { display: none; }
	 ul#nav li.li-over ul {  background:  #fff; border-left: 1px solid #DFDFDF;  border-right: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; display: block; float: none; left: 0; margin: 0; padding: 0; position: absolute; top: 46px; }
	 ul#nav li.li-over ul li {  background: none; display: block; float: none; margin: 0; padding: 0; width: 170px; }
	 ul#nav li.li-over ul li a {  background: url(/images/raquo.gif) 15px 9px no-repeat; border-bottom: 1px solid #DFDFDF; border-left: none; border-right: none; color: #000; display: block; font-size: 11px; height: auto; margin: 0; padding: 4px 0 4px 26px;  width: 144px; }
	 body #header ul#nav li.li-over ul li.li-over a:hover { background: url(/images/raquo.gif) 15px 9px no-repeat #f1f1f1; border-bottom: 1px solid #DFDFDF; border-left: none; border-right: none; color: #a20101; display: block;  margin: 0; padding: 4px 0 4px 26px; }
	 
	 ul#nav li h2 { display: none; }
 
 
 
/* =content div styles */
#content { background: url(/images/content_top_bg.gif) left top repeat-x #fff; color: #414141; margin: 0px auto; min-width: 900px; padding: 58px 0px 0px 0px; text-align: left; width: 100%; }

  /* =column_wrapper  */
  #column_wrapper { margin: 0px auto; padding: 0px; width: 900px; }
  
  #flash_content { background: url(/images/no-flash.jpg) no-repeat #fff; color: #414141; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: left; width: 826px; height:390px; }
  #flashObjectText h2, #flashObjectText h3 { display:block; text-indent:-9999px; }
   body.products div#flashcontent  { background: #F6F6F6; border: 1px solid #DFDFDF; color: #fff; height: 169px; margin: 12px 0 24px 74px; padding: 6px 0 0 0;  width: 224px; }
  
  
  /* --------- =left_column content div styles -----
  ----------------------------------------------- */
 #left_column { background: #fff; float: left; padding: 0px 60px 0px 45px; width: 441px; min-height: 300px;  }
   * html #left_column { height: 300px; }
    #left_column h1.as_title { color: #000; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; font-weight: bold; margin: 0px 0px 16px 0px; }
	#left_column h1 { color: #000; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; margin: 0 0px 16px 0px; }
	#left_column .as_image { display: block; float: right; margin: 0 0 14px 14px; }
	#left_column img { display: block; }
	body#your_business #left_column img { border: 1px solid #3A4348; }
	#left_column blockquote { background: url(/images/p_main_bg.gif) top left repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 8px 0px 28px 0px; padding: 0px 0px 0px 21px; }
	#left_column blockquote p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;  }

    #left_column h2, .brief_title { border-bottom: 1px solid #d3d2ce; color: #000; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 0px 8px 0px; padding: 12px 0px 2px 0px; }
	
	.brief_text { line-height: 16px; }
	span.brief_link a  { color: #C72424; display: block; font-size: 11px; font-weight: bold; line-height: 18px;   }
	span.brief_link a:hover { color: #0086C0; }
	span.brief_link a:visited { color: #858585 }
	#left_column p, #content #column_wrapper #left_column .as_text,  #content #column_wrapper #left_column .as_byline { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 8px 0px 16px 0px; padding: 0px; }
	#left_column ul, #left_column ol { margin: 8px 0px 16px 16px; padding: 0px; }
	#left_column ol li { padding: 0 0 8px 0; }
	#left_column ul li  { background: url(/images/bull.gif) 0 3px no-repeat; padding: 0 0 4px 22px; }
	#left_column li.pdf { background: url(/images/pdf.gif) 0px 0px no-repeat; padding: 0 0 4px 42px; }
	
	#left_column table tr td { vertical-align: top; padding: 8px 24px 8px 0px; }
	body.applications #content #column_wrapper #left_column table tr td { border-bottom: 1px dotted #d3d2ce; padding: 24px 0px 24px 18px; }
	h3 { color: #C72424; display: inline;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;  margin: 0 0 -6px 0; padding: 0 0 1px 0; }
    body.applications #content #column_wrapper #left_column table tr td p { color: #797979; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 4px 0px 0px 0px; }
	.specs { border-left: 1px solid #e8e8e8;  border-top: 1px solid #e8e8e8; margin: 0 0 4px 0; padding: 0; }
	#left_column table.specs tr td { padding-left: 8px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; width: 50%;  }
	
	#left_column table tr td a.enlarge { background: url(/images/enlarge.gif) bottom left no-repeat; display: block; height: 189px; width: 228px; padding: 0px 0px 0px 31px; }
	#left_column table tr td a { margin: 0; padding: 0; }
	#left_column table tr td a:hover {text-decoration: none; }
	#left_column table tr td a img { display: block; border: 1px solid #d7d7d7; margin: 0 0 3px 0; padding: 0; }
	#left_column table tr td input.go { background: url(/images/submit.gif) top left no-repeat; border: none; cursor: pointer; height: 24px; width: 70px; }
	
	/* --- =contact form styles --- */
	.required { color: #D50400; }
	#left_column fieldset {  border-left: 1px solid #e8e8e8; color: #000; padding: 0px 48px 24px 48px; }
	#left_column fieldset table { padding: 16px 0; }
	#left_column input { background: url(/images/input_bg.gif) bottom left repeat-x #f1fafd; border: 1px solid #7EC0DF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 1px 0 0 0; padding: 3px 2px; width: 150px; }
	#left_column select { background: url(/images/input_bg.gif) bottom left repeat-x #f1fafd; border: 1px solid #7EC0DF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 1px 0 0 0; padding: 1px; }
	#left_column textarea { background: url(/images/input_bg.gif) bottom left repeat-x #f1fafd; border: 1px solid #7EC0DF; margin: 1px 0 0 0; padding: 4px 2px; width: 290px; }
    
	
	
   /* --------- =right_column content div styles -----
  --------------------------------------= */
  #right_column { float: left; padding: 0px; width: 307px;  }
    
	#right_column div.sidebar {  background: url(/images/div_bg.jpg) left top no-repeat #fff; margin: 0 0 14px 0; padding: 24px 14px 0px 56px;  width: 251px; min-height: 225px; }
		* html #content #column_wrapper #right_column div.sidebar { height: 225px; }
		    ul#nav div.resources { position: absolute; top: 88px; }
	        div.sidebar div.resources { margin: -28px 0 0 0; }
		    div.resources h1 { display: none; }
	#right_column div h2, #right_column div h1  { background: #0084be; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;  padding: 14px 12px 13px 12px;  }
	#right_column div ul { padding: 14px; }
	#right_column div ul li { background: url(/images/top_toc_li.gif) left 3px no-repeat; color: #111b22; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 10px 0px;  padding: 0px 0px 0px 22px;}
	#right_column div li a { color: #111b22; text-decoration: none; }
	#right_column div li a:hover { color: #C72424; }
	
	body.news #right_column div.sidebar ul li a { color: #0084BE; text-decoration: none; }
	body.news #right_column div.sidebar ul li a:hover { color: #C72424 }
	
	div.sidebar a.more { color: #C72424; display: block; font-weight: bold; margin: 0;  }
	div.sidebar a:hover.more { color: #0084BE; }
	
	/*
	#resources h1 { background: #e5e5e5; color: #111b22; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;  margin: 0; padding: 9px 12px 9px 12px; }
	#resources ul { background: #f7f7f7; border-bottom: 1px solid #f8f8f8; border-top: 1px solid #fff; display: block; margin: 8px 0 41px 0; padding: 0; width: 251px;  }
	#resources li { border-bottom: 1px solid #dcdcdc; display: block; padding: 7px 0 7px 58px;  }
	
	#resources li.pdf { background: url(/images/pdf.gif) 14px center no-repeat; }
	#resources li.doc { background: url(/images/doc.gif) 14px center no-repeat; }
	#resources li a { color: #111b22; text-decoration: none; }
	#resources li a:hover { color: #0084BE; }
	
	#support { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }
	#support h1 { background: #e5e5e5; color: #111b22; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;  margin: 0; padding: 9px 12px 9px 12px; }
	*/
	#right_column div p { margin: 0; padding: 11px 0 11px 16px; }
	#right_column div.as_text a strong, #right_column div.as_text strong a { color: #0084BE; }
	#right_column div.as_text a:hover strong, #right_column div.as_text strong a:hover { color: #C72424; }
	#right_column div img { margin: 0 0 0 12px; }
	
	#right_column div table { color: #111b22; margin: 0 0 0 12px; }
	#right_column div table strong { margin: 0; }
	#right_column div table tr.alt { background: #ededed; }
	#right_column div table tr td {  border-bottom: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; font-size: 9px; padding: 1px 1px 2px 5px; vertical-align: middle;  }
	#right_column div table.support tr td { font-size: 9px; padding: 1px 0 2px 0; text-align: center; vertical-align: middle; width: 60px }
	#right_column div table.support strong { font-size: 9px; }
	#support table tr td.first { border-left: none;  padding: 0 0 0 11px; }
	#right_column div span { color: #4e4e4e; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px;  margin: 0 0 0 6px; padding: 11px; }
	#right_column div span strong { color: #000000; font-size: 11px; display: inline; }



/* =content bottom (bottom gradient above footer) */
#bottom { background: url(/images/content_bottom_bg.gif) left bottom repeat-x #fff; clear: both; height: 67px; margin: 0px; min-width: 900px; padding: 0px 0px 0 0; text-align:left; width: 100%; }




/* =footer div */
#footer {  background: url(/images/footer_bg2.gif) left top no-repeat; color: #fff; height: 150px; margin: 0px auto; padding: 0px; text-align: left; width: 900px;  }
body#home #footer {  background: url(/images/footer_bg_home.gif) left top no-repeat; color: #fff; height: 150px; margin: 0px auto; padding: 0px; text-align: left; width: 900px;  }
  
  /* =footer copy */
 body#home  #copy {  clear: both; float: left; font-size: 10px; padding: 37px 5px 12px 359px; text-align: right; }
 body#home  #copy p { padding: 0 19px 0 0; }
 #copy { clear: both; float: left; font-size: 10px; padding: 37px 5px 12px 69px; text-align: left;  }
   #copy p { clear: both; }
   #copy ul { height: 10px; margin: 7px 0px 8px 0px; width: 496px; }
   #copy ul li { float: left; padding: 0px 18px 0px 0px; } 
   #copy ul li a { color: #858585; text-decoration: none; }
   #copy ul li a:hover { color: #858585; text-decoration: underline; }
   
   
 
  #awards { font-size: 10px; height: 40px;  margin: 0px auto;  width: 827px;  } 
    #awards strong { color: #8A8B8D; font-weight: bold; line-height: 14px; }
	#awards ul { background: #111b22;  float: right;  position: relative; height: 23px; margin: 0px; padding: 6px 5px 0 10px; width: 254px; }
	#awards ul li { float: left;  margin: 0px 7px 0px 0px; }
	#awards ul li a { background: url(/images/award_up.gif) top left no-repeat; display: block; height: 18px; padding: 0px; width: 18px; }
      #awards ul li a:hover { background: url(/images/award_active.gif) top left no-repeat; }
#awards ul li.li-up ul { display: none; }
	  #awards ul li.li-over ul { border-bottom: 1px dotted #8A8A8A; border-top: 1px dotted #8A8A8A; display: block; height: auto; left: 52px; overflow: visible; padding: 8px; position: absolute; top: 27px;  width: 225px; z-index: 1000; }
       #awards ul li.li-over ul li { color: #fff; text-align: left; }
	   #awards ul li.li-over ul li strong { color: #fff; line-height: 10px; }
  
	/* ~~~~~~search bar~~~~~~~~~ */
	div#search_bar { background: #111b22;  float: right;  position: relative; height: 23px; margin: 0px; padding: 6px 5px 0 10px; width: 174px; }
	div#search_bar label { display: none; }
	div#search_bar fieldset{ color: #8a8b8d; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  }	
	div#search_bar input { background: #111b22; border: 1px solid #3a4348; color: #8a8b8d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 5px 0 0; padding: 2px; width: 147px; }
	div#search_bar input.go { border: none; cursor: pointer; height: 18px; margin: 0; padding: 0; vertical-align: top; width: 16px; }


    /* ~~~~~~homepage briefs~~~~~~~~~ */
	body#home ul.brief { clear: both; padding: 16px 0 0 48px; }
		body#home ul.brief li { color: #C72424; display: block; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin: 0;  padding: 0 0 0 21px; text-transform: uppercase; }
		body#home ul.brief li.press { width: 251px; }
		body#home ul.brief li.events { width: 251px; }
		
		body#home ul.brief2 { clear: both; padding: 5px 0 0 48px; }
		body#home ul.brief2 li { display: block; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; margin: 0;  padding: 0 21px; width: 230px; }
			body#home ul.brief2 li .as_title { display: none; }
			body#home ul.brief2 li .as_text { color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 12px; }
			body#home ul.brief2 li .as_text a strong, body#home ul.brief2 li .as_text strong a { color: #eeeeee; }
				body#home ul.brief2 li .as_text a:hover strong, body#home ul.brief2 li .as_text strong a:hover {color: #666666; }
			body#home ul.brief2 li .as_text a { color: #eeeeee; }
				body#home ul.brief2 li .as_text a:hover { color: #666666; }
		body#home ul.brief2 li.bg {  background: url(/images/brief_between.jpg) top right no-repeat; min-height: 91px; }
			* html body#home ul.brief2 li.bg { height: 91px; }
	
	/* body#home div.brief { clear: both; margin: 0; padding: 8px 0 0 0; }
	body#home td.brief_text { padding: 0 21px; width: 158px; vertical-align: top; }
	body#home td.brief_between { background: url(/images/brief_between.jpg) top left no-repeat; min-height: 91px; padding: 0; width: 1px; }
		* html td.brief_between  { height: 91px; }
	body#home span.brief_title { border: none; color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 12px; margin: 0; padding: 0; } 
	body#home span.brief_summary { display: none; } 
	body#home span.brief_link a { color: #808080; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  font-weight: bold; margin: 0; padding: 0; } 
	body#home span.brief_link a:hover { color: #ffffff; } */
	
	
