@import url(navigation_extranet.css);

/* common */
body, html{ padding:0px; margin:0px;}
body { font-family: sans-serif; font-size:11px; color:#686868; background: url('../images/extranet_background.gif') repeat-x left top #FFF; }
input, select, textarea{ color:#B59E7B; font-family:Arial, Verdana, sans-serif; font-size:11px; background: #FFF; border: 0px;}
form { display:inline; padding:0; margin:0; }
a {text-decoration: none; color: #2FAFC8;}
a img{ border:0px none; }
h4 { font-size:13px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }

a.delete{background:url(../images/delete.gif) no-repeat center center; display:block; width:18px; height:16px; }
a.bw_delete{background:url(../images/delete_bw.gif) no-repeat center center; display:block; width:18px; height:16px;}

a.move_up{background:url(../images/up.gif) no-repeat center center; display:block; width:18px; height:16px; }
a.bw_move_up{background:url(../images/up_bw.gif) no-repeat center center; display:block; width:18px; height:16px; }

a.move_down{background:url(../images/down.gif) no-repeat center center; display:block; width:18px; height:16px; }
a.bw_move_down{background:url(../images/down_bw.gif) no-repeat center center; display:block; width:18px; height:16px; }

/**/
.b {border: 1px solid red;}

/**/
.topmsg{}
.innermsg{ clear: both; width: 348px; margin: 1px 0 0 0; }
.error { color:#FF0000; overflow: visible; height: auto; padding: 0; }
.success { color:#006633; padding: 0 0 10px 0; }
/**/
.floatleft {float:left}
.floatright {float:right}
.clearboth {clear:both}
.hauto{height:auto;}
/**/
.pointer, .cursor{ cursor: pointer; }
/**/
/* overlay */
#messageOverlay{ background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
        position:absolute; z-index:90; top:0; left:0; width:100%; text-align:center; height:500px; }
#messageContainer{position:absolute; z-index:100; top:150px; left:0; width:100%; text-align:center;}
/* end overlay */

.usererror{float:left; height:19px; color:#fe0000; text-transform:uppercase; font-weight:bold; font-size:10px; position:absolute; z-index:1000;}
.usererror .arrow{background:url('/images/arr_error.gif'); height:19px; width:10px; float:left;}
.usererror .label{height:17px; line-height:17px; padding:0 6px; float:left; border:1px solid #c41117; background:#fff;}

.uerror { position: absolute; background: #FFF; border: 1px solid red; z-index: 1000; height: 17px; font-weight: bold; font-family: Arial;}

/* page content min heigth  */
.content { clear:both; width: 993px; height:auto; background: #fff; margin:0px auto; padding: 0px 0 0 0; font-family: Arial, Verdana, sans-serif; font-weight: normal; font-size: 11px; } /* all */
html>body .content { height:auto; background: #fff; } /* others */

/* error/confirmation pop-up */
.errormessage { background: url('../images/form_bg.gif') repeat-x #F1F1F1 ; text-align: center; padding:10px; width:400px; margin:0 auto; color: #313131; border:1px solid #000; }
.errormessage b { float: left; width: 400px; padding: 10px 0 10px 0; }
.errormessage a.action { color: #313131; font-weight: bold; padding: 0 3px 0 3px;  }
/* end error/confirmation pop-up */

/* footer */
.footer { margin: 0px auto; clear: both; color: #AFAEAE; text-align: left; padding: 5px 0 5px 0px; font-size: 11px; border-top: 1px solid #ededed; }
.footer .logo { float: left; padding: 0 5px 0 5px;}
.footer .copyright { float: right; font-size: 9px; font-weight: bold; padding: 10px 40px 0 0; }
.footer .left { float: left; width: 74px; height: 100px; background: url('../images/footer_hand.jpg') 28px 13px no-repeat; }

/* default template styles */
.header { margin: 0px auto; width: 993px; height: 125px; padding: 0 0 10px 0; background: url('../images/extranet_page_frame_top.gif') left bottom no-repeat #cdd9e4; }
.page { float: left; width: 993px; padding: 0; background: #FFF; min-height: 500px; height:auto !important; height:500px;}
.content a.logo { float: left; width: 123px; height: 64px; margin: 25px 0 0 75px; background: url('../images/extranet_epode_logo.gif') 0px 0px no-repeat; }
.top { width: 950px; margin: 0 auto; height: 11px; padding: 11px 0 0 0; clear: both; }

.headimages { margin: 0 auto; width: 841px; border: 5px solid #000; height: 181px; }
.headimages .image { float: left; width: 277px; height: 181px; }
.headimages .right { border-right: 5px solid #000; }

.usermenu { float: left; width: 250px; font-size: 11px; color: #686868; padding: 89px 0 0 96px; }
.usermenu a { text-decoration: underline; color: #686868; font-size: 11px; margin: 0 0 0 10px;}
/* end default template styles */

/* static page & faq content */
.text { padding: 0px 30px 45px 30px; margin: 0 auto;color: #340100; background: #FFFFFF; font-family: Verdana; font-size: 11px;  }
.text h4 { margin: 0; padding: 18px 0 0 0; font-size: 11px; font-family: Tahoma; text-transform: uppercase; }
.text h3 { margin: 0;padding: 18px 0 10px 0; font-size: 11px; font-family: Tahoma; text-transform: uppercase; }
.text .answer { font-size: 11px; }
/* end static page & faq content */

/* homepage */
.hp { clear: both; }
.hp .left { float: left; background: #FFF; width: 993px; padding:0;}
.hp .left .login-text { float:left; width: 388px; height: 246px; padding:10px 25px 0 50px; }
.hp .left .login-text .text { width: 388px; padding:0; }
.hp .left .login-text .text h2 { color: #b1b1d6; font-size: 26px; font-weight: bold; padding: 40px 0; margin: 0px; line-height: 1; }
.hp .left .login-text .text div { padding:0; color: #737373; font-size: 11px; text-align: justify; }
.hp .left .login-text .text p { padding: 0 0 20px 0; margin: 0; }

.hp .left .login-form { float:left; width: 260px; height: 342px; padding:40px 0 0 15px; background: url('../images/extranet_login_bg.gif') 0px 20px no-repeat; }
.hp .left .login-form .identification { height: 18px; padding:13px 0 0 35px; background: url('../images/extranet_identification.gif') 0px 0px no-repeat; font-size:18px; color:#fff; font-weight:bold; text-transform:uppercase; }
.hp .left .login-form .login-id { margin:50px 0 5px 0; padding:0; font-size:12px; color:#8181a3; font-weight:bold; text-transform:uppercase; }
.hp .left .login-form .login-password { padding:0; margin:0px 0 5px 0; font-size:12px; color:#8181a3; font-weight:bold; text-transform:uppercase; }
.hp .left .login-form .login-email { padding:0; margin:120px 0 5px 0; font-size:12px; color:#8181a3; font-weight:bold; text-transform:uppercase; }
.hp .left .login-form .login-email .success { text-transform:none; }
.hp .left .login-form .input-error { /*height:20px;*/ padding:0 0 5px 0; text-transform:none; }
.hp .left .login-form .input-error .innermsg { width:240px; }
.hp .left .login-form .input { width:245px; border:1px solid #cdcdcd; }
.hp .left .login-form .rememberme { float:left; padding:5px 15px 0 0; font-size:12px; color:#8181a3; }
.hp .left .login-form .rememberme input { margin:0; padding:0; width:15px; height:15px; background-color:transparent; }
.hp .left .login-form .forgotten-password { float:right; padding:5px 15px 0 0; font-size:12px; color:#8181a3; text-decoration:underline; white-space:nowrap; }
.hp .left .login-form .send { width:247px; height:18px; margin-top:50px; background: url('../images/extranet_login_valider.gif') 0px 2px no-repeat; border:none; color:#fff; font-size:10px; }

.hp .left .news { float:left; width: 230px; height: 362px; padding:35px 0 0 20px; background: url('../images/extranet-news.gif') 0px 0px no-repeat; }
.hp .left .news h2 { height: 16px; color: #fda137; font-size: 12px; font-weight: bold; padding:2px 0 0 20px; margin: 0px; line-height: 1; background: url('../images/extranet_rss.gif') 0px 0px no-repeat; text-transform:uppercase; }
.hp .left .news .citynews { margin: 14px 0 0 0; padding: 0px 0 0 10px; width: 196px; height: 220px; float: left; }
.hp .left .news .citynews .header { padding: 12px 0 9px 8px; height: 20px; width: 190px; background: none; color: #fda137; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.hp .left .news .citynews .item { clear: both; padding: 10px 0 0 0; width: 180px; font-size: 10px; }
.hp .left .news .citynews .item .newstext { float: left; padding: 0px; max-height: 27px; width: 180px; overflow: hidden; }
.hp .left .news .citynews .item a { color: #42b0d2; }
.hp .left .news .citynews .item b { color: #fda137; text-transform: uppercase; font-family: Verdana, Tahoma, Helvetica; font-weight: bold; }
.hp .left .news .citynews .item span.town { color: #fda137; text-transform: lowercase; }
.hp .left .news .citynews a.link { display: block; background: url('../images/extranet_news_button.gif') no-repeat; width: 144px; height: 16px; text-align: center; margin: 20px 0 0 10px; padding:1px 0 0 0; font-size: 10px; color: #fff; }


.hp .userinfo-left { float:left; width:35px; height:282px; background: url('../images/extranet_userinfo_left.gif') no-repeat; }
.hp .userinfo-right { float:left; width:26px; height:282px; background: url('../images/extranet_userinfo_right.gif') no-repeat; }
.hp .userinfo-top { width:375px; height:46px; background: url('../images/extranet_userinfo_top.gif') no-repeat; }
.hp .userinfo-middle { float:left; width:365px; padding:0 0 5px 10px; background: url('../images/extranet_userinfo_middle.gif') left center repeat-x; }
.hp .userinfo-bottom { width:375px; height:30px; background: url('../images/extranet_userinfo_bottom.gif') no-repeat; }
.hp .userinfo-middle .orange-top { width:355px; margin:10px 0 0 0; height:9px; background: url('../images/extranet_usr_orange_top.gif') no-repeat; }
.hp .userinfo-middle .orange-bottom { width:355px; margin:0 0 20px 0; height:9px; background: url('../images/extranet_usr_orange_bottom.gif') no-repeat; }
.hp .userinfo-middle .orange-middle { width:335px; padding:0 0 0 20px; background-color:#fcd5a7; }
.hp .userinfo-middle .orange-middle .latest-news { font-size:12px; font-weight:bold; color:#fda137; text-transform:uppercase; }
.hp .userinfo-middle .orange-middle .news-item { padding:4px 0; }
.hp .userinfo-middle .orange-middle .news-title { float:left; width:220px; font-size:11px; font-weight:bold; color:#686868; }
.hp .userinfo-middle .orange-middle .news-days { float:right; padding:0 10px 0 0; font-size:11px; font-style:italic; color:#8a5517; }
.hp .userinfo-middle .update-news { float:left; width:120px; height:48px; padding:7px 0 0 50px; background: url('../images/extranet_icon_update_news.gif') no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; }
.hp .userinfo-middle .inbox { float:right; width:120px; height:48px; padding:7px 0 0 55px; background: url('../images/extranet_icon_inbox.gif') no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color: #88a833; }
.hp .userinfo-middle .update-news a, .hp .userinfo-middle .inbox a { color:#686868; }
.hp .userinfo-middle .welcome { padding:20px 0 0 20px; font-size:14px; color:#585882; }

.hp .one-of-extranet { float:left; width:355px; padding:0 10px; }
.hp .one-of-extranet h2 { height: 16px; color: #b1b1d6; font-size: 15px; font-weight: bold; padding:0; margin: 10px 0; line-height: 1; text-transform:uppercase; }
.hp .one-of-extranet .title { display:block; font-size: 11px; font-weight: bold; padding:0; margin:0; text-transform:uppercase; }
.hp .one-of-extranet p { margin:5px 0; }
.hp .one-of-extranet .read-more a { color:#41b0d2; }

.hp .right { float:left; width:539px; background: url('../images/extranet-rightpanel-top.gif') no-repeat; }
.hp .right-panel { float:left; width:539px; background: url('../images/extranet_rightpanel_bg.gif') left 29px repeat-x; }
.hp .right-end { float:left; width:18px; height:282px; background: url('../images/extranet-rightpanel-right.gif') no-repeat; }

.hp .right .footer { text-align: center; background: url('../images/hp_tv_footer.jpg') 0px 11px #d3e273 no-repeat; height: 30px; width: 254px; padding: 3px 0 0 0; font-size: 11px; color: #FFF; font-weight: bold; border: 0px; }
.hp .right .footer span { padding: 0 1px 0 5px; color: #64c6cd; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.hp .right .footer span.tvsign { background: none; padding: 0; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }

.hp .right .news { float:left; width: 200px; padding:40px 0 0 20px; }
.hp .right .news h2 { height: 16px; color: #fda137; font-size: 12px; font-weight: bold; padding:2px 0 0 20px; margin: 0px; line-height: 1; background: url('../images/extranet_rss.gif') 0px 0px no-repeat; text-transform:uppercase; }
.hp .right .news .citynews { margin: 0; padding: 0px; width: 196px; height: 220px; float: left; }
.hp .right .news .citynews .header { padding: 12px 0 9px 8px; height: 20px; width: 190px; background: none; color: #fda137; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.hp .right .news .citynews .item { clear: both; padding: 10px 0 0 0; width: 180px; font-size: 10px; }
.hp .right .news .citynews .item .newstext { float: left; padding: 0px; max-height: 27px; width: 180px; overflow: hidden; }
.hp .right .news .citynews .item a { color: #42b0d2; }
.hp .right .news .citynews .item b { color: #fda137; text-transform: uppercase; font-family: Verdana, Tahoma, Helvetica; font-weight: bold; }
.hp .right .news .citynews .item span.town { color: #fda137; text-transform: lowercase; }
.hp .right .news .citynews a.link { display: block; background: url('../images/extranet_news_button.gif') no-repeat; width: 144px; height: 16px; text-align: center; margin: 20px 0 0 0; padding:1px 0 0 0; font-size: 10px; color: #fff; }

.hp .right .resource-center { display: block; float:right; width:319px; padding:20px 0 0 0; }
.hp .right .resource-center .resource-center-left { display: block; float:left; width:20px; height:245px; background: url('../images/extranet_resource_left.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .resource-center-top { display: block; float:left; width:280px; height:27px; background: url('../images/extranet_resource_top.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .resource-center-right { display: block; float:left; width:19px; height:245px; background: url('../images/extranet_resource_right.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center h2 { float:left; height: 16px; color: #b1b1d6; font-size: 15px; font-weight: bold; padding:0 0 0 20px; margin: 10px 0; line-height: 1; text-transform:uppercase; }

.hp .right .resource-center .item { width:251px; margin:10px 0; padding:0 0 0 10px; }
.hp .right .resource-center .item .item-left { float:left; width:53px; height:13px; background: url('../images/extranet_res_item_left.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .item .item-middle { float:left; width:180px; height:13px; background: url('../images/extranet_res_item_middle.png') repeat-x; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .item .item-right { float:left; width:15px; height:13px; background: url('../images/extranet_res_item_right.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .item .item-bottom { float:left; width:251px; height:8px; background: url('../images/extranet_res_item_bottom.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .item .item-content { float:left; width:251px; background: url('../images/extranet_res_item_content.png') repeat-y; behavior: url('../js/common/iepngfix.htc'); }
.hp .right .resource-center .item .item-content a { color:#686868; }
.hp .right .resource-center .item .item-content .icon { float:left; padding:0 10px; }
.hp .right .resource-center .item .item-content .item-text { float:left; width:180px; }
.hp .right .resource-center .item .item-content .title { display:block; padding:4px 0 0 0; font-weight:bold; text-transform:uppercase; }

.hp .forum-left { float:left; width:26px; height:260px; background: url('../images/extranet_forum_left.gif') no-repeat; }
.hp .forum-right { float:left; width:26px; height:260px; background: url('../images/extranet_forum_right.gif') no-repeat; }
.hp .forum-middle { float:left; width:940px; min-height:300px; padding:35px 0 0 0; background: url('../images/extranet_forum_middle.gif') repeat-x; }
#fullForum {color: #666666; font-size:12px;}
#fullForum th {color: #ffffff; font-size: 12px;}
#fullForum td{border-bottom: 1px solid #c7c7e0; border-left: 1px solid #c7c7e0;}
#fullForum td.lastRow{border-bottom: 1px solid #ffffff;}
#fullForum td.borderLeftNone{border-left: 0px;}
#fullForum .lastMessages {padding-left: 20px;}
#fullForum a.link {color: #666666; font-size: 12px; text-decoration: underline;}
#fullForum a.link:hover {text-decoration: none;}
#fullForum img.grayArrow {margin-right: 10px; margin-top: 3px;}
.hp .forum { padding:10px; background-color:#f7f7f7; }
.hp .forum h2 { float:left; height: 16px; color: #b1b1d6; font-size: 12px; font-weight: bold; padding:0; margin: 0; line-height: 1; text-transform:uppercase; }
.hp .forum h3 { float:left; height: 16px; color: #b1b1d6; font-size: 12px; font-weight: bold; padding:5px 0 5px 2px; margin: 0; line-height: 1; text-transform:uppercase; }
.hp .forum tr { background-color:#f1f1f1; }
.hp .forum th { padding:2px 4px; text-align:left; background-color:#c7c7e0; color:#585882; font-weight:bold; font-size:10px; }
.hp .forum td { padding:4px 4px; color:#5F5F5F; border-bottom:1px solid #fff; }
.hp .forum td a.title { color:#5F5F5F; font-weight:bold; }
.hp .forum .btn-purple { margin:5px 0;}
.hp .forum .newtopic { margin:20px 0 0 0; }
.hp .forum .newtopic label { display:block; margin:5px 0 2px 0; color: #5F5F5F; }
.hp .forum .newtopic input, .hp .forum .newtopic textarea { width:500px; border:1px solid #b1b1d6; color: #5F5F5F; }

.wrapper { background-color:#f1f1f1; border: 1px solid #D9D9D9; padding: 0; margin: 0 0 0px 0; width:920px;}
.wrapper .header { color: #134776; border-bottom:1px solid #B7B7B7; border-left:1px solid #ffffff; background: url(../images/table_header_pix.gif) repeat-x; height:27px; line-height:27px; font-weight: bold; text-transform:uppercase; }
.wrapper .wrap { border-left:1px solid #ffffff; }
.wrapper .wrapsearch { border-left:1px solid #ffffff; }

.wrapper .header { padding:0 0 0 10px; width:100% auto; } /* ie6 */
.wrapper .wrap { padding:10px 10px 10px 10px; }
.wrapper .wrap .addnew { padding: 0px; }
.wrapper .wrap .addnew a{ color: #134776; text-align:left; padding:0px 0 0px 14px; margin: 0;}
.wrapper .wrapsearch { padding:10px 0 10px 10px; }

html>body .wrapper .header { padding:0 10px; width:auto; } /* others */
html>body .wrapper .wrap { padding:10px; }
html>body .wrapper .wrapsearch { padding:10px; }

.wrapper .formtable{ width: 100%; }
.wrapper .formtable td{ padding:4px 0 4px 0; border:none; }
.wrapper .formtable td.label{ width: 110px; padding-right:20px; padding-top: 7px; vertical-align:top; font-weight:bold;}
.wrapper .formtable td label{ padding:0 0 2px 0; display:block; font-weight:bold; }
.wrapper .formtable .buttons{ padding:4px 0; text-align:right; }
.wrapper .formtable .calendarTable{ }
.wrapper .formtable .calendarTable td{ padding:0; }
.wrapper .formtable .calendarTable .calendarImg{ }
.wrapper .formtable .calendarTable .calendarBox{ width:75px; }
.wrapper .formtable input, .wrapper .formtable select { color:#666666; border:1px solid #b1b1d6; }
.wrapper .formtable input { padding: 0 2px 0 2px; }
.wrapper .formtable a { color:#9999cc; font-weight:bold; }
/* language tabs */
.translations { float: left; width: 100% auto; }
.tab { float: left; width: 25px; height: 14px; text-align: center; text-transform: uppercase; font-weight: bold; border-right: 1px solid #b1b1d6; padding: 0px 0 0 0; }
.tab-active { float: left; width: 25px; height: 14px; font-weight: bold; text-transform: uppercase; border-right: 1px solid #b1b1d6; background-color: #b1b1d6; color: #FFFFFF; text-align: center; padding: 0px 0 0 0; }
.tabcontent { display: none; }
.tabcontent-active { display: block;  }
.tab_container { float: left; border-top: 1px solid #b1b1d6; border-left: 1px solid #b1b1d6; }
.tabcontent_container { float: left; width: 100% auto; border: 1px solid #b1b1d6; }
.tabcontent_container .formtable td.label { width: 46px; }

.extranetnews { float: left; width: 925px; padding: 0px 10px 0 10px; margin: 0 0px 0 0px;  }
.extranetnews .delimiter { border-top: 1px dashed #d8d6d7; width: 925px; height: 10px; padding: 0 0 0px 0;}
.extranetnews .topnews {}
.extranetnews .topnews { background: #f8f8f8; }
.extranetnews .newsitem { padding: 10px 20px 10px 20px; }
.extranetnews .newsitem .news_body { }
.extranetnews .newsitem .news_body .title { width: 465px; float: left; }
.extranetnews .newsitem .news_body .title h3 { margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.extranetnews .newsitem .news_body .title h4 { margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #a8a8a8;  padding: 0 0 5px 0;}
.extranetnews .newsitem .news_body .date { width: 48px; float: right; height: 17px; font-weight: bold; background: url('../images/page_date_icon.gif') 12px 0 no-repeat; padding: 23px 0 0px 0;}
.extranetnews .newsitem .news_body a.more { color: #FFF; float: left; text-align: center; padding: 0px 0 5px 0; margin: 0px 0 0 0; background: url('../images/page_news_more.gif') no-repeat; width: 73px; height: 16px; }

.extranetnews .search { float: left; margin: 0 10px 10px 10px; padding: 18px 23px 20px 23px; width: 204px; height: 30px; background: #f8f8f8; }
.extranetdocs .search { float: left; margin: 0 10px 10px 10px; padding: 18px 23px 20px 23px; width: 386px; height: 30px; background: #f8f8f8; }
.extranetnews .search label,
.extranetdocs .search label,
.extranetnews .categories label { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 230px; color: #5e8ab1; padding: 0 0 1px 2px; }
.extranetnews .search h4,
.extranetdocs .search h4,
.extranetdocs .categories h4,
.extranetnews .categories h4{ display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 230px; color: #a3a3a3; padding: 0 0 1px 0px; margin: 0 0 3px 0;}
.extranetnews .search input{ width: 168px; height: 12px; border: 1px solid #cdcdcd; background: #FFF; padding: 1px 2px 2px 2px; color: #a1a1a1; }
.extranetdocs .search input{ float:left; width: 168px; height: 12px; border: 1px solid #cdcdcd; background: #FFF; padding: 1px 2px 2px 2px; color: #a1a1a1; }
.extranetnews .search input.searchbutton{ width: 14px; height: 13px; border: 0px; background: url('../images/footer_search_submit.gif');}
.extranetdocs .search input.searchbutton{ float:left; margin:0 0 0 10px; width:93px; height:17px; background: url('../images/orange_button.gif') left 1px no-repeat; border:none; color:#fff; cursor:pointer; }
.extranetnews .search input.okbutton,
.extranetdocs .search input.okbutton{ padding: 1px 2px 2px 2px;  width: 18px; height: 16px; border: 0px; background: url('../images/footer_ok_submit.gif');}
.extranetnews .search_options,
.extranetdocs .search_options{ width:540px;}
.extranetnews .search_options span,
.extranetdocs .search_options span { padding: 1px 10px 0 2px; }
.extranetnews .search_options .checkbox
.extranetdocs .search_options .checkbox { float:left; width:auto;}
.extranetnews .search_category,
.extranetdocs .search_category{ display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 565px; color: #fda137; padding: 2px 10px; margin: 0 0 3px 0; background-color:#f8f8f8; }

.extranetnews .categories{ float: left; margin: 0 10px 10px 0px; padding: 18px 23px 20px 23px; width: 274px; height: 30px; background: #f8f8f8; }
.extranetdocs .categories{ float: left; margin: 0 10px 10px 0px; padding: 18px 23px 20px 23px; width: 400px; height: 30px; background: #f8f8f8; }
.extranetnews .categories select,
.extranetdocs .categories select{ width: 278px; height: 17px; border: 1px solid #cdcdcd; background: #FFF; padding: 0px 2px 0px 2px; color: #a1a1a1; }

.extranetdocs .docsitem {  width:890px; padding: 10px 20px 10px 20px; }
.extranetdocs .docsitem_narrow {  width:880px; padding: 10px 0px 10px 10px; }
.extranetdocs .docsitem .docs_body { float: left; font-style: italic; width: 860px;}
.extranetdocs .docsitem .docs_body_documents { width: 897px;}
.extranetdocs .docsitem .docs_body .title { width: 805px; float: left; font-style: normal;  }
.extranetdocs .docsitem .docs_body .title h3 { margin: 0px; padding: 0px 0 5px 0; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.extranetdocs .docsitem .docs_body .title h4 { margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #a8a8a8;  padding: 0 0 5px 0;}
.extranetdocs .docsitem .docs_body .date { font-style: normal;  width: 55px; float: right; height: 17px; font-weight: bold; background: url('../images/page_date_icon.gif') center 0 no-repeat; padding: 23px 0 0px 0; text-align: center;}
.extranetdocs .docsitem .docs_body a.more { color: #FFF; float: left; text-align: center; padding: 0px 0 5px 0; margin: 15px 20px 10px 0; background: url('../images/extranet_download_button.gif') no-repeat; width: 154px; height: 16px; font-style: normal; }
.extranetdocs .delimiter { float: left; border-top: 1px dashed #d8d6d7; width: 935px; height: 10px; padding: 0 0 10px 0;}
.extranetdocs .delimiter_narrow { float: left; border-top: 1px dashed #d8d6d7; width: 890px; height: 10px; padding: 0 0 10px 0;}
.extranetdocs .docsitem .docs_body .releasedate { float: left; width: 140px; font-style:normal; font-size: 12px; padding: 0px 0 9px 0;  }
.extranetdocs .docsitem .docs_body .author { float: left; width: 425px; font-style:normal; font-size: 12px; padding: 0px 0 9px 0;  }
.extranetdocs .docsitem .docs_body .category { float: left; width: 270px; font-style:normal; font-size: 12px; padding: 0px 0 9px 0;  }
.extranetdocs .docsitem .docs_body .category b { color: #FDA137; }
.extranetdocs .sort { padding:0 0 10px 20px; width:885px; font-size:12px; }
.extranetdocs .sort .arrow_grey { float:left; display:block; width:16px; height:14px; background: url('../images/order_arrow_grey.gif') left top no-repeat; border:none; cursor:pointer;}
.extranetdocs .sort .arrow_orange { float:left; display:block; width:16px; height:14px; background: url('../images/order_arrow_orange.gif') left top no-repeat; border:none; color:#fff; cursor:pointer;}

.extranetdocs .sectionlabel { float: left; padding: 20px 23px 18px 23px; font-size: 14px; height: 20px; color: #9999cc; text-transform: uppercase; font-weight: bold; width: 180px; }
.extranetdocsheader { width: 940px; height: 109px; display: block; background: url(../images/extranet_header_news_active.gif);}
.extranetdocsheaderpublish { width: 940px; height: 109px; display: block; background: url(../images/extranet_header_news_pending.gif); }
.extranetdocsheadercreate { width: 940px; height: 109px; display: block; background: url(../images/extranet_header_news_create.gif); }
.extranetdocsheader .actionlink,
.extranetdocsheadercreate .actionlink,
.extranetdocsheaderpublish .actionlink { float: left; padding: 48px 0 0 95px; color: #9999cc; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.extranetdocsheader .actionlink a,
.extranetdocsheadercreate .actionlink a,
.extranetdocsheaderpublish .actionlink a { color: #999999; } 
.extranetdocsleft { display: block; float: left; height: 426px; width: 25px; background: url(../images/extranet_docs_left.gif) left no-repeat; }
.extranetdocsright { display: block; float: left; height: 426px; width: 25px; background: url(../images/extranet_docs_right.gif) right no-repeat; }

.pagetitle { width: 940px; height: 54px; padding: 0 0 5px 0; }
.pagetitle h2 { float: left; width: 400px; color: #fda137; font-size: 16px; font-weight: bold; font-family: Arial; padding: 18px 0 0 12px; margin: 0px; text-transform: uppercase;  }
.pagetitle .bg { background: url('../images/page_header_default.jpg'); background-position: right; background-repeat: no-repeat; width: 535px; height: 74px; float: right; }

.forum-middle td.read { color: green; font-weight: bold; }
.forum-middle td.new { color: red; font-weight: bold; }
.forum-middle a.markread{ float: left; background:url(../images/mark_read_icon.gif) no-repeat center center; display:block; width:18px; height:16px; cursor: pointer; padding: 0 1px 0 1px; }
.forum-middle a.details{ float: left; background:url(../images/details_icon.gif) no-repeat center center; display:block; width:18px; height:16px; cursor: pointer; padding: 0 1px 0 1px; }
.forum-middle a.answer{ background:url(../images/page_news_more.gif) no-repeat center center; text-align: center; display:block; width:73px; height:16px; cursor: pointer; float: right; color: #FFF; padding: 2px 0 0 0; cursor: pointer; }
.hp .forum th { font-weight: bold; font-size: 11px;}
.forum-middle tr.hidden { display: none; visibility: hidden; }

/* Modal window */
#modal_window { color:#FFF; font-family:Arial,Helvetica,sans-serif; margin:0 auto; overflow:auto; padding:10px 10px 20px 12px; width:355px;}
#modal_window .header { width: 355px; height: 9px; background: url('../images/modal_top.gif'); padding: 0px; border: 0px; }
#modal_window .footer { width: 355px; height: 9px;  background: url('../images/modal_bottom.gif'); padding: 0px; border: 0px;}
#modal_window .content { background: #fcd5a7; width: 355px; padding: 0px; border-top: 1px solid #fcd5a7; }
#modal_window input.email { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; width: 290px; height: 16px; padding: 2px 0 0 2px; margin: 5px 30px 0 0;}
#modal_window textarea { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; width: 290px; height: 100px; padding: 2px 0 0 2px; }
#modal_window label { float: left; color: #FDA137; font-size: 11px; font-family: Verdana, Arial, sans-serif; padding: 0 0 0 17px; }
#modal_window category_title { background: none; }
#modal_window h1.category_title { width: 300px; background: none; text-align: left; font-family: Arial, Verdana, sans-serif; text-indent: 0px; color: #FDA137; padding: 0px 0 10px 5px; height: 15px; margin: 0px 0 0 5px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#modal_window a.popin_x_button { float: right; background:transparent url(../images/popin_x_button.gif) no-repeat; display:block; height:10px; width:10px; padding: 0px 10px 0 0; margin: 2px 0 0 0; }
#modal_window .button {height: 20px; float: right; padding: 10px 10px 0 0; width: 345px; background: #fcd5a7; }
#modal_window .button a { color: #FEFEFE; width: 73px; height: 16px; text-align: center; float: right; padding: 0 0 0 0; background: url('../images/modal_more.gif');  }
#modal_window label.err { padding: 0px; margin: 0px; }
#modal_window .content .innermsg { padding: 0 0 0 16px; margin: 0px; }
#modal_window .content .error { background: #fcd5a7; color:#FF0000; color:#FF0000; float:left; height:auto; overflow:visible; text-align:left; width:339px; } 
#modal_window #popup_message { text-align: left; padding:12px 14px 12px 14px; color: #FDA137; font-size: 11px; font-family: Verdana, Arial, sans-serif; }
#modal_window #popup_message a { color: #FEFEFE; }

/* Blue skin for modal window */
#modal_window .blue .header { background: url('../images/modal_top_blue.gif'); }
#modal_window .blue .footer { background: url('../images/modal_bottom_blue.gif'); }
#modal_window .blue .content { background: #e2e2e2; border-top: 1px solid #e2e2e2; }
#modal_window .blue input.email { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .blue textarea { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .blue label { color: #0E87AC; }
#modal_window .blue h1.category_title { color: #0E87AC; }
#modal_window .blue a.popin_x_button { background:transparent url('../images/modal_x_button_blue.gif') no-repeat; }
#modal_window .blue .button { background: #e2e2e2; }
#modal_window .blue .button a { color: #FEFEFE; background: url('../images/modal_more_blue.gif');  }
#modal_window .blue .content .error { background: #e2e2e2; color:#FF0000; } 
#modal_window .blue #popup_message { color: #0E87AC; }
#modal_window .blue #popup_message a { color: #0E87AC; }

/* Orange skin for modal window */
#modal_window .orange .header { background: url('../images/modal_top_orange.gif'); }
#modal_window .orange .footer { background: url('../images/modal_bottom_orange.gif'); }
#modal_window .orange .content { background: #fcd5a7; border-top: 1px solid #fcd5a7; }
#modal_window .orange input.email { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .orange textarea { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .orange label { color: #FDA137; }
#modal_window .orange h1.category_title { color: #FDA137; }
#modal_window .orange a.popin_x_button { background:transparent url('../images/modal_x_button_orange.gif') no-repeat; }
#modal_window .orange .button { background: #fcd5a7; }
#modal_window .orange .button a { color: #FEFEFE; background: url('../images/modal_more_orange.gif');  }
#modal_window .orange .content .error { background: #fcd5a7; color:#FF0000; } 
#modal_window .orange #popup_message { color: #FDA137; }

.pagination { float: left; padding: 5px; margin:10px 0 0 0; width:575px; background-color:#c9c9c9; }
.pagination b, .pagination span { font-weight: bold; margin:0 5px 0 0; padding:0 4px; background: #fff; color: #c9c9c9; }
.pagination a { font-weight: bold; margin:0 5px 0 0; padding:0 4px; background: #fff; color: #767676; }
.pagination a.left { margin:0 20px 0 20px; width: 20px; float: none; padding: 0 4px 0 4px; }
.pagination a.right { margin:0 5px 0 20px; float: none;  }

.labelisation { padding: 0 10px 0 10px; color: #b3b3b3; }
.labelisation p { margin: 0px 25px 7px 25px; }
.labelisation .stepdark { background: #e9e8e8; padding: 10px 0 10px 0; margin: 10px 0 0 0; }
.labelisation .steplight { background: #f6f6f6; padding: 10px 0 10px 0; margin: 10px 0 0 0; }
.labelisation .steplight label.step,
.labelisation .stepdark label.step { float: left; padding: 16px 10px 10px 0; color: #666666; font-weight: bold; }
.labelisation .stepnumber { color: #fda137; font-size: 24px; padding: 9px 20px 0 20px; margin: 0 0 0 0; float: left; }
.labelisation .formfield { padding: 5px 0 0 60px; }
.labelisation .formfield label { float: left; width: 130px; padding: 8px 0 0 0; }
.labelisation .formfield input { width: 306px; height: 14px; padding: 5px; color: #666666; border: 1px solid #999999;  } 
.labelisation .formfield input.inactive { background: #d1cfcf; }
.labelisation .formfield textarea { width: 306px; height: 92px; padding: 5px; color: #666666; border: 1px solid #999999; } 
.labelisation .formfield input.button { float: left; width: 95px; height: 16px; background: url('../images/contact_send_button.gif') 0px 1px no-repeat; padding: 0 0 0px 0; margin: 2px 10px 12px 0; color: #fff; font-weight: bold; text-align: center; border: 0px; }

/** Custom browse button **/
.browseButton input { width:123px; height:16px; border:1px solid #999999; display:block; float:left; margin:0; padding:5px; font-size:11px;	color:#666666; }
.browseButton .browseMask { z-index: 0; width: 204px !important; }
.browseButton .browseContainer { position: relative; float: left; display: block; cursor:default; }
.browseButton .browseContainer .browse { cursor:default; position:absolute; left:0px; top:0px; }
.browseButton .browseContainer .browse img { padding: 0 5px 0 5px; cursor:default; }
.browseButton .browseInput { position:absolute; left:0px; top:0px; }
.browseButton .browseInput input { opacity:0.00; -moz-opacity:0.00; width:100px !important; filter:Alpha(Opacity=0); z-index: 100; height: 28px; }

.newsform { float: left; width: 840px; padding: 0 0 0 22px; }
.newsform img.previewThumbnail {margin-bottom: 10px; border: 1px solid #CCCCCC;}
.newsform label { width: 250px; height: 16px; font-weight: bold; font-size: 12px; font-family: Arial; color: #666666; }
.newsform input { float: left; width: 306px; height: 14px; margin: 5px 0 10px 0; padding: 5px; color: #666666; background: #ededed; border: 1px solid #cccccc;  } 
.newsform textarea { float: left; width: 786px; height: 234px; margin: 5px 0 10px 0; padding: 5px; color: #666666; background: #ededed; border: 1px solid #cccccc; }
.newsform .browseButton { padding: 6px 0 0 0; }
.newsform .browseButton input { background: #ededed; border: 1px solid #cccccc; }
.newsform .browseButton .dark { background: url('../images/orange_button.gif') 0px 0px no-repeat; width: 93px; height: 36px; margin: 10px 0 0 10px; text-align: center; color: #efefef; font-weight: normal; }
.newsform .browseButton .browseInput { top:10px; }
.newsform .browseButton .browseMask { width: 304px !important; }
.newsform a.more { color: #FFF; float: left; text-align: center; padding: 0px 0 5px 0; margin: 15px 20px 10px 0; background: url('../images/extranet_download_button.gif') no-repeat; width: 154px; height: 16px; font-style: normal; }

/* FTP filelist */
.ftp_filelist { padding:20px; background-color:#e4e4e4; }
.ftp_filelist th { padding:5px; font-size:13px; border-bottom:2px solid #fff; }
.ftp_filelist th.border_right { border-right:2px solid #fff; }
.ftp_filelist .arrow_down { display:inline-block; float:left; margin: 0 0 0 4px; width:18px; height:14px; background: url('../images/arrow_orange_down.gif') left 2px no-repeat; }
.ftp_filelist .arrow_right { display:inline-block; float:left; margin: 0 0 0 4px; width:18px; height:14px; background: url('../images/arrow_orange_right.gif') left 2px no-repeat; }
.ftp_filelist .item_name { border-right:2px solid #fff; }
.ftp_filelist .item_size { width:150px; text-align:center; border-right:2px solid #fff; }
.ftp_filelist .item_icon { width:150px; text-align:center; }
.ftp_filelist .directory { padding:2px; color:#666; font-size:13px; cursor:pointer; border-bottom:1px solid #e4e4e4; }
.ftp_filelist .directory_line { background-color:#f5f3f3; padding:4px; }
.ftp_filelist .directory_line_dark { background-color:#d7d6d4; margin:2px 0; padding:4px; }
.ftp_filelist .file { padding:2px 0 2px 4px; background-color:none; color:#666; font-size:11px; border-bottom:1px solid #fff; }
.ftp_filelist .file a { color:#666; }
.ftp_filelist .filetype { float:right; padding:0 50px 0 0; }
.ftp_filelist .icon_empty { display:block; float:left; padding: 0 24px 0 0; height:16px; }
.ftp_filelist .icon_image { display:block; float:left; padding: 0 24px 0 0; height:16px; background: url('../images/icon_image.gif') right top no-repeat; }
.ftp_filelist .icon_ppt { display:block; float:left; padding: 0 24px 0 0; height:16px; background: url('../images/icon_ppt.gif') right top no-repeat; }
.ftp_filelist .icon_pdf { display:block; float:left; padding: 0 24px 0 0; height:16px; background: url('../images/icon_pdf.gif') right top no-repeat; }
.ftp_filelist .icon_word { display:block; float:left; padding: 0 24px 0 0; height:16px; background: url('../images/icon_word.gif') right top no-repeat; }
.ftp_filelist .icon_quark { display:block; float:left; padding: 0 24px 0 0; height:16px; background: url('../images/icon_quark.gif') right top no-repeat; }

/* Inbox */
.hp .msg-left { float:left; width:26px; height:260px; background: url('../images/extranet_forum_left.gif') no-repeat; }
.hp .msg-right { float:left; width:26px; height:260px; background: url('../images/extranet_forum_right.gif') no-repeat; }
.hp .msg-middle { float:left; width:940px; min-height:300px; padding:35px 0 0 0; background: url('../images/extranet_forum_middle.gif') repeat-x; }
.hp .msg { padding:0px; }
.hp .messages {}
.hp .messages .messages_left { float:left; width:14px; height:566px; background: url('../images/messages_left.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .messages_right { float:left; width:14px; height:566px; background: url('../images/messages_right.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .messages_create_left { float:left; width:14px; height:566px; background: url('../images/messages_create_left.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .messages_create_right { float:left; width:14px; height:566px; background: url('../images/messages_create_right.png') no-repeat; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .messages_content { float:left; width:909px; }
.hp .messages .inbox_active { float:left; width:454px; height:109px; background: url('../images/messages_inbox_active.png') no-repeat; text-transform:uppercase; color:#9999cc; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .inbox_active a { color:#9999cc; }
.hp .messages .inbox_inactive { float:left; width:454px; height:109px; background: url('../images/messages_inbox_inactive.png') no-repeat; text-transform:uppercase; color:#999; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .create_active { float:left; width:455px; height:109px; background: url('../images/messages_create_active.png') no-repeat; text-transform:uppercase; color:#9999cc; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages .create_active a { color:#9999cc; }
.hp .messages .create_inactive { float:left; width:455px; height:109px; background: url('../images/messages_create_inactive.png') no-repeat; text-transform:uppercase; color:#999; behavior: url('../js/common/iepngfix.htc'); }
.hp .messages table { font-size:12px; }
.hp .messages td { border-bottom: 1px dotted #ccc; padding:8px; }
.hp .messages th { background-color:#999; color:#fff; font-size:11px; text-align:left; padding:8px; border-bottom: 1px dotted #ccc; }
.hp .messages .autor { width:150px; border-right: 1px dotted #ccc; }
.hp .messages .date { border-right: 1px dotted #ccc; text-align:center; padding-left:0px; padding-right:0px; }
.hp .messages .subject { border-right: 1px dotted #ccc; }
.hp .messages tr.new { font-weight:bold; }
.hp .messages tr.read { background-color:#e0e0e0; color:#686868;  }
.hp .messages a { color:#666; }
.hp .messages .message_icon_new { float:left; width:26px; height:16px; background: url('../images/message_icon_new.gif') no-repeat; }
.hp .messages .message_icon_read { float:left; width:26px; height:16px; background: url('../images/message_icon_read.gif') no-repeat; }
.hp .messages .pagination { margin-top:0px; width:899px; }
.hp .messages .inbox { display:block; margin:35px 0 0 90px; width:180px; height:48px; padding:20px 0 0 70px; background: url('../images/extranet_icon_inbox.gif') no-repeat; font-size:16px; font-weight:bold; }
.hp .messages .create_message { display:block; margin:40px 0 0 60px; width:270px; height:48px; padding:15px 0 0 70px; background: url('../images/icon_create_message.gif') no-repeat; font-size:16px; font-weight:bold; }
.hp .messages .return_to_inbox { margin:0 0 20px 0; padding:0 0 5px 15px; border-bottom:1px dotted #9999cc; }
.hp .messages .return_to_inbox a { color:#9999cc; font-weight:bold; }
.hp .messages .message_details { padding:0 15px; font-size:12px; color: #5F5F5F; }
.hp .messages .message_details .reply_message { width:860px; height:200px; padding:10px; margin:10px 0 0 0; background-color:#f1f0f0; overflow:auto; color: #5F5F5F; }
.hp .messages .message_details .inbox_message { padding: 3px 10px; background-color:#c7c7e0; color:#585882; font-weight:bold; }
.hp .messages .message_details .inbox_message_label { padding:5px 10px; float:left; width:150px; font-weight:bold; color:#585882; }
.hp .messages .message_details .inbox_message_content { padding:5px 0; float:left; width:680px; }
.hp .messages .message_details .delete_btn { padding:5px 0; }
.hp .messages input.reply { float:left; width:93px; height:17px; background: url('../images/orange_button.gif') left 1px no-repeat; border:none; color:#fff; cursor:pointer; }
.hp .messages .create_new_message { padding:0 15px; font-size:12px; }
.hp .messages .create_new_message div { margin:5px 0; color: #5F5F5F;}
.hp .messages .create_new_message input { height:15px; width:423px; padding:7px; background-color:#ededed; border:1px solid #ccc; color: #5F5F5F;}
.hp .messages .create_new_message select { height:29px; width:440px; padding:7px; background-color:#ededed; border:1px solid #ccc; color: #5F5F5F;}
.hp .messages .create_new_message input.reply { width:93px; height:17px; padding:0; border:none; background-color:transparent; color: #5F5F5F;}
.hp .messages .create_new_message .message { width:860px; height:200px; padding:10px; margin:10px 0 0 0; background-color:#ededed; border:1px solid #ccc; overflow:auto; color: #5F5F5F; }
.hp .messages .create_new_message .create_new_message_description { float:right; width:420px; margin:28px 0 0 0; }
.hp .messages .create_new_message .city_selector { height:15px; width:423px; margin:0; padding:7px; border:1px solid #ccc; color:#999; background-color:#ededed; }
.hp .messages .create_new_message .city_selector_dropdown { position:absolute; width:421px; height:200px; overflow:auto; margin:0 0 0 1px; padding:1px 7px 7px 7px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#999; font-size:11px; background-color:#f2f2f2; font-size:11px; }
.hp .messages .create_new_message .dropdown_button { float:right; width: 14px; height: 13px; border: 0px; background: url('../images/footer_search_submit.gif'); cursor:pointer; }
.hp .messages .create_new_message .city_id { width:auto; height:auto; border:none; }
.hp .messages .create_new_message label {  }
.hp .messages .create_new_message #recipients { overflow:hidden; width:390px; height:16px; color: #5F5F5F;}