@import url(../biola/css/section.css);

/* Global Template */
#wrapperSection { background-image:url(img/banner.gif); }
#section { background-image:url(img/edge_banner.gif); overflow:visible; position:relative; }
             
#section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Float-clearing */
* html #section { height:1%; }
             
#content { }
#sectionHead { background:url(img/tab.gif) top left no-repeat; height:45px; padding:0 22px 0; position:relative; border-bottom-color:#6A88A4; }
#sectionTitle { font-size: 9px; margin:0; float:left; padding:11px 0 0 0; }
#sectionTitle span.caps { font-size:1em; }
             
#navSectionPrimary { float:right; width:380px; height:45px; padding:0; margin:0; background:transparent; }
#navSectionPrimary ul { margin:0; padding:0; }
#navSectionPrimary li { list-style:none; float:left; margin: 5px 0; }
#navSectionPrimary a { display:block; padding:10px; margin: 0; color:#FFF; text-align:center; border-right: 1px solid #2D4D5F; text-decoration: none; text-transform: uppercase; font-size: 0.9em; }
#navSectionPrimary a:hover, #navSectionPrimary a:focus { background-color: #132934;}

#navSectionPrimary #nav-chat a { color: #ACDDFF; border: none; padding: 0 0 0 16px; background-color: none; }
#navSectionPrimary #nav-chat a:hover, #navSectionPrimary #nav-chat a:focus { background-color: transparent; }
#nav-chat a img { border: none; padding: 0; }
#nav-chat span { display:block; padding:10px; margin: 0; color:#CCC; text-align:center; border-right: 1px solid #2D4D5F; text-transform: uppercase; font-size: 0.9em; }
#nav-news a:active, 
#nav-contact a:active { color:#69C; }
#nav-services a { border-right: 0; /*text-decoration:none; display:block; width:91px; height:29px; padding:10px 5px 0 0; margin:6px 0 0 20px; background:url(img/services_tab.gif) 0 0 no-repeat; text-align:center; color:#E5F9FF;*/ }

#services { display:none; width:200px; padding:11px 14px 0px 17px; position:absolute; right:8px; top:51px; z-index:1000; border:0; background:url(img/sdd_bg.png) 0 0 repeat-y; }
#services h2 { color:#FFF; font:1.4em/1 Helvetica,Arial,sans-serif; text-transform:uppercase; letter-spacing:1px; }
#services h3 { color:#314B66; margin-top:0; }
#services ul { margin-left:11px; }
#services li { list-style:none; }
#services a { color:#E5F9FF; }

/* Nav Services */
#navServices { margin:0 -14px -13px -17px !important; padding:6px 3px 20px 6px; background:url(img/sdd_bottombg.png) center bottom no-repeat; position:relative; }
#navServices li { padding:0 0 1px 0; }
#navServices li a { display:block; padding:4px 4px 2px 35px; line-height:18px; font-weight:bold; font-size:12px; text-decoration:none; }
#navServices li a:link,
#navServices li a:visited { background:url(img/bullet_arrow_white2.gif) 17px center no-repeat; color:#152732; }
#navServices li a:hover,
#navServices li a:focus { background:#152732 url(img/bullet_arrow_white.gif) 17px center no-repeat; color:#D9F0F9; }

/* Service Head */
#serviceHeadWrapper { width:748px; margin:-22px -22px 0 -22px; padding:0 22px 0 22px; position:relative; float:left; display:inline; background-image:url(img/service_shade_bg.png); background-repeat:repeat-y; background-position:top right; }
#serviceHead { float:left; width:748px; padding:0 0 22px 0; }
#serviceHead ul { margin:0 11px; padding:0; }

#serviceTitle { float:left; width:550px; padding:22px 0 22px; }
#serviceTitle .title { margin:0 0 11px 0; padding:6px 6px 4px; float:left; height:auto; font:normal 2.6em/1 Helvetica,Arial,sans-serif; background:url(img/bg_white_translucent.png) 0 0 repeat; letter-spacing:0; }
#serviceTitle .title a { color:#DD5312; }
#serviceTitle .title a:link,
#serviceTitle .title a:visited { text-decoration:none; }
#serviceTitle .title a:hover { text-decoration:underline; }
#serviceTitle .summary { margin:5px 0 0 0; font-size:1.8em; line-height:1.5; color:#222; width:520px; float:left; clear:left; }

#navService  { float:right; margin:0; padding:22px 0 0 22px; width:175px; }
#navService ul { margin:0; list-style-type:none; }
#navService ul ul { padding:0 0 0 14px; }
#navService li { padding:0 0 1px 0; margin:0; }
#navService a { margin:0 0 4px 0; padding:0 0 0 14px; display:block; background:url(img/bullet_arrow_white.gif) 0 5px no-repeat; }
#navService a:link,
#navService a:visited { color:#CCC; text-decoration:none; }
#navService a:hover { text-decoration:underline; }
#navService h3 { color:#DD5312 !important; text-transform:uppercase; font-weight:normal; letter-spacing:1px; }

#navService li.active a { background-image:url(img/bullet_arrow_white_down.gif); }
#navService li.active a.selected,
#navService li.active a.selected_open { font-weight:bold; text-decoration:none; color:#FFF; }
#navService li.active a.selected_open { background-image:url(img/bullet_arrow_white_down.gif) !important; }
#navService li.active a.selected { background-image:url(img/bullet_arrow_white.gif) !important; }
#navService li.active li a { background-image:url(img/bullet_arrow_white.gif); }
#navService li.active li.active a { background-image:url(img/bullet_arrow_white_down.gif); }
#navService li.active li.active li a { background-image:url(img/bullet_arrow_white.gif); }

#navService ul ul.discreet li { display:none; }
#navService li.active ul li { display:block; }
#navService li.active ul li li { display:none; }
#navService li.active ul li.active li { display:block; }

#content h1 { height:auto; margin:0 0 22px 0; font:3em/1.2 Helvetica,Arial,sans-serif; color:#111; background:transparent; letter-spacing:0; word-spacing:0; }
#content h2 { color:#DD5312; font:normal 2em/1.3 Arial,Helvetica,sans-serif; }
#content h3 { color:#9F2F09; font-size:1.6em; font-weight:normal; }
#content h4 { color:#9F2F09; }

#contentMain { float:left; width:748px; position:relative; margin:0; padding:0; }
#contentMain p.breadcrumbs { height:18px; margin:0 -22px 22px; width:auto; padding:11px 22px 8px; font-size:1.1em; background:#E3E0D8 url(img/breadcrumb_bg.gif) 0 0 repeat-x; position:relative; }
#contentMain p.breadcrumbs a { color:#222; }
#modify-timestamp { float:right; color:#666; background:#DDD; position:relative; margin:-22px -22px 0 0; padding:4px 0; width:220px; text-align:center; font-size:1.1em; }

#newsService { float:left; width:430px; padding:5px 0 0 85px; }
#newsService h3 { margin:0 0 0 -85px; padding:2px 0; float:left; position:relative; font-size:1.2em; font-weight:normal; text-transform:uppercase; color:#444; display:inline; }
#newsService li { list-style:none; border-left:1px solid #555; padding:0 0 5px 15px; float:left; width:410px; }
#newsService li a { color:#333; }
#newsService span.date { margin:0 4px 0 0; padding:1px 2px; color:#666; font-size:11px; background:url(img/bg_white_translucent.png) 0 0 repeat; }

/* Article Lists */
ul.articles { margin:0 0 10px 0; list-style:none; }
ul.articles li { text-align:left; line-height:1.5em; padding:4px 5px 0 60px; margin:0 0 11px 0; border-bottom:1px solid #CCC; }
ul.articles li a { font-size:1.19em; }
ul.articles span.date { position:relative; margin:0 0 0 -60px; padding:0; float:left; display:inline; text-align:left; color:#999; font-size:0.86em; font-weight:bold; line-height:1.8; color:#777; }

/* Content styles */
#contentMain img { display:block; margin:0 auto; border:0; }
a.feed { padding-left:20px; padding-top:1px; background:url(img/feed-icon-14x14.png) 0 50% no-repeat; }
ul.subscribe { margin:0 0 22px 0; padding:0; }
ul.subscribe li { padding:3px 5px; background-color:#EEE; list-style:none; }

/* Attachments */
#pageAttachments { float:right; width:220px; padding:11px 22px 11px; margin:0 0 22px 22px; border:1px solid #CC9; background:#FFF4BF; }
#pageAttachments h2 { margin:4px 0 11px 0; font:bold 1.3em/1 Arial,Helvetica,sans-serif; text-transform:uppercase; color:#DD5312; padding-bottom:4px; letter-spacing:1px; }
#pageAttachments ul { margin:0; }
#pageAttachments li { list-style:none; padding:0 0 0 30px; background:url(img/icon_document.gif) 0 0 no-repeat; }
#pageAttachments a { font-weight:bold; padding:2px 0 0 0; background:#FFF4BF; }
#pageAttachments p.note { margin-top: 8px; font-size: 11px; }

/* Feedback Form */
#feedbackForm { width:748px; margin:20px auto; position:relative; border-top:1px solid #CCC; padding:11px 0 0 0; float:left; }
#feedbackForm p { float:left; }
#feedbackForm p.title,
#feedbackForm label.comment { float:left; text-align:right; width:220px; margin:0 25px 0 4px; text-transform:uppercase; font-size:11px; padding-top:3px; }
#feedbackForm p.title { text-transform:uppercase; color:#444; }
#feedbackForm label.comment { top:50px; }
#feedbackForm ul { margin:0; padding:0; float:left; position:absolute; top:12px; left:329px; list-style:none; }
#feedbackForm li { width:20px; padding:0; margin:0; text-align:center; float:left; display:block; }
#feedbackForm li input { margin:0; padding:0; float:left; }
#feedbackForm p.labels { float:left; margin:0 0 11px 5px; font-size:0.9em; color:#666; padding:2px 0 0 0; width:230px; display:inline; }
#feedbackForm p.labels label { display:none; }
#feedbackForm p.labels label.edge { display:block; float:left; }
#feedbackForm p.labels label.last { float:right; }
#feedbackForm textarea { width:270px; float:left; font:0.96em/1.2 Arial,Helvetica,sans-serif; }
#feedbackComment { clear:left; }
#feedbackForm p.submit-row { position:absolute; top:7px; right:20px; width:180px; text-align:left; }
#feedbackForm p.submit-row button.submit { display:block; width:80px; padding:2px 0 2px 0; border:1px solid #BCC; background-color:#EEE; font-family:Helvetica,Arial,sans-serif; text-transform:uppercase; }

#feedbackForm p.success { width:100%; padding:10px 0; text-align:center; font-size:14px; color:#69C; font-weight:bold; }
#feedbackForm p.error { position:absolute; left:245px; margin-top: -30px; padding:5px 8px; text-align:center; z-index:1000; background-color:#FFD; color:#900; font-size:12px; }
/* Buttons */
#actionMain { float: right; margin: 0 0 2em 1em; }
#actionMain .button { display: block; height: 0; padding-top: 36px; overflow: hidden; width: 156px; }
#actionMain .button:hover, #actionMain .button:focus { background-position: 0 -36px; } 
#actionMain .button:active { background-position: 0 -72px; }
#button-registerdevice { background: url(img/registerdevice_button.png); }
#button-managevpn { background: url(img/managevpn_button.png); }
#button-biolasecureac { background: url(img/biolasecure.ac_button.png) 0 0 no-repeat; }
#button-webmail { background: url(img/webmail_login.png) 0 0 no-repeat; }

/* Alerts */
#alerts { background:#B52B0B url(img/bg_orange_shadow.gif) left bottom repeat-x; padding:4px 22px 1px 22px; border-top:solid 1px #711B06; }
#alerts ul { list-style-type:none; margin:0; font-size:1.1em; }
#alerts li { margin:0 0 4px 0; color:#FFF; background:url(img/icon_alert.gif) 0 0 no-repeat; padding:0 0 0 22px; }
#alerts a { color:#FFF; }