/* ----- TechRadium Main Stylesheet ----- */

/* ----- Global ----- */
* { margin: 0px; padding: 0px; }
html { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
body { background: #2a4b81 url(/_images/bg.jpg) repeat-x; }
table, td { border-collapse:collapse;margin: 0px;padding: 0px;vertical-align: top;}
p { padding: 8px 0px; }
img { border-style: none; }
a:hover { text-decoration: none; }
h1 { display: block; padding: 8px 22px; background-image: url(/_images/h_bg.jpg); background-repeat: no-repeat; font-size: 25px; color: #2c4c82; font-weight: bold; margin-bottom: 22px; background-position: left center; position: relative; z-index: 1; }
h2 { font-size: 16px; color: #2c4c82; font-weight: bold; padding: 8px 0px; }
h3 { font-size: 16px; color: #2c4c82; font-weight: bold; padding: 8px 0px; }

/* ----- Navigation ----- */
.menu { background: #FDC746; height: 32px; margin: 0px 7px; }
.menu li { list-style: none; display: inline; }
.menu a { float: left; font-size: 14px; font-weight: bold; }
#sub1, #sub2, /*#sub3,*/ #sub4, #sub5 { width: 172px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: url(/_images/bg_sub.gif) repeat-x left top #1B3768; padding: 6px 8px; list-style: none; display: none; z-index: 3; }
#sub2{ position: absolute; left: 112px; } /* 302 */
/*#sub3{ position: absolute; left: 451px; }*/
#sub4{ position: absolute; left: 383px; } /* 573 */
#sub5{ position: absolute; left: 489px; } /* 679 */
#sub1{ position: absolute; left: 659px; } /* 112 */
#sub1  li, #sub2  li, #sub3  li, #sub4 li, #sub5 li { display: inline; }
#sub1  a, #sub2  a, /*#sub3 a,*/ #sub4 a, #sub5 a { color: #fdc746; display: block; padding: 5px 5px 5px 7px; text-decoration: none; }
#sub1  a:hover, #sub2  a:hover, /*#sub3 a:hover,*/ #sub4 a:hover, #sub5 a:hover { color: #1F3870; background-position: left center; background-image: url(/_images/but_sub.gif); background-repeat: no-repeat; }

#sub3 { background: url(/_images/bg_sub.gif) repeat-x #1B3768; padding: 8px; list-style: none; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; height: 115px; position: absolute; left: 261px; display: none; z-index: 5; }
#sub3 a { display: block; float: left; color: #FEC739; text-decoration: none; text-align: center; padding: 9px; }
#sub3 b { display: block; text-align: center; padding-top: 2px; font-weight: normal; }
#sub3 a:hover { background-image: url(/_images/but_sub2.gif); background-repeat: no-repeat; background-position: center center; color: #1F3870; }

#sub1 #butt { height: 32px; width: 190px; background: url(/_images/navAboutTechRadium.gif); }
#sub2 #butt { height: 32px; width: 149px; background: url(/_images/navWhatIsIRIS.gif); }
#sub3 #butt { height: 32px; width: 122px; background: url(/_images/navIndustries.gif); }
#sub4 #butt { height: 32px; width: 106px; background: url(/_images/navSupport.gif); }
#sub5 #butt { height: 32px; width: 170px; background: url(/_images/navGettingIRIS.gif); }
#sub1 #butt, #sub2 #butt, #sub3 #butt, #sub4 #butt, #sub5 #butt{ display: block; position: absolute; left: -1px; top: -32px; background-repeat: no-repeat; background-position: right top; }
.menu_l { background-image: url(/_images/menu_l2.gif); background-repeat: no-repeat; background-position: bottom; list-style: none; height: 180px; padding-top: 23px; }
.menu_l li { display: inline; }
.menu_l a { display: block; padding: 5px 0px 5px 24px; text-decoration: none; color: #FFFFFF; background-image: url(/_images/butt_l.gif); background-repeat: no-repeat; background-position: left 1px; font-size: 13px; margin: 0px; border-top: 1px solid #FFFFFF; }
.menu_l  a:hover { background-repeat: no-repeat; background-position: right 1px; background-color: #FCE5AD; color: #3C4B61; }

/* ----- Layout ----- */
.all { width: 1004px; margin: 18px auto 75px; position: relative; }
.shadow { background-image: url(/_images/shad.gif); background-repeat: no-repeat; background-position: center top; }
.b1 a{ background: url(/_images/navHome.gif); }
.b2 a{ background: url(/_images/navAboutTechRadium.gif); }
.b3 a{ background: url(/_images/navWhatIsIRIS.gif); }
.b4 a{ background: url(/_images/navIndustries.gif); }
.b5 a{ background: url(/_images/navSupport.gif); }
.b6 a{ background: url(/_images/navGettingIRIS.gif); }
.b7 a{ background: url(/_images/navContactUs.gif); }
.b1 a, .b2 a, .b3 a, .b4 a, .b5 a, .b6 a, .b7 a {background-repeat: no-repeat;background-position: left top;}
.b1 a:hover, .b2 a:hover, .b3 a:hover, .b4 a:hover, .b5 a:hover, .b6 a:hover, .b7 a:hover {background-repeat: no-repeat;background-position: right top;}
#flashcontent { padding: 20px 7px 0px; }
.content { padding: 20px 32px 0px; }
.col_left { width: 171px; background-image: url(/_images/menu_l.jpg); background-repeat: no-repeat; background-color: #2C4C82; float: left; }
.underLeftMenu { padding-left:5px; background-color:#FFFFFF; font-size:12px;}
.underLeftMenu a { color: #0066CC; font-size: 12px; }
.col_right { position: relative; float: right; width: 745px; }
.col_right a { color: #0066CC; font-size: 12px; } /* padding-left:15px; */
.col { width: 111px; padding: 145px 15px 0px; float: left; margin-right: 8px; font-size: 12px; height: 250px; margin-bottom: 21px; }
.col .up { height: 120px; display: block; position: relative; }
.col .up li, .col ul li { display: inline-block; list-style: none; background-image: url(/_images/li_2.gif); background-repeat: no-repeat; background-position: left 7px; padding: 0px 0px 5px 8px; }
#col1 { background-image: url(/_images/col1.jpg); background-repeat: no-repeat; }
#col2 { background-image: url(/_images/col2.jpg); background-repeat: no-repeat; }
#col3 { background-image: url(/_images/col3.jpg); background-repeat: no-repeat; }
#col4 { background-image: url(/_images/col4.jpg); background-repeat: no-repeat; }
#col5 { background-image: url(/_images/col5.jpg); background-repeat: no-repeat; }
.blog_y { float: left; width: 340px; background-image: url(/_images/blog_bg2.jpg); background-repeat: no-repeat; background-color: #FEF7E7; background-position: bottom; }
.blog_y p { padding: 8px 15px 15px; }
.blog_y h2 { background-image: url(/_images/blog_bg1.jpg); background-repeat: no-repeat; background-position: top; font-size: 14px; display: block; padding: 15px 15px 0px; }
.blog_c { margin-left: 365px; color: #000000; }
.blog_c li { list-style: none; background-image: url(/_images/li_2.gif); background-repeat: no-repeat; background-position: left 6px; padding: 0px 0px 6px 11px; }
.blog_c h2 {font-size: 14px; padding-top:15px;}
.blog_g { width: 230px; float: left; background-image: url(/_images/blog_bg3.jpg); background-repeat: no-repeat; background-position: bottom; margin-right: 25px; background-color: #FCF5E2; height: 250px; }
.blog_g p { padding: 15px; color: #2c4c82; }
.csBox { float: left; width: 500; background-image: url(/_images/csBoxBg2.jpg); background-repeat: no-repeat; background-color: #FEF7E7; background-position: bottom; }
.csBox p { padding: 8px 15px 15px; font-size: 12px;}
.csBox h2 { background-image: url(/_images/csBoxBg1.jpg); background-repeat: no-repeat; background-position: top; display: block; padding: 15px 15px 0px; }
.csBox h3 { display: block; padding: 0px 15px 0px; }
.csBox ul { padding-left: 35px; margin-top:-15px; font-size: 12px; }
.indBox { float: left; width: 300; background-image: url(/_images/indBoxBg2.jpg); background-repeat: no-repeat; background-color: #FEF7E7; background-position: bottom; }
.indBox p { padding: 8px 15px 15px; font-size: 12px;}
.indBox h2 { background-image: url(/_images/indBoxBg1.jpg); background-repeat: no-repeat; background-position: top; font-size: 14px; display: block; padding: 15px 15px 0px; }
.indBox h3 { display: block; padding: 0px 15px 0px; }
.indBox ul { padding-left: 35px; margin-top:-15px; font-size: 12px; }
.step { padding-right: 300px; background-image: url(/_images/bg_cont.jpg); background-repeat: no-repeat; background-position: right bottom; font-size: 12px; color: #000000; margin-right: -25px; }
.step p { padding-bottom: 21px; }
.step h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.broad { padding-right: 300px; background-image: url(/_images/bg_broadcast.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; margin-right: 0px; }
.broad p { padding-bottom: 21px; }
.broad h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.employ { padding-right: 300px; background-image: url(/_images/employment.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; margin-right: 0px; }
.employ p { padding-left: 25px; padding-bottom: 21px; }
.employ h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.techSup { padding-right: 300px; background-image: url(/_images/tech.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; margin-right: 0px; }
.techSup p { padding-left: 25px; padding-bottom: 21px; }
.techSup h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.techSup ul { padding-left: 50px; }
.custSer { padding-right: 300px; background-image: url(/_images/cust.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; margin-right: 0px; }
.custSer p { padding-left: 25px; padding-bottom: 21px; }
.custSer h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.custSer ul { padding-left: 50px; }
.custSer ul ul { padding-left: 18px; }
.becDistrib { padding-right: 300px; background-image: url(/_images/distrib.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; margin-right: 0px; }
.becDistrib p { padding-left: 25px; text-align:justify; }
.becDistrib h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.becClient { padding-right: 300px; background-image: url(/_images/client.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #000000; margin-right: 0px; }
.becClient p { padding-left: 25px; text-align:justify; }
.becClient h2 { display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; margin-top:10px; }
.main td { border-right: 1px solid #FAB719; }
.main .left { width: 430px; padding-right: 20px; }
.main .leftcenter { width: 155px; padding-right: 15px; padding-left: 15px; text-align:center; }
.main .center { width: 200px; padding-right: 15px; padding-left: 15px; text-align:center; }
.main .right { width: 204px; padding-right: 15px; padding-left: 15px; }
.news { padding: 14px 0px; color: #333333; border-bottom: 1px solid #fdc746; }
.news dt { font-size: 10px; font-weight: bold; }
.news a { font-size: 12px; color: #00559c; padding-left:0px; }
.news img { float: left; margin-right: 12px; margin-bottom: 7px; border: 1px solid #9c9fa0; }
.news p { font-size: 12px; color: #000000;}
#footer { position: absolute; }
#footer p { font-size: 11px; color: #CCCCCC; padding: 0px 25px 25px; }
#footer b { float: right; }
#footer a { font-weight: normal; color: #CCCCCC; margin: 0px 6px; }
.red { font-size: 14px; color: #FF0000; }
.orang { font-size: 14px; color: #FF9900; }
.yello { font-size: 14px; color: #FFCC00; }
.blu { color: #0099FF; font-size: 14px; }
.gree { font-size: 14px; color: #00CC00; }
.grey { font-size: 16px; color: #000000; padding: 18px 0px; }
.intro { font-size: 14px; color: #000000; padding: 18px 0px; }
.clear { clear: both; }
.error404 { padding-right: 150px; font-size: 12px; color: #000000; margin-right: -25px; }
.error404 p { padding-bottom: 400px; padding-left: 25px; }
.industries { padding-right: 100px; font-size: 12px; color: #000000; margin-right: -20px; }
.industries p { padding-left: 25px; text-align:justify; }
.industries ul { padding-left: 50px; }
.industries ul ul { padding-left: 18px; }
.industries h2 { font-size: 14px; color: #2c4c82; font-weight: bold; padding: 8px 14px; }
.about { padding-right: 100px; font-size: 12px; color: #000000; margin-right: -20px; }
.about p { padding-left: 25px; text-align:justify; }
.about a { color: #0066CC; font-size: 12px; }
.about h2 { padding-left: 14px; font-size: 14px; }
.about ul { padding-left: 50px; }
.about ul ul { padding-left: 18px; }
.benefits { padding-right: 30px; font-size: 12px; color: #000000; margin-right: -20px; }
.benefits p { padding-left: 25px; text-align:justify; }
.benefits ul { padding-left: 55px; }
.benefits h2 { font-size: 14px; display: block; background-image: url(/_images/h3_bg.gif); background-repeat: no-repeat; background-position: left 1px; color: #FFFFFF; padding-left: 13px; }
.whiteBG { background-color:#FFFFFF;}
.greyBG { background-color:#EEEEEE;}
.blueBG { background-color:#294D84; color:#FFFFFF; font-size:9px;}
#compChartTop { background-color:#294D84; border-collapse:separate;}
.ccthLeft { background-color:#294D84; padding:4px; font-weight:bold; color:#FFFFFF; background-image:url(/_images/chartTopLeft.gif); background-position:left top; background-repeat:no-repeat;}
.ccthRight { background-color:#294D84; padding:4px; font-weight:bold; color:#FFFFFF; background-image:url(/_images/chartTopRight.gif); background-position:right top; background-repeat:no-repeat;}
#compChart { background-color:#294D84; border-collapse:separate;}
#compChart  td{ padding:4px;}
#plansTop { background-color:#294D84; border-collapse:separate; margin-left:25px;}
.plthLeft { background-color:#294D84; padding:4px; font-weight:bold; color:#FFFFFF; background-image:url(/_images/chartTopLeft.gif); background-position:left top; background-repeat:no-repeat;}
.plthCenter { background-color:#294D84; padding:4px; font-weight:bold; color:#FFFFFF;}
.plthRight { background-color:#294D84; padding:4px; font-weight:bold; color:#FFFFFF; background-image:url(/_images/chartTopRight.gif); background-position:right top; background-repeat:no-repeat;}
#plans { background-color:#294D84; border-collapse:separate; margin-left:25px;}
#plans  td{ padding:4px;}
.smallBold {font-size: 12px; font-weight: bold;}
#siteMap {margin:15px;}
#siteMap ul {padding-left:25px; padding-top:5px;}
.faq { padding: 14px 0px; margin-left:30px; color: #000000; border-bottom: 1px solid #fdc746; }
.faq dt { font-size: 14px; font-weight: bold; }
.faq a { font-size: 12px; color: #00559c; padding-left:0px; }
.faq ul {padding-left:25px; padding-top:5px;}
.privacy { padding-right: 50px; font-size: 9px; color: #000000; margin-right: -20px; }
.privacy p { padding-left: 25px; text-align:justify; }
.privacy a { color: #0066CC; font-size: 9px; }
.privacy ol { padding-left: 50px; font-weight:bold; }
.privacy ul { padding-left: 50px; }
.privacy ul ul { padding-left: 18px; }
.privacyBullet { padding-left: 25px;}
.SystemMessage {color: #2D822C; font: bold 14px Arial;  background-image: url(/_images/SysMsgBG.jpg); background-repeat: no-repeat; background-position: left center; position: relative; z-index: 1;}
.ErrorMessage {color: #990000; font: bold 14px Arial;  background-image: url(/_images/ErrorMsgBG.jpg); background-repeat: no-repeat; background-position: left center; position: relative; z-index: 1;}
.smallwarning {font-family:Arial; font-size:8pt; color:#FF0000;}

/* ----- Forms ----- */
#loginForm { margin-top: 32px; }
/*#loginForm a { color: #0066CC; font-size: 11px; background-image: url(/_images/li.gif); background-repeat: no-repeat; background-position: left center; display: block; float: right; padding: 12px 0px 12px 8px; }*/
#loginForm a { color: #0066CC; font-size: 11px; display: block; float: right; padding: 6px 0px 0px 8px; }
.loginField { border: 1px solid #FDC746; float: right; width: 120px; padding: 2px; color: #2D4C82; font: bold 12px Arial, Helvetica, sans-serif; }
.loginLabel { display: block; clear: both; width: 204px; height: 34px; font-size: 11px; }
#contactForm { margin-top: 0px; margin-left: 40px; }
.contactField { border: 1px solid #FDC746; float: right; width: 250px; padding: 2px; color: #2D4C82; font: bold 12px Arial, Helvetica, sans-serif; }
.contactLabel { display: block; clear: both; width: 350px; height: 34px; font-size: 11px; }
.demoUnderLeftMenu { height:145px; padding-left:10px; padding-top:5px; background-color:#FFFFFF; font-size:12px;background-image: url(/_images/DemoFormBG.jpg); background-repeat: no-repeat; background-position: bottom;}
.demoUnderLeftMenu a { color: #0066CC; font-size: 12px; }
.demoField{border: 1px solid #FDC746; color: #2D4C82; font: bold 12px Arial, Helvetica, sans-serif;}
#homeDemo { margin-top: 10px; }
#homeDemo a { color: #0066CC; font-size: 11px; display: block; padding: 6px 0px 0px 8px; }
.homeDemoText {font-size: 11px;}