/*
    site:www.AdMetricsMedia.comauthor(s):	johan de silvacompany:	www.dialmediagroup.com1. custom global reset2. template3. typography (add all content styles here)4. forms5. bugfixes
*/

@import url("rightlinks.css"); /* shared with CMS editor */


/* custom global reset */
body,html,div,ul,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,img,legend,p,blockquote,address{margin:0;padding:0;border:0;}
body{background:#dcdfe4 url('../images/bg_white_white.gif') repeat left top;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline:none}

/* template */
#Wrap{margin:0 auto; width:960px}

#TopOptions{width:400px; margin-top:2px; float:left}
#TopOptions a{float:left; margin-right:5px}
#TopOptions a.login{display:block; width:77px; height:22px; background:url('../images/btn-login.gif') bottom left; text-indent:-9000em}
#TopOptions a.register{display:block; width:77px; height:22px; background:url('../images/btn-register.gif') bottom left; text-indent:-9000em}
#TopOptions a:hover {background-position:top}
#Logo{float:right; margin:40px 3px 0 0}

#Header{float:left; clear:both; width:100%; margin-bottom:60px; z-index:2; position:relative}
#SectionDivider{width:950px; height:1px; border-top:1px dotted #00aeef;  position:absolute; z-index:2; top:130px; left:0}

#Content{float:left; clear:both; width:100%; z-index:1}
#Footer{float:left; clear:both; width:100%}

.introText {width:530px; float:left; margin:0 0 55px 5px}
.introText h1{font-weight:normal; font-size:26px; color:#5a5a5a; line-height: 1.3em; margin-bottom:10px}
.introText h1 em{color:#00aeef}
img.freeTrial{float:right; width:285px; display:block; margin:0 8px 0 0}

.box-area{clear:both; width:960px; float:left;}
.box-area .first{margin-right:28px}
.box {width:460px; float:left;}
.box-top{width:100%; height:15px; clear:both; float:left; background-image:url('../images/home-box/top.png')}
.box-mid{width:100%; clear:both; padding:0 0 5px 0; float:left; background-image:url('../images/home-box/mid.png'); position:relative; min-height:90px; height:auto !important; height:90px;}
.box-bottom{width:100%; height:15px; clear:both; float:left; background-image:url('../images/home-box/bottom.png')}
.box-mid img.advertise {display:block; position:absolute; left:-6px; top:5px; z-index:2}
.box-mid img.publishers {display:block; position:absolute; right:-6px; top:5px; z-index:2}
.box-mid p{margin:0}
.box-mid ul {}
.box-mid ul li{list-style:inside; margin-left:0; padding-left:0}
.box .left-content{padding:5px 15px 5px 175px; width:270px}
.box .right-content ul li a,
.box .left-content ul li a{color:#333; text-decoration:none}
.box .left-content strong a{color:#9e276f; text-decoration:none}
.box .right-content{padding:5px 175px 5px 30px; width:255px}
.box .right-content strong a{color:#4f1063; text-decoration:none}

.box-wide {width:950px; float:left; margin:40px 0 40px 0; overflow:auto}
.box-wide .box-top{width:100%; height:15px; clear:both; float:left; background-image:url('../images/wide-box/top.png')}
.box-wide .box-mid{width:100%; clear:both; float:left; background-image:url('../images/wide-box/mid.png'); position:relative;  }
.box-wide .box-bottom{width:100%; height:15px; clear:both; float:left; background-image:url('../images/wide-box/bottom.png')}


.leftCol { float:left; margin:0 10px 0 0; }
.leftCol .box {width:196px;}
.leftCol .box-top{width:196px; height:15px; clear:both; float:left; background-image:url('../images/menu-box/top.png')}
.leftCol .box-mid{width:186px; padding:4px 0 0 10px; clear:both; float:left; background-image:url('../images/menu-box/mid.png'); position:relative;  }
.leftCol .box-bottom{width:196px; height:15px; clear:both; float:left; background-image:url('../images/menu-box/bottom.png')}

.contentCol {width:578px; float:left; margin:0 15px 0 0; overflow:auto}
.contentCol .box-top{width:578px; height:0; /*height:15px;*/ clear:both; float:left; background-image:none; /* background-image:url('../images/content-box/top.png')*/}
.contentCol .box-mid{width:448px; padding:0px 15px; clear:both; float:left; background-image:none;  /*background-image:url('../images/content-box/mid.png');*/ position:relative;  }
.contentCol .box-bottom{width:578px; height:15px; clear:both; float:left; background-image:none;  /*background-image:url('../images/content-box/bottom.png')*/}

span.leftMenuTitle{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:15px; margin:0 0 5px 10px; display:block}
.contentCol h1{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:25px;}

.leftMenu ul,
.leftMenu ul li{list-style:none; margin:0 0 5px 0; padding:0; }
.leftMenu ul li a{height:18px; width:162px; display:block; text-decoration:none; padding:4px 0 0 10px; float:left; clear:both}
.leftMenu ul li a:link,
.leftMenu ul li a:visited,
.leftMenu ul li a:hover,
.leftMenu ul li a:focus{color:#6d6e71}
.leftMenu ul li a:hover,
.leftMenu ul li a:focus{text-decoration:underline}
.leftMenu ul li.current a{background-image:url('../images/left-menu-current.gif')}

.blue .leftMenuTitle,
.blue h1{color:#00aeef}

.agencies .leftMenuTitle,
.agencies h1{color:#ce6f25}

.advertisers .leftMenuTitle,
.advertisers h1{color:#b21e67}

.publishers .leftMenuTitle,
.publishers h1{color:#69197d}

.companies .leftMenuTitle,
.companies h1{color:#227e7a}

.contact .leftMenuTitle,
.contact h1{color:#249139}



.footer address{display:; float:left; width:140px; margin-left:20px; font-style:normal}
.footer .social{float:right; width:565px ;  margin:0 10px}
.footer .social-box{height:104px; width:555px; background:url('../images/twitterBg.gif') no-repeat; font-size:15px; font-style:italic; color:#333; padding:10px; margin-bottom:10px}
.footer .social-box h2{margin-left:10px}
.footer .social-box span {font-family:Arial, Helvetica, sans-serif;}



#SmallFooter {width:900px; clear:both; float:left; border-top:1px solid #00aeef; padding:0; margin:0 0 0 20px; overflow:auto}
#SmallFooter ul{float:left; with:750px;}
#SmallFooter a{color:#666; text-decoration:none;}
#SmallFooter a:focus,
#SmallFooter a:hover{text-decoration:underline}
#SmallFooter p.copy {color:#666; float:right;margin-top:10px; width:300px; text-align:right}
#SmallFooter ul li{list-style:none; float:left; padding:10px 10px 10px 0}


/* data tables */
table.table-style-one,
.table-style-one table{border:1px solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse; background-color:#fff}
.table-style-one td, .table-style-one th {padding:2px 5px;border:solid #ccc;border-width: 1px 1px 0 0; font-size:11px}
.table-style-one th {font-weight:bold;background-color:#ebebeb;text-align:left}
.table-style-one td {text-align:left;vertical-align:top;padding-top:5px}
.table-style-one tbody tr:hover {background:#f6f6f6}
.table-style-one tbody tr:hover th{background:#e7eff7}
.table-style-one input:focus{background:#f6f6f6}




/*  bug fixing */
.clear{clear:both; width:100%; overflow:hidden}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none; font-size:12px}
.sf-menu {line-height:	1.2em; margin-top:35px; width:655px; z-index:100; position:relative}
.sf-menu ul {position:absolute;top:-999em;width:15em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:	0;}
.sf-menu li {}
.sf-menu li a { text-indent:-9000em; }
.sf-menu li a.Home {background:url('../images/menu/home.gif') no-repeat bottom left; width:70px; height:25px; display:block; margin-top:6px}
.sf-menu li a.Agencies {background:url('../images/menu/agencies.gif') no-repeat bottom left; width:107px; height:25px; display:block; margin-top:6px}
.sf-menu li a.Advertisers {background:url('../images/menu/advertisers.gif') no-repeat bottom left; width:135px; height:25px; display:block; margin-top:6px}
.sf-menu li a.Publishers {background:url('../images/menu/publishers.gif') no-repeat bottom left; width:125px; height:25px; display:block; margin-top:6px}
.sf-menu li a.Company {background:url('../images/menu/company.gif') no-repeat bottom left; width:104px; height:25px; display:block; margin-top:6px}
.sf-menu li a.Contact {background:url('../images/menu/contact.gif') no-repeat bottom left; width:96px; height:25px;display:block; margin-top:6px }
/*
.sf-menu li a:hover,
.sf-menu li a:focus,*/
.sf-menu li.current a{background-position:top left}

/* drop down bit */
.sf-menu li ul{margin-left:10px}
.sf-menu li li:first-child {border-top:1px solid #ccc;}
.sf-menu li li a{margin-top:0; color:#666; background-color:#fff}
.sf-menu li li a {text-indent:0; border-left:1px solid #ccc;border-top:0px solid #e7e7e7;padding:8px 8px;text-decoration:none;}
.sf-menu li li a, 
.sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#000;}
.sf-menu li li {background:#fff;}


.sf-menu li li li {background:#fff;}
.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li a:focus, 
.sf-menu li li a:hover, 
.sf-menu li li a:active {background:#eee;outline:0;}


/*** arrows **/
.sf-menu a.sf-with-ul { /* padding-right:2.25em;min-width:1px; trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {DISPLAY:NONE}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('../images/menu/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
.required{ color:#FF0000; font-weight:bold; padding-right:5px; }
.message{ position:relative; float:right; border:1px solid #f00; padding:3px;}