/* RESET
------------------------------ */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ul {list-style:none;}
ol {list-style-position:inside;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}


/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Tahoma;background:#fff;color:#666;padding:0 0 2em; background: #ccc url(../images/bg.jpg) repeat-x 0 0; line-height:16px;}
a {color:#7652E0;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1 {margin-bottom:1em; font-size:1.9em;}
h3 {margin-bottom:5px; font-size:1.1em;}
#content ul {margin:10px 10px 10px 15px;}
#content ul li {background:url(../images/bullet.gif) no-repeat 0 7px; padding:2px 8px;}
#content h3 {margin-top:35px;}
hr {background:none !important; border-top:1px solid #7652E0; border-bottom:none; border-left:none; border-right:none; height:1px;}

/* basic layout */
#site {font-size:1.2em; margin:0 auto; width:936px;}
#header {background:url(../images/navigationStart.gif) no-repeat 0 0; height:45px; margin-top:10px;}
#body {}
#content {width:649px; float:left; padding-top:12px;}
#sidebar {width:260px; float:left; padding-top:10px; margin-left:17px !important; margin-left:8px;}
#footer {}

/*LOGO
--------------------------------*/
#header a.logo {background:url(../images/logo.gif) no-repeat 0 0; /*display:block;*/ float:left; width:184px; height:45px; text-indent:-9999px; margin-left:14px;}

/*NAVIGATION
--------------------------------*/
ul#navigation { width:728px; float:left; height:45px;background:url(../images/navigation.gif) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif !important;}
ul#navigation li {float:left; display:block;}
ul#navigation li a {background:url(../images/navigation.gif) repeat-x 0 0; font-weight:normal; color:#fff; padding:0 40px; display:block !important; display:inline-block; height:30px; padding-top:15px; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.4em; width:auto !important;}
.livecliq { padding:15px 20px 0 20px !important;}
ul#navigation li a:hover {background:url(../images/navigation.gif) repeat-x 0 100%;}
ul#navigation li.selected a {background:url(../images/navigation.gif) repeat-x 0 100%;}

/*BANNERS
--------------------------------*/
ul#banners {margin-top:35px;}
ul#banners li {float:left; width:182px; height:222px; margin-right:20px; padding:15px;}
ul#banners li.last {margin-right:0;}
ul#banners li.first {margin-left:17px !important; margin-left:9px;}
ul#banners li.mediaProperties {background:url(../images/bg-media.jpg) no-repeat 0 0;}
ul#banners li.costumerBradns {background:url(../images/bg-costumer.jpg) no-repeat 0 0;}
ul#banners li.liveEvents {background:url(../images/live.jpg) no-repeat 0 0;}
ul#banners li.carriers {background:url(../images/carriers.jpg) no-repeat 0 0;}

ul#banners li h2 {color:#5D3DB9; font-size:1.7em; font-weight:normal; line-height:normal;}
ul#banners li p { margin-top:10px;}

ul#banners li a.more {background:url(../images/more1.png) no-repeat 0 0; width:88px; height:19px; display:block; color:#fff; text-decoration:none; padding:3px 0 0 10px; font-weight:bold; float:right; margin-top:95px;}
ul#banners li.mediaProperties a.more {margin-top:65px;}
ul#banners li.liveEvents a.more {margin-top:70px;}
ul#banners li a.more:hover {text-decoration:underline;}

/*SIDEBAR
--------------------------------*/
ul#subnavigation {background:url(../images/subnavigationBottom.gif) no-repeat 0 100%; width:240px; font-family:Arial, Helvetica, sans-serif !important}
ul#subnavigation li.first {background:url(../images/subnavigationTop.gif) no-repeat 0 0; padding-top:15px;}
ul#subnavigation li.first:hover {background: url(../images/subnavigationTop1.gif) no-repeat 0 0;}
ul#subnavigation li a.last {margin-bottom:5px;}
ul#subnavigation li.last:hover {background:url(../images/subnavigationBottom1.gif) no-repeat 0 -6px;}
ul#subnavigation li {padding:8px 15px 7px 15px;}
ul#subnavigation li a {color:#fff; font-weight:bold; font-size:1.1em; text-decoration:none; display:block; width:100%;}
ul#subnavigation li:hover a {background:url(../images/subnavigationBullet.gif) no-repeat 0 2px; padding-left:10px;}
ul#subnavigation li.selected a {background:url(../images/subnavigationBullet.gif) no-repeat 0 2px; padding-left:10px;}



/* FOOTER & SITEMAP BOTTOM
------------------------------ */
#footer {background:#fff; float:left; margin-left:17px !important; margin-left:12px; margin-top:15px; width:878px; padding:15px 15px 0 15px; margin-bottom:40px; color:#000;}
ul#sitemapBottom li {float:left; margin-right:90px;}
ul#sitemapBottom li a  {text-decoration:none; font-weight:bold; color:#666;}
ul#sitemapBottom li a:hover {text-decoration:underline;}
ul#sitemapBottom li ul li {float:none; margin:2px 0;}
ul#sitemapBottom li ul li a {font-weight:normal;}

#copyright {width:100%; margin-bottom:10px;}
#footer span {color:#666; margin-top:13px; float:left; font-size:0.9em;}
#footer span a {color:#666; text-decoration:none;}
#footer span a:hover {text-decoration:underline;}
#footer span a.web:hover {text-decoration:none;}
#footer span.copy {float:right;}

/* Right
------------------------------ */
#right {float:right; margin-left:35px; width:205px; text-align:right; margin-bottom:25px;}
a.downloadButton {background:url(../images/join.png) no-repeat 0 0; width:182px; height:44px; display:block; color:#fff; font-size:1.3em; font-weight:bold; text-decoration:none; text-align:left; padding:7px 0 0 50px; margin-top:25px; margin-left:3px;}
a.downloadButton:hover {text-decoration:underline;}
a.joinButton {background:url(../images/join.png) no-repeat 0 0; width:182px; height:41px; display:block; color:#fff; font-size:1.3em; font-weight:bold; text-decoration:none; text-align:left; padding:7px 0 0 50px; margin-top:25px; margin-left:3px;}
a.joinButton:hover {text-decoration:underline;}
a.seeButton {background:url(../images/join.png) no-repeat 0 0; width:182px; height:44px; display:block; color:#fff; font-size:1.3em; font-weight:bold; text-decoration:none; text-align:left; padding:15px 0 0 50px; margin-top:25px; margin-left:3px;}
a.seeButton:hover {text-decoration:underline;}
img.imgRight {float:right; margin-left:20px;}
img.border {border:2px solid #7652E0; padding:1px;}

/* TOOLS
------------------------------ */
.tools {height:125px;}
.tools img {float:left;}
.tools ul { margin-left:130px !important;}
.noTools {height:90px !important;}
.noTools ul { margin-left:0 !important;}

/* FORM
------------------------------ */
#form {background:#FCFCFC; border:1px solid #7652E0; width:460px; margin-bottom:10px;}
#form ol {padding:0 7px;}
#form ol li {list-style:none; padding:0; margin:5px 0; background:none;}
#form ol li label {width:80px; display:inline-block; text-align:right; margin-right:5px;}
#form ol li input.submit {background:url(../images/submit.png) no-repeat 0 0; width:100px; height:25px; color:#fff; font-weight:bold; border:0; padding-bottom:4px; cursor:pointer; float:right;}
#form ol li.submitLi {}

/* SOLUTIONS
------------------------------ */
.solutions {width:290px; float:left; margin-right:25px; border-bottom:1px solid #7652E0; padding:15px 0 10px 0;}
.solutions h3 {font-size:1.2em; font-weight:bold; color:#7652E0; margin-bottom:5px; margin-top:0 !important;}
p.marginTop {margin-top:15px; float:left;}
.solutions a.more {background:url(../images/more.png) no-repeat 0 0; display:block; float:right; color:#fff; width:53px; height:17px; padding-left:20px; text-decoration:none; font-weight:bold; padding-top:1px;}
.solutions a.more:hover {text-decoration:underline;}
.fixedHeight {height:130px;}
.fixedHeight a {margin-top:15px;}

.fixedHeight1 {height:85px;}
.fixedHeight1 a {margin-top:17px;}

.fixedHeight2 {height:103px;}
.fixedHeight2 a {margin-top:30px;}

.fixedHeight3 {height:87px;}
.fixedHeight3 a {margin-top:2px;}

a.marg {margin-top:32px;}

.solutions a.moreEvent {background:url(../images/more.png) no-repeat 0 0; display:block; float:right; color:#fff; width:53px; height:17px; padding-left:20px; text-decoration:none; font-weight:bold; padding-top:1px; margin-top:2px;}
.solutions a.moreEvent:hover {text-decoration:underline;}

.solutions a.moreCostumer {background:url(../images/more.png) no-repeat 0 0; display:block; float:right; color:#fff; width:53px; height:17px; padding-left:20px; text-decoration:none; font-weight:bold; padding-top:1px; margin-top:32px;}
.solutions a.moreCostumer:hover {text-decoration:underline;}

/* OTHER
------------------------------ */
ul#graphButtons {margin-left:50px; margin-top:25px;}
ul#graphButtons li {width:80px; height:18px; color:#7652E0; border:1px solid #7652E0; float:left; background:#FCFCFC; text-align:center; margin-right:45px; font-weight:bold;}

/* OTHER
------------------------------ */
#breadcrumbs {padding-left:20px; font-size:1em; padding-top:25px;}
#breadcrumbs a {font-size:0.9em !important;}
#breadcrumbs strong {font-size:0.9em !important;}
.rectangle {border:1px solid #7652e0; padding:10px 10px 0 10px; margin-bottom:10px; background:#fcfcfc}
.printPDF {background:url(../images/printPDF.png) no-repeat 100% 0; display:block; padding: 25px 45px 0 0; height:17px; font-size:1.3em; text-decoration:none; font-weight:bold; float:left; color:#666; margin-top:50px;}
.printPDF:hover {text-decoration:none; color:#7652E0;}

#fix {background:#ececec; position:relative; margin-top:-10px; /*border:1px solid red;*/ display:block; z-index:1000;}
#content img.thumb {float:right; padding:1px; border:2px solid #7652E0; margin-top:35px;}
#content img.thumb1 {float:right; padding:1px; border:2px solid #7652E0; margin-top:15px;}
#content img.thumbNoMargin {float:right; padding:1px; border:2px solid #7652E0;}
img.imgLeft {float:left;}
ul#platformButtons {float:left;}
ul#platformButtons li {background:none; margin:15px 0;}
ul#platformButtons li a {color:#333; font-size:1.4em; text-decoration:none;}
ul#platformButtons li a:hover {color:#7652E0;}

a.mail {display:block; width:160px; float:left;}
hr.hrFlash {margin-top:0; padding-top:0;}
#flash1, #networkFlash, #mediaFlash, #consumerFlash {float:right;}
#Bottom {float:left; width:100%; border-bottom:1px solid #7652E0; margin-top:10px;}

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.solutions a.moreEvent {background:url(../images/more.png) no-repeat 0 0; display:block; float:right; color:#fff; width:53px; height:17px; padding-left:20px; text-decoration:none; font-weight:bold; padding-top:1px; margin-top:2px;}
.solutions a.moreEvent:hover {text-decoration:underline;}

.solutions a.moreCostumer {background:url(../images/more.png) no-repeat 0 0; display:block; float:right; color:#fff; width:53px; height:17px; padding-left:20px; text-decoration:none; font-weight:bold; padding-top:1px; margin-top:32px;}
.solutions a.moreCostumer:hover {text-decoration:underline;}


/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}


/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, ul#navigation:after, #footer:after, #sitemapBottom:after, #copyright:after, #form ul li.submitLi:after, ul#graphButtons:after, ul#banners:after, #Bottom:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}