@charset "utf-8";
/* 
Client: Altair Hyperworks
Author: Media Genesis
interior.css
*/
/* GENERAL */
/* ----------------------------------------- */
#interior {
	border-top:1px solid #D1D3D4;
	color:#58595B;
	height:auto;
	margin:0 auto;
	padding-top:25px;
	width:930px;
}

#interior aside {
	border-right:1px solid #D1D3D4;
	float:left;
	min-height:556px;
	height:auto !important;
	height:556px;
	margin-bottom:20px;
	padding-right:12px;
	position:relative;
	width:165px;
}

#interior article {
	float:left;
	font-size:12px;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding:0 0 58px 20px;
	position:relative;
	width:702px;
}

#interior article ul {
	font-size:13px;
	list-style:none;
	margin:4px 0 0 20px;
	padding:0;
}

#interior article .solution ul {
	font-size:12px;
}

#interior article ul li,
.solution li {
	background:url(../images/g_bullet.png) no-repeat;
	background-position:0 8px;
	line-height:16px;
	padding:2px 0 0 16px;
	list-style:none;
}

#interior article ol {
	font-size:12px;
	margin:4px 0 16px 38px;
}

#interior article ol li {
	background:none;
	padding:4px 0;
}

.ie7 #interior article ul li {
	padding:2px 0 0 22px;
}

.ie7 #interior article ol li {
	margin-left:4px;
}

#int_image, .int_image {
	border:1px solid #D1D3D4;
	height:160px;
	margin-bottom:20px;
	overflow:hidden;
	width:700px;
}

.int_sideimage {
	float:right;
	height:auto;
	margin:10px 0 10px 20px;
	width:auto;
}

#interior section {
	border-bottom:1px solid #D1D3D4;
	border-top:1px solid #D1D3D4;
	height:auto;
	padding:24px 0;
	width:auto;
}

#interior article #footergraphic {
	bottom:0;
	clear:both;
	padding-bottom:20px;
	position:absolute;
}

/* NAVIGATION */
/* ----------------------------------------- */
#interior aside nav {
	padding-bottom:20px;
}

#interior aside nav li {
	font-weight:bold;
}

#interior aside nav li a, #interior aside nav li span.no_href {
	display:block;
	line-height:16px;
	margin-bottom:15px;
}

#interior aside nav li a:hover {
	color:#005596;
}

#interior aside nav li ul {
	margin-left:10px;
}

#interior aside nav li ul a {
	font-weight:normal;
}

#interior aside nav li a.active, #interior aside nav li ul a.active, #interior aside nav li span.no_href {
	color:#005596;
	cursor:default;
	font-weight:bold;
	text-decoration:none;
}

#interior aside nav li a.active {
	color:#58595B;
}

/*
    Fine-wei: The pseudo-class :empty with display:none in Chrome causes elements that's not empty to disappear.
    Uncomment below when you can see all 6 items in http://devaltair.mediag.com/Hyperworks11/ChromeEmptyTest.htm in Chrome.
 */
/*#interior aside nav li:empty, article td p:empty, article td div:empty, */
#interior aside nav li.nothing, article td p.nothing, article td div.nothing {
	display:none;
}

/* TEXT */
/* ----------------------------------------- */
#interior article h2, #interior article h3, #interior article h4, #interior article h5, #interior article h6 {
	margin-bottom:5px;
}

#interior article hgroup {
	min-height:42px;
	height:auto !important;
	height:42px;
	padding-bottom:8px;
	width:702px;
}

#interior article hgroup h2 {
	font-size:20px;
	margin-bottom:0;
}

#interior article hgroup h3 {
	margin-bottom:0;
}

#interior article p {
	margin-bottom:0; /* 20px */
}

#interior article section span, #interior article section p span {
	color:#005596;
	display:block;
	font-weight:bold;
	margin-bottom:15px;
}

/* FORMS */
/* ----------------------------------------- */
#interior article input[type="text"], #interior article input[type="password"], #interior textarea {
	background:#FFF;
	border:1px solid #AAA;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:2px 0;
	padding:2px 3px;
}

#interior article input[type="text"]:focus, #interior article input[type="password"]:focus, #interior textarea:focus, .focusfield {
	background:#DFE8FF;
}

#interior article input[type="checkbox"] {
	margin-top:5px;
}

#interior article label {
	padding-left:5px;
}

#interior article.product_profile label {
	padding-right:20px;
}

#interior article.product_profile td input[type=checkbox],
#interior article.product_profile td input[type=radio] {
	background:none;
}

.ie7 #interior article input[type="checkbox"], .ie8 #interior article input[type="checkbox"] {
	margin-top:0;
}

.ie7 #interior article label, .ie8 #interior article label {
	position:relative;
	top:-2px;
}

#interior article fieldset, .int_tipDownloads {
	background: #EEE; /* Old browsers */
	background: -moz-linear-gradient(top, #F5F5F5 0%, #EAEAEA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F5F5F5 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F5F5F5 0%,#EAEAEA 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F5F5F5 0%,#EAEAEA 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#EAEAEA',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #F5F5F5 0%,#EAEAEA 100%); /* W3C */
	border:1px solid #AAA;
	padding:10px;
}

span.customStyleSelectBox {
	background:url(../images/bg_select.png) no-repeat center right #FFF;
	border:1px solid #AAA;
	height:auto;
	margin:2px 0;
	padding:3px 5px;
	width:auto;
}

.mycomments, .mycomments_long {
	background:#FFF;
	border:1px solid #AAA;
	height:100px;
	margin:2px 0;
	padding:3px 5px;
	overflow:hidden;
	resize:none;
	width:216px;
}

.mycomments_long {
	width:400px;
}

.myinput094 { width:94px; }
.myinput100 { width:100px; }
.myinput160 { width:160px; }
.myinput220 { width:220px; }
.myselect100 { width:100px; }
.myselect190 { width:190px; }
.myselect230 { width:230px; }
.myselect250 { width:250px; }
.myselect310 { width:310px; }

/* TABLES */
/* ----------------------------------------- */
.headerrow th {
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.headerrow th, .tablerow01 td, .tablerow02 td {
	border-bottom:1px solid #D1D3D4;
	border-top:1px solid #D1D3D4;
	padding:8px 5px;
}

table.prefs > tbody > tr > td {
	padding-bottom:30px;
}

#interior table.prefs > tbody > tr > td > p {
	margin-bottom:5px;
}
/* LINKS */
/* ----------------------------------------- */
#interior article a, #interior article section a:hover {
	color:#005596;
	text-decoration:underline;
}

#interior article section a {
	color:#005596;
	text-decoration:none;
}

/* PRODUCTS */
/* ----------------------------------------- */
.product_updates {
	float:left;
	height:auto;
	padding-right:10px;
	width:320px;
}

.int_locTable {
	border:1px solid #D1D3D4;
}

.int_locTable td {
	padding:3px 7px;
}

/* SUPPORT */
/* ----------------------------------------- */
.client_login {
	background-color:#ECECEC;
	border:1px solid #D1D3D4;
	margin-bottom:36px;
	padding:10px;
	width:300px;
}

#interior article .client_login h3 {
	font-size:14px;
	margin-bottom:10px;
}

.legendContent {
	background-color:#EEE;
	border:1px solid #CCC;
	float:right;
	padding:10px;
}

.library_desc {
	padding:15px 15px 0 15px;
}

.int_docDownloads {
	color:#005596;
	cursor:default;
	font-size:14px;
	margin-bottom:2px;
	text-decoration:underline;
}

#interior article ul.int_docList {
	margin:0;
	margin-bottom:20px;
	padding:0 10px;
}

#interior article ul.int_docList:hover {
	cursor:pointer;
}

.ie7 #interior article ul.int_docList:hover {
	background:#EEE;
}

.int_tipDownloads {
	margin-bottom:20px;
	padding:15px;
}

.online_training {
	clear:both;
	height:85px;
	width:300px;
}

.online_training h3 {
	font-size:14px;
}

.online_training img {
	float:left;
	margin-right:10px;
}

/* CORPORATE */
/* ----------------------------------------- */
#events_sidebar {
	float:left;
	width:220px;
}

#events_dates {
	background-color:#EEE;
	border:1px solid #CCC;
	padding:10px;
	text-align:center;
}

.news_sidebar {
	float:right;
	margin:20px 0 15px 35px;
	width:170px;
}

#interior article hgroup.news_header {
	height:auto;
	margin-bottom:15px;
}

#interior article hgroup h3.news_title {
	font-size:14px;
}

#interior article hgroup h3.rss {
	display:block;
	height:16px;
	padding-right:150px;
	position:relative;
	text-align:right;
}

#interior article hgroup h3.rss span {
	padding-left:5px;
	position:absolute;
	top:0;
}

#offices h2 {
	color:#005596;
	cursor:default;
	font-size:14px;
	margin-top:10px;
	text-decoration:underline;
}

#offices td {
	padding:5px 10px 5px 0;
}

#partner_left, #partner_right {
	float:left;
	height:auto;
	width:350px;
}

#partner_right {
	padding-left:20px;
	width:330px;
}

.partner_login, .partner_search {
	background-color:#ECECEC;
	border:1px solid #D1D3D4;
	margin-bottom:36px;
	padding:10px;
	width:265px;
}

#partner_left h2, #interior article .partner_login h3 {
	font-size:14px;
}

#interior article .partner_login h3 {
	margin-bottom:10px;
}

.partner_search {
	width:auto;
}

/* NEWSLETTER AND COMMUNITY */
/* ----------------------------------------- */
#interior section#campaign {
	border:none;
	font-size:12px;
	margin:0 auto;
	padding:0;
	width:740px;
}

#interior section#campaign #int_image {
	margin:0 auto;
	margin-bottom:24px;
}

div.NewsLetterInsider {
	float:left;
	font-size:14px;
	font-weight:bold;
	height:195px;
	line-height:25px;
	margin-top:10px;
	overflow:hidden;
	text-align:center;
	width:185px;
}

div.NewsLetterInsider img {
	border:2px solid #D1D3D4;
}

/* GENERATED STYLES FROM PREVIOUS */
/* ----------------------------------------- */
.int_updateDownloads, .int_clientDownloads {
	background:#ECECEC;
	border:1px solid #D1D3D4;
	padding:10px;
	height:auto;
	width:300px;
}

.int_clientDownloads {
	width:240px;
	margin-bottom:36px;
}

/* http://devaltair.mediag.com/Hyperworks11/HWTemp3Product.aspx?product_id=4&item_name=Features%20by%20product */
table#hyperform th.header {
	border:1px solid #333;
	padding:5px;
	vertical-align:middle;
}

table#hyperform td {
	border:1px solid #333;
	padding:5px;
}
	
/* LANDING PAGE */
/* ----------------------------------------- */
#landing {
	background:url(../images/bg_730x300_learn_more.jpg) no-repeat #F2F2F2 50% 0;
	color:#FFF;
	font-size:12px;
	height:300px;
	clear:both;
	margin:0 0 20px 15px;
	width:930px;
}

#landing ul {
	height:300px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

#landing ul li.panel {
	border:1px solid #CCCED0;
	display:block;
	height:298px;
	overflow:hidden;
	position:absolute;
	width:309px;
}

#panel01, #panel02 {
	left:0;
	top:0;
}

#panel02 {
	left:310px;
}

#panel03 {
	right:0;
	top:0;
}

#landing li .tab {
	height:298px;
	position:absolute;
	top:0;
	width:930px;
	z-index:5;
}

#panel01 div.tab {
	background:url(../images/bg_730x300_HW_11_overview.jpg) no-repeat;
	left:0;
}

#panel02 div.tab {
	left:-310px;
}

#panel03 div.tab {
	background:url(../images/bg_730x300_events_webinars.jpg) no-repeat #F3F3F3 right 0;
	right:0;
}

#panel03 .tab {
	background:none no-repeat scroll right top transparent;
}

#landing li h2 {
	background: url(../images/bg_landing.png) repeat;
	background: rgba(0, 0, 0, 0.4);
	display:block;
	font-size:20px;
	font-weight:normal;
	height:39px;
	left:0;
	padding:15px 30px 0 30px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:6;
}

.sidetitle {
	background: url(../images/bg_landing.png) repeat;
	background: rgba(0, 0, 0, 0.4);
	display:block;
	font-size:20px;
	height:298px;
	left:-100px;
	position:absolute;
	top:0;
	width:100px;
	z-index:7;
}

.sidetitle span {
	display:block;
	left:4px;
	position:absolute;
	text-align:center;
	top:35px;
	-moz-transform: rotate(90deg) translate(0, 100%);
    -moz-transform-origin: 20% 100%;
    -o-transform: rotate(90deg) translate(0, 100%);
    -o-transform-origin: 20% 100%;
    -webkit-transform: rotate(90deg) translate(0, 100%);
    -webkit-transform-origin: 20% 100%;
	width:298px;
}

.ie7 .sidetitle span, .ie8 .sidetitle span, .ie9 .sidetitle span {
	height:298px;
	left:0;
	margin-left:-35px;
	top:0;
	width:100px;
	writing-mode: tb-rl;
}

.main01_content, .main02_content, .main03_content {
	background: url(../images/bg_landing.png) repeat;
	background: rgba(0, 0, 0, 0.4);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	height:140px;
	left:396px;
	padding:20px 22px;
	position:absolute;
	top:86px;
	width:256px;
	z-index:0;
	behavior:url(PIE.htc);
}

.main02_content.left, .main02_content.right {
	display:none;
	font-size:11px;
	height:160px;
	left:125px;
	line-height:20px;
	overflow:hidden;
	padding:10px;
	text-align:center;
	width:150px;
}

.main02_content.left img, .main02_content.right img {
	position:relative;
	top:2px;
}

.ie7 .main02_content.left, .ie7 .main02_content.right, 
.ie8 .main02_content.left, .ie8 .main02_content.right {
	background: url(../images/bg_ie_main_content02.png) no-repeat;
}

.main02_content.right {
	left:635px;
}

.main03_content {
	font-size:11px;
	height:165px;
	left:238px;
	overflow:hidden;
	padding:15px 12px 0 12px;
	width:278px;
}

.ie7 .main03_content {
	padding:12px 22px 0 22px;
	height:168px;
}

#landing_main01, #landing_main02, #landing_main03 {
	background:#CC9;
	border:1px solid #CCCED0;
	float:left;
	font-size:12px;
	height:298px;
	left:15px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:308px;
}

#landing_main03 {
	left:215px;
	z-index:10;
}

.landing .subscribe {
	height:15px;
	margin-top:0;
}

#landing_boxes {
	height:168px;
	margin:22px 0 28px 0;
	padding-left:15px;
	width:945px;
}

.landing_box {
	background: url(../images/bg_gradient.png) repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F2F2F2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%); /* IE10+ */
	background: linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%); /* W3C */
	border:1px solid #CCCED0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:left;
	height:148px;
	padding:5px;
	position:relative;
	width:288px;
	behavior:url(PIE.htc);
	z-index:0;
}

.landing_box.middle {
	margin:0 15px;
}

#landing a {
	color:#FFF;
	text-decoration:none;
}

#landing a:hover {
	text-decoration:underline;
}

#all_events {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f5f5f5 0%,#cccccc 100%); /* W3C */
	border:1px solid #333;
	font-size:12px;
	height:720px;
	line-height:16px;
	overflow:hidden;
	padding:15px;
	width:470px;
}

#all_events h2 {
	color:#333;
	font-size:18px;
	margin-bottom:15px;
}

/* MAGAZINES */
/* ----------------------------------------- */
#issue_credits {
	background:#005596;
	color:#FFF;
	float:right;
	font-size:11px;
	margin-left:10px;
	padding:15px 10px;
	text-align:center;
	width:150px;
}

#issue_cover {
	border:1px solid #D1D3D4;
	float:left;
	height:335px;
	margin-right:30px;
	width:265px;
}

#issue_contents {
	float:left;
	height:auto;
	position:relative;
	width:300px;
}

.issue_article .image {
	float:left;
	height:auto;
	margin-right:19px;
	width:111px;
}

.issue_article .text h2 {
	font-size:14px;
}

.issue_article .text {
	float:left;
	height:auto;
	margin-bottom:30px;
	width:150px;
}

table.mymacros { table-layout:fixed; }
table.mymacros .tablerow01 td, table.mymacros .tablerow02 td { 
	padding:8px 15px 8px 5px;
	word-wrap:break-word;
}

#interior article a.bpill_3, #interior article a.macro {
	background:#005596;
	color:#FFF;
	border:1px solid #808080;
	display:inline-block;
	margin-top:5px;
	padding:5px 8px;
	text-decoration:none !important;
	text-transform:uppercase;
}

#interior article a.macro {
	margin-top:0;
	text-align:center;
	width:90px;
}

.ie7 #interior article a.macro {
	margin-bottom:10px;
}

#interior article a.bpill_3:hover, #interior article a.macro:hover {
	background:#156EAF;
}

/* ITM FORMS */
/* ----------------------------------------- */
#interior article.itm label {
	padding-right:5px;
}

#interior article.itm label {
	padding-right:15px;
}

#interior article p.littleHeadings {
	margin-bottom: 20px;
    margin-top: 5px;
    font-weight:bold;
}

/* POSITIONING */
/* ----------------------------------------- */
article br { clear:none; }
.radio_padding td { padding:5px 0 }
.update_padding { padding:5px; }
.white { color:#FFF; font-weight:bold; }
