@charset "utf-8";

/* CSS Document */

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7a7a7a; background:#FFFFFF url(../images/bg.gif) top repeat-x; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0; list-style-type:none; }

img, fieldset { border:0; float:left; outline:none; }

a { outline:none; border:none; }
a{ color:#000; text-decoration:none; cursor:pointer; }
a:hover{ color:#000; text-decoration:none; }

.FloatLeft { float:left; }

.FloatRight { float:right; }

.display { display: none; }

input { outline:none; }

.clearboth { clear:both; }

.PosRel { position:relative; float:left; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-style:normal; }

/*
----------------------------Main Wrapper------------------------------------*
*/

#Ext_Wrapper{ width:950px; height:auto; margin:0 auto; }

/*** Header ***/
#Ext_Wrapper div.Header{ float:left; width:950px; height:97px; background:url(../images/shadow_top_nav.gif) center 76px no-repeat; }

.Header .Logo{ float:left; width:155px; height:60px; background:url(../images/logo.gif) right bottom no-repeat; }
.Header .Login{ float:right; width:auto; height:auto; background:url(../images/top_nav_lft.gif) left top no-repeat; padding:0 0 0 31px; }
.Login .Right{ float:left; width:auto; height:auto; background:url(../images/top_nav_rgt.gif) right top no-repeat; padding:0 31px 0 0; }
.Right .Mid{ float:left; width:341px; height:32px; background:url(../images/top_nav_mid.jpg) top repeat-x; padding:8px 0 0 0; }

.Login .TboxBg{ float:left; width:126px; height:25px; background:url(../images/txt_box.jpg) top left no-repeat; padding:5px 0 0 8px; }
.Login .BtnSubmit{ float:left; width:63px; height:20px; font-size:14px; color:#FFFFFF; background:url(../images/btn_submit.gif) top left no-repeat; padding:5px 0 0 10px; }
.TboxA{ width:110px; height:16px; border:none; font-size:12px; line-height:12px; color:#b4b6b5; background:none; }

.Login a{ color:#FFFFFF; text-decoration:none; }
.Login a:hover{ color:#FFFFFF; text-decoration:none; }

/*** Navigation Bar ***/
#Navigation{ float:left; width:auto; height:auto; background:url(../images/main_nav_lft.gif) left top no-repeat; padding:0 0 0 5px; clear:both; }
#Navigation .Right{ float:left; width:auto; height:auto; background:url(../images/main_nav_rgt.gif) right top no-repeat; padding:0 4px 0 0; }
#Navigation .Mid {float:left; width:941px; height:42px; background:#343c40; padding:0 0 0 0; }


#Navigation .Seperator{ float:left; width:28px; height:29px; background:url(../images/main_nav_seperator.gif) 14px top no-repeat; }

#Navigation ul{ float:left; width:auto; padding:10px 0 0 5px; }

#Navigation ul li{ float:left; width:auto; height:26px; color:#FFFFFF; }

#Navigation ul li a{ float:left; line-height:26px; height:26px; color:#FFFFFF; width:auto; text-decoration:none; }

#Navigation ul li a:hover{ background:url(../images/nav_active_mid.gif) top repeat-x; float:left; line-height:26px; height:26px; width:auto;  }


#Navigation ul li a span.Tl { background:none; float:left; height:26px; width:auto; }

#Navigation ul li a span.Tr { background:none; float:left; height:26px; width:auto; padding:0 6px; }

#Navigation ul li span.ActiveNav { background:url(../images/nav_active_mid.gif) top repeat-x; float:left; line-height:26px; }

#Navigation ul li span.ActiveNav span.Tl{ background:url(../images/nav_active_lft.gif) left top no-repeat; float:left; height:26px; width:auto; padding:0 0 0 4px; }

#Navigation ul li span.ActiveNav span.Tr{ background:url(../images/nav_active_rgt.gif) right top no-repeat; float:left; height:26px; width:auto; padding:0 4px 0 0; }

#Navigation ul li a:hover span.Tl { background:url(../images/nav_active_lft.gif) left top no-repeat; float:left; height:26px; width:auto; }

#Navigation ul li a:hover span.Tr { background:url(../images/nav_active_rgt.gif) right top no-repeat; float:left; height:26px; width:auto; }



.wymedia{ float:right; width:100px; height:23px; font-size:16px; color:#FFFFFF; background:url(../images/btn_wy_media.gif) left bottom no-repeat; padding:11px 0 0 15px; }

#MainBanner{ float:left; width:915px; height:108px; background:url(../images/banner_main.jpg) bottom left no-repeat; padding:172px 0 0 35px; }

/*** Main Content Container ***/
#ContentContainer{ float:left; width:920px; height:auto; padding:15px 0 15px 15px; clear:both; }
#ContentContainer .LeftContainer{ float:left; width:610px; height:auto; background:url(../images/dotted_vert_sep.gif) right top no-repeat; vertical-align:top; padding:0 20px 0 0; }

/*** Left Container ***/
.LeftContainer .Hdg{ float:left; width:100%; height:34px; background:url(../images/hdg_welcome_to_wy_media.gif) top left no-repeat; }
.LeftContainer .ThumbContainer{ float:left; width:auto; height:auto; padding:0 10px 10px 0; }
.LeftContainer p{ width:auto; height:auto; padding:0 0 10px 10px; }

.LeftContainer .HSeperator{ float:left; width:610px; height:3px; background:url(../images/dotted_horiz_sep.gif) left top no-repeat; }
.LeftContainer .BigInnerBanner{ float:left; width:610px; height:128px; background:url(../images/fusce_vitae_sem_a_augue.jpg) left 15px no-repeat; }

/*** Right Container ***/

#ContentContainer #Right{ float:right; width:270px; height:auto; padding:0 0 0 0; }
#Right .NewsHeader{ float:left; width:100%; height:17px; background:url(../images/latestnews.png) left top no-repeat; }


/*** News section ***/
#Right .NewsSep{ float:left; width:260px; height:1px; background:url(../images/dotted_sep.jpg) center top no-repeat; padding:10px 0 0 0; overflow:hidden; }
#Right .LinkContainer{ float:right; width:245px; height:auto; text-align:right; }
#Right .LinkContainer a{ font-size:12px; color:#c02f2f; text-decoration:none; }
#Right .LinkContainer a:hover{ font-size:12px; color:#c02f2f; text-decoration:underline; }

#Right ul{ float:left; width:auto; height:auto; padding:12px 0 12px 0; background:url(../images/news_section_btm.gif) center bottom no-repeat; }
#Right li{ float:left; width:250px; height:auto; background:url(../images/news_section_arrow.gif) left 3px no-repeat; padding:0 0 10px 15px; }
#Right .ListHdg{ float:left; width:245px; font-weight:bold; color:#777777; }
#Right .ListDate{ float:left; width:245px; line-height:18px; font-size:11px; height:auto; color:#320101; }
#Right .ListGen{ float:left; width:245px; color:#777777; }


/*** Advt section ***/
#Right .FeatAdvt{ float:left; width:270px; height:auto; padding:20px 0 0 0; }
.FeatAdvt .Hdg{ float:left; width:100%; height:17px; background:url(../images/hdg_featured_advertisers.gif) left top no-repeat; }

.FeatAdvt .ThumbAdvt{ float:left; width:auto; height:auto; padding:18px 10px 10px 0; }


/*** Bottom Container ***/
#ContentContainer .BottomSection{ float:left; width:920px; height:auto; padding:15px 0 10px 0; background:url(../images/btm_seperator.gif) center bottom no-repeat; }

.BottomSection .ImageHolder1{ float:left; width:300px; height:58px; background:url(../images/learn_more_about_wy_media.gif) left top no-repeat; padding:60px 0 0 17px; }
.BottomSection .ImageHolder2{ float:left; width:290px; height:58px; background:url(../images/are_you_a_media_buyer.gif) left top no-repeat; padding:60px 0 0 25px; }
.BottomSection .ImageHolder3{ float:left; width:260px; height:58px; background:url(../images/advertiser_information.gif) left top no-repeat; padding:60px 0 0 27px; }


/*** Bottomline ***/

div.Bottomline{ float:left; width:auto; height:auto; background:url(../images/footer_shade_left.gif) left 15px no-repeat; padding:15px 0 0 4px; }
.Bottomline .BottomRight{ float:right; width:auto; height:auto; background:url(../images/footer_shade_right.jpg) right top no-repeat; padding:0 4px 0 0; }
.Bottomline .BottomMid{ float:left; width:912px; height:32px; font-size:12px; color:#7c7c7c; text-align:center; background:#F8F8F8; padding:12px 0 0 0; }


/*** Footer ***/

#Footer{ float:left; width:920px; height:auto; padding:20px 0; font-size:12px; color:#7f7f7f; }
#Footer p{ float:left; width:920px; height:auto; text-align:center; font-size:12px; color:#7f7f7f; }
#Footer ul{ text-align:center; height:auto; padding:5px 0 10px 15px; }
#Footer ul li{ float:left; width:auto; height:auto; padding:0 0 0 7px; }
#Footer ul li a{ color:#7f7f7f; text-decoration:none; }
#Footer ul li a:hover{ color:#d21313; text-decoration:underline; }
#Footer ul li.active{ width:auto; color:#d21313; font-weight:bold; height:auto;; }

#Footer .Text{ background:url(../images/dotted_sep.jpg) left top repeat-x; float:left; width:920px; height:auto; text-align:center; font-size:11px; color:#7f7f7f; padding:10px 0 0 0; }

.homeBox1 { width:280px; height:180px; padding:8px; margin:4px 0px 0px 9px; background:url(../images/homeBox1.gif) top no-repeat; float:left; display:inline; }
.homeBox1 p { margin:4px 6px 0px 6px; line-height:1.25em; text-align:justify; font-size: 11px; color: #7a7a7a; }
.homeBox1 a { margin:4px 6px 0px 6px; line-height:1.25em; float:right; font-size: 11px; color: #990000; }
.homeBox1 li { margin:0px 5px 5px 20px; line-height:1.25em; font-size: 11px; color: #7a7a7a; list-style-type:disc; list-style-position:inside;}


label
{
width: 100px;
float: left;
text-align: right;
margin-right: 30px;
margin-left: 20px;
display: block
}

.submit input
{
margin-left: 4.5em;
}

input
{
color: #7a7a7a;
background: #FFFFFF;
border: 1px solid #E0E0E0;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}

fieldset
{
border: 1px solid #E0E0E0;
padding:10px;
width:580px;
height:300px;

}

textarea
{
color: #7a7a7a;
background: #FFFFFF;
border: 1px solid #E0E0E0;
}