/*
Theme Name: P2i
Description: P2i wordpress theme
Author: Athlon DPS
Author URI: http://www.athlondps.com
Version: 1.0
.
Tags: light, fixed width, two columns, no widgets
.
*/
* {padding: 0; margin: 0;}
a, #investors p a {text-decoration: none; color: #00a1de;}
a:hover, #investors p a:hover {color: #1e1e1e;}
li {display: block;}
p {padding-bottom: 15px;}
p a {text-decoration: underline;}
.cleaner {display: block; height: 1px; overflow: hidden; clear: both; font-size: 1px;}
.flash-replaced .alt{display: none;}

a.dl {padding-left: 20px; background: url(images/dlicon.gif) no-repeat; line-height: 25px;}

body {font: 13px/15px Arial, Verdana, sans-serif; color: #1e1e1e; background: #000 url(images/mainbgr.jpg) repeat-x; text-align: center;} 

#page_container {width: 970px; margin: auto; padding: 20px 25px; padding-bottom: 0; margin-bottom: 0; background: #fff; text-align: left; position: relative; max-width: 970px;}
#page_container.black {background: #000;}
#page_container.homepage {}

#header {width: 100%; height: 115px; position: relative; margin-bottom: 35px;}
#header .slogan {width: 210px; height: 115px; position: absolute; top: 0; right: 13px; background: url('images/slogan.png') left top no-repeat; text-indent: -1920px; overflow: hidden;}
#header h1 {width: 175px; height: 115px; float: left; overflow: hidden; margin-right: 5px; background: url('images/logo.gif') left top no-repeat;}
#header h1 a {display: block; width: 100%; height: 100%; text-indent: -100px; overflow: hidden;}


#header ul {height: 107px; padding-top: 12px; background: url('images/menu_bgrd.gif') left top no-repeat; position: relative;}
#header ul.nav {width: 550px; overflow: hidden;}
#header ul.nav li {width: 175px; line-height: 15px;}
#header ul.nav li a {display: block; font: bold 14px/15px Arial, sans-serif; padding: 0 1px 0 15px; display: inline;}
#header ul.nav li.selected a.parent {color: #1e1e1e; background: url('images/nav_bullet_black.gif') 5px 4px no-repeat;}
#header ul.nav li ul {width: 175px; position: absolute; top: 0; left: 180px;}
#header ul.nav li ul.wide {width: 235px; background: url('images/menu_bgrd_wide.gif') left top no-repeat;}
#header ul.nav li ul.wide li {width: 235px;}

#header ul.nav li ul.logo {width: 360px; padding: 0;}
#header ul.nav li ul.logo li {height: 115px; width: 175px; float: left; display: inline; margin-right: 5px;}
#header ul.nav li ul.logo li a {display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -1000px; padding: 0;}
#header ul.nav li ul.logo li.ion-mask a {background: url('images/ion-mask_nav_logo.gif') top left no-repeat;}
#header ul.nav li ul.logo li.aridion a {background: url('images/aridion_nav_logo.gif') top left no-repeat;}
#header ul.nav li ul.logo li a:hover {background-position: 0 -115px;}

#footer {height: 50px; background: url('images/footer_bgrd.gif') top left no-repeat; padding: 0 15px; line-height: 50px; color: #545454; margin-top: 80px;}
#footer p {padding-bottom: 0;}
#footer a, #page_container.black #footer a {color: #CCCCCC; font-weight: bold; text-decoration: none;}
#footer a.selected, #page_container.black #footer a.selected,
#footer a:hover, #page_container.black #footer a:hover {color: #FFF;}
#footer .partner, #page_container.black #footer .partner {display: block; float: right; color: #00a1de;}
#footer .partner:hover, #page_container.black #footer .partner:hover {color: #FFF;}

#page_content {padding: 0 0 0 15px;}

/* DEFAULT LAYOUT */
#cnt {width: 350px; float: left; display: inline;}
#cnt .inner {padding-right: 10px;}
#sidebar {width: 590px; float: left; display: inline;}
#sidebar .inner {padding-left: 10px;}
.wide #cnt {width: 645px;}
.wide #cnt .inner {padding: 0 40px 0 0;}
.wide #sidebar {width: 310px;}
.wide #sidebar .inner {padding-left: 15px;}
.borderHorizontal {background: url('images/border_dotted_horizontal.gif') left top repeat-x;}
.borderVertical {background: url('images/border_dotted_vertical.gif') right top repeat-y;}

.more {padding-top: 14px; margin-top: 12px;}
.more .panel {width: 220px; float: left; margin: 3px 20px 20px 0; display: inline;}
.more .panel.last {margin-right: 0;}
.more .panel .hdr {display: block; height: 30px; line-height: 30px; padding-left: 8px; overflow:hidden; color: #fff;
	text-transform: uppercase; background: url('images/panel_more_header_bgrd.gif') left top no-repeat; }
.more .panel .hdr:hover {background-position: 0 -30px;}
.more .panel .hdr h3 {color: #FFF; font-size: 13px;}
.more .panel .thumb {height: 100px; background: #EEE url('images/panel_more_thumb_bgrd.gif') left bottom no-repeat;}
.more .panel .cnt {padding-top: 7px;}
.more .panel .cnt p {padding-bottom: 10px;}


/* --- Typography --- */
h2 {font-size: 20px; font-weight: bold;}
#page_content h1 {padding-bottom: 15px;}
#page_content h2 {padding-bottom: 12px; line-height: 17px;}
#page_content h3 {padding-bottom: 5px; font-size: 15px;}
#page_content .narrowCopy {width: 350px;}
#page_content a {font-weight: bold;}
.people_sect {font-size: 20px;}
.prelast .people_sect {margin-top: 20px;}

#page_content img {margin-bottom: 13px;}
#page_content .thumb img {margin: 0;}
#page_content ol {}
#page_content ol.outer {margin-left: 20px;}
#page_content ul.sitemap li {padding: 1px 0px 1px 15px; background: url('images/border_dotted_vertical.gif') 0px 6px no-repeat;}
#page_content ul.sitemap li ul li { padding: 1px 0px 1px 15px; margin-left: 10px; background: url('images/border_dotted_vertical.gif') 0px 6px no-repeat;}

#page_content ol li {padding-bottom: 10px; display: list-item; list-style: decimal inside;}
#page_content ol.outer li {padding-bottom: 10px; display: list-item; list-style: decimal outside;}

#page_content .list .post {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
#page_content .list .post .date {width: 240px; float: left; color: #1e1e1e; font-weight: bold;}
#page_content .list .post .content {width: 340px; float: left; display: inline;}
#page_content .list .post .content h3 {font-size: 20px; line-height: 20px; padding-bottom: 10px;}
#page_content .list .navigation {overflow: hidden;}
#page_content .list .navigation a {display: block; width: 50%; overflow: hidden; float: left;}
#page_content .list .navigation a.right {text-align: right;}

.people ul li {display: block; width: 100%; float: left; margin: 0 0 15px 0; padding-bottom: 20px; overflow: hidden; background: url('images/border_dotted_horizontal.gif') left bottom repeat-x;}

.people ul li.prelast {display: block; width: 100%; float: left; margin: 0 0 15px 0; padding-bottom: 0px; overflow: hidden; background: url('images/border_dotted_horizontal.gif') left bottom repeat-x;}
.people ul li.last {background: none;}
.people ul li img {display: block; float: left; margin-right: 20px;}
.people ul li .cnt {display: block; width: 340px;  float: left;}

ul.bulletlist {list-style-type: disc; list-style: outside; padding-left: 16px; margin-bottom: 12px;}
ul.bulletlist li {display: list-item;}

/* --- Sidebar Panels --- */
#sidebar h2 {padding-bottom: 16px;}
#sidebar h3  {font-size: 20px; padding-bottom: 12px;}
#sidebar a.rss  {background: url('images/rss_icon.gif') left top no-repeat; padding-left: 20px;}

.grayPanel {background: #EEE url('images/sidebar_panel_bgrd_top.gif') left top no-repeat; margin-bottom: 30px;}
.grayPanel .content {padding: 15px; background: url('images/sidebar_panel_bgrd_bottom.gif') left bottom no-repeat;}
.grayPanelExt {background: #EEE url('images/sidebar-ext_panel_bgrd_top.gif') left top no-repeat; margin-bottom: 30px;}
.grayPanelExt .content {padding: 15px; background: url('images/sidebar-ext_panel_bgrd_bottom.gif') left bottom no-repeat;}
.grayPanel .content p {width: 250px; padding: 0; padding-bottom: 10px;}
.grayPanelExt .content p {padding: 0; padding-bottom: 10px;}

#sidebar .mod {}
#sidebar .mod .hdr {}
#sidebar .mod .cnt {padding-bottom: 20px;}
#sidebar .mod .cnt ul {list-style-type: none;}
#sidebar .mod .cnt ul li {padding: 4px 0;}

#sidebar img {margin-bottom: 5px;}

.tc {margin-left: 32px;}


/* HOMEPAGE */
#page_container.homepage #header {height: 390px; z-index: 10; background: transparent; margin-bottom: 0;}
#page_container.homepage #header .inner {margin-top: 42px; margin-left: 15px; font-weight:bold;}
#page_container.homepage #header .inner h2 {margin-bottom:  15px;}
#page_container.homepage #header .inner p {width: 350px;}
#page_container.homepage #flashBackground {position: absolute; top: 0; left: 0; z-index: 1;}

#page_container.homepage #page_content {padding:0 0 0 0;}
#page_container.homepage #cnt {width: 595px;}
#page_container.homepage .more {margin-top: 0;}
#page_container.homepage #cnt h2 {margin-left: 15px;}
#page_container.homepage #cnt.borderHorizontal {background: url('images/border_dotted_horizontal.gif') 15px 0 no-repeat;}
#page_container.homepage #sidebar {width: 340px; margin-left: 20px;}

#homeTabs {margin-top: 6px;}
.tabBox {background: #eeeeee url('images/tabbox_header.gif') top left no-repeat;}
.tabBox #tabNav {height: 34px;}
.tabBox #tabNav li span.selector {display: none;}
.tabBox #tabNav li {float: left; display: inline; margin-right: 1px; background: #eee url('images/tab-left.gif') top left no-repeat; position: relative;}
.tabBox #tabNav li a {display: block; float: left; height: 22px; padding: 7px 15px 0 15px; background: url('images/tab-right.gif') top right no-repeat;}
.tabBox #tabContent {background: url('images/tabbox_footer.gif') bottom left no-repeat; padding: 11px 0 0 15px;}
#homeTabs img {float: left; display: inline;}
#homeTabs .desc {float: left; display: inline; margin-left: 20px; width: 200px;}
#homeTabs #tab2, #homeTabs #tab3 {display: none;}

.tabBox #tabNav li.selected {background: #000 url('images/tabActive-left.gif') top left no-repeat}
.tabBox #tabNav li.selected a {background: url('images/tabActive-right.gif') top right no-repeat; color: #fff;}
.tabBox #tabNav li.selected .selector {display: block; width: 9px; height: 5px; position: absolute; top: 29px; left: 24px; 
	background:url('images/tabArrow.gif') no-repeat;}
	
#page_container.homepage .brand {width: 160px; float: left; display: inline;}
#page_container.homepage .brand .logo {width: 160px; height: 135px; margin-bottom: 10px;}
#page_container.homepage .ionmask {margin-right: 20px;}
#page_container.homepage .ionmask .logo a {display: block; height: 100%; background: url('images/hlogo_ionmask.gif') 0px 81px no-repeat; text-indent: -1000px; overflow: hidden;}
#page_container.homepage .aridion .logo a {background: url('images/hlogo_aridion.gif') top left no-repeat; display: block; height: 100%; text-indent: -1000px; overflow: hidden;}


/* TEMPLATE 3 */
.template4 #cnt {}
.template4 #sidebar {}

.template3 #sidebar input, 
.template3 #sidebar textarea,
.template3 #sidebar select {width: 263px; border: 1px solid #b4aca0; border-top: 1px solid #5a5755; margin: 3px 0 18px 0;}

/* TEMPLATE 4 */
#page_content.template4 {padding: 0;}
.template4 #cnt {width: 590px; float: left; margin-left: 15px;}
.template4 #sidebar {width: 340px; float: left;}
.template4 .more {margin-top: 30px;}
.template4 .borderHorizontal {background: url('images/border_dotted_horizontal.gif') 15px 0 no-repeat;}
.template4 .more h2 {margin-left: 15px;}
.template4 .grayPanel {width: 295px; float: left; display: inline; margin-right: 5px; margin-bottom: 0;}
.template4 .grayPanel .content {height: 145px;}
.template4 .more img {float: right;}

/* TEMPLATE 5 */
.template5 #cnt {width: 470px; float: left;}
.template5 #cnt .cLeft, .template5 #cnt .cRight {width: 220px; float: left;}
.template5 #cnt .cRight {margin-left: 20px;}
.template5 #sidebar {width: 370px; float: left; margin-left: 95px;}
.template5 #sidebar input, 
.template5 #sidebar textarea,
.template5 #sidebar select {width: 338px; border: 1px solid #b4aca0; border-top: 1px solid #5a5755; margin: 3px 0 18px 0;}

#sidebar input.submit, #sidebar input.reset {width: auto; border: none; margin: 0; padding: 0 1px 1px 1px; 
	background: #00a1de; color: #fff; font-size: 14px; font-weight: bold;}
	

/* Template 6 */
#page_content.template6 {padding: 0;}
.template6 #cnt {width: 590px; position: relative; padding: 15px 0 0 15px;}
.whiteBox {width: 200px; position: absolute; top: 0; left: 0; background: url(images/whitebox_top_bgrd.gif) top left no-repeat;}
.whiteBox .content {padding: 0 15px 5px 0; margin-top: 15px; background: #fff;}
.whiteBox .footer {height: 10px; background: url(images/whitebox_btm_bgrd.png) no-repeat;}
.whiteBox .content h3 {font-size: 20px; font-weight: bold; color: #1e1e1e; margin-bottom: 5px; margin-left: 15px;}
.whiteBox .content h3.morelineheight{line-height: 22px;}

.whiteBox ul.nav {margin-left: 0px;}
.whiteBox ul.nav li {padding: 0 1px 0 15px;}
.whiteBox ul.nav li a {display: block; font: bold 14px/15px Arial, sans-serif; display: inline;}
.whiteBox  ul.nav li.selected a.parent {color: #1e1e1e; background: url('images/nav_bullet_black.gif') 5px 4px no-repeat;}
.whiteBox ul.nav_aridion li  {padding: 0 1px 0 15px; color: #000;}
.whiteBox ul.nav_aridion li a {display: block; font: bold 14px/15px Arial, sans-serif; display: inline; color: #91268f;}
.whiteBox ul.nav_aridion li a:hover{color: #1e1e1e;}


.template6 #sidebar {width: 340px; padding-top: 15px;}
.template6 .more {width: 940px; margin: 30px 0 0 15px;}
.benefits {float: left; width: 220px; margin-right: 20px; margin-top: 15px;}
.last {margin-right: 0;}
.benefits h3 {color: #fff; text-transform: uppercase;}

/* Black pages */
.black {color: #CCCCCC;}
.black h2 {color: #fff;}
.black #sidebar h2 {color: #fff; line-height: 22px;}
.black #header .slogan {background: url('images/slogan-black.gif') left top no-repeat;}
.black #header h1 {background: url('images/logo-black.gif') left top no-repeat;}
.black #header ul {background: url('images/menu_bgrd-black.gif') left top no-repeat;}
.black #footer {background: /*url('images/footer_bgrd-black.gif') top left no-repeat*/ none;}
.black #header ul.nav li ul.logo li.ion-mask a {background: url('images/ion-mask_nav_logo-black.gif') 0 -115px no-repeat;}
.black #header ul.nav li ul.logo li.aridion a {background: url('images/aridion_nav_logo-black.gif') 0 -115px no-repeat;}
.black .borderHorizontal {background: url('images/border_dotted_horizontal-black.gif') left top repeat-x;}
.black .borderVertical {background: url('images/border_dotted_vertical-black.gif') right top repeat-y;}
.black .grayPanel .content {background: url('images/sidebar_panel_bgrd_bottom-black.gif') left bottom no-repeat;}

.black .more .panel .hdr {background: url('images/panel_more_header3_bgrd.gif') left top no-repeat; color: #fff !important;}
.black .more .panel .hdr:hover {color: #1e1e1e !important; background-position: 0 -30px;}
.black .more .ion .hdr {background: url('images/panel_more_header2_bgrd.gif') left top no-repeat; color: #fff !important;}
.black .more .ion .hdr:hover {color: #1e1e1e !important; background-position: 0 -30px;}
.black .more .panel .thumb {background: #262626 url('images/panel_more_thumb_bgrd-black.gif') left bottom no-repeat;}
label.error {color: red; padding: 0px; margin: 0px; vertical-align: top; display: block; margin-top: -15px; margin-bottom: 15px;}
input.error, textarea.error, select.error {background: #ffffd3;}
div.error{padding-bottom: 15px;}
span.message{display: block; padding: 10px 0px 5px 0px; font-weight: bold; color: #f00; display: none;}